style.css 66 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792
  1. @charset "UTF-8";
  2. @media print {
  3. *{visibility: hidden; margin:0; paddig:0;}
  4. }
  5. /* COMMON */
  6. html, body {width:100%; height:100%; background:#eee; overflow-y:hidden;}
  7. * {word-break: break-word; font-family: 'NanumBarunGothic';}
  8. textarea {resize:none;}
  9. a, button {outline:none !important; text-decoration:none !important;}
  10. .fix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
  11. .itp_tb {display:table; width:100%;}
  12. .itp_tr {display:table-row;}
  13. .itp_td {display:table-cell; vertical-align:middle;}
  14. .tr {text-align:right !important;}
  15. .tl {text-align:left !important;}
  16. .tc {text-align:center !important;}
  17. .itp_boardView .table-bordered {margin-bottom:0;}
  18. .itp_boardView .table-bordered > thead > tr > th {font-size:12px; font-weight:bold; color:#333; text-align:center; vertical-align:middle; background:#f1f1f1; border-bottom-width:1px;}
  19. .itp_boardView .table-bordered > tbody > tr > th {font-size:12px; font-weight:bold; color:#333; vertical-align:middle;}
  20. .itp_boardView .table-bordered > tbody > tr > td {font-size:12px; vertical-align:middle; word-break:keep-all;}
  21. .itp_boardView .table-bordered > tbody > tr > td .itp_icon {font-size:9px; margin:4px 6px 0 4px;}
  22. .itp_boardView .table-bordered > tbody > tr > td .itp_icon2 {font-size:9px; margin:4px 6px 0 10px;}
  23. .itp_boardView .table-bordered > tbody > tr > td .itp_marL {display:inline-block; margin-left:84px;}
  24. .itp_boardView .table-bordered > tbody > tr .itp_small {word-spacing:-2px; letter-spacing:-2px;}
  25. .itp_boardView .table-striped > tbody > tr.itp_bg {background:#f1f1f1;}
  26. .itp_boardView .table-striped > tbody > tr[draggable="true"] {cursor:move;}
  27. .itp_boardViewIn .table {margin-bottom:0;}
  28. .itp_boardViewIn thead > tr > th, .itp_boardViewIn tbody > tr > td {font-size:13px; text-align:center; vertical-align:middle; border-right:1px solid #ddd; height:40px;}
  29. .itp_boardViewIn thead > tr > th {font-weight:normal; border-bottom-width:1px;}
  30. .itp_boardViewIn thead > tr > th.noBor {border-right:0;}
  31. .itp_boardViewIn tbody > tr > td.noBor {border-right:0;}
  32. .itp_boardData .table-bordered {margin-bottom:0;}
  33. .itp_boardData .table-bordered > thead > tr > th {font-size:13px; font-weight:bold; color:#333; text-align:center; vertical-align:middle; background:#f1f1f1; border-bottom-width:1px;}
  34. .itp_boardData .table-bordered > tbody > tr > th {font-size:13px; font-weight:bold; color:#333; vertical-align:middle;}
  35. .itp_boardData .table-bordered > tbody > tr > td {font-size:13px; vertical-align:middle; word-break:keep-all;}
  36. .itp_boardData .table-striped > tbody > tr[draggable="true"] {cursor:move;}
  37. .itp_boardData .table-bordered > tbody > tr:hover {background:#f5f5f5;}
  38. .itp_boardData .table-bordered > tbody > tr > td.ac {text-align:center;}
  39. .itp_boardData .table-bordered > tbody > tr > td .itp_link {color:#000; text-decoration:underline; font-weight:bold; cursor:pointer;}
  40. .itp_boardData .table-bordered > tbody > tr > td .itp_del {color:#ac2925; text-decoration:underline; cursor:pointer;}
  41. .itp_boardData .table-bordered > tbody tr td.nodata {height:100px; text-align:center;}
  42. .itp_boardData.type1 .table-bordered > thead > tr > th,
  43. .itp_boardData.type1 .table-bordered > tbody > tr > td {padding:10px;}
  44. .itp_boardData.type1 .table-bordered > tbody tr.ui-sortable-handle {cursor:move;}
  45. .itp_boardData.type1 .table-bordered > tbody tr.ui-sortable-helper {display:table;}
  46. .itp_boardData.type1.dark .table-bordered > thead > tr > th {background:#9f9f9f; color:#fff;}
  47. .itp_boardData.type1 tr.off td {color: #a6a6a6 !important}
  48. .itp_boardData.type1 tr.off td * {color: #a6a6a6 !important}
  49. .itp_boardData.type1 tr.off td .itp_del {color: #ac2925 !important}
  50. .itp_overWrap {overflow:hidden; overflow-y:scroll; border:1px solid #999; height:407px;}
  51. .itp_boardViewPop .table-bordered {margin-bottom:0; border-bottom:none; border-top:none; table-layout: fixed}
  52. .itp_boardViewPop .table-bordered > thead > tr > th {font-size:12px; font-weight:bold; color:#333; text-align:center; vertical-align:middle; background:#f1f1f1; border-top:1px solid #999; border-bottom-width:1px; border-bottom-color:#999;}
  53. .itp_boardViewPop .table-bordered > tbody > tr > th {font-size:12px; font-weight:bold; color:#333; vertical-align:middle; background:#f1f1f1;}
  54. .itp_boardViewPop .table-bordered > tbody > tr > td {font-size:12px; vertical-align:middle; word-break: break-word}
  55. .itp_boardViewPop .table-bordered .noBorL {border-left:none;}
  56. .itp_boardViewPop .table-bordered .noBorR {border-right:none;}
  57. .itp_boardViewPop .table-bordered .noBorB {border-bottom:none;}
  58. .itp_boardViewPop .table-bordered .al {text-align:left;}
  59. .itp_boardViewPop .table-bordered .ac {text-align:center;}
  60. .itp_boardViewPop .table-bordered .ar {text-align:right;}
  61. .itp_boardViewPop .table-striped > tbody > tr.itp_bg {background:#f1f1f1;}
  62. .itp_boardViewPop .table-bordered .itp_grey td {color:#666; border-top:none; border-bottom:none;}
  63. .itp_boardViewPop .table-bordered .itp_more {padding-bottom:0; padding-top:5px;}
  64. .itp_boardViewPop .table-bordered .itp_pad td {padding-top:2px; vertical-align:top;}
  65. .itp_boardViewPop .table-bordered .itp_small {font-size:11px;}
  66. .itp_boardViewPop .table-bordered .itp_moreMenu td {border-bottom:none;}
  67. /*
  68. .has-error .form-control, .has-error .form-control:focus {border-color:red;}
  69. .has-error .form-control:focus {box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px red;}
  70. */
  71. .has-error .checkbox, .has-error .checkbox-inline,
  72. .has-error .control-label, .has-error .help-block,
  73. .has-error .radio, .has-error .radio-inline,
  74. .has-error.checkbox label, .has-error.checkbox-inline label,
  75. .has-error.radio label, .has-error.radio-inline label {margin-bottom:0px;}
  76. .has-error .help-block {font-size:12px;}
  77. /* ITP_WRAPPER */
  78. #ITP_WRAPPER {width:100%; height:100%; min-width:1400px;}
  79. #ITP_CONTENT_WRAPPER {width:100%; height:96%;}
  80. #ITP_OVERLAY {position:fixed; display:none; width:100%; height:100%; top:0; left:0; right:0; bottom:0; background:rgba(250,250,250,.8); z-index:1060;}
  81. /* ITP_LOGIN */
  82. #ITP_LOGIN {width:100%; height:100%; font-family: 'GmarketSansMedium'}
  83. #ITP_LOGIN .itp_head {margin:0 5%; letter-spacing:-3px; width:90%; height:40px; margin-bottom:50px; padding-left:18px;}
  84. #ITP_LOGIN .itp_bar {width:4px; height:26px; padding:0; float:left; margin:8px 7px 0 7px; font-size:27px; font-weight:100; background:#ccc;}
  85. #ITP_LOGIN .itp_logo {margin:0; padding:0; color:#000; font-size:39px; float:left; font-weight:700;}
  86. #ITP_LOGIN .itp_tit {margin:0; padding:7px 0 0 0; float:left; font-size:27px;}
  87. #ITP_LOGIN .itp_cont {width:100%; min-height:calc(100vh - 115px); padding:170px 20px 150px 20px; position:relative;}
  88. #ITP_LOGIN .itp_box_wrap {width:450px; height:600px; position:absolute; top:55%; left:50%; transform: translate(-50%, -50%);}
  89. #ITP_LOGIN .itp_bottom_gray {background:#eee; width:100%; height:65px; top:-65px; border-bottom-left-radius: 30px;border-bottom-right-radius: 30px;}
  90. #ITP_LOGIN .itp_box {padding:20px 20px 0 20px; height:580px; margin-bottom:0; border-radius:30px; box-shadow: 0px 0px 10px #666;}
  91. #ITP_LOGIN .itp_body {padding-bottom:0;}
  92. #ITP_LOGIN .itp_box .control-label {text-align:left;}
  93. #ITP_LOGIN .itp_box .itp_lb {padding-top:7px;}
  94. #ITP_LOGIN .itp_box .itp_btn {line-height:1.8; margin:0 5%; width:90%;}
  95. #ITP_LOGIN .itp_box .form-group .checkbox input[type=checkbox] {margin-top:3px;}
  96. #ITP_LOGIN .itp_error {padding-top:15px; color:#a94442;}
  97. #ITP_LOGIN .itp_no_mar {margin-bottom:0 !important;}
  98. #ITP_LOGIN .itp_no_pad {padding-left:0 !important;}
  99. #ITP_LOGIN .itp_foot {background:#666; height:55px; line-height:55px; color:#fff; font-size:11px; border-top-left-radius:0; border-top-right-radius:0; margin-bottom:10px;}
  100. #ITP_LOGIN .itp_copyright {font-size:12px;}
  101. #ITP_LOGIN .itp_forgotId {width:82%;}
  102. #ITP_LOGIN .itp_forgotBtn {border-top-right-radius:4px; border-bottom-right-radius:4px;}
  103. #ITP_LOGIN .itp_login {height:50px;}
  104. #ITP_LOGIN .itp_find {margin-top:34px; font-weight:100; cursor:pointer;}
  105. #ITP_LOGIN .itp_btn_bar {margin-top:10px;}
  106. #ITP_LOGIN .itp_login_img {width:100%; padding:0 auto;}
  107. #ITP_LOGIN .itp_img{width:150px; height:150px; top:-50px; position: absolute; margin:0 33.3%;}
  108. #ITP_LOGIN .itp_login_input label {position:absolute; top:50%; left:27px; color:#adadad; transform:translateY(-50%); font-size: 12px; border: none; outline:none; transition: top .5s ease;}
  109. #ITP_LOGIN .itp_login_input {width:90%; margin:0 5%; position:relative;}
  110. #ITP_LOGIN .itp_login_input input {width:100%; padding:20px 10px 10px; outline:none; border-radius:7px; background:#eee;}
  111. #ITP_LOGIN .itp_login_input input:focus + label {top:15px; font-size:8px; color: #2691d9;}
  112. #ITP_LOGIN .itp_login_input input:valid + label {top:15px; font-size:8px; color: #2691d9;}
  113. #ITP_LOGIN .itp_login_input:not(:placeholder-shown) ~ label{top:0px; font-size:12px;}
  114. /* 메인화면 */
  115. #ITP_MAIN_HEADER { width:100%; height:60px; display:inline-block;}
  116. #ITP_MAIN_HEADER .col_3 {background:#eee; width:26%; height:50px; display:inline-block; margin:5px 48px; border-radius:8px;}
  117. #ITP_MAIN_HEADER .col_3 .itp_header_label {width:160px; padding:13px 16px; font-size:17px; font-weight:700; display:inline-block;}
  118. #ITP_MAIN_HEADER .col_3 .itp_header_result {width:auto; float: right; display:inline-block; font-size:18px; font-weight:700; color:blue; text-align: right; padding:12px;}
  119. #ITP_MAIN_HEADER .col_4 {background:#eee; width:22%; height:50px; display:inline-block; margin:5px 11px; border-radius:8px;}
  120. #ITP_MAIN_HEADER .col_4 .itp_header_label {width:125px; padding:13px 16px; font-size:17px; font-weight:700; display:inline-block;}
  121. #ITP_MAIN_HEADER .col_4 .itp_header_result {width:auto; float: right; display:inline-block; font-size:18px; font-weight:700; color:blue; text-align: right; padding:12px;}
  122. #ITP_NOTE_BAR {background:#eee; width:100%; float:right; border-radius:15px;}
  123. #ITP_NOTE_BAR .itp_side_bar_header {padding-top:12px; text-align:center; font-size:17px;}
  124. #ITP_NOTE_BAR .itp_side_bar_note {padding:0 15px;}
  125. #ITP_NOTE_BAR .itp_side_bar_note label {width:15%; margin-bottom:8px;}
  126. #ITP_NOTE_BAR .itp_side_bar_note label.date {width:10%;}
  127. #ITP_NOTE_BAR .itp_side_bar_note div {position:relative; top:7px; width:74%; display:inline-block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
  128. #ITP_MAIN_GRAPH_AREA {width:100%; height:1200px;}
  129. #ITP_MAIN_GRAPH_AREA .itp_graph_box {width:49.8%; height:400px; display:inline-block;}
  130. #ITP_MAIN_GRAPH_AREA .itp_graph_box .itp_graph_area {width:75%; height:400px; display:inline-block; float:right;}
  131. #ITP_MAIN_GRAPH_AREA .itp_graph_box .itp_graph_side {width:24%; height:400px; display:inline-block; }
  132. #ITP_MAIN_GRAPH_AREA .itp_graph_box .itp_graph_side select {width:88%; margin:12px; height:30px;}
  133. #ITP_MAIN_GRAPH_AREA .itp_graph_box .itp_graph_info_bar {width:50%; height:300px; margin:0 auto;}
  134. #ITP_MAIN_GRAPH_AREA .itp_graph_box .itp_graph_info_bar .itp_graph_info {margin-top:40px; padding: 24px 26px; background:#eee; width:80px; font-size:26px; height:205px; display:inline-block; border:1px solid #ccc; border-radius:15px;}
  135. /* ITP_HEADER */
  136. #ITP_HEADER .itp_head {font-family: 'GmarketSansMedium';width:100%; height:50px; position:relative; line-height:50px; z-index:100;}
  137. #ITP_HEADER .itp_tit {margin:0; padding:0; line-height:50px; font-size:20px;}
  138. #ITP_HEADER .itp_tit span {display: inline-block; vertical-align: middle}
  139. #ITP_HEADER .itp_lt {position:absolute; top:0px; left:10px;}
  140. #ITP_HEADER .itp_rt {position:absolute; top:0px; right:20px;}
  141. #ITP_HEADER .itp_icon {float:left; padding-top:3px; margin-right:10px;}
  142. #ITP_HEADER .itp_icon i {color:#fff; font-size:20px;}
  143. #ITP_HEADER .itp_icon img.glyphicon-logo {width:30px; margin-top:-7px;}
  144. #ITP_HEADER .itp_icon i.glyphicon-user {font-size:18px;}
  145. #ITP_HEADER .itp_icon i.glyphicon-off {font-size:18px;}
  146. #ITP_HEADER .itp_user {float:left; font-size:16px; margin-left:15px;}
  147. #ITP_HEADER .itp_rt .itp_icon {margin-right:5px;}
  148. #ITP_HEADER .itp_logo {margin:0; padding:0; color:#337ab7; float:left; width:30px;}
  149. #ITP_HEADER .itp_logo img{width:30px;}
  150. #ITP_HEADER .itp_txt_brand {float:left; margin:1px; padding:0 4px; color:#fff; font-size:18px; text-decoration:none;}
  151. #ITP_HEADER .itp_sch_brand {margin:0 4px; padding:0; color:#337ab7; float:left; width:90px;}
  152. #ITP_HEADER .itp_sch_brand button{width:90px; border:1px solid #000;}
  153. #ITP_HEADER .itp_menu {float:left; border:1px solid #ddd; line-height: 26px; background:#eee;margin:4px; border-radius: 2px; padding:0 4px;}
  154. #ITP_HEADER .itp_menu a {color:#000; font-size:13px; text-decoration:none;}
  155. #ITP_HEADER .itp_out {width:70px; height:30px; float:left; border:1px solid #333; line-height: 28px; background:#fff; margin-top:10px; border-radius: 10px; padding:0 4px;}
  156. #ITP_HEADER .itp_out a {padding:8.4px; color:#000; font-size:11px; text-decoration:none;}
  157. #ITP_HEADER #ITP_TAB_BAR.itp_open_tab {width:99.9%;}
  158. /* #ITP_HEADER.itp_open_tab .itp_nav {visibility:visible;}
  159. #ITP_HEADER.itp_open_tab .itp_nav::-webkit-scrollbar{display:none;} */
  160. #ITP_HEADER .itp_tabs {position:relative; z-index:100; transition:all .25s ease; float:right; width:calc(100% - 238px);}
  161. #ITP_HEADER .itp_tabs .nav-tabs {padding:9px 4px 0 15px; background:#fff;}
  162. #ITP_HEADER .itp_tabs .nav-tabs > li a {border:1px solid #ddd; background:#f5f5f5; font-size:12px; color:#666; padding:10px 13px 7px 15px; margin-right:6px; outline:none;}
  163. #ITP_HEADER .itp_tabs .nav-tabs > li a i.glyphicon-remove {font-size:10px; margin-left:4px; cursor:pointer;}
  164. #ITP_HEADER .itp_tabs .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {background:#fff; color:#666; border:1px solid #ccc; border-bottom-color:transparent; font-weight:700;}
  165. #ITP_HEADER .itp_tabs .nav-tabs > li > a:hover {background:#D6E6F3 !important; border:1px solid #1A3E5E; border-bottom-color:transparent; color:#000;}
  166. /* ITP_SIDEBAR */
  167. #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;}
  168. #ITP_SIDEBAR.itp_open_nav {width:240px; height:100%;}
  169. #ITP_SIDEBAR .itp_nav {list-style:none; margin:0; padding:0; height:100%; overflow-y:scroll; overflow-x:hidden; visibility:hidden;}
  170. #ITP_SIDEBAR.itp_open_nav .itp_nav {visibility:visible;}
  171. #ITP_SIDEBAR.itp_open_nav .itp_nav::-webkit-scrollbar{display:none;}
  172. #ITP_SIDEBAR .itp_nav.panel-group .panel+.panel {margin-top:0;}
  173. #ITP_SIDEBAR .itp_nav .panel-heading {padding:0;}
  174. #ITP_SIDEBAR .itp_nav .panel-title {line-height:1.1; border-bottom:1px solid #ddd;}
  175. #ITP_SIDEBAR .itp_nav .panel-title a {font-size:16px; display:block; padding:13px 15px; color:#333;}
  176. #ITP_SIDEBAR .itp_nav .panel-title a:hover{background:#bbb; color:#fff;}
  177. #ITP_SIDEBAR .itp_nav .panel-title a .glyphicon {font-size:12px;}
  178. #ITP_SIDEBAR .itp_nav .panel-default {margin-bottom:0; border:none;}
  179. #ITP_SIDEBAR .itp_nav * {border-radius:0; border-width:1px 0 1px 0;}
  180. #ITP_SIDEBAR .itp_nav .itp_svgs_body {padding:0; border-top:0; border-bottom:1px solid #ddd;}
  181. #ITP_SIDEBAR .itp_nav .itp_svgs {list-style:none; margin:0; padding:0;}
  182. #ITP_SIDEBAR .itp_nav .itp_svgs .itp_svg_in {position:relative;}
  183. #ITP_SIDEBAR .itp_nav .itp_svgs li a {display:block; width:100%; color:#333; padding:5px 10px 5px 17px;}
  184. #ITP_SIDEBAR .itp_nav .itp_svgs li:first-child a {padding-top:10px;}
  185. #ITP_SIDEBAR .itp_nav .itp_svgs li:last-child a {padding-bottom:10px;}
  186. #ITP_SIDEBAR .itp_nav .itp_svgs li a:hover, #ITP_SIDEBAR .itp_nav .itp_svgs li a:active {color:#000; font-weight:bold;}
  187. #ITP_SIDEBAR .itp_nav .itp_svgs li a .glyphicon {font-size:9px; float:left; margin:4px 6px 0 0;}
  188. #ITP_SIDEBAR .itp_nav .itp_svgs li a .itp_icon {font-size:9px; float:left; margin:4px 6px 0 15px;}
  189. #ITP_SIDEBAR .itp_nav .itp_svgs li a .itp_icon_5 {font-size:9px; float:left; margin:4px 6px 0 25px;}
  190. #ITP_SIDEBAR .itp_nav .itp_svgs li a .itp_tt {float:left;}
  191. /* ITP_CONTAINER */
  192. #ITP_CONTAINER_GRAPH_AREA {width:100%; height:450px;}
  193. #ITP_CONTAINER_GRAPH_AREA .itp_graph_area {border:1px solid #000; width:49.8%; height:450px; display:inline-block;}
  194. #ITP_CONTAINER {height:calc(100vh - 100px); padding:5px 8px; transition:all .25s ease; float:left; width:calc(100% - 240px);background:#fff;}
  195. #ITP_CONTAINER.itp_open_conts {padding-left:8px; width:99.9%;}
  196. #ITP_CONTAINER .itp_contents {background:#fff; height:100%;}
  197. #ITP_CONTAINER .itp_contents .itp_sec {height:100%;}
  198. #ITP_CONTAINER .itp_contents .itp_cont {display:table; width:100%; height:100%;}
  199. #ITP_CONTAINER .itp_contents .itp_seperate {display:table-cell; width:15px; background:#eee;}
  200. #ITP_CONTAINER .itp_srh_list {display:table-cell; min-width:350px; width:350px; height:100%; vertical-align:top; transition:all .25s ease;}
  201. #ITP_CONTAINER .itp_srh_list.itp_srh_list_close {min-width:28px; width:28px;}
  202. #ITP_CONTAINER .itp_srh_list .itp_hide_away {position:absolute; left:-5000%; width:28px;}
  203. #ITP_CONTAINER .itp_srh_list .itp_srh_head {padding:0 10px 0 10px; background:#536a77; height:42px; line-height:42px; color:#fff;}
  204. #ITP_CONTAINER .itp_srh_list .itp_srh_head .itp_srh_tit {font-size:15px; margin:0; padding:0; line-height:42px;}
  205. #ITP_CONTAINER .itp_srh_list .itp_srh_head .itp_srh_close, #ITP_CONTAINER .itp_srh_list .itp_srh_head .itp_srh_open {color:#fff;}
  206. #ITP_CONTAINER .itp_srh_list .itp_srh_head.itp_height_full {height:100%;}
  207. #ITP_CONTAINER .itp_srh_list .itp_lists {padding-left:5px; font-size:13px; position:relative; z-index:1;}
  208. #ITP_CONTAINER .itp_srh_list .itp_lists .list-group {height:calc(100vh - 177px); overflow-y:scroll; margin:0; border-top:1px solid #ddd;}
  209. #ITP_CONTAINER .itp_srh_list .itp_lists .list-group-item {cursor:pointer;}
  210. #ITP_CONTAINER .itp_srh_list .itp_lists .list-group-item:hover {background:#f5f5f5;}
  211. #ITP_CONTAINER .itp_srh_list .itp_lists .list-group-item.active {background:#eee; border-color:#ddd; color:#333;}
  212. #ITP_CONTAINER .itp_srh_list .itp_lists .list-group-item:first-child {border-top-left-radius:0; border-top-right-radius:0; border-top:none;}
  213. #ITP_CONTAINER .itp_srh_list .itp_lists .list-group-item:last-child {border-bottom-left-radius:0; border-bottom-right-radius:0;}
  214. #ITP_CONTAINER .itp_srh_list .itp_lists .itp_li_tb .itp_td {width:50%; padding:3px 0 3px 0;}
  215. #ITP_CONTAINER .itp_srh_list .itp_treeview {padding-left:5px; font-size:13px; position:relative; z-index:1;}
  216. #ITP_CONTAINER .itp_srh_list .itp_treeview .list-group {height:calc(100vh - 177px); overflow-y:scroll; margin:0; border-top:1px solid #ddd;}
  217. #ITP_CONTAINER .itp_srh_list .itp_treeview .list-group-item:first-child {border-top-left-radius:0; border-top-right-radius:0;}
  218. #ITP_CONTAINER .itp_srh_list .itp_treeview .list-group-item:last-child {border-bottom-left-radius:0; border-bottom-right-radius:0;}
  219. #ITP_CONTAINER .itp_srh_list .itp_treeview .list-group-item {cursor:pointer; color:#333; margin-bottom:0; border-top:0;}
  220. #ITP_CONTAINER .itp_srh_list .itp_treeview .indicator {width:12px; margin-right:8px;}
  221. #ITP_CONTAINER .itp_srh_list .itp_treeview .list-group-item:hover {background:#f5f5f5;}
  222. #ITP_CONTAINER .itp_srh_list .itp_treeview .list-group-item.active {background:#eee; border-color:#ddd; color:#333;}
  223. #ITP_CONTAINER .itp_srh_list .itp_treeview .badge {background-color:#337ab7; color:#fff;}
  224. #ITP_CONTAINER .itp_srh_list .itp_treeview ul {margin:0; padding:0; list-style:none;}
  225. #ITP_CONTAINER .itp_srh_list .itp_treeview .tree ul .list-group-item {padding-left:35px;}
  226. #ITP_CONTAINER .itp_srh_list .itp_treeview .tree ul ul .list-group-item {padding-left:54px;}
  227. #ITP_CONTAINER .itp_srh_list .itp_treeview .tree ul ul ul .list-group-item {padding-left:74px;}
  228. #ITP_CONTAINER .itp_srh_list .itp_treeview .tree ul ul ul ul .list-group-item {padding-left:94px;}
  229. #ITP_CONTAINER .itp_srh_list .itp_srh_tabs {display:table; table-layout:fixed; width:100%; margin:0; padding:0; list-style:none;}
  230. #ITP_CONTAINER .itp_srh_list .itp_srh_tabs li {display:table-cell;}
  231. #ITP_CONTAINER .itp_srh_list .itp_srh_tabs li a {display:block; white-space:nowrap; padding:.5em; background:#fff; border:1px solid #1A3E5E; text-align:center; color:#000; text-decoration:none;}
  232. #ITP_CONTAINER .itp_srh_list .itp_srh_tabs li:not(:first-child) a {border-left:none;}
  233. #ITP_CONTAINER .itp_srh_list .itp_srh_tabs li a:hover, #ITP_CONTAINER .itp_srh_list .itp_srh_tabs .active a {background:#D6E6F3;}
  234. #ITP_CONTAINER .itp_srh_list.itp_with_tab .itp_lists .list-group {height:calc(100vh - 213px);}
  235. #ITP_CONTAINER .itp_srh_list.itp_with_tab .itp_treeview .list-group {height:calc(100vh - 213px);}
  236. #ITP_CONTAINER .itp_adv_srh {width:100%; padding:8px 5px 8px 5px;}
  237. #ITP_CONTAINER .itp_adv_srh .dropdown.dropdown-lg .dropdown-menu {margin-top:-1px; padding:6px 20px; min-width:300px;}
  238. #ITP_CONTAINER .itp_adv_srh .input-group-btn .btn-group {display:flex !important;}
  239. #ITP_CONTAINER .itp_adv_srh .btn-group .btn {border-radius:0; margin-left:-1px;}
  240. #ITP_CONTAINER .itp_adv_srh .btn-group .btn:last-child {border-top-right-radius:4px; border-bottom-right-radius:4px;}
  241. #ITP_CONTAINER .itp_adv_srh .btn-group .form-horizontal .btn[type="submit"] {border-top-left-radius:4px; border-bottom-left-radius:4px;}
  242. #ITP_CONTAINER .itp_adv_srh .form-horizontal .form-group {margin-left:0; margin-right:0;}
  243. #ITP_CONTAINER .itp_adv_srh .form-group .form-control:last-child {border-top-left-radius:4px; border-bottom-left-radius:4px;}
  244. #ITP_CONTAINER .itp_adv_srh .form-group .itp_date_to {background:#fff;}
  245. #ITP_CONTAINER .itp_adv_srh .form-group .date .form-control:last-child {border-top-left-radius:0px; border-bottom-left-radius:0px;}
  246. #ITP_CONTAINER .itp_adv_srh .form-group .itp_adv_chk {margin-top:5px;}
  247. #ITP_CONTAINER .itp_adv_srh .form-group .itp_adv_chk .itp_check {float:right; margin-left:10px;}
  248. #ITP_CONTAINER .itp_detail {display:table-cell; vertical-align:top; height:100%;}
  249. #ITP_CONTAINER .itp_detail .itp_det_head {padding:0 50px 0 35px; height:42px; background:#fff;}
  250. #ITP_CONTAINER .itp_detail .itp_det_head .itp_det_tit {font-size:20px; margin:0; padding:0; line-height:42px;}
  251. #ITP_CONTAINER .itp_detail .itp_det_head .itp_det_tit .glyphicon {color:#F0831E; margin-right:4px;}
  252. #ITP_CONTAINER .itp_detail .itp_det_in {padding:0px 20px 15px 20px; height:calc(100vh - 180px); overflow-y:scroll;}
  253. #ITP_CONTAINER .itp_detail .itp_det_in::-webkit-scrollbar{display:none;}
  254. #ITP_CONTAINER .itp_detail .itp_cicon {line-height:32px; height:32px; margin-top:4px;}
  255. #ITP_CONTAINER .itp_detail .itp_cicon .btn-default {color:#fff; background-color:rgb(109, 110, 114); border-color:rgb(109, 110, 114);}
  256. #ITP_CONTAINER .itp_detail .itp_cicon .itp_store {display:inline-block; vertical-align:middle; font-size:13px; margin-right:10px;}
  257. #ITP_CONTAINER .itp_detail .itp_cicon .itp_store span {color:#000;}
  258. #ITP_CONTAINER .itp_detail .itp_det_in .itp_no_store {text-align:center; font-size:13px; border:1px solid #ddd; background:#f1f1f1; height:100px; line-height:100px;}
  259. #ITP_CONTAINER .itp_detail .itp_det_in .itp_intro_help {text-align:center; font-size:13px; border:1px solid #ddd; background:#f1f1f1; padding: 15px 0 13px 0}
  260. #ITP_CONTAINER .itp_detail .itp_det_in .itp_intro_help span {color: #a94442}
  261. #ITP_CONTAINER .itp_detail .itp_det_in .itp_stat_faq {font-size:13px; border:1px solid #ddd; background:#f1f1f1; padding: 13px 17px 13px 17px; line-height: 1.6}
  262. #ITP_CONTAINER .itp_detail .itp_det_in .itp_stat_faq span {color: #a94442}
  263. #ITP_CONTAINER .itp_detail .itp_form {width:809px;}
  264. #ITP_CONTAINER .itp_detail .itp_form_tit {font-size:14px; border-left:5px solid #337ab7; padding-left:10px; font-weight:bold;}
  265. #ITP_CONTAINER .itp_detail .itp_form .itp_caption {padding-top:10px; padding-bottom:25px;}
  266. #ITP_CONTAINER .itp_detail .itp_form .itp_caption label{width:100%;}
  267. #ITP_CONTAINER .itp_detail .itp_form .itp_form_sec {margin-top:50px;}
  268. #ITP_CONTAINER .itp_detail .itp_form .itp_form_sec.noMar {margin-top:0;}
  269. #ITP_CONTAINER .itp_detail .itp_form .itp_form_in {margin-top:25px; padding-left:8px;}
  270. #ITP_CONTAINER .itp_detail .itp_form .border-top {border-top:1px solid #666;}
  271. #ITP_CONTAINER .itp_detail .itp_form .form-group {margin-bottom:10px;}
  272. #ITP_CONTAINER .itp_detail .itp_form .form-control {font-size:13px; color:#333;}
  273. #ITP_CONTAINER .itp_detail .itp_form .itp_lb {font-size:13px; padding-top:5px; font-weight:normal; padding-right:0; color:#333; position:relative;}
  274. #ITP_CONTAINER .itp_detail .itp_form .itp_ip {padding-left:0; padding-right:0;}
  275. #ITP_CONTAINER .itp_detail .itp_form .itp_ip_offset {padding-left:15px;}
  276. #ITP_CONTAINER .itp_detail .itp_form .itp_input {height:28px; padding:3px 9px;}
  277. #ITP_CONTAINER .itp_detail .itp_form .itp_check {margin-top:7px; margin-left:10px;}
  278. #ITP_CONTAINER .itp_detail .itp_form .itp_msg {font-size:12px; padding-top:7px;}
  279. #ITP_CONTAINER .itp_detail .itp_form .itp_word {font-size:12px; padding-top:51px; padding-left:6px;}
  280. #ITP_CONTAINER .itp_detail .itp_form .itp_line_msg {font-size:12px; position:relative;}
  281. #ITP_CONTAINER .itp_detail .itp_form .itp_line_msg .itp_line_in {position:absolute; top:6px; left:20px; display:none; width:100%;}
  282. #ITP_CONTAINER .itp_detail .itp_form select.itp_input {padding-left:4px;}
  283. #ITP_CONTAINER .itp_detail .itp_form .itp_btn {padding:4px 10px; background:#fff;}
  284. #ITP_CONTAINER .itp_detail .itp_form .itp_btn_dark {padding:4px 10px; color:#fff; background-color:rgb(109, 110, 114); border-color:rgb(109, 110, 114);}
  285. #ITP_CONTAINER .itp_detail .itp_form .input-daterange .input-group-addon {padding:3px 5px;}
  286. #ITP_CONTAINER .itp_detail .itp_form .itp_date_to {background:#fff;}
  287. #ITP_CONTAINER .itp_detail .itp_form .itp_lb.itp_required:before {content:'*'; color:#a94442; position:absolute; top:8px; left:8px;}
  288. #ITP_CONTAINER .itp_detail .itp_form .itp_ipGrp_left .itp_input {border-top-right-radius:0; border-bottom-right-radius:0; border-right:none;}
  289. #ITP_CONTAINER .itp_detail .itp_form .itp_ipGrp_right .itp_input {border-top-left-radius:0; border-bottom-left-radius:0;}
  290. #ITP_CONTAINER .itp_detail .itp_form .ipt_form_tit {margin-bottom:15px; font-size:14px; border-left:5px solid #337ab7; padding-left:10px;}
  291. #ITP_CONTAINER .itp_detail .itp_form .ipt_form_tit_R {margin-bottom:15px; font-size:14px; border-left:5px solid #337ab7; padding-left:10px; margin-left:-15px;}
  292. #ITP_CONTAINER .itp_detail .itp_form .itp_pad_pic {padding-left:30px; padding-right:0px;}
  293. #ITP_CONTAINER .itp_detail .itp_form .itp_pic_custom {width:68.4%;}
  294. #ITP_CONTAINER .itp_detail .itp_form .itp_thumb_pic {padding-right:7px;}
  295. #ITP_CONTAINER .itp_detail .itp_form .itp_thumb_pic .itp_img {display:block; border:1px solid #ccc; border-radius:4px; width:100%;}
  296. #ITP_CONTAINER .itp_detail .itp_form .itp_thumb_btn {padding-left:0; padding-right:0;}
  297. #ITP_CONTAINER .itp_detail .itp_form .itp_thumb_btn .btn {margin-bottom:6px; color:#fff; background-color:rgb(109, 110, 114); border-color:rgb(109, 110, 114);}
  298. #ITP_CONTAINER .itp_detail .itp_form .itp_thumb_inline {width:94.5%;}
  299. #ITP_CONTAINER .itp_detail .itp_form .itp_thumb_inline .itp_thumb_pic {clear:both;}
  300. #ITP_CONTAINER .itp_detail .itp_form .itp_thumb_inline .itp_thumb_btn {float:right; width:49.5%;}
  301. html:lang(en) #ITP_CONTAINER .itp_detail .itp_form .itp_thumb_inline .itp_thumb_btn {width:58.5%;}
  302. #ITP_CONTAINER .itp_detail .itp_form .itp_thumb_inline .itp_thumb_btn .btn {float:left; margin-left:6px;}
  303. #ITP_CONTAINER .itp_detail .itp_form .itp_chk {margin-left:20px; float:left;}
  304. #ITP_CONTAINER .itp_detail .itp_form .itp_chk:first-child {margin-left:0;}
  305. #ITP_CONTAINER .itp_detail .itp_form .itp_chk .itp_check {margin:2px 5px 0 0; float:left;}
  306. #ITP_CONTAINER .itp_detail .itp_form .itp_chk .itp_chk_lb {float:left;}
  307. #ITP_CONTAINER .itp_detail .itp_form .itp_chk .itp_chk_lb.mar {margin-right: 15px;}
  308. #ITP_CONTAINER .itp_detail .itp_form .itp_chk_list .itp_chk {float:none; margin-left:0; margin-top:-10px;}
  309. #ITP_CONTAINER .itp_detail .itp_form .itp_chk_list .itp_chk:first-child {margin-top:5px;}
  310. #ITP_CONTAINER .itp_detail .itp_form .itp_sch_btn {padding: 3px 6px;} /* 조회 버튼 */
  311. #ITP_CONTAINER .itp_detail .itp_lg_form {padding-top:5px;}
  312. #ITP_CONTAINER .itp_detail .itp_lg_form.itp_type1 {padding-left:15px; padding-right:15px; padding-bottom:10px; }
  313. #ITP_CONTAINER .itp_detail .itp_lg_form.itp_type1 .itp_srh_border {border:1px solid #ddd; background:#fff; padding:15px 15px 5px 15px; border-radius:4px;box-shadow: 0px 0px 6px #ddd;}
  314. #ITP_CONTAINER .itp_detail .itp_lg_form .form-group {margin-bottom:10px;}
  315. #ITP_CONTAINER .itp_detail .itp_lg_form .form-control {font-size:13px; color:#333;}
  316. #ITP_CONTAINER .itp_detail .itp_lg_form .itp_lb {font-size:13px; padding-top:5px; padding-right:0; color:#333; position:relative;}
  317. #ITP_CONTAINER .itp_detail .itp_lg_form .itp_ip {padding-left:0; /* margin-right:30px; */}
  318. #ITP_CONTAINER .itp_detail .itp_lg_form .itp_ip_offset {padding-left:15px;}
  319. #ITP_CONTAINER .itp_detail .itp_lg_form .itp_lb_offset {margin-left:7.1%;}
  320. #ITP_CONTAINER .itp_detail .itp_lg_form .itp_input {height:28px; padding:3px 9px;}
  321. #ITP_CONTAINER .itp_detail .itp_lg_form .itp_check {margin-top:7px;}
  322. #ITP_CONTAINER .itp_detail .itp_lg_form select.itp_input {padding-left:4px;}
  323. #ITP_CONTAINER .itp_detail .itp_lg_form .itp_ip.itp_noMar {margin-right:0;}
  324. #ITP_CONTAINER .itp_detail .itp_lg_form .itp_ip.itp_dual_ipL {margin-right:0;}
  325. #ITP_CONTAINER .itp_detail .itp_lg_form .itp_ip.itp_dual_ipL .itp_btn {border-right:0; border-top-right-radius:0; border-bottom-right-radius:0;}
  326. #ITP_CONTAINER .itp_detail .itp_lg_form .itp_ip.itp_dual_ipR {margin-left:-15px;}
  327. #ITP_CONTAINER .itp_detail .itp_lg_form .itp_ip.itp_dual_ipR .itp_input {border-top-left-radius:0; border-bottom-left-radius:0;}
  328. #ITP_CONTAINER .itp_detail .itp_lg_form .itp_btn {padding:3.8px 11px; background:#fff;}
  329. #ITP_CONTAINER .itp_detail .itp_lg_form .itp_btn_dark {padding:3px 10px; margin-top:1px; color:#fff; background-color:rgb(109, 110, 114); border-color:rgb(109, 110, 114);}
  330. #ITP_CONTAINER .itp_detail .itp_lg_form .input-daterange .input-group-addon {padding:3px 5px;}
  331. #ITP_CONTAINER .itp_detail .itp_lg_form .itp_date_to {background:#fff;}
  332. #ITP_CONTAINER .itp_detail .itp_lg_form .itp_lb.itp_required:before {content:'*'; color:#a94442; position:absolute; top:8px; left:8px;}
  333. #ITP_CONTAINER .itp_detail .itp_lg_form .itp_ipGrp_left {margin-right:0; padding-right:0;}
  334. #ITP_CONTAINER .itp_detail .itp_lg_form .itp_ipGrp_right {margin-right:0; padding-right:0;}
  335. #ITP_CONTAINER .itp_detail .itp_lg_form .itp_ipGrp_left .itp_input {border-top-right-radius:0; border-bottom-right-radius:0; border-right:none;}
  336. #ITP_CONTAINER .itp_detail .itp_lg_form .itp_ipGrp_right .itp_input {border-top-left-radius:0; border-bottom-left-radius:0;}
  337. #ITP_CONTAINER .itp_detail .itp_lg_form .checkbox-inline {padding-top:5px; font-size:13px; color:#333;}
  338. #ITP_CONTAINER .itp_detail .itp_lg_form .checkbox-inline .itp_chk {margin:3px 3px 0 0;}
  339. #ITP_CONTAINER .itp_detail .itp_lg_form .itp_lg_detail .itp_ip {margin-right:0;}
  340. #ITP_CONTAINER .itp_detail .itp_lg_form .itp_lg_col {padding-left:0; padding-right:0;}
  341. #ITP_CONTAINER .itp_detail .itp_lg_form .itp_ip.itp_store {font-size:13px; width:auto; padding:6px 0 0 0; margin-right:10px;}
  342. #ITP_CONTAINER .itp_detail .itp_lg_form .itp_ip.itp_store span {color:#000; display:block; max-width:296px; overflow:hidden; white-space:nowrap;}
  343. #ITP_CONTAINER .itp_detail .itp_lg_form .itp_ip.itp_sright {float:right; margin-right:0; width:55%;}
  344. #ITP_CONTAINER .itp_detail .itp_read_form {margin-bottom:0;}
  345. #ITP_CONTAINER .itp_detail .itp_read_form .itp_input {border-radius:0; border-top:0; border-left:0; border-right:0; background:none; box-shadow:none; -webkit-box-shadow:none;}
  346. #ITP_CONTAINER .itp_detail .itp_tab_wrap {width:100%; position:relative; padding:10px 15px 0 15px;}
  347. #ITP_CONTAINER .itp_detail .itp_tab_wrap .itp_tab_help {white-space:nowrap; position:absolute; top:35px; right:15px; font-size:12px;}
  348. #ITP_CONTAINER .itp_detail .itp_srh_tabs {display:table; table-layout:fixed; width:100%; margin:0; padding:0; list-style:none;}
  349. #ITP_CONTAINER .itp_detail .itp_srh_tabs li {display:table-cell;}
  350. #ITP_CONTAINER .itp_detail .itp_srh_tabs li a {display:block; white-space:nowrap; padding:1em; font-size:13px; background:#d9d9d9; border:1px solid #7f7f7f; text-align:center; color:#a6a6a6; text-decoration:none;}
  351. #ITP_CONTAINER .itp_detail .itp_srh_tabs li:not(:first-child) a {border-left:none;}
  352. #ITP_CONTAINER .itp_detail .itp_srh_tabs li a:hover, #ITP_CONTAINER .itp_detail .itp_srh_tabs .active a {background:#000; color:#fff;}
  353. #ITP_CONTAINER .itp_table {padding:0 15px;}
  354. #ITP_CONTAINER .itp_table .itp_grid_btn {margin-bottom:6px;}
  355. #ITP_CONTAINER .itp_table .itp_grid_btn .btn-default {color:#fff; background-color:rgb(109, 110, 114); border-color:rgb(109, 110, 114);}
  356. #ITP_CONTAINER .itp_table .itp_table_tit {font-size:13px; font-weight:bold; margin-top:22px; margin-left: 11px; }
  357. #ITP_CONTAINER .itp_tb_list {width:100%; position:relative;}
  358. #ITP_CONTAINER .itp_tb_list .itp_no_data {width:100%; text-align:center; position:absolute; top:47%; display:none;}
  359. #ITP_CONTAINER .itp_tb_list .itp_no_data.itp_noSrh {top:39%;}
  360. #ITP_CONTAINER .itp_tb_list.itp_gType1 .itp_no_data {top:52%;}
  361. #ITP_CONTAINER .itp_tb_list.itp_gType1 .itp_no_data.itp_noSrh {top:46%;}
  362. #ITP_CONTAINER .itp_tb_list.itp_gType2 .itp_no_data {top:56%;}
  363. #ITP_CONTAINER .itp_tb_list.itp_gType2 .itp_no_data.itp_noSrh {top:51%;}
  364. #ITP_CONTAINER .itp_tb_list .itp_no_data u {color:#337ab7; cursor:pointer;}
  365. #ITP_CONTAINER .itp_tb_list .itp_views {font-size:12px; margin-bottom:8px; display:inline-block; width:90%;}
  366. #ITP_CONTAINER .itp_tb_list .itp_views .itp_shrv {float:left; width:50%; padding-left:5px;}
  367. #ITP_CONTAINER .itp_tb_list .itp_views .itp_shrv span {float:left;}
  368. #ITP_CONTAINER .itp_tb_list .itp_views .itp_shrv em {font-style:normal;}
  369. #ITP_CONTAINER .itp_tb_list .itp_views .itp_shrv .shrv_txt {margin-right:4px;}
  370. #ITP_CONTAINER .itp_tb_list .itp_views .itp_shrv .shrv_num {margin-top:-1px;}
  371. #ITP_CONTAINER .itp_tb_list .itp_views .itp_shrv .shrv_bar {margin:-1px 8px 0 8px;}
  372. #ITP_CONTAINER .itp_tb_list .itp_views .itp_shrv .shrv_help {float:left; color:#ac2925;}
  373. #ITP_CONTAINER .itp_tb_list .itp_views .itp_shrx {float:right; width:50%;}
  374. #ITP_CONTAINER .itp_tb_list .itp_views .itp_shrx span {float:right;}
  375. #ITP_CONTAINER .itp_tb_list .itp_views .itp_shrx .shrx_bar {margin:-1px 8px 0 5px;}
  376. #ITP_CONTAINER .itp_tb_list .itp_views .itp_shrx .shrx_txt {margin-right:4px;cursor:pointer;}
  377. #ITP_CONTAINER .itp_tb_list .itp_sorts {font-size:12px; margin-bottom:8px;}
  378. #ITP_CONTAINER .itp_tb_list .itp_sorts a {font-size:11px; color:#333; float:left;}
  379. #ITP_CONTAINER .itp_tb_list .itp_sorts a.on {font-weight:bold;}
  380. #ITP_CONTAINER .itp_tb_list .itp_sorts em {float:left; font-size:9px; color:#333; padding:1px 3px 0 3px;}
  381. #ITP_CONTAINER .itp_tb_list .itp_sorts2 a {font-size:11px; color:#333; float:left;}
  382. #ITP_CONTAINER .itp_tb_list .itp_sorts2 a.on {font-weight:bold;}
  383. #ITP_CONTAINER .itp_tb_list .itp_sorts2 i {float:left; font-size:9px; color:#333; padding:1px 3px 0 3px;}
  384. #ITP_CONTAINER .itp_tree_grid .ui-jqgrid tr.ui-row-ltr td .cell-wrapper {white-space:nowrap;}
  385. #ITP_CONTAINER .itp_tb_list .itp_val {position:relative; display:block; padding-right:25px;}
  386. #ITP_CONTAINER .itp_tb_list .itp_val .itp_btn {position:absolute; top:0px; right:4px;}
  387. #ITP_CONTAINER .itp_tb_list .ui-jqgrid-bdiv button.itp_btn {padding:0 3px; font-size:10px; margin:-1px 0 0 -5px;}
  388. #ITP_CONTAINER .itp_tb_list .itp_grid_link {color:#000; font-weight:bold; text-decoration:underline; cursor:pointer;}
  389. #ITP_CONTAINER .itp_tb_list .itp_grid_link2 {color:#000; text-decoration:underline; cursor:pointer; line-height:1.5;}
  390. #ITP_CONTAINER .itp_tb_list .itp_grid_date {font-size: 12px}
  391. #ITP_CONTAINER .itp_tb_list .itp_grid_deleted {color:#ac2925; text-decoration:underline; cursor:pointer;}
  392. #ITP_CONTAINER .itp_tb_list .itp_grid_select {color:#337ab7; text-decoration:underline; cursor:pointer;}
  393. #ITP_CONTAINER .itp_tb_list .itp_grid_intro {margin-top:2px; font-size:12px; display:inline-block; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word;}
  394. #ITP_CONTAINER .itp_tb_list .itp_grid_popup {font-size:12px; text-decoration:underline; cursor:pointer;}
  395. #ITP_CONTAINER .itp_tb_list .itp_grid_popup_box {position:relative;}
  396. #ITP_CONTAINER .itp_tb_list .itp_grid_pop_in {position:absolute; text-align:left; top:0px; right:33px; text-decoration:none; padding:17px 40px 15px 20px; background:#fff; border:1px solid #333;}
  397. #ITP_CONTAINER .itp_tb_list .itp_grid_pop_in.type2 {right:24px;}
  398. #ITP_CONTAINER .itp_tb_list .itp_grid_pop_in.type3 {top:-16px; right:76px;}
  399. #ITP_CONTAINER .itp_tb_list .itp_grid_pop_in.type3 span {font-size:12px;}
  400. #ITP_CONTAINER .itp_tb_list .itp_grid_pop_in span {display:block; white-space:nowrap;}
  401. #ITP_CONTAINER .itp_tb_list .itp_grid_pop_in i {position:absolute; top:6px; right:6px; font-size:16px;}
  402. #ITP_CONTAINER .itp_tb_list .itp_grid_dc_popup_box {position:relative;}
  403. #ITP_CONTAINER .itp_tb_list .itp_grid_dc_pop_in {position:absolute; text-align:left; top:0px; left:23px; text-decoration:none; padding:17px 40px 15px 20px; background:#fff; border:1px solid #333;}
  404. #ITP_CONTAINER .itp_tb_list .itp_grid_dc_pop_in span {display:block; white-space:nowrap;}
  405. #ITP_CONTAINER .itp_tb_list .itp_grid_dc_pop_in i {position:absolute; top:6px; right:6px; font-size:16px;}
  406. #ITP_CONTAINER .itp_table_wrap .itp_half_tb {padding-left:0; padding-right:0;}
  407. #ITP_CONTAINER .itp_table_wrap .itp_thumb_grid {width:74.8%;}
  408. #ITP_CONTAINER .itp_table_wrap .itp_form_half .itp_lb {float:left; font-size:13px; padding-top:5px; color:#333; margin-right:20px;}
  409. #ITP_CONTAINER .itp_table_wrap .itp_form_half .itp_input {font-size:13px; color:#333; height:28px; padding:3px 9px;}
  410. #ITP_CONTAINER .itp_table_wrap .itp_form_half .itp_btn {padding:4px 10px; background:#fff;}
  411. #ITP_CONTAINER .itp_table_wrap .itp_grid_tit {font-size:14px; border-left:5px solid #337ab7; padding-left:10px;}
  412. #ITP_CONTAINER .itp_table_wrap .itp_grid_btns {padding-right:30px;}
  413. #ITP_CONTAINER .itp_table_wrap .itp_grid_btns .itp_btn_dark {padding:4px 10px; color:#fff; background-color:rgb(109, 110, 114); border-color:rgb(109, 110, 114);}
  414. #ITP_CONTAINER .itp_table_wrap.itp_lg_form .itp_grid_btns {padding-right:0px;}
  415. #ITP_CONTAINER .itp_editor_area .itp_editor_cont {width:100%; height:490px; border:1px solid #ccc; display:none;}
  416. #ITP_CONTAINER .itp_card {padding-top:15px;}
  417. #ITP_CONTAINER .itp_card .itp_col {padding-left:0; padding-right:0;}
  418. #ITP_CONTAINER .itp_card .card-header {font-size:14px; padding:15px 15px; border:1px solid rgba(0,0,0,.125); border-top-left-radius:.25rem; border-top-right-radius:.25rem; background:rgba(0,0,0,.03);}
  419. #ITP_CONTAINER .itp_card .list-group-item:first-child {font-size:13px; border-top:none; border-top-left-radius:0; border-top-right-radius:0;}
  420. #ITP_CONTAINER .itp_card .card.active .card-header {background:#337ab7; color:#fff; border-color:#337ab7;}
  421. #ITP_CONTAINER .itp_card .itp_card_tb {display:table; width:100%;}
  422. #ITP_CONTAINER .itp_card .itp_card_th {display:table-cell; width:50%; text-align:left;}
  423. #ITP_CONTAINER .itp_card .itp_card_td {display:table-cell; width:50%; text-align:right;}
  424. #ITP_CONTAINER .itp_btn_upload {position:relative; overflow:hidden;}
  425. #ITP_CONTAINER .itp_txBot {vertical-align:text-bottom;}
  426. #ITP_CONTAINER .itp_btn_upload input[type=file] {
  427. position:absolute; top:0; right:0;
  428. width:100%; height:100%; margin:0; padding:0;
  429. cursor:pointer; opacity:0; outline:0;
  430. background:none; z-index:1;
  431. }
  432. #ITP_CONTAINER .itp_form.itp_type1 {padding-top:10px; width:100%;}
  433. #ITP_CONTAINER .itp_form.itp_type1 .itp_form_tit {border-top:1px solid #ddd; border-left:1px solid #ddd; border-bottom:1px solid #ddd; background:#f5f5f5; padding:13px 18px; margin:0;}
  434. #ITP_CONTAINER .itp_form.itp_type1 .itp_form_tit span.pull-left {font-size:14px; font-weight:bold;}
  435. #ITP_CONTAINER .itp_form.itp_type1 .itp_form_tit span {font-weight:normal; font-size:12px;}
  436. #ITP_CONTAINER .itp_form.itp_type1 .itp_form_tit .btn-dark {color:#fff; background-color:rgb(109, 110, 114); border-color:rgb(109, 110, 114);}
  437. #ITP_CONTAINER .itp_form.itp_type1 .itp_form_sec {margin:0; border-right:1px solid #ddd;}
  438. #ITP_CONTAINER .itp_form.itp_type1 .itp_form_in {margin:0; padding:0; display:table; width:100%;}
  439. #ITP_CONTAINER .itp_form.itp_type1 .form-group {margin:0; padding:0; display:table-row;}
  440. #ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_lb,
  441. #ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_ip {display:table-cell; padding:2px 15px 0 15px; border-top:1px solid #ededed; float:none; vertical-align:middle; height:32px; }
  442. #ITP_CONTAINER .itp_form.itp_type1 .form-group.border .itp_lb,
  443. #ITP_CONTAINER .itp_form.itp_type1 .form-group.border .itp_ip {border-bottom:1px solid #666;}
  444. #ITP_CONTAINER .itp_form.itp_type1 .form-group.noBor .itp_lb,
  445. #ITP_CONTAINER .itp_form.itp_type1 .form-group.noBor .itp_ip {border-top:0; padding-top:0; height:auto;}
  446. #ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_lb {border-right:1px solid #ddd; border-left:1px solid #ddd;background:#f5f5f5;}
  447. #ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_lb.bor {border-left:1px solid #ddd;}
  448. #ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_in {padding:0; margin-right:8px;}
  449. #ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_in.pad {padding-right:15px;}
  450. #ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_in.padT {padding-top:4px;}
  451. #ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_in.padTt {padding-top:1px;}
  452. #ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_in.padTt .btn-default {padding:4px 10px 3px 10px; background:#f1f1f1;}
  453. #ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_in.mar {margin-right:4px;}
  454. #ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_in.mar2 {margin-right:8px;}
  455. #ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_in.itp_xs_btn {width:auto;}
  456. #ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_in.itp_left_txt {width:auto; padding-right:15px; font-size:13px; padding-top:5px;}
  457. #ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_in.itp_left_img {width:auto; padding-right:15px;}
  458. #ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_in.itp_left_img img {width:100px; height:100px;}
  459. #ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_in.itp_left_img2 {width:auto; padding-right:15px;}
  460. #ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_in.itp_days {font-size:12px; padding-top:3px;}
  461. #ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_in.itp_days span {margin-right:13px; display:inline-block; vertical-align:middle;}
  462. #ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_in.itp_days span:last-child {margin-right:0;}
  463. #ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_in.itp_days span em {font-style:normal; font-size:13px; display:inline-block; vertical-align:middle;}
  464. #ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_in.itp_days .itp_holiday em {color:#a94442;}
  465. #ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_in.itp_days .itp_day em {color:#000;}
  466. #ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_in.itp_add_btn {width:7.6%; text-align:right; padding-top:4px;}
  467. #ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_chk,
  468. #ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_txt {font-size:13px; font-weight:normal; padding-right:0; color:#333; position:relative;}
  469. #ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_chk_list {margin-bottom:-15px;}
  470. #ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_chk {padding-top:6px;}
  471. #ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_txt {margin:0;}
  472. #ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_text {padding-left:0; font-size:13px;}
  473. #ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_help {font-size:12px;}
  474. #ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_msg.itp_xs_msg {padding-top:3px;}
  475. #ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_msg.noPad {padding-left:0;}
  476. #ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_msg.itp_auto {width:auto;}
  477. #ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_btnTxt {display:inline-block; vertical-align:middle; margin-right:4px;}
  478. #ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_btnTxtL {display:inline-block; vertical-align:middle; margin-right:30px;}
  479. #ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_btnTxtR {display:inline-block; vertical-align:middle; margin-left:10px; font-size:12px;}
  480. #ITP_CONTAINER .itp_form.itp_type1 .form-group .btn-dark {color:#fff; background-color:rgb(109, 110, 114); border-color:rgb(109, 110, 114);}
  481. #ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_ip.itp_tbip {padding:0;}
  482. #ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_input.cursor {cursor:pointer;}
  483. #ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_in textarea {min-height:69px;}
  484. #ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_thuImg {margin-right: 3px; border: solid 0.5px #bfbfbf; cursor: pointer}
  485. #ITP_CONTAINER .itp_form.itp_type1 .form-group textarea.form-control {padding: 3px 9px}
  486. #ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_noneSel {margin: 0; padding: 0; background: none; border: none; height: auto; opacity: 1; -webkit-appearance:none}
  487. #ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_noneSel::-ms-expand {display: none; margin-left: -4px}
  488. #ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_noneSel option {margin: 0; padding: 0}
  489. #ITP_CONTAINER .itp_form.itp_type1 .itp_form_sec.itp_primary {margin-bottom:10px; border-left:1px solid #2e6da4; border-bottom:1px solid #2e6da4; border-right:1px solid #2e6da4;}
  490. #ITP_CONTAINER .itp_form.itp_type1 .itp_primary .itp_form_tit {border-top:1px solid #2e6da4; background:#337ab7; color:#fff;}
  491. #ITP_CONTAINER .itp_form.itp_type1 .itp_primary .form-group .itp_lb,
  492. #ITP_CONTAINER .itp_form.itp_type1 .itp_primary .form-group .itp_ip {background:#D6E6F3; color:#000;}
  493. #ITP_CONTAINER .itp_form.itp_type1 .itp_err {color:#a94442; font-size:12px;}
  494. #ITP_CONTAINER .itp_history {padding:15px; font-size:12px;}
  495. #ITP_CONTAINER .itp_history .itp_hisTit {margin-bottom:8px;}
  496. #ITP_CONTAINER .itp_history .itp_flex {float:left; border:1px solid #ddd; width:16.5%; margin-right:2px;}
  497. #ITP_CONTAINER .itp_history .itp_flex .itp_fTit {text-align:center; border-bottom:1px solid #ddd; background:#f5f5f5; line-height:35px;}
  498. #ITP_CONTAINER .itp_history .itp_flex:first-child .itp_fTit {color:#fff; background:#d9534f;}
  499. #ITP_CONTAINER .itp_history .itp_flex:last-child .itp_fTit {color:#fff; background:#337ab7;}
  500. #ITP_CONTAINER .itp_history .itp_flex:last-child {margin-right:0;}
  501. #ITP_CONTAINER .itp_history .itp_fin {padding:0 10px 10px 10px;}
  502. #ITP_CONTAINER .itp_history .itp_fin p {margin:5px 0 0 0;}
  503. #ITP_CONTAINER .itp_history .itp_fnum {text-align:center; font-size:14px; margin:15px 0 !important;}
  504. #ITP_CONTAINER .itp_history .itp_fbox {font-size:11px;}
  505. #ITP_CONTAINER .itp_history .itp_flab {float:left; width:60px; text-align:center; background:#a6a6a6; border-radius:3px; padding:1px 5px; color:#fff;}
  506. #ITP_CONTAINER .itp_history .itp_fsm {float:right; width:125px; text-align:right;}
  507. #ITP_CONTAINER .itp_intro_div {position: relative; width: 100%; overflow-x: auto; overflow-y: hidden; margin-top: 40px; height: 530px}
  508. #ITP_CONTAINER .itp_intro_list {list-style: none; text-align: center; margin: 0; padding: 0; position: absolute; top: 0; left: 0; white-space: nowrap; width: 100%}
  509. #ITP_CONTAINER .itp_intro_list li {width: 254px; font-size: 13px; display: inline-block}
  510. #ITP_CONTAINER .itp_intro_list li .itp_img {width: 100%; height: 454px; border: 1px solid #ddd; background: #f5f5f5; line-height: 454px; position: relative; cursor: pointer}
  511. #ITP_CONTAINER .itp_intro_list li .itp_img .itp_img_file {position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0}
  512. #ITP_CONTAINER .itp_intro_list li .itp_save_btn {width: 100%; height: 40px; margin-top: 4px; font-size: 13px}
  513. #ITP_CONTAINER .itp_intro_list li .itp_save_del {width: 100%; height: 40px; margin-top: 4px; font-size: 13px}
  514. #ITP_CONTAINER .itp_logs {padding:15px; font-size:12px}
  515. _:-ms-fullscreen, :root .itp_logs {max-width: 1287px}
  516. #ITP_CONTAINER .itp_logs .itp_lo {margin-bottom: 15px; display: flex; justify-content: center}
  517. #ITP_CONTAINER .itp_logs .itp_flex {width: 25%; padding:0 5px 0 5px}
  518. #ITP_CONTAINER .itp_logs .itp_flex .itp_fBox {border:1.5px solid #333}
  519. #ITP_CONTAINER .itp_logs .itp_flex .itp_fTit {text-align:center; background: rgb(109, 110, 114); line-height:35px; color: #fff; margin: 0}
  520. #ITP_CONTAINER .itp_logs .itp_flex .itp_fTit .tt {float: left; padding-left: 25px}
  521. #ITP_CONTAINER .itp_logs .itp_flex .itp_fTit .help {float: right; font-size: 11.5px; padding-right: 20px}
  522. #ITP_CONTAINER .itp_logs .itp_flex .itp_fTit.blue {background: #337ab7}
  523. #ITP_CONTAINER .itp_logs .itp_flex .itp_fin {width: 100%;}
  524. #ITP_CONTAINER .itp_logs .itp_loTb {table-layout: fixed; width: 100%; border-spacing: 0}
  525. #ITP_CONTAINER .itp_logs .itp_loTb th {font-weight: normal; width: 33.33%; height: 28px; background: #f5f5f5; text-align: center}
  526. #ITP_CONTAINER .itp_logs .itp_loTb td {width: 33.33%; height: 32px; border: 1px solid #ddd; text-align: right; padding: 0 8px 0 8px; background: #fff}
  527. #ITP_CONTAINER .itp_logs .itp_loTb td:first-child {text-align: center}
  528. #ITP_CONTAINER .itp_logs .itp_loTb tr.disabled td {color: #aaa}
  529. #ITP_CONTAINER .itp_logs .itp_loTb td.ac {text-align: center}
  530. #ITP_CONTAINER .itp_logs .itp_tbAra {float: left; width: 33.33%; background: #f5f5f5}
  531. #ITP_CONTAINER .itp_logs .itp_tbAra:first-child {padding-right: 10px}
  532. #ITP_CONTAINER .itp_logs .itp_tbAra:last-child {padding-left: 10px}
  533. /* ITP_FOOTER */
  534. #ITP_FOOTER .itp_modal {z-index:10000;}
  535. #ITP_FOOTER .itp_modal .modal-header {padding:12px 15px 12px 15px; background:#337ab7; cursor:move;}
  536. #ITP_FOOTER .itp_modal .modal-header .close {color:#fff; opacity:1;}
  537. #ITP_FOOTER .itp_modal .modal-title {font-size:16px; color:#fff;}
  538. #ITP_FOOTER .itp_modal .itp_alert_txt {font-size:15px; padding:15px 0 10px 0;}
  539. #ITP_FOOTER .itp_modal .itp_form .form-group {margin-bottom:10px;}
  540. #ITP_FOOTER .itp_modal .itp_form .form-control {font-size:13px; color:#333;}
  541. #ITP_FOOTER .itp_modal .itp_form .itp_lb {font-size:13px; padding-top:5px; padding-right:0; color:#333; position:relative;}
  542. #ITP_FOOTER .itp_modal .itp_form .itp_ip {padding-left:0; padding-right:0;}
  543. #ITP_FOOTER .itp_modal .itp_form .itp_ip_offset {padding-left:15px;}
  544. #ITP_FOOTER .itp_modal .itp_form .itp_input {height:28px; padding:3px 9px;}
  545. #ITP_FOOTER .itp_modal .itp_form .itp_check {margin-top:7px;}
  546. #ITP_FOOTER .itp_modal .itp_form select.itp_input {padding-left:4px;}
  547. #ITP_FOOTER .itp_modal .itp_form .itp_btn {padding:4px 10px; background:#fff;}
  548. #ITP_FOOTER .itp_modal .itp_form .input-daterange .input-group-addon {padding:3px 5px;}
  549. #ITP_FOOTER .itp_modal .itp_form .itp_date_to {background:#fff;}
  550. #ITP_FOOTER .itp_modal .itp_form .itp_lb.itp_required:before {content:'*'; color:#a94442; position:absolute; top:8px; left:8px;}
  551. #ITP_FOOTER .modal-body .itp_alt_box {display:inline-flex; border:2px solid #ccc; border-bottom:none;}
  552. #ITP_FOOTER .modal-body .itp_alt_box.border {border-bottom:1px solid #ccc;}
  553. #ITP_FOOTER .modal-body .itp_alt_box .itp_label_area {width:100px; height:40px; padding:10px; text-align:left; background:#f5f5f5;}
  554. #ITP_FOOTER .modal-body .itp_alt_box .itp_label_area label {text-align:left; min-width:80px;}
  555. #ITP_FOOTER .modal-body .itp_alt_box .itp_info_area {border-left:1px solid #ccc; width:210px;}
  556. #ITP_FOOTER .modal-body .itp_alt_box .itp_info_area div {text-align: left; width:auto; padding:10px;}
  557. #ITP_FOOTER .modal-body .error_info {margin-top:15px;}
  558. #ITP_FOOTER .modal.in .modal-dialog {
  559. -webkit-transform:translate(0, calc(50vh - 50%));
  560. -ms-transform:translate(0, 50vh) translate(0, -50%);
  561. -o-transform:translate(0, calc(50vh - 50%));
  562. transform:translate(0, 50vh) translate(0, -50%);
  563. }
  564. /* ITP_ASIDE */
  565. #ITP_ASIDE .itp_modal .modal-header {padding:12px 15px 12px 15px; background:#337ab7; cursor:move;}
  566. #ITP_ASIDE .itp_modal .modal-header .close {color:#fff; opacity:1;}
  567. #ITP_ASIDE .itp_modal .modal-title {font-size:16px; color:#fff;}
  568. #ITP_ASIDE .itp_modal .itp_alert_txt {font-size:15px; padding:15px 0 10px 0;}
  569. #ITP_ASIDE .itp_modal .itp_form {padding:0 15px 0 15px;}
  570. #ITP_ASIDE .itp_modal .itp_form .form-group {margin-bottom:0px; height:45px; border-bottom:1px solid #aaa;}
  571. #ITP_ASIDE .itp_modal .itp_form .colspan {height:60px !important;}
  572. #ITP_ASIDE .itp_modal .itp_form .shot{height:43px !important; border-bottom:1px solid #aaa;}
  573. #ITP_ASIDE .itp_modal .itp_form .form-group.border {border-bottom:1px solid #ddd;}
  574. #ITP_ASIDE .itp_modal .itp_form .form-control {font-size:13px; color:#333;}
  575. #ITP_ASIDE .itp_modal .itp_form .itp_lb {top:0; font-size:13px; margin:0; padding:13px 12px; height:44px; background:#eee; width:125px; min-width:100px; border-right:1px solid #aaa; border-left:1px solid #ccc;}
  576. #ITP_ASIDE .itp_modal .itp_form .itp_lb.itp_normal {font-weight:normal; padding-left:19px;}
  577. #ITP_ASIDE .itp_modal .itp_form .itp_ip {padding:9px 10px 0 10px;;}
  578. #ITP_ASIDE .itp_modal .itp_form .itp_ip.itp_pr {margin-right:0; padding-right:10px;}
  579. #ITP_ASIDE .itp_modal .itp_form .itp_ip.itp_noMar {margin-right:0; padding-right:0px;}
  580. #ITP_ASIDE .itp_modal .itp_form .itp_ip_offset {padding-left:15px;}
  581. #ITP_ASIDE .itp_modal .itp_form .itp_input {height:28px; padding:3px 9px;}
  582. #ITP_ASIDE .itp_modal .itp_form .itp_check {margin-top:7px;}
  583. #ITP_ASIDE .itp_modal .itp_form .itp_chk {margin-left:20px; float:left; font-size:13px; font-weight:normal; padding-right:0; color:#333;}
  584. #ITP_ASIDE .itp_modal .itp_form .itp_chk:first-child {margin-left:0;}
  585. #ITP_ASIDE .itp_modal .itp_form .itp_chk .itp_check {margin:2px 5px 0 0; float:left;}
  586. #ITP_ASIDE .itp_modal .itp_form .itp_err {color:#a94442; font-size:12px;}
  587. #ITP_ASIDE .itp_modal .itp_form .itp_auto {width:auto; padding-right:15px;}
  588. #ITP_ASIDE .itp_modal .itp_form select.itp_input {padding-left:4px;}
  589. #ITP_ASIDE .itp_modal .itp_form .itp_btn {padding:4px 10px; background:#fff;}
  590. #ITP_ASIDE .itp_modal .itp_form .input-daterange .input-group-addon {padding:3px 5px;}
  591. #ITP_ASIDE .itp_modal .itp_form .itp_date_to {background:#fff;}
  592. #ITP_ASIDE .itp_modal .itp_form .itp_lb.itp_required:before {content:'*'; color:#a94442; position:absolute; top:8px; left:8px;}
  593. #ITP_ASIDE .itp_modal .itp_form .itp_ipGrp_left .itp_input {border-top-right-radius:0; border-bottom-right-radius:0; border-right:none;}
  594. #ITP_ASIDE .itp_modal .itp_form .itp_ipGrp_right .itp_input {border-top-left-radius:0; border-bottom-left-radius:0;}
  595. #ITP_ASIDE .itp_modal .itp_form .itp_err_msg {display: inline-block; font-size: 12px; color: #a94442; margin-left: 1px;} /* 송호성 추가(2021.07.11) */
  596. #ITP_ASIDE .itp_modal .itp_form_inline {margin-bottom:10px; padding:0;}
  597. #ITP_ASIDE .itp_modal .itp_form_inline .form-horizontal {margin-bottom:10px; font-size:18px;}
  598. #ITP_ASIDE .itp_modal .itp_form_inline .form-horizontal .itp_div_label {display:inline-flex; margin-left:20px;}
  599. #ITP_ASIDE .itp_modal .itp_form_inline .form-horizontal .itp_div_label label {min-width:90px;}
  600. #ITP_ASIDE .itp_modal .itp_form_inline .form-horizontal .itp_div_label span{margin:0 15px;}
  601. #ITP_ASIDE .itp_modal .itp_form_inline .form-horizontal .itp_div_label div{width:130px; text-align:right;}
  602. #ITP_ASIDE .itp_modal .itp_form_inline .itp_ip {margin-right:20px;}
  603. #ITP_ASIDE .itp_modal .itp_form_inline .itp_ip.itp_long {width:98%; margin-right:0;}
  604. #ITP_ASIDE .itp_modal .itp_form_inline .itp_ipGrp_left {margin-right:0;}
  605. #ITP_ASIDE .itp_modal .itp_form_inline .itp_ipGrp_right {margin-right:0;}
  606. #ITP_ASIDE .itp_modal .itp_form_inline .itp_btn {margin-right:15px; color:#fff; background-color:rgb(109, 110, 114); border-color:rgb(109, 110, 114);}
  607. #ITP_ASIDE .itp_modal .itp_form_inline .itp_btn_org {padding:4px 10px; background:#fff;}
  608. #ITP_ASIDE .itp_modal .itp_form_inline .checkbox-inline {padding-top:5px; font-size:13px; color:#333;}
  609. #ITP_ASIDE .itp_modal .itp_form_inline .checkbox-inline .itp_chk {margin:3px 3px 0 0;}
  610. #ITP_ASIDE .itp_modal .itp_tb_list {padding:10px 15px 10px 15px;}
  611. #ITP_ASIDE .itp_modal .itp_tb_list {width:100%; position:relative;}
  612. #ITP_ASIDE .itp_modal .itp_tb_list .itp_no_data {width:100%; text-align:center; position:absolute; top:51%; display:none;}
  613. #ITP_ASIDE .itp_modal .itp_tb_list .itp_no_data.itp_noSrh {top:46%;}
  614. #ITP_ASIDE .itp_modal .itp_tb_list .itp_no_data u {color:#337ab7; cursor:pointer;}
  615. #ITP_ASIDE .itp_modal .itp_tb_list .itp_views {font-size:12px; margin-bottom:8px; display:none;}
  616. #ITP_ASIDE .itp_modal .itp_tb_list .itp_views.itp_show {display:block;}
  617. #ITP_ASIDE .itp_modal .itp_tb_list .itp_views .itp_shrv {float:left;}
  618. #ITP_ASIDE .itp_modal .itp_tb_list .itp_views .itp_shrv span {float:left;}
  619. #ITP_ASIDE .itp_modal .itp_tb_list .itp_views .itp_shrv em {font-style:normal;}
  620. #ITP_ASIDE .itp_modal .itp_tb_list .itp_views .itp_shrv .shrv_txt {margin-right:4px;}
  621. #ITP_ASIDE .itp_modal .itp_tb_list .itp_views .itp_shrv .shrv_num {margin-top:-1px;}
  622. #ITP_ASIDE .itp_modal .itp_tb_list .itp_views .itp_shrv .shrv_bar {margin:-1px 8px 0 8px;}
  623. #ITP_ASIDE .itp_modal .itp_tb_list .itp_list_box {font-size:13px; padding:15px; border:1px solid #ddd; background:#f1f1f1; overflow-x:hidden; overflow-y:scroll; height:150px;}
  624. #ITP_ASIDE .itp_modal .itp_tb_list .itp_list_box .itp_no_list {text-align:center; line-height:108px;}
  625. #ITP_ASIDE .itp_modal .itp_tb_list .itp_list_box .itp_area {display:inline-block; border:1px solid #2e6da4; background:#fff; margin:0 10px 10px 0;}
  626. #ITP_ASIDE .itp_modal .itp_tb_list .itp_list_box .itp_area span {display:inline-block; white-space:nowrap; padding:6px 6px 0 6px; vertical-align:top;}
  627. #ITP_ASIDE .itp_modal .itp_tb_list .itp_list_box .itp_area button {border-left:1px solid #2e6da4; border-right:0; border-top:0; border-bottom:0; color:#fff; background:#337ab7; width:30px; height:31px; font-size:12px; vertical-align:top;}
  628. #ITP_ASIDE .modal.in .modal-dialog {
  629. -webkit-transform:translate(0, calc(50vh - 50%));
  630. -ms-transform:translate(0, 50vh) translate(0, -50%);
  631. -o-transform:translate(0, calc(50vh - 50%));
  632. transform:translate(0, 50vh) translate(0, -50%);
  633. }
  634. #ITP_ASIDE .itp_modal .itp_form.itp_type1 {padding:0; border:1px solid #aaa; border-left:none;}
  635. #ITP_ASIDE .itp_modal .itp_madal_header {padding-left:15px; border-bottom:1px solid #aaa;}
  636. #ITP_ASIDE .itp_modal .itp_form.itp_type1 .itp_help {font-size:12px; padding-top:6px;}
  637. #ITP_ASIDE .itp_modal .itp_form.itp_type1 .itp_txt {font-size:13px; width:auto; padding:5px 10px 0 0;}
  638. #ITP_ASIDE .itp_modal .itp_form.itp_type1 .itp_text {font-size:13px; padding-top:5px; display:block;}
  639. #ITP_ASIDE .itp_modal .itp_form.itp_type1 .itp_smLink {color:#000; text-decoration:underline; cursor:pointer;}
  640. #ITP_ASIDE .itp_modal .itp_form.itp_type1 .itp_in.itp_add_btn {width:auto; padding:4px 0 0 0;}
  641. #ITP_ASIDE .itp_modal .itp_form.itp_type1 .btn-dark {color:#fff; background-color:rgb(109, 110, 114); border-color:rgb(109, 110, 114);}
  642. #ITP_ASIDE .itp_modal .itp_form.itp_type1 .itp_msg {display: block; font-size:12px; padding-top:6px;}
  643. #ITP_ASIDE .itp_modal .itp_form.itp_type1 .itp_in {padding:0;}
  644. #ITP_ASIDE .itp_modal .itp_form.itp_type1 .itp_in.mar {margin-right:4px;}
  645. #ITP_ASIDE .itp_modal .itp_form.itp_type1 .itp_in.mar2 {margin-right:8px;}
  646. #ITP_ASIDE .itp_modal .itp_form.itp_type1 .itp_in.itp_xs_btn {width:auto;}
  647. #ITP_ASIDE .itp_modal .itp_form.itp_type1 .itp_in.itp_left_img {width:auto; padding-right:15px;}
  648. #ITP_ASIDE .itp_modal .itp_form.itp_type1 .itp_btn_upload {position:relative; overflow:hidden;}
  649. #ITP_ASIDE .itp_modal .itp_form.itp_type1 .itp_btn_upload input[type=file] {
  650. position:absolute; top:0; right:0;
  651. width:100%; height:100%; margin:0; padding:0;
  652. cursor:pointer; opacity:0; outline:0;
  653. background:none; z-index:1;
  654. }
  655. #ITP_ASIDE .itp_modal .itp_addr_wrap {height:220px; overflow:auto; border:1px solid #ddd;}
  656. #ITP_ASIDE .itp_modal .itp_addr_wrap .itp_addr_no {font-size:13px; line-height:218px; text-align:center; margin:0; padding:0;}
  657. #ITP_ASIDE .itp_modal .itp_addr_wrap .itp_addr_box {display:none;}
  658. #ITP_ASIDE .itp_modal .itp_addr_list {list-style:none; font-size:13px; margin:0; padding:0px 15px 15px 15px; display:table; width:100%;}
  659. #ITP_ASIDE .itp_modal .itp_addr_list li {display:table-row;}
  660. #ITP_ASIDE .itp_modal .itp_addr_list .itp_addr,
  661. #ITP_ASIDE .itp_modal .itp_addr_list .itp_sel {display:table-cell; vertical-align:middle; padding:10px 0px 10px 0; border-bottom:1px dotted #ddd;}
  662. #ITP_ASIDE .itp_modal .itp_addr_list .itp_addr {padding-left:2px; width:90%;}
  663. #ITP_ASIDE .itp_modal .itp_addr_list .itp_addr span {display:block; margin-top:5px;}
  664. #ITP_ASIDE .itp_modal .itp_addr_list .itp_addr span em {font-style:normal; margin-right:13px;}
  665. #ITP_ASIDE .itp_modal .itp_addr_list .itp_sel {text-align:right;}
  666. #ITP_ASIDE .itp_modal .itp_addr_list .itp_sel button {background:none; border:0; color:#337ab7;}
  667. #ITP_ASIDE .itp_modal .itp_show_loc {list-style:none; margin:0; padding:0;}
  668. #ITP_ASIDE .itp_modal .itp_show_loc li {cursor:pointer; margin-top:10px; height:55px; border:1px solid #ddd; background:#f1f1f1; text-align:center; display:flex; justify-content:center; flex-direction:column;}
  669. #ITP_ASIDE .itp_modal .itp_show_loc li:first-child {margin-top:0;}
  670. #ITP_ASIDE .itp_modal .itp_show_loc li.on {background:#337ab7; border:1px solid #2e6da4; color:#fff;}
  671. #ITP_ASIDE .itp_modal .itp_grid_popup_box {position:relative;}
  672. #ITP_ASIDE .itp_modal .itp_grid_pop_in {position:absolute; text-align:left; bottom:24px; left:0px; text-decoration:none; padding:17px 40px 15px 20px; background:#fff; border:1px solid #333;}
  673. #ITP_ASIDE .itp_modal .itp_grid_pop_in span {display:block; white-space:nowrap;}
  674. #ITP_ASIDE .itp_modal .itp_grid_pop_in i {position:absolute; top:6px; right:6px; font-size:16px; cursor:pointer;}
  675. #ITP_ASIDE .itp_modal .itp_photo {width: 362px; margin: 0 auto; padding-top: 10px}
  676. #ITP_ASIDE .itp_modal .itp_photo .list {list-style: none; padding: 0; margin: 0}
  677. #ITP_ASIDE .itp_modal .itp_photo .list li {float: left; width: 70px; height: 70px; border: solid 0.5px #bfbfbf; margin-left: 3px}
  678. #ITP_ASIDE .itp_modal .itp_photo .list li img {margin: 1px 0 0 1px; cursor: pointer}
  679. #ITP_ASIDE .itp_modal .itp_photo .list li:first-child {margin-left: 0}
  680. #ITP_ASIDE .itp_modal .itp_pic {width: 100%; margin: 10px 0 0 0; padding: 0; border: solid 0.5px #bfbfbf; min-height: 200px;}
  681. #ITP_ASIDE .itp_modal .itp_pic img {width: 100%; height: 100%}
  682. #ITP_ASIDE .itp_modal .itp_preview_bottom {margin-top: 5px; margin-bottom: 5px; text-align: right;}
  683. #ITP_ASIDE .itp_modal .itp_mainform {width: 100%; margin: 10px 0 0 0; padding: 0; border: solid 0.5px #bfbfbf; height: 400px; overflow-y: scroll;}
  684. #ITP_ASIDE .itp_modal .itp_lctnview {width: 100%; margin: 10px 0 0 0; padding: 0; border: solid 0.5px #bfbfbf; height: 100%; }
  685. #ITP_ASIDE .itp_modal .modal-bottom {border-top:1px solid #aaa; height:50px; display:flex;}
  686. #ITP_ASIDE .itp_modal .modal-bottom .col_3 {width:40%; hegith:50px;}
  687. #ITP_ASIDE .itp_modal .modal-bottom .col_7 {width:60%; height:50px;}
  688. #ITP_ASIDE .form-group .col_3 {width:32%;}
  689. #ITP_NOT_FOUND {width:100%; height:100%;}
  690. #ITP_NOT_FOUND .itp_head {margin-bottom:8px; letter-spacing:-1px;}
  691. #ITP_NOT_FOUND .itp_bar {margin:0; padding:0; float:left; margin:0 15px 0 15px; font-size:22px;}
  692. #ITP_NOT_FOUND .itp_logo {margin:0; padding:0; color:#337ab7; float:left;}
  693. #ITP_NOT_FOUND .itp_tit {margin:0; padding:7px 0 0 0; float:left; font-size:22px;}
  694. #ITP_NOT_FOUND .itp_cont {width:100%; min-height:calc(100vh - 115px); padding:170px 20px 150px 20px; position:relative;}
  695. #ITP_NOT_FOUND .itp_box_wrap {width:464px; height:410px; position:absolute; top:50%; left:50%; margin:-205px 0 0 -232px;}
  696. #ITP_NOT_FOUND .itp_box {padding:20px 20px 0 20px; margin-bottom:0; border-bottom-left-radius:0; border-bottom-right-radius:0; border-bottom:0;}
  697. #ITP_NOT_FOUND .itp_copyright {font-size:12px; margin-top:10px;}
  698. #ITP_NOT_FOUND .itp_thanks {font-size:12px; color:#333; margin-top:10px;}
  699. #ITP_NOT_FOUND .itp_icon {font-size:46px; float:left; margin:3px 18px 0 0;}
  700. #ITP_NOT_FOUND .itp_request {font-size:20px; float:left; font-weight:bold;}
  701. #ITP_NOT_FOUND .notfound {text-align:center; margin-top:40px;}
  702. #ITP_NOT_FOUND .notfound a {font-family:sans-serif; font-size:14px; text-decoration:none; text-transform:uppercase; background:#189cf0; display:inline-block; padding:16px 38px; border:2px solid transparent; border-radius:40px; color:#fff; font-weight:400; transition:0.2s all;}
  703. #ITP_NOT_FOUND .notfound a:hover {background-color:#fff; border-color:#189cf0; color:#189cf0;}
  704. /* 송호성 추가 */
  705. #ITP_CONTAINER .itp_detail .itp_form_head {padding:0 4px 0 4px; height:42px; background:#f5f5f5;}
  706. #ITP_CONTAINER .itp_detail .itp_form_head .itp_form_tit {font-size:15px; margin:0; padding:0px 18px; line-height:42px; display: inline-block; background: none; border: none; }
  707. #ITP_CONTAINER .itp_detail .itp_form_head .itp_cicon {line-height:32px; height:32px; margin-top: 3px; margin-right: 3px;}
  708. #ITP_CONTAINER .itp_detail .itp_table_head {padding:0 4px 0 4px; height:42px; border:1px solid #ddd;}
  709. #ITP_CONTAINER .itp_detail .itp_table_head .itp_table_tit {font-size:13px; margin:0; padding:0px 13px; line-height:42px; display: inline-block; background: none; border: none; font-weight: bold; }
  710. #ITP_CONTAINER .itp_detail .itp_table_head .itp_cicon {line-height:32px; height:32px; margin-top: 3px; margin-right: 3px;}
  711. .itp_songViewIn .table {margin-bottom:0;}
  712. .itp_songViewIn thead > tr > th, .itp_boardViewIn tbody > tr > td {font-size:13px; text-align:center; vertical-align:middle; height:40px;}
  713. .itp_songViewIn thead > tr > th {font-weight:normal; border-bottom-width:1px;}
  714. .itp_songViewIn thead > tr > th.noBor {border-right:0;}
  715. .itp_songViewIn tbody > tr > td.noBor {border-right:0;}
  716. .itp_songViewIn tbody > tr > td { border-top: none; padding: 10px 18px; vertical-align: middle; }
  717. .itp_songViewIn tbody > tr > td.right_border { border-right: 1px solid #ddd; }
  718. .itp_songViewIn .ac {text-align:center;}
  719. .itp_songViewIn tbody > tr > td.fnValRow { padding: 5px 0px 0px 0px; }
  720. #ITP_POPUP .itp_pic {width: 100%; padding: 0; border: solid 0.5px #bfbfbf; min-height: 200px;}
  721. #ITP_POPUP .itp_pic img {width: 100%; height: 100%}
  722. #ITP_POPUP .itp_preview_bottom {margin-top: 5px; margin-bottom: 5px; text-align: right;}
  723. .map_image {border:1px solid #ddd; background:#f5f5f5; margin:0;}
  724. .itp_table_head .itp_input {height: 28px;}
  725. .fnNumeric {text-align: center;}
  726. .fnNumericDot {text-align: center;}
  727. /* 팝업 추가 */
  728. #ITP_POPUP_CONTAINER .modal-body .itp_title label {font-size:3rem; text-decoration:underline; text-underline-position:under;}
  729. #ITP_POPUP_CONTAINER .modal-body .itp_title .col-1 {width:100px;}
  730. #ITP_POPUP_CONTAINER .modal-body .itp_sign {float: right;}
  731. #ITP_POPUP_CONTAINER .modal-body .itp_sign .itp_sign_header {border: 1px solid #000; width: 120px; height: 35px; padding: 8px; text-align: center;}
  732. #ITP_POPUP_CONTAINER .modal-body .itp_sign .itp_sign_area {text-align: center; padding: 7px 6px; border: 1px solid #000; border-top:none; height: 110px;}
  733. #ITP_POPUP_CONTAINER .itp_company_type {float:left; background:#eee; text-align:center; width:55px; height:168px; padding-top:40px; border:1px solid #000;}
  734. #ITP_POPUP_CONTAINER .itp_form_info .itp_company_type label {width:35px; border:none; padding:10px;}
  735. #ITP_POPUP_CONTAINER .modal-body span{margin-right:7px;}
  736. #ITP_POPUP_CONTAINER .itp_form_info label {border:1px solid #000; background:#eee; margin:0; width:120px; height:42px; padding:10px 5px 10px 10px;}
  737. #ITP_POPUP_CONTAINER .itp_form_it {border:1px solid #000; height:42px; padding-top:12px;}