Strona główna Odkrywaj Pomoc
Zarejestruj się Zaloguj się
orderqueen
/
oqpo-view
Obserwuj 3
Polub 0
Forkuj 0
Files Problemy 0 Oczekujące zmiany 0 Wiki
Drzewo: 90ea90a6e7
Gałęzie Tagi
oqpo-view
/
src
/
main
/
webapp
/
mobile
/
css
/
style.css

style.css 57 KB
Historia Czysty

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759 
  1. /* @font-face {
    2. 

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

  3.     src: url("../main/webapp/mobile/fonts/KoPubWorld Dotum Medium.ttf") format('woff');
    4. 

  4. } */
    5. 

  5. /* @font-face {
    6. 

  6.     font-family: 'GmarketSansMedium';
    7. 

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

  8.     font-weight: normal;
    9. 

  9.     font-style: normal;
    10. 

  10. } */
    11. 

  11. * {margin: 0; padding: 0;letter-spacing: -1px; box-sizing: border-box; text-align: center; font-family: 'KoPub Dotum', 'serif'; list-style: none;}
    12. 

  12. section {}
    13. 

  13. form.area_full{display:flex; flex-direction:column; height:calc(100vh - 49px);}
    14. 

  14. form.put_btn{display:flex; flex-direction:column; height:calc(100vh - 96px);}/* 96px */
    15. 

  15. body{background: #fff; position: relative; width: 100%; height: 100%; font-family: 'KoPub Dotum';
    16. 

  16. 	overflow:scroll-y; 
    17. 

  17. 	-webkit-overflow-scrolling:touch;}
    18. 

  18. body .login {position:fixed;}
    19. 

  19. .color-gray {color:#aaa;}
    20. 

  20. /* 팝업 */
    21. 

  21. section .popup {position: absolute; top:0; width: 100%; height: 100vh; background: transparent; z-index: 11;}
    22. 

  22. section .popup .pop {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 70%; height: auto; padding-top: 20px; background: #fff; border: 1px solid #000; border-top-left-radius: 10px; border-top-right-radius: 10px;}
    23. 

  23. section .popup .pop.short {height:260px;}
    24. 

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

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

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

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

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

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

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

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

  32. section .popup .pop .popup_btn {position:absolute; left:-1px; bottom:-40px; background-color: #ccc; width: 101%; height: 40px; border: 1px solid #000;}
    33. 

  33. 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;}
    34. 

  34. section .popup .pop .popup_btn button.ok { width: 64%; border-left: 1px solid #000;}
    35. 

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

  36. 

  37. 

  38. section .popup2 {position: absolute; top:0; width: 100%; height: 100vh; background: rgba(200, 200,200, 0.8); z-index: 11;}
    39. 

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

  40. section .popup2 .barcode {width: 100%;}
    41. 

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

  42. section .popup2 .barcode h1{text-align: left; width: 85%; font-size: 16px; margin:auto; margin-top: 50%;}
    43. 

  43. section .popup2 .btn_barcode {margin-top: 20%;}
    44. 

  44. section .popup2 .btn_barcode button {width: 35%; height: 40px; font-size: 15px; font-weight:100;}
    45. 

  45. section .popup2 .pop { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-55%); width: 95%; height: 87%; background: #fff; border: none; border-radius:5px; box-shadow:0px 0px 10px grey;}
    46. 

  46. section .popup2 .pop .header {position: relative; height: 40px; background: #f0831e; color:#eee; border-top-right-radius: 5px; border-top-left-radius: 5px;}
    47. 

  47. section .popup2 .pop .header .header_left {padding-top: 12px;}
    48. 

  48. section .popup2 .pop .header .header_left label {font-size: 14pt; font-weight:100; top: -2px; position: relative;} 
    49. 

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

  50. section .popup2 .pop .header .header_right button {border: none; background: transparent; margin:0px -5px;}
    51. 

  51. section .popup2 .pop .header .header_right button img {width:16px;}
    52. 

  52. section .popup2 .pop .select_btn {position:relative; width:100%; height: 40px;}
    53. 

  53. section .popup2 .pop .select_btn button.btn_red {float: right; width: 90px; height: 25px; margin:0 7px; background:#d9baaf; color: #fff; font-size: 12px; padding-top:4px; border: 1px solid #cca597;}
    54. 

  54. section .popup2 .pop .select_btn button.btn_blue {float: right; width: 62px; height: 34px; margin:0 7px; background:#8f9fc6; color: #fff; font-size: 10pt; padding:0px; border: none; border-radius:5px;}
    55. 

  55. section .popup2 .pop .select_btn button.btn_blue:active{background-color: #708cd1;}
    56. 

  56. section .popup2 .pop .select_btn img {width:12px;}
    57. 

  57. section .popup2 .pop .search_bar {width: 90%; height: 60px; margin:0 auto; padding:10px;}
    58. 

  58. section .popup2 .pop .search_bar input {width: 80%; height: 35px; position:relative; font-size:14px;}
    59. 

  59. section .popup2 .pop .search_bar select {width: 80%; height: 35px; position:relative; font-size:14px;}
    60. 

  60. section .popup2 .pop .search_bar select:focus {outline:none;}
    61. 

  61. section .popup2 .pop .search_bar button {position:relative; width:34px; height:34px; background:transparent; margin-right:0%; margin-top:3px; border: 1px solid #ccc; border-radius:4px; padding:0px;}
    62. 

  62. section .popup2 .pop .search_bar button img {width: 18px; position:relative; top:-1px;}
    63. 

  63. 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;}
    64. 

  64. section .popup2 .pop .search_item_bar {width:98%;margin:5px auto; position: relative; top:-40px; display:flex;}
    65. 

  65. section .popup2 .pop .search_item_bar input {width:40%; height:26px; border-radius:5px; margin:0; font-size:12px;}
    66. 

  66. section .popup2 .pop .search_item_bar select {width:22%; height:26px; padding:0; border-radius:5px; margin-right:5px;}
    67. 

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

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

  69. section .popup2 .pop .search_btn_bar .btn_right button img{width:16px; height:16px; margin-right:5px;}
    70. 

  70. section .popup2 .pop .search_btn_bar .btn_right button {height:26px; padding:1px 12px; font-size:10pt; font-weight:100; border-radius:3px; border:1px solid #333;}
    71. 

  71. section .popup2 .pop .table>tbody>tr {border-bottom:1px solid #ddd;}
    72. 

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

  73. section .popup2 .pop .table .table_tr {display:flex;}
    74. 

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

  75. section .popup2 .pop .table .table_tr .tabel_th label {font-size:14px; padding-top:5px; font-weight:100;}
    76. 

  76. section .popup2 .pop .table .table_tr .tabel_th .chkAll {margin:-5px; width:15px;}
    77. 

  77. section .popup2 .pop .m_table_body{width:100%; height:333px; margin:0 auto; overflow:auto;}
    78. 

  78. section .popup2 .pop .m_table_body .table_body{}
    79. 

  79. section .popup2 .pop .m_table_body .table_body::-webkit-scrollbar {
    80. 

  80.     display: none; /* Chrome, Safari, Opera*/
    81. 

  81. }
    82. 

  82. section .popup2 .pop .table_tr {display:flex; height:31px; border-bottom:1px solid #aaa; border-right:1px solid #aaa;}
    83. 

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

  84. section .popup2 .pop .table_tr .table_td div {text-overflow:ellipsis; overflow:hidden; white-space:nowrap; width:100%; font-size:12px; font-weight:100;}
    85. 

  85. section .popup2 .pop .table_tr .table_td .chkItem {margin-top:-5px; width:15px; left:50%; position:relative; transform:translateX(-50%);}
    86. 

  86. 

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

  88. section .popup2 .pop .popup_scroll {position: relative; width: 100%;height: 70%; overflow: auto; border-top:1px solid #E0B8AB; border-bottom:1px solid #E0B8AB;}
    89. 

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

  90. section .popup2 .pop .popup_scroll li.row_2 {height: 60px; display:flex;}
    91. 

  91. section .popup2 .pop .popup_scroll li.row_3 {height: 90px; display:flex;}
    92. 

  92. 

  93. section .popup2 .pop .popup_scroll li .left {position: relative; float: left;}
    94. 

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

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

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

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

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

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

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

  101. section .popup2 .pop .popup_scroll li .scroll_left {float: left; display:grid; width: calc(100% - 63px);}
    102. 

  102. section .popup2 .pop .popup_scroll li .scroll_left.item{float: left; display:grid; width: calc(100% - 141px);}
    103. 

  103. section .popup2 .pop .popup_scroll li .scroll_left div {text-overflow:ellipsis; overflow:hidden; white-space:nowrap; text-align:left; float: left; font-size: 12pt; font-weight: 100; width: 80%; margin:8px 6px -6px 10px;}
    104. 

  104. section .popup2 .pop .popup_scroll li .scroll_left .con_2 {padding-top:0px;}
    105. 

  105. section .popup2 .pop .popup_scroll li .scroll_left .pop_flex {display:flex; width:96%;}
    106. 

  106. section .popup2 .pop .popup_scroll li .scroll_left .pop_flex label {min-width:70px; text-align:left;}
    107. 

  107. section .popup2 .pop .popup_scroll li .scroll_left .pop_flex span {width:10px;}
    108. 

  108. section .popup2 .pop .popup_scroll li .scroll_left .pop_flex div {width:calc(100% - 80px); margin:0;}
    109. 

  109. section .popup2 .pop .popup_scroll li .scroll_left .pop_flex div.col_0 {width:auto;}
    110. 

  110. section .popup2 .pop .popup_scroll li .scroll_left .pop_flex div.text_2 {width:calc(100% - 200px); margin:0;}
    111. 

  111. section .popup2 .pop .popup_scroll li .scroll_left .mg_0 {margin:0; width:100%;}
    112. 

  112. section .popup2 .pop .popup_scroll li .scroll_left .mg_0 div {text-overflow:ellipsis; overflow:hidden; white-space:nowrap; width:47%; margin:0; padding: 8px 2px 0px 2px;}
    113. 

  113. section .popup2 .pop .popup_scroll li .scroll_left .mg_0 .type_hide {width:auto; color:#aaa;}
    114. 

  114. section .popup2 .pop .popup_scroll li .scroll_left .sub{font-size:12pt; color:#aaa; text-align:right; }
    115. 

  115. section .popup2 .pop .popup_scroll li .scroll_left .wichi{font-size:12pt; color:gray;}
    116. 

  116. section .popup2 .pop .popup_scroll li .scroll_left .amt{font-size:12pt; color:#b88278;}
    117. 

  117. section .popup2 .pop .popup_scroll li .scroll_right {float: right; width:50px;}
    118. 

  118. section .popup2 .pop .popup_scroll li .scroll_right input[type=checkbox]{width:24px; margin:13px 11px 0 11px;}
    119. 

  119. 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:11px 0px;}
    120. 

  120. section .popup2 .pop .popup_scroll li .scroll_right button:hover {background:#708cd1;}
    121. 

  121. section .popup2 .pop .popup_scroll li .right {position: relative; display: flex; font-size: 1.6rem; font-weight: 700; float: right; top:15px; width:100px; height:32px;}
    122. 

  122. section .popup2 .pop .popup_scroll li .right button {padding: 0px; font-size: 17px; width:32px;}
    123. 

  123. section .popup2 .pop .popup_scroll li .right button img {width:32px;}
    124. 

  124. 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);}
    125. 

  125. section .popup2 .pop .popup_scroll li .right input {width:46px; height:27px; margin:0; padding:3px; text-align:center; border-radius:0px; border:none; font-size:13pt;}
    126. 

  126. section .popup2 .pop .popup_scroll li .right input:focus {outline:none;}
    127. 

  127. section .popup2 .pop .content .line button {width: 35%; height: 26px;font-size: 12pt; font-weight:100; padding-top: 0px; margin: 0 10px;}
    128. 

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

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

  130. section .popup2 .list_line .list_label {width:30%;border:1px solid #000; height:30px; padding-top:4px; border-bottom:none; background:#eee;}
    131. 

  131. section .popup2 .list_line .list_label label{font-size:12pt;}
    132. 

  132. section .popup2 .list_line .list_info {width:70%;height:30px; border:1px solid #000; padding-top:4px; border-left:none; border-bottom:none;}
    133. 

  133. section .popup2 .list_line .list_info input{width:90%;}
    134. 

  134. section .popup2 .list_line .mail input {width:30%;}
    135. 

  135. section .popup2 .list_line .mail select {width:30%;}
    136. 

  136. section .popup2 .list_line .list_info .pay_info {text-overflow:ellipsis; overflow:hidden; white-space:nowrap; text-align:left; padding-left:10px; font-size:12pt; width:100%; }
    137. 

  137. section .popup_scroll li .right .num {padding:2px 0px; width: 43px; border-top:1px solid #E0B8AB; border-bottom:1px solid #E0B8AB;}
    138. 

  138. section .popup_scroll li .right button {border:none; padding:0px 7px; font-size: 1.5rem; border-radius: 0px;}
    139. 

  139. section .popup_scroll li .right button:active {opacity:0.7; background:transparent;}
    140. 

  140. section .popup2 .list_line .line_right {float:right; width:70%;}
    141. 

  141. section .popup2 .list_line .line_right select {width:200px; float:right; height:26px; margin-top:4px;}
    142. 

  142. section .popup2 .list_line .line_right input {width:200px; float:right; text-align:right;}
    143. 

  143. section .popup2 .list_line .info{width:30%; padding-top:8px; padding-left:20px; text-align:left; font-size:12pt;}
    144. 

  144. 

  145. section .popup2 .search .left {width:50%; float:left;}
    146. 

  146. section .popup2 .search .right {width:50%; float:right;}
    147. 

  147. 

  148. section .popup2 .search .left button,
    149. 

  149. section .popup2 .search .right button {width:70px; height:34px; font-size:12pt; margin-top:10px;}
    150. 

  150. section .popup2 .content .line .search_wrap input {float:right; width:50%; margin-right:0px; margin-top:0;}
    151. 

  151. section .popup2 .content .line.mt_5 {margin-top:0px; width:300px;}
    152. 

  152. section .popup2 .content .line.ml_10 {margin-top:1px;}
    153. 

  153. section .popup2 .content .line .search_wrap select {float:right; width:50%; height:26px; margin-right:0px;}
    154. 

  154. 

  155. 

  156. section .popup3 {position: absolute; top:0;width: 100%; height: 100vh; background: transparent; z-index: 11;}
    157. 

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

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

  159. section .popup3 .content div{font-weight:100;}
    160. 

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

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

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

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

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

  165. section .popup3 .pop .header .header_right button {border: none; background: transparent;}
    166. 

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

  167. /* 버튼 */
    168. 

  168. button {background-color: #fff; padding: 10px;}
    169. 

  169. button.btn-primary  {color: #fff; background-color: #8f9fc6; border: none;}
    170. 

  170. button.btn-primary:active{background-color: #708cd1;}/* border: 1px solid #cacfe3; */
    171. 

  171. button.btn-yellow   {color: #fff; background-color: #f9c03c; border: none;}
    172. 

  172. button.btn-m-orange	{color: #fff; background-color: #f0831e; border: none;}
    173. 

  173. button.btn-m-orange:hover {border:3px solid #f0831e !important; background-color: #fff; color:#B7B8B8;}
    174. 

  174. button.btn-gray     {color: #fff; background-color: #a89d9c; border: none;}
    175. 

  175. button.btn-danger   {color: #fff; background-color: #c8989d; border: none;}
    176. 

  176. button.btn-green	{color: #fff; background-color: #5cb85c; border: none;}
    177. 

  177. 

  178. /* 실행,로딩 */
    179. 

  179. body.eee {height: 700px; background: #eee;}
    180. 

  180. .app_run {background: #ccc; width: 100%; height: 100%;}
    181. 

  181. .app_run .loding .start {position: absolute; width: 100%; top: 20%;}
    182. 

  182. .app_run .loding .start h2 {font-size: 1rem;}
    183. 

  183. .app_run .loding .start h1 {font-size: 2rem;}
    184. 

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

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

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

  187. 

  188. /* 업그레이드 , */
    189. 

  189. .upgrade { padding-top: 50%;}
    190. 

  190. .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;}
    191. 

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

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

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

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

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

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

  197. 

  198. /* 로그인 */
    199. 

  199. .bg_gray {width:100%; height:135px; background:#ecebea; border-bottom-left-radius:50%; border-bottom-right-radius:50%;}
    200. 

  200. #ITP_LOGIN {
    201. 

  201.     transform: translateX(-50%);
    202. 

  202.     max-width: 500px;
    203. 

  203.     height:150%;
    204. 

  204.     left: 50%;
    205. 

  205.     position: fixed;}
    206. 

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

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

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

  209. #ITP_LOGIN .login_popup .login_info {position:relative; top:-50px;}
    210. 

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

  211. #ITP_LOGIN .login_popup .num_area {position: relative; width: 100%;  margin-bottom: 30px;}
    212. 

  212. #ITP_LOGIN .login_popup .num_area .input_area {margin-bottom: 8px;}
    213. 

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

  214. #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:none; border-radius: 10px;}
    215. 

  215. #ITP_LOGIN .login_popup .itp_del_btn.reg_no {width:50px; right:123px; top:2px;}
    216. 

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

  217. #ITP_LOGIN .login_popup .itp_del_btn {position:absolute; top:13px; right:66px; background:transparent;}
    218. 

  218. #ITP_LOGIN .login_popup .itp_del_btn button {width:25px; border:none; padding:0; background:transparent;}
    219. 

  219. #ITP_LOGIN .login_popup .itp_del_btn button img{width:13px;}
    220. 

  220. #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;}
    221. 

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

  222. 

  223. #ITP_LOGIN .login_page {position: relative; width: 100%;  margin-bottom: 28px;}
    224. 

  224. 

  225. #ITP_LOGIN .input_area {position: relative; width: 100%;  margin-bottom: 8px;}
    226. 

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

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

  228. #ITP_LOGIN .input_area input:focus + label,
    229. 

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

  230. #ITP_LOGIN .error {margin: 0 auto; height:70px;}
    231. 

  231. #ITP_LOGIN .error label {font-size: 1rem;}
    232. 

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

  233. #ITP_LOGIN .login_btn button {
    234. 

  234.   font-weight: nomal;
    235. 

  235.   border:none; border-radius: 10px;
    236. 

  236.   color: #eee;
    237. 

  237.   background-color: #f7b014;
    238. 

  238.   width: 70%;
    239. 

  239.   height: 50px;
    240. 

  240.   font-size: 20px;
    241. 

  241. }
    242. 

  242. 

  243. /* 메인화면 */
    244. 

  244. 

  245. 

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

  247.   .footer button {margin: 0 15px;}
    248. 

  248. }
    249. 

  249. 

  250. .main {margin-top: 70px; height: 500px;}
    251. 

  251. .main .wicon label {font-size: 1.2rem;}
    252. 

  252. .main .wicon {width: 380px; margin: 0 auto;}
    253. 

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

  254. .main .wicon .icon_left {float: left;}
    255. 

  255. 

  256. 

  257. input {font-size:14px; margin-top: 3px; border: 1px solid #ccc; border-radius:4px; height: 35px;text-align: left; padding:0 10px;}
    258. 

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

  259. 

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

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

  262. 

  263. /* 공통화면 */
    264. 

  264. 

  265. #ITP_WRAPPER header {position: fixed;top: 0;width: 100%;height: 49px;background-color:#F7B014;align-items: center; z-index:1;}
    266. 

  266. #ITP_WRAPPER header .header_wrap {width: 100%; height: 49px; margin: 0 auto; display: inline-flex;}
    267. 

  267. #ITP_WRAPPER header .header_wrap .menu_logo {width:80px; height:49px;}
    268. 

  268. #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;}
    269. 

  269. #ITP_WRAPPER header .header_wrap .menu_logo button img {width: 22px; height: 18px; margin: 0; border-radius: 0; border: none;}
    270. 

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

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

  272. #ITP_WRAPPER header .header_wrap .name_info {width: calc(100% - 120px); height:49px; display:inline-flex;}
    273. 

  273. #ITP_WRAPPER header .header_wrap .name_info .bn {text-overflow:ellipsis; overflow:hidden; white-space:nowrap; padding-top:0; text-align:right; width:auto; height:22px; font-size:18px; margin-left:10px;}
    274. 

  274. #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: auto; font-size: 15px; color:#fff; margin-top:14px;}
    275. 

  275. 

  276. #ITP_WRAPPER header .header_wrap .logout {float: right; width: 40px;}
    277. 

  277. #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;}
    278. 

  278. #ITP_WRAPPER header .header_wrap .logout button img {width:17px; height:18px;}
    279. 

  279. 

  280. /* 메뉴바 */
    281. 

  281. #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;}
    282. 

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

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

  284. #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;}
    285. 

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

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

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

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

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

  290. #ITP_MENU .menu_bar .menu_header .user_info div.id {font-weight: normal; color: #666; margin-left: 10px; margin-top: 25px;}
    291. 

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

  292. #ITP_MENU .menu_bar .menu_header .setting {float: right;}
    293. 

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

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

  295. 

  296. 

  297. /* ITP_SIDEBAR */
    298. 

  298. #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;}
    299. 

  299. #ITP_SIDEBAR.itp_open_nav {width: 100%; height: 100%;}
    300. 

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

  301. #ITP_SIDEBAR.itp_open_nav .itp_nav {visibility:visible;}
    302. 

  302. #ITP_SIDEBAR.itp_open_nav .itp_nav::-webkit-scrollbar{display:none;}
    303. 

  303. #ITP_SIDEBAR .itp_nav.panel-group .panel+.panel {margin-top:0;}
    304. 

  304. #ITP_SIDEBAR .itp_nav .panel-heading {padding:0;}
    305. 

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

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

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

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

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

  310. 

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

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

  313. #ITP_SIDEBAR .itp_nav .itp_svgs .itp_svg_in {position:relative;}
    314. 

  314. #ITP_SIDEBAR .itp_nav .itp_svgs li {width:100%; height:40px; border-top: 1px solid #ddd; padding-left:15px;}
    315. 

  315. #ITP_SIDEBAR .itp_nav .itp_svgs li:first-child {border-top:none;}
    316. 

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

  317. #ITP_SIDEBAR .itp_nav .itp_svgs li:first-child a {padding-top:11px;}
    318. 

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

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

  320. #ITP_SIDEBAR .itp_nav .itp_svgs li a .glyphicon {font-size:9px; float:left; margin:2px 6px 0 0;}
    321. 

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

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

  323. #ITP_SIDEBAR .itp_nav .itp_svgs li a .itp_tt {float:left; font-size:11pt;}
    324. 

  324. 

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

  326. #ITP_SIDEBAR.itp_open_nav .nav_bottom .fnMenuNm {color:#0000ff;}
    327. 

  327. #ITP_SIDEBAR.itp_open_nav .nav_bottom .fnVersion {color:#0000ff;}
    328. 

  328. 

  329. /* 컨텐츠 화면 */
    330. 

  330. 

  331. 

  332. #ITP_CONTAINER.fix {
    333. 

  333. 

  334.   padding-top: 49px;
    335. 

  335.   font-size: 16px;
    336. 

  336. }
    337. 

  337. .content {position: fixed; display:contents; z-index: 10; width:100%; background: #f5f6f6; border-bottom:1px solid #E0B8AB;}
    338. 

  338. .content .content_fix {background:linear-gradient(to bottom, #f5f6f6, #fff); border-bottom:1px dashed #E0B8AB;}
    339. 

  339. .content .content_inside {background: #f5f6f6; border-bottom:1px solid #E0B8AB;}
    340. 

  340. .content .header {width:100% !important; margin:0 !important;}
    341. 

  341. .content .line {position: relative; display: inline-block; width: 332px; margin:0 auto; height: 39px; margin-bottom: -10px;}
    342. 

  342. .content .line.shot{height:30px;}
    343. 

  343. .content .line.mt5 {margin-top:5px;}
    344. 

  344. .content .line.top6 {top:6px;}
    345. 

  345. .content .line.top9 {top:9px;}
    346. 

  346. .content .line.top12 {top:12px;}
    347. 

  347. 

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

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

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

  351. .content .line .search_wrap select {float:right; width:50%; height:27px; margin-right:10px;}
    352. 

  352. .content .line div.itp_search_header {height:32px; font-weight:100;padding:5px 10px 5px 10px; text-align: left; color:#b88278; font-size:12pt; font-weight:bold;}
    353. 

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

  354. .content .line label {min-width:125px; color:#898989; font-size: 12pt; float: left; text-align: left; margin-top: 7px; font-weight:100;}
    355. 

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

  356. .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;}
    357. 

  357. .content .line .itp_label_select {padding:0;width:120px; height:35px; color:#666; font-size: 12pt; float: left;  margin:3px 5px 3px 0; font-weight:100; border:1px solid #ccc; border-radius:5px;}
    358. 

  358. .content .line .float_left {float: left; width:168px;;}
    359. 

  359. .content .line .float_left.name {width:60%; margin-top:1px;}
    360. 

  360. .content .line .float_left button {float:right; left:-2px; top:-2px; position:relative; background:transparent; border:none; width:26px; height:26px; padding:0;} 
    361. 

  361. .content .line .float_left button img {width:18px;}
    362. 

  362. .content .line .float_left input {width:100%; font-size:14pt; text-overflow:ellipsis; padding-right:22px;}
    363. 

  363. .content .line .float_left input::placeholder {color:#bbb; font-size:10pt;}
    364. 

  364. .content .line .float_left.note {width: 100%; padding: 10px;}
    365. 

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

  366. .content .line .float_left div {font-size: 14pt; margin-top: 5px; margin-right:8px; text-align:right; font-weight:100; color:#b88278;}
    367. 

  367. .content .line .float_left .input_text {background: #fff; width: 100%; height: 35px; border: 1px solid #ccc; margin-top: 3px; border-radius: 4px;}
    368. 

  368. .content .line .float_left .itp_input_btn {top:9px; margin:0; position:absolute; width:168px;}
    369. 

  369. .content .line .float_right_btn {float: left; margin-top: 3px; margin-left: 3px;}
    370. 

  370. .content .line .float_right_btn button {padding:0; width:35px; height:35px; border-radius:5px; border:1px solid #ccc;}
    371. 

  371. .content .line .float_right_btn button img {width:18px;}
    372. 

  372. .content .line .float_left select {float: left; width: 100%; height: 35px; margin-top:3px; border: 1px solid #ccc; border-radius:5px; font-size: 14pt; font-weight:100;}
    373. 

  373. .content .line .line_right {float: right; margin-right: 0%; width:200px;}
    374. 

  374. .content .line .line_right div {text-overflow:ellipsis; overflow:hidden; white-space:nowrap; width:100%; text-align:right; float: right; font-size: 12pt; margin-top: 7px; margin-right:0%; color:#555;padding-right:5px;}
    375. 

  375. .content .line .line_right input {position: relative; text-align: center; font-size:12pt; width:100%;}
    376. 

  376. .content .line .line_right input.m9 {margin-right:93px;}
    377. 

  377. .content .line .line_right input.left {text-align: left;}
    378. 

  378. .content .line .line_right input.mg0 {margin-right:10px;}
    379. 

  379. .content .line .line_right input.date{width:194px; margin-right:132px; height:35px; margin-left:3px;} 
    380. 

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

  381. .content .line input.date {width: 168px; height: 35px; float: left; text-align:center; font-size:14pt; background: url(../img/calender.png) 95%/18px no-repeat white}
    382. 

  382. .content .line input.full {width: 100%;}
    383. 

  383. .content .line div.date_to {display:flex; width:62%; height:35px; float: left; margin-right:0px; margin-top:3px;}
    384. 

  384. .content .line div.date_to input {font-weight:100; width:47%; height:35px; font-size:11pt; padding:0 24px 0 3px; margin:0;}
    385. 

  385. 

  386. .content .line div.date_to div.at {width: 6%;  font-size: 14pt; padding-top:5px; float: right;}
    387. 

  387. .content .line .search {width: 100%; height: 50px; padding-top:6px;}
    388. 

  388. .content .line .search button {width: 40%; height: 34px; font-size: 12pt; font-weight:100; padding: 0;}
    389. 

  389. .content .line .search button.col_3 {width: 25%; height:34px; margin:0 10px;}
    390. 

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

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

  392. .content .list_line .list_label {width:30%;border:1px solid #000; height:36px; padding-top:7px; border-bottom:none; background:#eee;}
    393. 

  393. .content .list_line .list_label label {font-size:12pt;}
    394. 

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

  395. 

  396. .content .list_line .list_info input{width:90%; margin:0;}
    397. 

  397. 

  398. .content .list_line .mail input {width:30%;}
    399. 

  399. .content .list_line .mail select {width:30%; height:26px; font-size:14px; border: 1px solid #ccc;border-radius: 5px;}
    400. 

  400. .content .list_line .list_info .pay_info {text-align:left; padding-left:17px; font-size:12pt;}
    401. 

  401. .content .table_header {margin-top: 6px; width: 100%; height: 20px;}
    402. 

  402. .content .table_btn {margin-top: 12px; width: 100%; height: 40px;}
    403. 

  403. .content .table_header h1 {margin-left: 15px; margin-top:0px; margin-bottom:0; font-size: 13px; float: left; color: #000; font-weight: 100;}
    404. 

  404. .content .table_btn h1 {margin-left: 15px; margin-top:16px; margin-bottom:0; font-size: 13px; float: left; color: #000; font-weight: 100;}
    405. 

  405. .content .table_btn button {float:right; width: 62px; height:34px; font-size: 10pt; font-weight: 100; padding:0px; margin: 0px 2px 0px 0; border-radius:5px;}
    406. 

  406. .detail_content {top: 0px; position: fixed; display:contents; z-index: 10; width:100%; background: #fff;}
    407. 

  407. .detail_content .detail_content_fix {background: #f5f6f6; border-bottom:1px solid #E0B8AB;}
    408. 

  408. .detail_content .detail_header {width: 330px; height: 30px; margin:0; left:50%; position:relative; transform:translateX(-50%);}
    409. 

  409. .detail_content .detail_header .detail_logo {float: left; margin-top:7px;}
    410. 

  410. .detail_content .detail_header .detail_logo img {width: 35px; margin-left: 10px;}
    411. 

  411. .detail_content .detail_header .detail_ok {float: left; margin-top:5px;}
    412. 

  412. .detail_content .detail_header .detail_ok label {margin-left: 72px; font-size: 12pt; font-weight: 700;}
    413. 

  413. .detail_content .detail_confirmation {height: 120px;}
    414. 

  414. .detail_content .detail_confirmation .detail_col {left:50%; position:relative; transform:translateX(-50%); float: left; width: 330px; height:20px; display: flex;}
    415. 

  415. .detail_content .detail_confirmation .detail_col label{font-size: 10pt; font-weight: 700; float: left; width: auto; text-align: left; min-width:78px;}
    416. 

  416. .detail_content .detail_confirmation .detail_col i{font-size: 10pt; font-style:normal; width: 1%; text-align: right; margin-right: 10px;}
    417. 

  417. .detail_content .detail_confirmation .detail_col div{text-overflow:ellipsis; overflow:hidden; white-space:nowrap; font-size: 10pt; flex: 1; text-align: left;}
    418. 

  418. .detail_content .detail_company_info {width: 330px;left: 50%; position: relative; transform: translateX(-50%); height:100px;}
    419. 

  419. .detail_content .detail_company_info label{font-size: 10pt; font-weight: 600; width: auto; text-align:left;}
    420. 

  420. .detail_content .detail_company_info .weight {width:50px; margin:0 auto;}
    421. 

  421. .detail_content .detail_company_info .weight label{font-size: 12pt; font-weight: 700; margin:0;}
    422. 

  422. .detail_content .detail_company_info div{font-size: 10pt; width:120px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; text-align:left;}
    423. 

  423. .detail_content .detail_company_info .info_left {width: 165px; height: 100px; float: left;}
    424. 

  424. .detail_content .detail_company_info .info_left .company_info {width: 100%; height:17px; float: left; display: flex; margin-left: 0px;}
    425. 

  425. .detail_content .table_header {width: 100%; height: 22px;}
    426. 

  426. .detail_content .table_header h1 {margin-left: 15px; margin-top:5px; margin-bottom:0; font-size: 13px; float: left; color: #000; font-weight: 100;}
    427. 

  427. .detail_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;}
    428. 

  428. 

  429. /* select.stcd {
    430. 

  430.   float: left;
    431. 

  431.   width: 300px;
    432. 

  432.   height: 60px;
    433. 

  433.   border: 1px solid #000;
    434. 

  434.   font-size: 1.8rem;
    435. 

  435. } */
    436. 

  436. 

  437. .button_bar {width: 100%; height: 47px; background: #ccc; position: fixed; bottom: 0px; z-index: 10;}
    438. 

  438. .button_bar button.col_3{float: left; height: 47px; font-size: 14px; margin: 0; width: 33.3%; font-weight: 100; border: none;}
    439. 

  439. .button_bar button.btn-gray {border-radius: 0px; background-color: #858076; color: #eee;}
    440. 

  440. .button_bar button.btn-gray:active {border:3px solid #858076; background-color: #fff; color:#B7B8B8;}
    441. 

  441. .button_bar button.btn-w-gray{border-radius: 0px; background-color: #b6b8b8; color: #eee;}
    442. 

  442. .button_bar button.btn-w-gray:active{border:3px solid #b6b8b8; background-color: #fff; color:#B7B8B8;}
    443. 

  443. 

  444. .button_bar button.btn {height: 120px;}
    445. 

  445. .button_bar button.btn_col_3 {width: 35%;}
    446. 

  446. .button_bar button.btn_col_6 {width: 65%;}
    447. 

  447. .button_bar button.btn_col_3,
    448. 

  448. .button_bar button.btn_col_6 {border:none; float: left; height: 47px; font-size: 14pt; font-weight: 100; border-radius: 0px;}
    449. 

  449. .button_bar button.col_12 {font-weight:100; width: 100%; height: 47px; font-size: 14pt; border:none;}
    450. 

  450. 

  451. /* scroll_area 조정 */
    452. 

  452. .scroll_area {position: relative; top:0; flex:1; width: 100%; height: 456px; overflow: auto; background: #fff;}
    453. 

  453. .scroll_area ul {display:grid;}
    454. 

  454. 

  455. 

  456. .col-4{width:35% !important;}
    457. 

  457. .col-6{width:60% !important;}
    458. 

  458. .col-4 .thick{width:100% !important;}
    459. 

  459. .col-6 .thick{width:100% !important;}
    460. 

  460. 

  461. .scroll_area ul.mb_0 {margin-bottom:0 !important;}
    462. 

  462. .scroll_area .itp_non_data {margin:35% auto;}
    463. 

  463. 

  464. .scroll_area li {margin:0; list-style: none; width: 100vw; height: 85px; border-bottom: 1px dashed #ccc; background-color: #fff;}
    465. 

  465. .scroll_area li.check {background:#f5f6f6;}
    466. 

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

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

  468. 

  469. .scroll_area li .podr_list {margin: 0px 10%;border: 1px solid #ccc; border-bottom:none; width: 89%;}
    470. 

  470. .scroll_area li .podr_list label {min-width:50px !important;}
    471. 

  471. .scroll_area li .podr_list label.col_4 {}
    472. 

  472. .scroll_area li .podr_list div{flex:1;}
    473. 

  473. 

  474. .scroll_area li .left_info {width: calc(100% - 66px); float:left;}
    475. 

  475. .scroll_area li .left_info.item {width: calc(100% - 120px); float:left;}
    476. 

  476. .scroll_area li .left_info div {display: inline-block; font-size:12pt;}
    477. 

  477. .scroll_area li .left_info .slash {width:calc(100% - 98px);}
    478. 

  478. 

  479. .scroll_area li .left_info span {font-size: 12pt; color:#aaa;}
    480. 

  480. .scroll_area li .left_info label{width:60px; font-size: 14pt; font-weight:100; margin-top:5px;}
    481. 

  481. .scroll_area li .left_info label.two{width:84px; font-size: 12pt;}
    482. 

  482. .scroll_area li .left_info .check_box {padding-top:8px; height:50px; float:left; width:22px;}
    483. 

  483. .scroll_area li .left_info .check_box input[type=checkbox] {width:24px; margin:6px 0 0 7px;}
    484. 

  484. .scroll_area li .left_info .thick {float:left; text-align: left; width: 90%; height:26px; font-weight: 100;}
    485. 

  485. .scroll_area li .left_info .thick .itp_item {font-weight:400; padding-left:14px; color:gray;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; width:calc(100% - 81px); top:7px; text-align:left; position:relative;}
    486. 

  486. .scroll_area li .left_info .thick .itp_gram {padding-left:16px; position:relative; top:7px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; color:#aaa; font-size:12pt; text-align:right; width: 85px;}
    487. 

  487. .scroll_area li .left_info .thick .auto {width:auto;}
    488. 

  488. .scroll_area li .left_info .thick .itp_amt {color:#b88278; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; width: calc(100% - 105px); top: 7px; position:relative; text-align:left;}
    489. 

  489. .scroll_area li .left_info .thick .amt_wd {width:calc(100% - 95px);}
    490. 

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

  491. .scroll_area li .left_info .history input{width: 150px;}
    492. 

  492. .scroll_area li.history_list {height: 140px; padding-top:8px;}
    493. 

  493. .scroll_area li.history_list .btn_check {height:120px; margin-top:-5px; width:90%; float:right; padding-top:7px; }
    494. 

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

  495. 

  496. 

  497. .scroll_area li.history_list9 .button_right {float: right; display: grid;}
    498. 

  498. .scroll_area li.history_list9 .button_right button {width: 45px; height: 85px; font-size: 12pt; font-weight:100; margin: 0; padding:0; border-radius: 0;}
    499. 

  499. 

  500. .scroll_area li.history_list1 {height: 120px;}
    501. 

  501. .scroll_area li.history_list2 {height: 160px; padding-top:5px;}
    502. 

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

  503. .scroll_area li.history_list3 {height: 160px; padding-top:5px;}
    504. 

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

  505. .scroll_area li.history_list4 {height: 150px; padding-top:4px;}
    506. 

  506. .scroll_area li.history_list5 {height: 65px; padding-top:5px;}
    507. 

  507. .scroll_area li.history_list10 {height: 90px; padding-top:5px;}
    508. 

  508. .scroll_area li.history_list8 {height: 100px; padding-top:5px;}
    509. 

  509. .scroll_area li.history_list6 {height: 110px; padding-top:5px;}
    510. 

  510. .scroll_area li.history_list7 {height: 120px; padding-top:5px;}
    511. 

  511. .scroll_area li.history_list9 {height: 170px;}
    512. 

  512. .scroll_area li.history_list11 {height: 230px; padding-top:5px;}
    513. 

  513. .scroll_area li.history_list12 {height: 170px; padding-top:4px;}
    514. 

  514. .scroll_area li.history_list13 {height: 200px; padding-top:4px;}
    515. 

  515. .scroll_area li.history_list14 {height: 175px; padding-top:4px;}
    516. 

  516. .scroll_area li.history_list15 {height: 75px; padding-top:0px;}
    517. 

  517. .scroll_area li.history_list16 {height: 60px; padding-top:4px;}
    518. 

  518. 

  519. .scroll_area li .history_info {width: auto;}
    520. 

  520. .scroll_area li .left {width:100%; height:28px; margin-top:0px;}
    521. 

  521. .scroll_area li .left.check {width:93%; float:right;}
    522. 

  522. .scroll_area li .left.btn_list{width:calc(100% - 45px);}
    523. 

  523. .scroll_area li .left div {display: inline-block;}
    524. 

  524. .scroll_area li .left label{font-size: 1.1rem;}
    525. 

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

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

  527. .scroll_area li .left .history input{width: 150px;}
    528. 

  528. 

  529. .scroll_area li .detail_line {width: 100%; height:16px; display: inline-block;}
    530. 

  530. .scroll_area li .detail_left {float: left;}
    531. 

  531. .scroll_area li .detail_left .detail_info {margin: 5px 10px;}
    532. 

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

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

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

  535. .scroll_area li .detail_right {float: right;}
    536. 

  536. .scroll_area li .detail_right .detail_info {margin: 5px 25px;}
    537. 

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

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

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

  540. 

  541. .scroll_area li .left .nomal  {position:relative; display:flex; width: 100%; height:28px; float:left; text-align: left; font-size: 1.2rem;}
    542. 

  542. .scroll_area li .left .nomal.btn {width:290px; left:44%; padding:0;}
    543. 

  543. .scroll_area li .left .nomal .half {float:left;}
    544. 

  544. .scroll_area li .left .nomal .half label {min-width:auto;}
    545. 

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

  546. .scroll_area li .left .nomal  input{ width:calc(50% - 85px);height:28px; top:-5px; position:relative;}
    547. 

  547. .scroll_area li .left .nomal  input.full {width:calc(100% - 90px); margin-top:4px;}
    548. 

  548. .scroll_area li .left .nomal  button {width:60px; margin-left:5px; height:26px; padding:0;border-radius:5px;}
    549. 

  549. .scroll_area li .left .nomal  select{ width:calc(50% - 85px); height:28px; top:-5px; position:relative; padding:0;}
    550. 

  550. 

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

  552. 

  553. .scroll_area li .scroll_btn input {width:15px; margin:auto 10px;}
    554. 

  554. .scroll_area li .scroll_btn input:checked ~ .scroll_btn {background:#eee;}
    555. 

  555. .scroll_area li .left .nomal .lit{font-size:11pt;}
    556. 

  556. .scroll_area li .left .nomal div.lit {padding-right:2px;}
    557. 

  557. .scroll_area li .left .nomal span {position:relative; width:10px; font-size:15px; font-weight:700;}
    558. 

  558. .scroll_area li .left .nomal span.mg0 {margin:0;}
    559. 

  559. 

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

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

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

  563. 

  564. .scroll_area li .left .nomal .m_btn_bar{position: relative; top:-8px; display:inline-flex; width:118px; height:35px; font-size: 12pt; margin-left:5px; margin-right:15px;}
    565. 

  565. .scroll_area li .left .nomal .m_btn_bar button{width: 34px; height: 34px; padding: 0; margin:0; border:none;}
    566. 

  566. .scroll_area li .left .nomal .m_btn_bar button img {width:34px;}
    567. 

  567. .scroll_area li .left .nomal .m_btn_bar button div{position:relative; width:10px; top:0px; left:1px;}
    568. 

  568. .scroll_area li .left .nomal .m_btn_bar .col_0{width: 40px; text-align:center; border-top:1px solid #E0B8AB; border-bottom:1px solid #E0B8AB;}
    569. 

  569. .scroll_area li .left .nomal .m_btn_bar input {width:50px; height:25px; top:0; padding:3px; margin:0; text-align:center; border-radius:0px; border:none; font-size:13pt;}
    570. 

  570. .scroll_area li .left .nomal .m_btn_bar input:focus {outline:none;}
    571. 

  571. 

  572. .scroll_area li .left .nomal label{position:relative; font-size:12pt; font-weight:100; min-width:70px; padding-left:5px; text-align:left;}
    573. 

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

  574. 

  575. .scroll_area li .left .nomal label.col_1{min-width: 45px;}
    576. 

  576. .scroll_area li .left .nomal label.col_3{min-width: 50px;}
    577. 

  577. .scroll_area li .left .nomal label.col_4{min-width: 57px;}
    578. 

  578. .scroll_area li .left .nomal label.col_6{min-width: 83px;}
    579. 

  579. .scroll_area li .left .nomal label.col_7{min-width: 91px;}
    580. 

  580. .scroll_area li .left .nomal label.col_8{min-width: 107px;}
    581. 

  581. .scroll_area li .left .nomal.over{text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
    582. 

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

  583. .scroll_area li .left .nomal div{text-overflow:ellipsis; overflow:hidden; white-space:nowrap; text-align:left; font-weight: 700; font-size: 12pt; width:calc(50% - 80px);}
    584. 

  584. .scroll_area li .left .nomal div.red {color:#c8989d;}
    585. 

  585. .scroll_area li .left .nomal div.blue {color:#8f9fc6;}
    586. 

  586. 

  587. 

  588. .scroll_area li .left .nomal div.text_6{width:calc(50% - 108px);}
    589. 

  589. .scroll_area li .left .nomal div.text_4{width:calc(50% - 69px);}
    590. 

  590. .scroll_area li .left .nomal div.text_btn{width:calc(50% - 56px);}
    591. 

  591. .scroll_area li .left .nomal div.text_two{width:calc(50% - 12px);}
    592. 

  592. 

  593. 

  594. .scroll_area li .left .nomal div.full{width:calc(100% - 90px);}
    595. 

  595. .scroll_area li .left .nomal div.full_s{width:calc(100% - 45px);}
    596. 

  596. .scroll_area li .left .nomal div.auto{width:auto;}
    597. 

  597. .scroll_area li .left .nomal div.btn {flex:1; padding:0; position:relative; top:-1px;}
    598. 

  598. .scroll_area li .left .nomal div.non_btn {width:calc(100% - 192px);}
    599. 

  599. 

  600. 

  601. .scroll_area li .right {margin: 14px 10px 15px 0; position: relative; display: flex; width:110px; height:30px; font-size: 1.4rem; font-weight: 700; float: right;}
    602. 

  602. .scroll_area li .right .num {padding:2px 22px; width: auto; border-top:1px solid #E0B8AB; border-bottom:1px solid #E0B8AB; background:#fff; font-size:14pt;}
    603. 

  603. .scroll_area li .right .fnnum {margin:5px 30px; font-size:14pt;}
    604. 

  604. .scroll_area li .right input {width:50px; height:30px; margin:0; padding:5px; text-align:center; border-radius:0px; border:none; font-size:13pt;}
    605. 

  605. .scroll_area li .right input:focus {outline:none;}
    606. 

  606. .scroll_area li .right button {width:34px; height:34px; border:none; padding:0px;}
    607. 

  607. .scroll_area li .right button:hover {background:transparent; opacity:0.7;}
    608. 

  608. .scroll_area li .right button img {width:31px;}
    609. 

  609. 

  610. /* ITP_FOOTER */
    611. 

  611. #ITP_FOOTER .itp_modal {z-index:10000;}
    612. 

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

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

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

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

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

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

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

  619. #ITP_FOOTER .itp_modal .itp_form .itp_ip {padding-left:0; padding-right:0;}
    620. 

  620. #ITP_FOOTER .itp_modal .itp_form .itp_ip_offset {padding-left:15px;}
    621. 

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

  622. #ITP_FOOTER .itp_modal .itp_form .itp_check {margin-top:7px;}
    623. 

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

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

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

  626. #ITP_FOOTER .itp_modal .itp_form .itp_date_to {background:#fff;}
    627. 

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

  628. #ITP_FOOTER .modal.in .modal-dialog {
    629. 

  629.   -webkit-transform:translate(0, calc(50vh - 50%));
    630. 

  630.   -ms-transform:translate(0, 50vh) translate(0, -50%);
    631. 

  631.   -o-transform:translate(0, calc(50vh - 50%));
    632. 

  632.   transform:translate(0, 50vh) translate(0, -50%);
    633. 

  633. }
    634. 

  634. /* 수발주 결제 테이블 css */
    635. 

  635. #ITP_FOOTER .itp_modal .itp_mg_btm {margin-bottom:0 !important;}
    636. 

  636. #ITP_FOOTER .itp_modal .itp_pd_none {padding:0;} 
    637. 

  637. #ITP_FOOTER .itp_modal .itp_mg_top {margin-top: 10px;} 
    638. 

  638. #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;}
    639. 

  639. #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;}
    640. 

  640. 

  641. @media screen and (min-width: 550px) {
    642. 

  642. 	.content .line div.date_to input {width:47%}
    643. 

  643. 	.modal-dialog {margin:auto 20% !important;}
    644. 

  644. 	.scroll_area li .left_info .thick {width: 90%;}
    645. 

  645. 	.content .line .search_wrap select {width:78%;}	
    646. 

  646. 	
    647. 

  647. }
    648. 

  648. @media screen and (min-width: 383px) {
    649. 

  649. 	section .popup2 .content .line.ml_10 {left:20px;}
    650. 

  650. }
    651. 

  651. @media screen and (max-width: 352px) {
    652. 

  652. 	section .popup2 .content .line.mt_5 {top:-40px;}
    653. 

  653. }
    654. 

  654. @media screen and (min-width: 353px) {
    655. 

  655. 	
    656. 

  656. 	section .popup2 .content .line.ml_10 {left:20px;}
    657. 

  657. }
    658. 

  658. @media screen and (max-width: 380px) {
    659. 

  659. 	section .popup2 .barcode_area {width: 250px; height: 250px;}
    660. 

  660. /* 	section .popup2 .pop .popup_scroll li .scroll_left .mg_0 {margin:0; width:100px;}
    661. 

  661. 	.type_hide {display:none;}
    662. 

  662. 	section .popup2 .pop .popup_scroll li .scroll_left .mg_0 div {margin:0; padding: 4px 8px 0px 2px;} */
    663. 

  663. }
    664. 

  664. @media screen and (min-width: 630px) {
    665. 

  665. 	.content .line {margin:0 100px -10px 100px;}
    666. 

  666. 	.detail_content .detail_confirmation .detail_col {width:410px;}
    667. 

  667. }
    668. 

  668. @media screen and (max-height: 740px) {
    669. 

  669. 	/* #ITP_LOGIN {position:fixed; top:80px; max-width: 500px; margin: 0 auto;}
    670. 

  670. 	.bg_gray {position:relative; top:-90px;} */
    671. 

  671. 	.scroll_area {height: 58vh;}
    672. 

  672. 	}
    673. 

  673. @media screen and (max-height: 550px) {
    674. 

  674. 	section .popup2 .pop .popup_scroll {height: 50%;}
    675. 

  675. }
    676. 

  676. /* 알림 팝업 추가 */
    677. 

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

  678. .itp_modal {z-index: 10000;}
    679. 

  679. .modal-dialog {position: relative; width: auto; margin: 10px; /* top: 50%; transform: translateY(-50%); */}
    680. 

  680. .modal-dialog .line {display:flex;border:1px solid #aaa; border-bottom:none; height:40px;}
    681. 

  681. .modal-dialog .border{border-bottom:1px solid #aaa;}
    682. 

  682. .modal-dialog .border .label_box {height:38px !important;}
    683. 

  683. .modal-dialog .line .label_box {padding:8px; width:100px; height:39px; background:#eee; border-right:1px solid #aaa;}
    684. 

  684. .modal-dialog .line .label_box label {font-size:14px; font-weight:100;}
    685. 

  685. .modal-dialog .line .info_box {width: calc(100% - 100px); padding:10px; display:flex;}
    686. 

  686. .modal-dialog .line .info_box .email {width:30%;}
    687. 

  687. .modal-dialog .line .info_box button {position:relative; padding:0; height:27px; width:40px; top:-4px; font-size:14pt; border:1px solid #ccc; border-radius:4px; margin:0 3px;}
    688. 

  688. .modal-dialog .line .info_box input{position:relative; text-align:center; top:-4px; width:100%; height:27px; margin:0;}
    689. 

  689. .modal-dialog .line .info_box select{position:relative; top:-4px; width:100%; height:27px;}
    690. 

  690. .modal-dialog .line .info_box div{text-overflow:ellipsis; overflow:hidden; white-space:nowrap; width:100%; text-align:left; font-size:14px; font-weight:100;}
    691. 

  691. .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%);}
    692. 

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

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

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

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

  696. .modal-body {position: relative; padding: 15px; }
    697. 

  697. .modal-body .text_area{padding-bottom:20px; }
    698. 

  698. .modal-footer {padding: 15px; text-align: right; border-top: none;}
    699. 

  699. .modal-footer .pop_btn_bar {float:right; margin-top:12px;}
    700. 

  700. .modal-footer .btn {border-radius:6px; padding: 6px 12px;}
    701. 

  701. 

  702. /* 메인화면 공지사항 추가 */
    703. 

  703. #ITP_MAIN_CONTAINER.itp_main_box{position:relative; height:calc(100vh - 49px); overflow:auto; background:#f87f09;}
    704. 

  704. #ITP_MAIN_CONTAINER .itp_note_header {width:332px; height:37spx; padding:11px 0; margin:auto;}
    705. 

  705. #ITP_MAIN_CONTAINER .itp_note_header h1 {font-size:12pt; text-align:left; margin:0; color:#fff;}
    706. 

  706. #ITP_MAIN_CONTAINER .Work {padding:15px 0;}
    707. 

  707. #ITP_MAIN_CONTAINER .Work h1 {color:#fff;}
    708. 

  708. #ITP_MAIN_CONTAINER .itp_note_bar {width:332px; height: auto; margin:auto; padding:5px; background:#fff; max-height:180px;}
    709. 

  709. #ITP_MAIN_CONTAINER .itp_note_bar h1 {position:relative; font-weight:700; font-size:14pt; margin:0; height:60px; padding-top:20px; border-bottom:1px solid #aaa;}
    710. 

  710. #ITP_MAIN_CONTAINER .itp_note_bar li {padding:0 5px; height:24px;}
    711. 

  711. /* #ITP_MAIN_CONTAINER .itp_note_bar li:first-child  {border-top:none;} */
    712. 

  712. #ITP_MAIN_CONTAINER .itp_icon_bar {width:332px; display:flex; margin:auto; margin-bottom:15px;}
    713. 

  713. #ITP_MAIN_CONTAINER .itp_icon_bar .itp_icon {}
    714. 

  714. #ITP_MAIN_CONTAINER .itp_icon_bar .md {margin:0 13px;}
    715. 

  715. #ITP_MAIN_CONTAINER .itp_icon_bar .w50 {width:50%;}
    716. 

  716. #ITP_MAIN_CONTAINER .mb {margin-bottom:0;}
    717. 

  717. #ITP_MAIN_CONTAINER .itp_icon_bar .itp_icon button{width:102px; height:102px; padding:0; border:none; background:transparent;}
    718. 

  718. #ITP_MAIN_CONTAINER .itp_icon_bar .itp_icon button:hover {opacity:0.5; background: transparent;}
    719. 

  719. #ITP_MAIN_CONTAINER .itp_icon_bar .itp_icon button img{width:102px;}
    720. 

  720. #ITP_MAIN_CONTAINER .itp_note_bar li .itp_note_info {display:flex; height:24px;}
    721. 

  721. #ITP_MAIN_CONTAINER .itp_note_bar li .itp_note_info label {font-size:12pt; text-align:left; width:62px;}
    722. 

  722. #ITP_MAIN_CONTAINER .itp_note_bar li .itp_note_info span {width:14px;}
    723. 

  723. #ITP_MAIN_CONTAINER .itp_note_bar li .itp_note_info div {text-overflow:ellipsis; overflow:hidden; white-space:nowrap; text-align:left; width:calc(100% - 76px);}
    724. 

  724. #ITP_MAIN_CONTAINER .itp_note_bar li .itp_note_info .under {text-decoration: underline;}
    725. 

  725. #ITP_MAIN_CONTAINER .itp_oper_info_area {border-bottom:1px solid #aaa; padding:5px;}
    726. 

  726. #ITP_MAIN_CONTAINER .itp_oper_info_area .itp_oper_info {display:flex; height:24px;}
    727. 

  727. #ITP_MAIN_CONTAINER .itp_oper_info_area .itp_oper_info label{font-size:12pt; text-align:left; width:65px; padding-left:10px;}
    728. 

  728. #ITP_MAIN_CONTAINER .itp_oper_info_area .itp_oper_info label.col_6{width:95px;}
    729. 

  729. #ITP_MAIN_CONTAINER .itp_oper_info_area .itp_oper_info span{width:14px;}
    730. 

  730. #ITP_MAIN_CONTAINER .itp_oper_info_area .itp_oper_info div{text-overflow:ellipsis; overflow:hidden; white-space:nowrap; text-align: right; width:calc(50% - 74px);}
    731. 

  731. #ITP_MAIN_CONTAINER .itp_oper_info_area .itp_oper_info div.col_6{width:calc(50% - 95px);}
    732. 

  732. #ITP_MAIN_CONTAINER .itp_oper_info_area .itp_oper_info div.full{width:calc(100% - 113px);}
    733. 

  733. #ITP_MAIN_CONTAINER .itp_graph_area {width:98%; height:300px; border:1px solid #aaa; margin:5px 1%; background:#fff;}
    734. 

  734. #ITP_MAIN_CONTAINER .itp_graph_area .itp_graph_header {width:160px; margin:5px;}
    735. 

  735. #ITP_MAIN_CONTAINER .itp_graph_area .itp_graph_header label {width:80px; font-size:14pt; text-align:left; float:left;}
    736. 

  736. #ITP_MAIN_CONTAINER .itp_graph_area .itp_graph_header select {height:35px;}
    737. 

  737. #ITP_MAIN_CONTAINER .mb_0 {margin-bottom:0;}
    738. 

  738. #ITP_MAIN_CONTAINER #ITP_GRAPH_INFO {height:265px;}
    739. 

  739. /* 공지사항 팝업추가 */
    740. 

  740. .itp_note_popup {position: absolute; top:46px; width: 100%; height: calc(100vh - 49px); background: rgba(200, 200,200, 0.8); z-index: 11;}
    741. 

  741. .itp_note_popup .popup_note {position:relative; top:20px; width:96%; margin:0 2%;}
    742. 

  742. .itp_note_popup .popup_note .header {position: relative; height: 40px; background: #f0831e; color:#eee; border: 1px solid #000; border-top-right-radius: 10px; border-top-left-radius: 10px;}
    743. 

  743. .itp_note_popup .popup_note .header .header_left {padding-top: 12px;}
    744. 

  744. .itp_note_popup .popup_note .header .header_left label {font-size: 16px; font-weight:100;} 
    745. 

  745. .itp_note_popup .popup_note .header .header_right {float: right; padding-right: 10px; position:relative; top:-44px;}
    746. 

  746. .itp_note_popup .popup_note .header .header_right button {border: none; background: transparent; margin:3px -5px;}
    747. 

  747. .itp_note_popup .popup_note .header .header_right button img {width:22px;}
    748. 

  748. .itp_note_popup .popup_note .itp_pop_note_area {background:#fff; height:70vh; border:1px solid #000; border-top:none;}
    749. 

  749. .itp_note_popup .popup_note .itp_pop_note_area .itp_note_title { display:flex; padding:10px; width:110%; height:45px;}
    750. 

  750. .itp_note_popup .popup_note .itp_pop_note_area .itp_note_title label {width:60px; font-size:12pt;}
    751. 

  751. .itp_note_popup .popup_note .itp_pop_note_area .itp_note_title span {width:10px;}
    752. 

  752. .itp_note_popup .popup_note .itp_pop_note_area .itp_note_title div {text-overflow:ellipsis; overflow:hidden; white-space:nowrap; text-align:left; width:calc(100% - 70px);}
    753. 

  753. .itp_note_popup .popup_note .itp_pop_note_area .itp_pop_note_content {border:1px solid #aaa; width:98%; height:calc(100% - 60px); margin:0 1%; padding:8px;}
    754. 

  754. .itp_note_popup .popup_note .itp_pop_note_area .itp_pop_note_content div {height:100%; word-break:break-all;}
    755. 

  755. 

  756. 

  757. 

  758. 

  759.