Home Verkennen Help
Registreren Inloggen
orderqueen
/
oqpo-view
Volgen 3
Ster 0
Vork 0
Bestanden Kwesties 0 Pull-aanvragen 0 Wiki
Boom: dadd872996
Aftakkingen Labels
oqpo-view
/
src
/
main
/
webapp
/
css
/
style.css

style.css 61 KB
Geschiedenis Ruwe

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746 
  1. @charset "UTF-8";
    2. 

  2. @media print {
    3. 

  3. 	*{visibility: hidden; margin:0; paddig:0;}
    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. 

  12. /* COMMON */
    13. 

  13. html, body {width:100%; height:100%; background:#eee; overflow-y:hidden;}
    14. 

  14. * {word-break: break-word; font-family: 'GmarketSansMedium';}
    15. 

  15. textarea {resize:none;}
    16. 

  16. a, button {outline:none !important; text-decoration:none !important;}
    17. 

  17. .fix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
    18. 

  18. .itp_tb {display:table; width:100%;}
    19. 

  19. .itp_tr {display:table-row;}
    20. 

  20. .itp_td {display:table-cell; vertical-align:middle;}
    21. 

  21. 

  22. .tr {text-align:right !important;}
    23. 

  23. .tl {text-align:left !important;}
    24. 

  24. .tc {text-align:center !important;}
    25. 

  25. .itp_boardView .table-bordered {margin-bottom:0;}
    26. 

  26. .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;}
    27. 

  27. .itp_boardView .table-bordered > tbody > tr > th {font-size:12px; font-weight:bold; color:#333; vertical-align:middle;}
    28. 

  28. .itp_boardView .table-bordered > tbody > tr > td {font-size:12px; vertical-align:middle; word-break:keep-all;}
    29. 

  29. .itp_boardView .table-bordered > tbody > tr > td .itp_icon {font-size:9px; margin:4px 6px 0 4px;}
    30. 

  30. .itp_boardView .table-bordered > tbody > tr > td .itp_icon2 {font-size:9px; margin:4px 6px 0 10px;}
    31. 

  31. .itp_boardView .table-bordered > tbody > tr > td .itp_marL {display:inline-block; margin-left:84px;}
    32. 

  32. .itp_boardView .table-bordered > tbody > tr .itp_small {word-spacing:-2px; letter-spacing:-2px;}
    33. 

  33. .itp_boardView .table-striped > tbody > tr.itp_bg {background:#f1f1f1;}
    34. 

  34. .itp_boardView .table-striped > tbody > tr[draggable="true"] {cursor:move;}
    35. 

  35. 

  36. .itp_boardViewIn .table {margin-bottom:0;}
    37. 

  37. .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;}
    38. 

  38. .itp_boardViewIn thead > tr > th {font-weight:normal; border-bottom-width:1px;}
    39. 

  39. .itp_boardViewIn thead > tr > th.noBor {border-right:0;}
    40. 

  40. .itp_boardViewIn tbody > tr > td.noBor {border-right:0;}
    41. 

  41. 

  42. .itp_boardData .table-bordered {margin-bottom:0;}
    43. 

  43. .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;}
    44. 

  44. .itp_boardData .table-bordered > tbody > tr > th {font-size:13px; font-weight:bold; color:#333; vertical-align:middle;}
    45. 

  45. .itp_boardData .table-bordered > tbody > tr > td {font-size:13px; vertical-align:middle; word-break:keep-all;}
    46. 

  46. .itp_boardData .table-striped > tbody > tr[draggable="true"] {cursor:move;}
    47. 

  47. .itp_boardData .table-bordered > tbody > tr:hover {background:#f5f5f5;}
    48. 

  48. .itp_boardData .table-bordered > tbody > tr > td.ac {text-align:center;}
    49. 

  49. .itp_boardData .table-bordered > tbody > tr > td .itp_link {color:#000; text-decoration:underline; font-weight:bold; cursor:pointer;}
    50. 

  50. .itp_boardData .table-bordered > tbody > tr > td .itp_del {color:#ac2925; text-decoration:underline; cursor:pointer;}
    51. 

  51. .itp_boardData .table-bordered > tbody tr td.nodata {height:100px; text-align:center;}
    52. 

  52. .itp_boardData.type1 .table-bordered > thead > tr > th,
    53. 

  53. .itp_boardData.type1 .table-bordered > tbody > tr > td {padding:10px;}
    54. 

  54. .itp_boardData.type1 .table-bordered > tbody tr.ui-sortable-handle {cursor:move;}
    55. 

  55. .itp_boardData.type1 .table-bordered > tbody tr.ui-sortable-helper {display:table;}
    56. 

  56. .itp_boardData.type1.dark .table-bordered > thead > tr > th {background:#9f9f9f; color:#fff;}
    57. 

  57. .itp_boardData.type1 tr.off td {color: #a6a6a6 !important}
    58. 

  58. .itp_boardData.type1 tr.off td * {color: #a6a6a6 !important}
    59. 

  59. .itp_boardData.type1 tr.off td .itp_del {color: #ac2925 !important}
    60. 

  60. 

  61. .itp_overWrap {overflow:hidden; overflow-y:scroll; border:1px solid #999; height:407px;}
    62. 

  62. .itp_boardViewPop .table-bordered {margin-bottom:0; border-bottom:none; border-top:none; table-layout: fixed}
    63. 

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

  64. .itp_boardViewPop .table-bordered > tbody > tr > th {font-size:12px; font-weight:bold; color:#333; vertical-align:middle; background:#f1f1f1;}
    65. 

  65. .itp_boardViewPop .table-bordered > tbody > tr > td {font-size:12px; vertical-align:middle; word-break: break-word}
    66. 

  66. .itp_boardViewPop .table-bordered .noBorL {border-left:none;}
    67. 

  67. .itp_boardViewPop .table-bordered .noBorR {border-right:none;}
    68. 

  68. .itp_boardViewPop .table-bordered .noBorB {border-bottom:none;}
    69. 

  69. .itp_boardViewPop .table-bordered .al {text-align:left;}
    70. 

  70. .itp_boardViewPop .table-bordered .ac {text-align:center;}
    71. 

  71. .itp_boardViewPop .table-bordered .ar {text-align:right;}
    72. 

  72. .itp_boardViewPop .table-striped > tbody > tr.itp_bg {background:#f1f1f1;}
    73. 

  73. .itp_boardViewPop .table-bordered .itp_grey td {color:#666; border-top:none; border-bottom:none;}
    74. 

  74. .itp_boardViewPop .table-bordered .itp_more {padding-bottom:0; padding-top:5px;}
    75. 

  75. .itp_boardViewPop .table-bordered .itp_pad td {padding-top:2px; vertical-align:top;}
    76. 

  76. .itp_boardViewPop .table-bordered .itp_small {font-size:11px;}
    77. 

  77. .itp_boardViewPop .table-bordered .itp_moreMenu td {border-bottom:none;}
    78. 

  78. 

  79. /*
    80. 

  80. .has-error .form-control, .has-error .form-control:focus {border-color:red;}
    81. 

  81. .has-error .form-control:focus {box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px red;}
    82. 

  82. */
    83. 

  83. 

  84. .has-error .checkbox, .has-error .checkbox-inline,
    85. 

  85. .has-error .control-label, .has-error .help-block,
    86. 

  86. .has-error .radio, .has-error .radio-inline,
    87. 

  87. .has-error.checkbox label, .has-error.checkbox-inline label,
    88. 

  88. .has-error.radio label, .has-error.radio-inline label {margin-bottom:0px;}
    89. 

  89. .has-error .help-block {font-size:12px;}
    90. 

  90. 

  91. 

  92. /* ITP_WRAPPER */
    93. 

  93. #ITP_WRAPPER {width:100%; height:100%; min-width:1400px;}
    94. 

  94. #ITP_CONTENT_WRAPPER {width:100%;}
    95. 

  95. #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;}
    96. 

  96. 

  97. /* ITP_LOGIN */
    98. 

  98. #ITP_LOGIN {width:100%; height:100%; font-family: 'GmarketSansMedium'}
    99. 

  99. #ITP_LOGIN .itp_head {margin:0 5%; letter-spacing:-1px; width:90%; height:40px; margin-bottom:50px;}
    100. 

  100. #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;}
    101. 

  101. #ITP_LOGIN .itp_logo {margin:0; padding:0; color:#000; font-size:39px; float:left; font-weight:700;}
    102. 

  102. #ITP_LOGIN .itp_tit {margin:0; padding:7px 0 0 0; float:left; font-size:27px;}
    103. 

  103. #ITP_LOGIN .itp_cont {width:100%; min-height:calc(100vh - 115px); padding:170px 20px 150px 20px; position:relative;}
    104. 

  104. #ITP_LOGIN .itp_box_wrap {width:450px; height:600px; position:absolute; top:55%; left:50%; transform: translate(-50%, -50%);}
    105. 

  105. #ITP_LOGIN .itp_bottom_gray {background:#eee; width:100%; height:65px; top:-65px; border-bottom-left-radius: 30px;border-bottom-right-radius: 30px;}
    106. 

  106. #ITP_LOGIN .itp_box {padding:20px 20px 0 20px; height:580px; margin-bottom:0; border-radius:30px; box-shadow: 0px 0px 10px #666;}
    107. 

  107. #ITP_LOGIN .itp_body {padding-bottom:0;}
    108. 

  108. #ITP_LOGIN .itp_box .control-label {text-align:left;}
    109. 

  109. #ITP_LOGIN .itp_box .itp_lb {padding-top:7px;}
    110. 

  110. #ITP_LOGIN .itp_box .itp_btn {line-height:1.8; margin:0 5%; width:90%;}
    111. 

  111. #ITP_LOGIN .itp_box .form-group .checkbox input[type=checkbox] {margin-top:3px;}
    112. 

  112. #ITP_LOGIN .itp_error {padding-top:15px; color:#a94442;}
    113. 

  113. #ITP_LOGIN .itp_no_mar {margin-bottom:0 !important;}
    114. 

  114. #ITP_LOGIN .itp_no_pad {padding-left:0 !important;}
    115. 

  115. #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;}
    116. 

  116. #ITP_LOGIN .itp_copyright {font-size:12px;}
    117. 

  117. #ITP_LOGIN .itp_forgotId {width:82%;}
    118. 

  118. #ITP_LOGIN .itp_forgotBtn {border-top-right-radius:4px; border-bottom-right-radius:4px;}
    119. 

  119. #ITP_LOGIN .itp_login {height:50px;}
    120. 

  120. #ITP_LOGIN .itp_find {margin-top:34px; font-weight:100; cursor:pointer;}
    121. 

  121. #ITP_LOGIN .itp_btn_bar {margin-top:10px;}
    122. 

  122. #ITP_LOGIN .itp_login_img {width:100%; padding:0 auto;}
    123. 

  123. #ITP_LOGIN .itp_img{width:150px; height:150px; top:-50px; position: absolute; margin:0 33.3%;}
    124. 

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

  125. #ITP_LOGIN .itp_login_input {width:90%; margin:0 5%; position:relative;}
    126. 

  126. #ITP_LOGIN .itp_login_input input {width:100%; padding:20px 10px 10px; outline:none; border-radius:7px; background:#eee;}
    127. 

  127. #ITP_LOGIN .itp_login_input input:focus + label {top:15px; font-size:8px; color: #2691d9;}
    128. 

  128. #ITP_LOGIN .itp_login_input input:valid + label {top:15px; font-size:8px; color: #2691d9;}
    129. 

  129. #ITP_LOGIN .itp_login_input:not(:placeholder-shown) ~ label{top:0px; font-size:12px;}
    130. 

  130. 

  131. /* ITP_HEADER */
    132. 

  132. #ITP_HEADER .itp_head {font-family: 'GmarketSansMedium';width:100%; height:50px; position:relative; line-height:50px; z-index:100;}
    133. 

  133. #ITP_HEADER .itp_tit {margin:0; padding:0; line-height:50px; font-size:20px;}
    134. 

  134. #ITP_HEADER .itp_tit span {display: inline-block; vertical-align: middle}
    135. 

  135. #ITP_HEADER .itp_lt {position:absolute; top:0px; left:10px;}
    136. 

  136. #ITP_HEADER .itp_rt {position:absolute; top:0px; right:20px;}
    137. 

  137. #ITP_HEADER .itp_icon {float:left; padding-top:3px; margin-right:10px;}
    138. 

  138. #ITP_HEADER .itp_icon i {color:#fff; font-size:20px;}
    139. 

  139. #ITP_HEADER .itp_icon img.glyphicon-logo {width:30px; margin-top:-7px;}
    140. 

  140. #ITP_HEADER .itp_icon i.glyphicon-user {font-size:18px;}
    141. 

  141. #ITP_HEADER .itp_icon i.glyphicon-off {font-size:18px;}
    142. 

  142. #ITP_HEADER .itp_user {float:left; font-size:16px; margin-left:15px;}
    143. 

  143. #ITP_HEADER .itp_rt .itp_icon {margin-right:5px;}
    144. 

  144. #ITP_HEADER .itp_logo {margin:0; padding:0; color:#337ab7; float:left; width:30px;}
    145. 

  145. #ITP_HEADER .itp_logo img{width:30px;}
    146. 

  146. #ITP_HEADER .itp_txt_brand {float:left; margin:1px; padding:0 4px; color:#fff; font-size:18px; text-decoration:none;}
    147. 

  147. #ITP_HEADER .itp_sch_brand {margin:0 4px; padding:0; color:#337ab7; float:left; width:90px;}
    148. 

  148. #ITP_HEADER .itp_sch_brand button{width:90px; border:1px solid #000;}
    149. 

  149. #ITP_HEADER .itp_menu {float:left; border:1px solid #ddd; line-height: 26px; background:#eee;margin:4px; border-radius: 2px; padding:0 4px;}
    150. 

  150. #ITP_HEADER .itp_menu a {color:#000; font-size:13px; text-decoration:none;}
    151. 

  151. #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;}
    152. 

  152. #ITP_HEADER .itp_out a {padding:8.4px; color:#000; font-size:11px; text-decoration:none;}
    153. 

  153. #ITP_HEADER .itp_tabs {position:relative; z-index:100; transition:all .25s ease; float:right; width:calc(100% - 240px);}
    154. 

  154. #ITP_HEADER .itp_tabs .nav-tabs {padding:4px 4px 0 4px; background:#fff;}
    155. 

  155. #ITP_HEADER .itp_tabs .nav-tabs > li a {border:1px solid #ddd; background:#f5f5f5; font-size:12px; color:#666; padding:5px 13px 5px 15px; margin-right:4px; outline:none;}
    156. 

  156. #ITP_HEADER .itp_tabs .nav-tabs > li a i.glyphicon-remove {font-size:10px; margin-left:4px; cursor:pointer;}
    157. 

  157. #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;}
    158. 

  158. #ITP_HEADER .itp_tabs .nav-tabs > li > a:hover {background:#D6E6F3 !important; border:1px solid #1A3E5E; border-bottom-color:transparent; color:#000;}
    159. 

  159. 

  160. /* ITP_SIDEBAR */
    161. 

  161. #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;}
    162. 

  162. #ITP_SIDEBAR.itp_open_nav {width:240px;}
    163. 

  163. #ITP_SIDEBAR .itp_nav {list-style:none; margin:0; padding:0; height:100%; overflow-y:scroll; overflow-x:hidden; visibility:hidden;}
    164. 

  164. #ITP_SIDEBAR.itp_open_nav .itp_nav {visibility:visible;}
    165. 

  165. #ITP_SIDEBAR .itp_nav.panel-group .panel+.panel {margin-top:0;}
    166. 

  166. #ITP_SIDEBAR .itp_nav .panel-heading {padding:0;}
    167. 

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

  168. #ITP_SIDEBAR .itp_nav .panel-title a {font-size:14px; display:block; padding:13px 15px; color:#333;}
    169. 

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

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

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

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

  173. #ITP_SIDEBAR .itp_nav .itp_svgs {list-style:none; margin:0; padding:0;}
    174. 

  174. #ITP_SIDEBAR .itp_nav .itp_svgs .itp_svg_in {position:relative;}
    175. 

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

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

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

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

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

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

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

  182. #ITP_SIDEBAR .itp_nav .itp_svgs li a .itp_tt {float:left;}
    183. 

  183. 

  184. /* ITP_CONTAINER */
    185. 

  185. #ITP_CONTAINER {height:calc(100vh - 69px); padding:8px; transition:all .25s ease; float:left; width:calc(100% - 240px);background:#fff;}
    186. 

  186. #ITP_CONTAINER.itp_open_conts {padding-left:8px; width:100%;}
    187. 

  187. #ITP_CONTAINER .itp_contents {background:#fff; height:100%;}
    188. 

  188. #ITP_CONTAINER .itp_contents .itp_sec {height:100%;}
    189. 

  189. #ITP_CONTAINER .itp_contents .itp_cont {display:table; width:100%; height:100%;}
    190. 

  190. #ITP_CONTAINER .itp_contents .itp_seperate {display:table-cell; width:15px; background:#eee;}
    191. 

  191. #ITP_CONTAINER .itp_srh_list {display:table-cell; min-width:350px; width:350px; height:100%; vertical-align:top; transition:all .25s ease;}
    192. 

  192. #ITP_CONTAINER .itp_srh_list.itp_srh_list_close {min-width:28px; width:28px;}
    193. 

  193. #ITP_CONTAINER .itp_srh_list .itp_hide_away {position:absolute; left:-5000%; width:28px;}
    194. 

  194. #ITP_CONTAINER .itp_srh_list .itp_srh_head {padding:0 10px 0 10px; background:#536a77; height:42px; line-height:42px; color:#fff;}
    195. 

  195. #ITP_CONTAINER .itp_srh_list .itp_srh_head .itp_srh_tit {font-size:15px; margin:0; padding:0; line-height:42px;}
    196. 

  196. #ITP_CONTAINER .itp_srh_list .itp_srh_head .itp_srh_close, #ITP_CONTAINER .itp_srh_list .itp_srh_head .itp_srh_open {color:#fff;}
    197. 

  197. #ITP_CONTAINER .itp_srh_list .itp_srh_head.itp_height_full {height:100%;}
    198. 

  198. #ITP_CONTAINER .itp_srh_list .itp_lists {padding-left:5px; font-size:13px; position:relative; z-index:1;}
    199. 

  199. #ITP_CONTAINER .itp_srh_list .itp_lists .list-group {height:calc(100vh - 177px); overflow-y:scroll; margin:0; border-top:1px solid #ddd;}
    200. 

  200. #ITP_CONTAINER .itp_srh_list .itp_lists .list-group-item {cursor:pointer;}
    201. 

  201. #ITP_CONTAINER .itp_srh_list .itp_lists .list-group-item:hover {background:#f5f5f5;}
    202. 

  202. #ITP_CONTAINER .itp_srh_list .itp_lists .list-group-item.active {background:#eee; border-color:#ddd; color:#333;}
    203. 

  203. #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;}
    204. 

  204. #ITP_CONTAINER .itp_srh_list .itp_lists .list-group-item:last-child {border-bottom-left-radius:0; border-bottom-right-radius:0;}
    205. 

  205. #ITP_CONTAINER .itp_srh_list .itp_lists .itp_li_tb .itp_td {width:50%; padding:3px 0 3px 0;}
    206. 

  206. #ITP_CONTAINER .itp_srh_list .itp_treeview {padding-left:5px; font-size:13px; position:relative; z-index:1;}
    207. 

  207. #ITP_CONTAINER .itp_srh_list .itp_treeview .list-group {height:calc(100vh - 177px); overflow-y:scroll; margin:0; border-top:1px solid #ddd;}
    208. 

  208. #ITP_CONTAINER .itp_srh_list .itp_treeview .list-group-item:first-child {border-top-left-radius:0; border-top-right-radius:0;}
    209. 

  209. #ITP_CONTAINER .itp_srh_list .itp_treeview .list-group-item:last-child {border-bottom-left-radius:0; border-bottom-right-radius:0;}
    210. 

  210. #ITP_CONTAINER .itp_srh_list .itp_treeview .list-group-item {cursor:pointer; color:#333; margin-bottom:0; border-top:0;}
    211. 

  211. #ITP_CONTAINER .itp_srh_list .itp_treeview .indicator {width:12px; margin-right:8px;}
    212. 

  212. #ITP_CONTAINER .itp_srh_list .itp_treeview .list-group-item:hover {background:#f5f5f5;}
    213. 

  213. #ITP_CONTAINER .itp_srh_list .itp_treeview .list-group-item.active {background:#eee; border-color:#ddd; color:#333;}
    214. 

  214. #ITP_CONTAINER .itp_srh_list .itp_treeview .badge {background-color:#337ab7; color:#fff;}
    215. 

  215. #ITP_CONTAINER .itp_srh_list .itp_treeview ul {margin:0; padding:0; list-style:none;}
    216. 

  216. #ITP_CONTAINER .itp_srh_list .itp_treeview .tree ul .list-group-item {padding-left:35px;}
    217. 

  217. #ITP_CONTAINER .itp_srh_list .itp_treeview .tree ul ul .list-group-item {padding-left:54px;}
    218. 

  218. #ITP_CONTAINER .itp_srh_list .itp_treeview .tree ul ul ul .list-group-item {padding-left:74px;}
    219. 

  219. #ITP_CONTAINER .itp_srh_list .itp_treeview .tree ul ul ul ul .list-group-item {padding-left:94px;}
    220. 

  220. 

  221. #ITP_CONTAINER .itp_srh_list .itp_srh_tabs {display:table; table-layout:fixed; width:100%; margin:0; padding:0; list-style:none;}
    222. 

  222. #ITP_CONTAINER .itp_srh_list .itp_srh_tabs li {display:table-cell;}
    223. 

  223. #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;}
    224. 

  224. #ITP_CONTAINER .itp_srh_list .itp_srh_tabs li:not(:first-child) a {border-left:none;}
    225. 

  225. #ITP_CONTAINER .itp_srh_list .itp_srh_tabs li a:hover, #ITP_CONTAINER .itp_srh_list .itp_srh_tabs .active a {background:#D6E6F3;}
    226. 

  226. #ITP_CONTAINER .itp_srh_list.itp_with_tab .itp_lists .list-group {height:calc(100vh - 213px);}
    227. 

  227. #ITP_CONTAINER .itp_srh_list.itp_with_tab .itp_treeview .list-group {height:calc(100vh - 213px);}
    228. 

  228. #ITP_CONTAINER .itp_adv_srh {width:100%; padding:8px 5px 8px 5px;}
    229. 

  229. #ITP_CONTAINER .itp_adv_srh .dropdown.dropdown-lg .dropdown-menu {margin-top:-1px; padding:6px 20px; min-width:300px;}
    230. 

  230. #ITP_CONTAINER .itp_adv_srh .input-group-btn .btn-group {display:flex !important;}
    231. 

  231. #ITP_CONTAINER .itp_adv_srh .btn-group .btn {border-radius:0; margin-left:-1px;}
    232. 

  232. #ITP_CONTAINER .itp_adv_srh .btn-group .btn:last-child {border-top-right-radius:4px; border-bottom-right-radius:4px;}
    233. 

  233. #ITP_CONTAINER .itp_adv_srh .btn-group .form-horizontal .btn[type="submit"] {border-top-left-radius:4px; border-bottom-left-radius:4px;}
    234. 

  234. #ITP_CONTAINER .itp_adv_srh .form-horizontal .form-group {margin-left:0; margin-right:0;}
    235. 

  235. #ITP_CONTAINER .itp_adv_srh .form-group .form-control:last-child {border-top-left-radius:4px; border-bottom-left-radius:4px;}
    236. 

  236. #ITP_CONTAINER .itp_adv_srh .form-group .itp_date_to {background:#fff;}
    237. 

  237. #ITP_CONTAINER .itp_adv_srh .form-group .date .form-control:last-child {border-top-left-radius:0px; border-bottom-left-radius:0px;}
    238. 

  238. #ITP_CONTAINER .itp_adv_srh .form-group .itp_adv_chk {margin-top:5px;}
    239. 

  239. #ITP_CONTAINER .itp_adv_srh .form-group .itp_adv_chk .itp_check {float:right; margin-left:10px;}
    240. 

  240. #ITP_CONTAINER .itp_detail {display:table-cell; vertical-align:top; height:100%;}
    241. 

  241. 

  242. #ITP_CONTAINER .itp_detail .itp_det_head {padding:0 4px 0 4px; height:42px; background:#fff;}
    243. 

  243. #ITP_CONTAINER .itp_detail .itp_det_head .itp_det_tit {font-size:15px; margin:0; padding:0; line-height:42px;}
    244. 

  244. #ITP_CONTAINER .itp_detail .itp_det_head .itp_det_tit .glyphicon {color:#F0831E; margin-right:4px;}
    245. 

  245. 

  246. #ITP_CONTAINER .itp_detail .itp_det_in {padding:15px 20px 15px 20px; height:calc(100vh - 127px); overflow-y:scroll;}
    247. 

  247. #ITP_CONTAINER .itp_detail .itp_cicon {line-height:32px; height:32px;}
    248. 

  248. #ITP_CONTAINER .itp_detail .itp_cicon .btn-default {color:#fff; background-color:rgb(109, 110, 114); border-color:rgb(109, 110, 114);}
    249. 

  249. #ITP_CONTAINER .itp_detail .itp_cicon .itp_store {display:inline-block; vertical-align:middle; font-size:13px; margin-right:10px;}
    250. 

  250. #ITP_CONTAINER .itp_detail .itp_cicon .itp_store span {color:#000;}
    251. 

  251. #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;}
    252. 

  252. #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}
    253. 

  253. #ITP_CONTAINER .itp_detail .itp_det_in .itp_intro_help span {color: #a94442}
    254. 

  254. #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}
    255. 

  255. #ITP_CONTAINER .itp_detail .itp_det_in .itp_stat_faq span {color: #a94442}
    256. 

  256. #ITP_CONTAINER .itp_detail .itp_form {width:809px;}
    257. 

  257. #ITP_CONTAINER .itp_detail .itp_form_tit {font-size:14px; border-left:5px solid #337ab7; padding-left:10px; font-weight:bold;}
    258. 

  258. #ITP_CONTAINER .itp_detail .itp_form .itp_form_sec {margin-top:50px;}
    259. 

  259. #ITP_CONTAINER .itp_detail .itp_form .itp_form_sec.noMar {margin-top:0;}
    260. 

  260. #ITP_CONTAINER .itp_detail .itp_form .itp_form_in {margin-top:25px; padding-left:8px;}
    261. 

  261. #ITP_CONTAINER .itp_detail .itp_form .form-group {margin-bottom:10px;}
    262. 

  262. #ITP_CONTAINER .itp_detail .itp_form .form-control {font-size:13px; color:#333;}
    263. 

  263. #ITP_CONTAINER .itp_detail .itp_form .itp_lb {font-size:13px; padding-top:5px; font-weight:normal; padding-right:0; color:#333; position:relative;}
    264. 

  264. #ITP_CONTAINER .itp_detail .itp_form .itp_ip {padding-left:0; padding-right:0;}
    265. 

  265. #ITP_CONTAINER .itp_detail .itp_form .itp_ip_offset {padding-left:15px;}
    266. 

  266. #ITP_CONTAINER .itp_detail .itp_form .itp_input {height:28px; padding:3px 9px;}
    267. 

  267. #ITP_CONTAINER .itp_detail .itp_form .itp_check {margin-top:7px; margin-left:10px;}
    268. 

  268. #ITP_CONTAINER .itp_detail .itp_form .itp_msg {font-size:12px; padding-top:7px;}
    269. 

  269. #ITP_CONTAINER .itp_detail .itp_form .itp_word {font-size:12px; padding-top:51px; padding-left:6px;}
    270. 

  270. #ITP_CONTAINER .itp_detail .itp_form .itp_line_msg {font-size:12px; position:relative;}
    271. 

  271. #ITP_CONTAINER .itp_detail .itp_form .itp_line_msg .itp_line_in {position:absolute; top:6px; left:20px; display:none; width:100%;}
    272. 

  272. #ITP_CONTAINER .itp_detail .itp_form select.itp_input  {padding-left:4px;}
    273. 

  273. #ITP_CONTAINER .itp_detail .itp_form .itp_btn {padding:4px 10px; background:#fff;}
    274. 

  274. #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);}
    275. 

  275. #ITP_CONTAINER .itp_detail .itp_form .input-daterange .input-group-addon {padding:3px 5px;}
    276. 

  276. #ITP_CONTAINER .itp_detail .itp_form .itp_date_to {background:#fff;}
    277. 

  277. #ITP_CONTAINER .itp_detail .itp_form .itp_lb.itp_required:before {content:'*'; color:#a94442; position:absolute; top:8px; left:8px;}
    278. 

  278. #ITP_CONTAINER .itp_detail .itp_form .itp_ipGrp_left .itp_input {border-top-right-radius:0; border-bottom-right-radius:0; border-right:none;}
    279. 

  279. #ITP_CONTAINER .itp_detail .itp_form .itp_ipGrp_right .itp_input {border-top-left-radius:0; border-bottom-left-radius:0;}
    280. 

  280. #ITP_CONTAINER .itp_detail .itp_form .ipt_form_tit {margin-bottom:15px; font-size:14px; border-left:5px solid #337ab7; padding-left:10px;}
    281. 

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

  282. #ITP_CONTAINER .itp_detail .itp_form .itp_pad_pic {padding-left:30px; padding-right:0px;}
    283. 

  283. #ITP_CONTAINER .itp_detail .itp_form .itp_pic_custom {width:68.4%;}
    284. 

  284. #ITP_CONTAINER .itp_detail .itp_form .itp_thumb_pic {padding-right:7px;}
    285. 

  285. #ITP_CONTAINER .itp_detail .itp_form .itp_thumb_pic .itp_img {display:block; border:1px solid #ccc; border-radius:4px; width:100%;}
    286. 

  286. #ITP_CONTAINER .itp_detail .itp_form .itp_thumb_btn {padding-left:0; padding-right:0;}
    287. 

  287. #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);}
    288. 

  288. #ITP_CONTAINER .itp_detail .itp_form .itp_thumb_inline {width:94.5%;}
    289. 

  289. #ITP_CONTAINER .itp_detail .itp_form .itp_thumb_inline .itp_thumb_pic {clear:both;}
    290. 

  290. #ITP_CONTAINER .itp_detail .itp_form .itp_thumb_inline .itp_thumb_btn {float:right; width:49.5%;}
    291. 

  291. html:lang(en) #ITP_CONTAINER .itp_detail .itp_form .itp_thumb_inline .itp_thumb_btn {width:58.5%;}
    292. 

  292. #ITP_CONTAINER .itp_detail .itp_form .itp_thumb_inline .itp_thumb_btn .btn {float:left; margin-left:6px;}
    293. 

  293. #ITP_CONTAINER .itp_detail .itp_form .itp_chk {margin-left:20px; float:left;}
    294. 

  294. #ITP_CONTAINER .itp_detail .itp_form .itp_chk:first-child {margin-left:0;}
    295. 

  295. #ITP_CONTAINER .itp_detail .itp_form .itp_chk .itp_check {margin:2px 5px 0 0; float:left;}
    296. 

  296. #ITP_CONTAINER .itp_detail .itp_form .itp_chk .itp_chk_lb {float:left;}
    297. 

  297. #ITP_CONTAINER .itp_detail .itp_form .itp_chk .itp_chk_lb.mar {margin-right: 15px;}
    298. 

  298. #ITP_CONTAINER .itp_detail .itp_form .itp_chk_list .itp_chk {float:none; margin-left:0; margin-top:-10px;}
    299. 

  299. #ITP_CONTAINER .itp_detail .itp_form .itp_chk_list .itp_chk:first-child {margin-top:5px;}
    300. 

  300. #ITP_CONTAINER .itp_detail .itp_form .itp_sch_btn {padding: 3px 6px;} /* 조회 버튼 */
    301. 

  301. 

  302. #ITP_CONTAINER .itp_detail .itp_lg_form {padding-top:10px;}
    303. 

  303. #ITP_CONTAINER .itp_detail .itp_lg_form.itp_type1 {padding-left:15px; padding-right:15px; padding-bottom:15px; }
    304. 

  304. #ITP_CONTAINER .itp_detail .itp_lg_form.itp_type1 .itp_srh_border {border:1px solid #ddd; background:#fff; padding:15px 15px 5px 10px; border-radius:4px;box-shadow: 0px 0px 6px #ddd;}
    305. 

  305. #ITP_CONTAINER .itp_detail .itp_lg_form .form-group {margin-bottom:10px;}
    306. 

  306. #ITP_CONTAINER .itp_detail .itp_lg_form .form-control {font-size:13px; color:#333;}
    307. 

  307. #ITP_CONTAINER .itp_detail .itp_lg_form .itp_lb {font-size:13px; padding-top:5px; padding-right:0; color:#333; position:relative;}
    308. 

  308. #ITP_CONTAINER .itp_detail .itp_lg_form .itp_ip {padding-left:0; /* margin-right:30px; */}
    309. 

  309. #ITP_CONTAINER .itp_detail .itp_lg_form .itp_ip_offset {padding-left:15px;}
    310. 

  310. #ITP_CONTAINER .itp_detail .itp_lg_form .itp_lb_offset {margin-left:7.1%;}
    311. 

  311. #ITP_CONTAINER .itp_detail .itp_lg_form .itp_input {height:28px; padding:3px 9px;}
    312. 

  312. #ITP_CONTAINER .itp_detail .itp_lg_form .itp_check {margin-top:7px;}
    313. 

  313. #ITP_CONTAINER .itp_detail .itp_lg_form select.itp_input  {padding-left:4px;}
    314. 

  314. #ITP_CONTAINER .itp_detail .itp_lg_form .itp_ip.itp_noMar {margin-right:0;}
    315. 

  315. #ITP_CONTAINER .itp_detail .itp_lg_form .itp_ip.itp_dual_ipL {margin-right:0;}
    316. 

  316. #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;}
    317. 

  317. #ITP_CONTAINER .itp_detail .itp_lg_form .itp_ip.itp_dual_ipR {margin-left:-15px;}
    318. 

  318. #ITP_CONTAINER .itp_detail .itp_lg_form .itp_ip.itp_dual_ipR .itp_input {border-top-left-radius:0; border-bottom-left-radius:0;}
    319. 

  319. #ITP_CONTAINER .itp_detail .itp_lg_form .itp_btn {padding:4px 10px; background:#fff;}
    320. 

  320. #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);}
    321. 

  321. #ITP_CONTAINER .itp_detail .itp_lg_form .input-daterange .input-group-addon {padding:3px 5px;}
    322. 

  322. #ITP_CONTAINER .itp_detail .itp_lg_form .itp_date_to {background:#fff;}
    323. 

  323. #ITP_CONTAINER .itp_detail .itp_lg_form .itp_lb.itp_required:before {content:'*'; color:#a94442; position:absolute; top:8px; left:8px;}
    324. 

  324. #ITP_CONTAINER .itp_detail .itp_lg_form .itp_ipGrp_left {margin-right:0; padding-right:0;}
    325. 

  325. #ITP_CONTAINER .itp_detail .itp_lg_form .itp_ipGrp_right {margin-right:0; padding-right:0;}
    326. 

  326. #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;}
    327. 

  327. #ITP_CONTAINER .itp_detail .itp_lg_form .itp_ipGrp_right .itp_input {border-top-left-radius:0; border-bottom-left-radius:0;}
    328. 

  328. #ITP_CONTAINER .itp_detail .itp_lg_form .checkbox-inline {padding-top:5px; font-size:13px; color:#333;}
    329. 

  329. #ITP_CONTAINER .itp_detail .itp_lg_form .checkbox-inline .itp_chk {margin:3px 3px 0 0;}
    330. 

  330. #ITP_CONTAINER .itp_detail .itp_lg_form .itp_lg_detail .itp_ip {margin-right:0;}
    331. 

  331. #ITP_CONTAINER .itp_detail .itp_lg_form .itp_lg_col {padding-left:0; padding-right:0;}
    332. 

  332. #ITP_CONTAINER .itp_detail .itp_lg_form .itp_ip.itp_store {font-size:13px; width:auto; padding:6px 0 0 0; margin-right:10px;}
    333. 

  333. #ITP_CONTAINER .itp_detail .itp_lg_form .itp_ip.itp_store span {color:#000; display:block; max-width:296px; overflow:hidden; white-space:nowrap;}
    334. 

  334. #ITP_CONTAINER .itp_detail .itp_lg_form .itp_ip.itp_sright {float:right; margin-right:0; width:55%;}
    335. 

  335. #ITP_CONTAINER .itp_detail .itp_read_form {margin-bottom:0;}
    336. 

  336. #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;}
    337. 

  337. #ITP_CONTAINER .itp_detail .itp_tab_wrap {width:100%; position:relative; padding:10px 15px 0 15px;}
    338. 

  338. #ITP_CONTAINER .itp_detail .itp_tab_wrap .itp_tab_help {white-space:nowrap; position:absolute; top:35px; right:15px; font-size:12px;}
    339. 

  339. #ITP_CONTAINER .itp_detail .itp_srh_tabs {display:table; table-layout:fixed; width:100%; margin:0; padding:0; list-style:none;}
    340. 

  340. #ITP_CONTAINER .itp_detail .itp_srh_tabs li {display:table-cell;}
    341. 

  341. #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;}
    342. 

  342. #ITP_CONTAINER .itp_detail .itp_srh_tabs li:not(:first-child) a {border-left:none;}
    343. 

  343. #ITP_CONTAINER .itp_detail .itp_srh_tabs li a:hover, #ITP_CONTAINER .itp_detail .itp_srh_tabs .active a {background:#000; color:#fff;}
    344. 

  344. #ITP_CONTAINER .itp_table {padding:0 15px;}
    345. 

  345. #ITP_CONTAINER .itp_table .itp_grid_btn {margin-bottom:6px;}
    346. 

  346. #ITP_CONTAINER .itp_table .itp_grid_btn .btn-default {color:#fff; background-color:rgb(109, 110, 114); border-color:rgb(109, 110, 114);}
    347. 

  347. #ITP_CONTAINER .itp_table .itp_table_tit {font-size:13px; font-weight:bold; margin-top:22px; margin-left: 11px; }
    348. 

  348. #ITP_CONTAINER .itp_tb_list {width:100%; position:relative;}
    349. 

  349. #ITP_CONTAINER .itp_tb_list .itp_no_data {width:100%; text-align:center; position:absolute; top:47%; display:none;}
    350. 

  350. #ITP_CONTAINER .itp_tb_list .itp_no_data.itp_noSrh {top:39%;}
    351. 

  351. #ITP_CONTAINER .itp_tb_list.itp_gType1 .itp_no_data {top:52%;}
    352. 

  352. #ITP_CONTAINER .itp_tb_list.itp_gType1 .itp_no_data.itp_noSrh {top:46%;}
    353. 

  353. #ITP_CONTAINER .itp_tb_list.itp_gType2 .itp_no_data {top:56%;}
    354. 

  354. #ITP_CONTAINER .itp_tb_list.itp_gType2 .itp_no_data.itp_noSrh {top:51%;}
    355. 

  355. #ITP_CONTAINER .itp_tb_list .itp_no_data u {color:#337ab7; cursor:pointer;}
    356. 

  356. 

  357. #ITP_CONTAINER .itp_tb_list .itp_views {font-size:12px; margin-bottom:8px; display:none;}
    358. 

  358. #ITP_CONTAINER .itp_tb_list .itp_views .itp_shrv {float:left; width:50%;}
    359. 

  359. #ITP_CONTAINER .itp_tb_list .itp_views .itp_shrv span {float:left;}
    360. 

  360. #ITP_CONTAINER .itp_tb_list .itp_views .itp_shrv em {font-style:normal;}
    361. 

  361. #ITP_CONTAINER .itp_tb_list .itp_views .itp_shrv .shrv_txt {margin-right:4px;}
    362. 

  362. #ITP_CONTAINER .itp_tb_list .itp_views .itp_shrv .shrv_num {margin-top:-1px;}
    363. 

  363. #ITP_CONTAINER .itp_tb_list .itp_views .itp_shrv .shrv_bar {margin:-1px 8px 0 8px;}
    364. 

  364. #ITP_CONTAINER .itp_tb_list .itp_views .itp_shrv .shrv_help {float:left; color:#ac2925;}
    365. 

  365. 

  366. #ITP_CONTAINER .itp_tb_list .itp_views .itp_shrx {float:right; width:50%;}
    367. 

  367. #ITP_CONTAINER .itp_tb_list .itp_views .itp_shrx span {float:right;}
    368. 

  368. #ITP_CONTAINER .itp_tb_list .itp_views .itp_shrx .shrx_bar {margin:-1px 8px 0 5px;}
    369. 

  369. #ITP_CONTAINER .itp_tb_list .itp_views .itp_shrx .shrx_txt {margin-right:4px;cursor:pointer;}
    370. 

  370. 

  371. #ITP_CONTAINER .itp_tb_list .itp_sorts {font-size:12px; margin-bottom:8px;}
    372. 

  372. #ITP_CONTAINER .itp_tb_list .itp_sorts a {font-size:11px; color:#333; float:left;}
    373. 

  373. #ITP_CONTAINER .itp_tb_list .itp_sorts a.on {font-weight:bold;}
    374. 

  374. #ITP_CONTAINER .itp_tb_list .itp_sorts em {float:left; font-size:9px; color:#333; padding:1px 3px 0 3px;}
    375. 

  375. #ITP_CONTAINER .itp_tb_list .itp_sorts2 a {font-size:11px; color:#333; float:left;}
    376. 

  376. #ITP_CONTAINER .itp_tb_list .itp_sorts2 a.on {font-weight:bold;}
    377. 

  377. #ITP_CONTAINER .itp_tb_list .itp_sorts2 i {float:left; font-size:9px; color:#333; padding:1px 3px 0 3px;}
    378. 

  378. #ITP_CONTAINER .itp_tree_grid .ui-jqgrid tr.ui-row-ltr td .cell-wrapper {white-space:nowrap;}
    379. 

  379. #ITP_CONTAINER .itp_tb_list .itp_val {position:relative; display:block; padding-right:25px;}
    380. 

  380. #ITP_CONTAINER .itp_tb_list .itp_val .itp_btn {position:absolute; top:0px; right:4px;}
    381. 

  381. #ITP_CONTAINER .itp_tb_list .ui-jqgrid-bdiv button.itp_btn {padding:0 3px; font-size:10px; margin:-1px 0 0 -5px;}
    382. 

  382. #ITP_CONTAINER .itp_tb_list .itp_grid_link {color:#000; font-weight:bold; text-decoration:underline; cursor:pointer;}
    383. 

  383. #ITP_CONTAINER .itp_tb_list .itp_grid_link2 {color:#000; text-decoration:underline; cursor:pointer; line-height:1.5;}
    384. 

  384. #ITP_CONTAINER .itp_tb_list .itp_grid_date {font-size: 12px}
    385. 

  385. #ITP_CONTAINER .itp_tb_list .itp_grid_deleted {color:#ac2925; text-decoration:underline; cursor:pointer;}
    386. 

  386. #ITP_CONTAINER .itp_tb_list .itp_grid_select {color:#337ab7; text-decoration:underline; cursor:pointer;}
    387. 

  387. #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;}
    388. 

  388. #ITP_CONTAINER .itp_tb_list .itp_grid_popup {font-size:12px; text-decoration:underline; cursor:pointer;}
    389. 

  389. #ITP_CONTAINER .itp_tb_list .itp_grid_popup_box {position:relative;}
    390. 

  390. #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;}
    391. 

  391. #ITP_CONTAINER .itp_tb_list .itp_grid_pop_in.type2 {right:24px;}
    392. 

  392. #ITP_CONTAINER .itp_tb_list .itp_grid_pop_in.type3 {top:-16px; right:76px;}
    393. 

  393. #ITP_CONTAINER .itp_tb_list .itp_grid_pop_in.type3 span {font-size:12px;}
    394. 

  394. #ITP_CONTAINER .itp_tb_list .itp_grid_pop_in span {display:block; white-space:nowrap;}
    395. 

  395. #ITP_CONTAINER .itp_tb_list .itp_grid_pop_in i {position:absolute; top:6px; right:6px; font-size:16px;}
    396. 

  396. #ITP_CONTAINER .itp_tb_list .itp_grid_dc_popup_box {position:relative;}
    397. 

  397. #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;}
    398. 

  398. #ITP_CONTAINER .itp_tb_list .itp_grid_dc_pop_in span {display:block; white-space:nowrap;}
    399. 

  399. #ITP_CONTAINER .itp_tb_list .itp_grid_dc_pop_in i {position:absolute; top:6px; right:6px; font-size:16px;}
    400. 

  400. #ITP_CONTAINER .itp_table_wrap .itp_half_tb {padding-left:0; padding-right:0;}
    401. 

  401. #ITP_CONTAINER .itp_table_wrap .itp_thumb_grid {width:74.8%;}
    402. 

  402. #ITP_CONTAINER .itp_table_wrap .itp_form_half .itp_lb {float:left; font-size:13px; padding-top:5px; color:#333; margin-right:20px;}
    403. 

  403. #ITP_CONTAINER .itp_table_wrap .itp_form_half .itp_input {font-size:13px; color:#333; height:28px; padding:3px 9px;}
    404. 

  404. #ITP_CONTAINER .itp_table_wrap .itp_form_half .itp_btn {padding:4px 10px; background:#fff;}
    405. 

  405. #ITP_CONTAINER .itp_table_wrap .itp_grid_tit {font-size:14px; border-left:5px solid #337ab7; padding-left:10px;}
    406. 

  406. #ITP_CONTAINER .itp_table_wrap .itp_grid_btns {padding-right:30px;}
    407. 

  407. #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);}
    408. 

  408. #ITP_CONTAINER .itp_table_wrap.itp_lg_form .itp_grid_btns {padding-right:0px;}
    409. 

  409. #ITP_CONTAINER .itp_editor_area .itp_editor_cont {width:100%; height:490px; border:1px solid #ccc; display:none;}
    410. 

  410. #ITP_CONTAINER .itp_card {padding-top:15px;}
    411. 

  411. #ITP_CONTAINER .itp_card .itp_col {padding-left:0; padding-right:0;}
    412. 

  412. #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);}
    413. 

  413. #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;}
    414. 

  414. #ITP_CONTAINER .itp_card .card.active .card-header {background:#337ab7; color:#fff; border-color:#337ab7;}
    415. 

  415. #ITP_CONTAINER .itp_card .itp_card_tb {display:table; width:100%;}
    416. 

  416. #ITP_CONTAINER .itp_card .itp_card_th {display:table-cell; width:50%; text-align:left;}
    417. 

  417. #ITP_CONTAINER .itp_card .itp_card_td {display:table-cell; width:50%; text-align:right;}
    418. 

  418. #ITP_CONTAINER .itp_btn_upload {position:relative; overflow:hidden;}
    419. 

  419. #ITP_CONTAINER .itp_txBot {vertical-align:text-bottom;}
    420. 

  420. #ITP_CONTAINER .itp_btn_upload input[type=file] {
    421. 

  421. 	position:absolute; top:0; right:0;
    422. 

  422. 	width:100%; height:100%; margin:0; padding:0;
    423. 

  423. 	cursor:pointer; opacity:0; outline:0;
    424. 

  424. 	background:none; z-index:1;
    425. 

  425. }
    426. 

  426. #ITP_CONTAINER .itp_form.itp_type1 {padding-top:10px; width:100%;}
    427. 

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

  428. #ITP_CONTAINER .itp_form.itp_type1 .itp_form_tit span.pull-left {font-size:14px; font-weight:bold;}
    429. 

  429. #ITP_CONTAINER .itp_form.itp_type1 .itp_form_tit span {font-weight:normal; font-size:12px;}
    430. 

  430. #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);}
    431. 

  431. #ITP_CONTAINER .itp_form.itp_type1 .itp_form_sec {margin:0; border-right:1px solid #ddd;}
    432. 

  432. #ITP_CONTAINER .itp_form.itp_type1 .itp_form_in {margin:0; padding:0; display:table; width:100%;}
    433. 

  433. #ITP_CONTAINER .itp_form.itp_type1 .form-group {margin:0; padding:0; display:table-row;}
    434. 

  434. #ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_lb,
    435. 

  435. #ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_ip {display:table-cell; padding:6px 15px; border-top:1px solid #F2F2F2; float:none; vertical-align:middle; height:42px; }
    436. 

  436. #ITP_CONTAINER .itp_form.itp_type1 .form-group.border .itp_lb,
    437. 

  437. #ITP_CONTAINER .itp_form.itp_type1 .form-group.border .itp_ip {border-bottom:1px solid #ddd;}
    438. 

  438. #ITP_CONTAINER .itp_form.itp_type1 .form-group.noBor .itp_lb,
    439. 

  439. #ITP_CONTAINER .itp_form.itp_type1 .form-group.noBor .itp_ip {border-top:0; padding-top:0; height:auto;}
    440. 

  440. #ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_lb {border-right:1px solid #ddd; border-left:1px solid #ddd;background:#d6ecf5;}
    441. 

  441. #ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_lb.bor {border-left:1px solid #ddd;}
    442. 

  442. #ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_in {padding:0; margin-right:8px;}
    443. 

  443. #ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_in.pad {padding-right:15px;}
    444. 

  444. #ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_in.padT {padding-top:4px;}
    445. 

  445. #ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_in.padTt {padding-top:1px;}
    446. 

  446. #ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_in.padTt .btn-default {padding:4px 10px 3px 10px; background:#f1f1f1;}
    447. 

  447. #ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_in.mar {margin-right:4px;}
    448. 

  448. #ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_in.mar2 {margin-right:8px;}
    449. 

  449. #ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_in.itp_xs_btn {width:auto;}
    450. 

  450. #ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_in.itp_left_txt {width:auto; padding-right:15px; font-size:13px; padding-top:5px;}
    451. 

  451. #ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_in.itp_left_img {width:auto; padding-right:15px;}
    452. 

  452. #ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_in.itp_left_img img {width:100px; height:100px;}
    453. 

  453. #ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_in.itp_left_img2 {width:auto; padding-right:15px;}
    454. 

  454. #ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_in.itp_days {font-size:12px; padding-top:3px;}
    455. 

  455. #ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_in.itp_days span {margin-right:13px; display:inline-block; vertical-align:middle;}
    456. 

  456. #ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_in.itp_days span:last-child {margin-right:0;}
    457. 

  457. #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;}
    458. 

  458. #ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_in.itp_days .itp_holiday em {color:#a94442;}
    459. 

  459. #ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_in.itp_days .itp_day em {color:#000;}
    460. 

  460. #ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_in.itp_add_btn {width:7.6%; text-align:right; padding-top:4px;}
    461. 

  461. #ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_chk,
    462. 

  462. #ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_txt {font-size:13px; font-weight:normal; padding-right:0; color:#333; position:relative;}
    463. 

  463. #ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_chk_list {margin-bottom:-15px;}
    464. 

  464. #ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_chk {padding-top:6px;}
    465. 

  465. #ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_txt {margin:0;}
    466. 

  466. #ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_text {padding-left:0; font-size:13px;}
    467. 

  467. #ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_help {font-size:12px;}
    468. 

  468. #ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_msg.itp_xs_msg {padding-top:3px;}
    469. 

  469. #ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_msg.noPad {padding-left:0;}
    470. 

  470. #ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_msg.itp_auto {width:auto;}
    471. 

  471. #ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_btnTxt {display:inline-block; vertical-align:middle; margin-right:4px;}
    472. 

  472. #ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_btnTxtL {display:inline-block; vertical-align:middle; margin-right:30px;}
    473. 

  473. #ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_btnTxtR {display:inline-block; vertical-align:middle; margin-left:10px; font-size:12px;}
    474. 

  474. #ITP_CONTAINER .itp_form.itp_type1 .form-group .btn-dark {color:#fff; background-color:rgb(109, 110, 114); border-color:rgb(109, 110, 114);}
    475. 

  475. #ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_ip.itp_tbip {padding:0;}
    476. 

  476. #ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_input.cursor {cursor:pointer;}
    477. 

  477. #ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_in textarea {min-height:69px;}
    478. 

  478. #ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_thuImg {margin-right: 3px; border: solid 0.5px #bfbfbf; cursor: pointer}
    479. 

  479. #ITP_CONTAINER .itp_form.itp_type1 .form-group textarea.form-control {padding: 3px 9px}
    480. 

  480. #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}
    481. 

  481. #ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_noneSel::-ms-expand {display: none; margin-left: -4px}
    482. 

  482. #ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_noneSel option {margin: 0; padding: 0}
    483. 

  483. #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;}
    484. 

  484. #ITP_CONTAINER .itp_form.itp_type1 .itp_primary .itp_form_tit {border-top:1px solid #2e6da4; background:#337ab7; color:#fff;}
    485. 

  485. #ITP_CONTAINER .itp_form.itp_type1 .itp_primary .form-group .itp_lb,
    486. 

  486. #ITP_CONTAINER .itp_form.itp_type1 .itp_primary .form-group .itp_ip {background:#D6E6F3; color:#000;}
    487. 

  487. #ITP_CONTAINER .itp_form.itp_type1 .itp_err {color:#a94442; font-size:12px;}
    488. 

  488. #ITP_CONTAINER .itp_history {padding:15px; font-size:12px;}
    489. 

  489. #ITP_CONTAINER .itp_history .itp_hisTit {margin-bottom:8px;}
    490. 

  490. #ITP_CONTAINER .itp_history .itp_flex {float:left; border:1px solid #ddd; width:16.5%; margin-right:2px;}
    491. 

  491. #ITP_CONTAINER .itp_history .itp_flex .itp_fTit {text-align:center; border-bottom:1px solid #ddd; background:#f5f5f5; line-height:35px;}
    492. 

  492. #ITP_CONTAINER .itp_history .itp_flex:first-child .itp_fTit {color:#fff; background:#d9534f;}
    493. 

  493. #ITP_CONTAINER .itp_history .itp_flex:last-child .itp_fTit {color:#fff; background:#337ab7;}
    494. 

  494. #ITP_CONTAINER .itp_history .itp_flex:last-child {margin-right:0;}
    495. 

  495. #ITP_CONTAINER .itp_history .itp_fin {padding:0 10px 10px 10px;}
    496. 

  496. #ITP_CONTAINER .itp_history .itp_fin p {margin:5px 0 0 0;}
    497. 

  497. #ITP_CONTAINER .itp_history .itp_fnum {text-align:center; font-size:14px; margin:15px 0 !important;}
    498. 

  498. #ITP_CONTAINER .itp_history .itp_fbox {font-size:11px;}
    499. 

  499. #ITP_CONTAINER .itp_history .itp_flab {float:left; width:60px; text-align:center; background:#a6a6a6; border-radius:3px; padding:1px 5px; color:#fff;}
    500. 

  500. #ITP_CONTAINER .itp_history .itp_fsm {float:right; width:125px; text-align:right;}
    501. 

  501. #ITP_CONTAINER .itp_intro_div {position: relative; width: 100%; overflow-x: auto; overflow-y: hidden; margin-top: 40px; height: 530px}
    502. 

  502. #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%}
    503. 

  503. #ITP_CONTAINER .itp_intro_list li {width: 254px; font-size: 13px; display: inline-block}
    504. 

  504. #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}
    505. 

  505. #ITP_CONTAINER .itp_intro_list li .itp_img .itp_img_file {position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0}
    506. 

  506. #ITP_CONTAINER .itp_intro_list li .itp_save_btn {width: 100%; height: 40px; margin-top: 4px; font-size: 13px}
    507. 

  507. #ITP_CONTAINER .itp_intro_list li .itp_save_del {width: 100%; height: 40px; margin-top: 4px; font-size: 13px}
    508. 

  508. #ITP_CONTAINER .itp_logs {padding:15px; font-size:12px}
    509. 

  509. _:-ms-fullscreen, :root .itp_logs {max-width: 1287px}
    510. 

  510. #ITP_CONTAINER .itp_logs .itp_lo {margin-bottom: 15px; display: flex; justify-content: center}
    511. 

  511. #ITP_CONTAINER .itp_logs .itp_flex {width: 25%; padding:0 5px 0 5px}
    512. 

  512. #ITP_CONTAINER .itp_logs .itp_flex .itp_fBox {border:1.5px solid #333}
    513. 

  513. #ITP_CONTAINER .itp_logs .itp_flex .itp_fTit {text-align:center; background: rgb(109, 110, 114); line-height:35px; color: #fff; margin: 0}
    514. 

  514. #ITP_CONTAINER .itp_logs .itp_flex .itp_fTit .tt {float: left; padding-left: 25px}
    515. 

  515. #ITP_CONTAINER .itp_logs .itp_flex .itp_fTit .help {float: right; font-size: 11.5px; padding-right: 20px}
    516. 

  516. #ITP_CONTAINER .itp_logs .itp_flex .itp_fTit.blue {background: #337ab7}
    517. 

  517. #ITP_CONTAINER .itp_logs .itp_flex .itp_fin {width: 100%;}
    518. 

  518. #ITP_CONTAINER .itp_logs .itp_loTb {table-layout: fixed; width: 100%; border-spacing: 0}
    519. 

  519. #ITP_CONTAINER .itp_logs .itp_loTb th {font-weight: normal; width: 33.33%; height: 28px; background: #f5f5f5; text-align: center}
    520. 

  520. #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}
    521. 

  521. #ITP_CONTAINER .itp_logs .itp_loTb td:first-child {text-align: center}
    522. 

  522. #ITP_CONTAINER .itp_logs .itp_loTb tr.disabled td {color: #aaa}
    523. 

  523. #ITP_CONTAINER .itp_logs .itp_loTb td.ac {text-align: center}
    524. 

  524. #ITP_CONTAINER .itp_logs .itp_tbAra {float: left; width: 33.33%; background: #f5f5f5}
    525. 

  525. #ITP_CONTAINER .itp_logs .itp_tbAra:first-child {padding-right: 10px}
    526. 

  526. #ITP_CONTAINER .itp_logs .itp_tbAra:last-child {padding-left: 10px}
    527. 

  527. 

  528. /* ITP_FOOTER */
    529. 

  529. #ITP_FOOTER .itp_modal {z-index:10000;}
    530. 

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

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

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

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

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

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

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

  537. #ITP_FOOTER .itp_modal .itp_form .itp_ip {padding-left:0; padding-right:0;}
    538. 

  538. #ITP_FOOTER .itp_modal .itp_form .itp_ip_offset {padding-left:15px;}
    539. 

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

  540. #ITP_FOOTER .itp_modal .itp_form .itp_check {margin-top:7px;}
    541. 

  541. #ITP_FOOTER .itp_modal .itp_form select.itp_input  {padding-left:4px;}
    542. 

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

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

  544. #ITP_FOOTER .itp_modal .itp_form .itp_date_to {background:#fff;}
    545. 

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

  546. #ITP_FOOTER .modal.in .modal-dialog {
    547. 

  547.     -webkit-transform:translate(0, calc(50vh - 50%));
    548. 

  548.     -ms-transform:translate(0, 50vh) translate(0, -50%);
    549. 

  549.     -o-transform:translate(0, calc(50vh - 50%));
    550. 

  550.     transform:translate(0, 50vh) translate(0, -50%);
    551. 

  551. }
    552. 

  552. 

  553. /* ITP_ASIDE */
    554. 

  554. #ITP_ASIDE .itp_modal .modal-header {padding:12px 15px 12px 15px; background:#337ab7; cursor:move;}
    555. 

  555. #ITP_ASIDE .itp_modal .modal-header .close {color:#fff; opacity:1;}
    556. 

  556. #ITP_ASIDE .itp_modal .modal-title {font-size:16px; color:#fff;}
    557. 

  557. #ITP_ASIDE .itp_modal .itp_alert_txt {font-size:15px; padding:15px 0 10px 0;}
    558. 

  558. #ITP_ASIDE .itp_modal .itp_form {padding:0 15px 0 15px;}
    559. 

  559. #ITP_ASIDE .itp_modal .itp_form .form-group {margin-bottom:10px;}
    560. 

  560. #ITP_ASIDE .itp_modal .itp_form .form-group.border {border-bottom:1px solid #ddd;}
    561. 

  561. #ITP_ASIDE .itp_modal .itp_form .form-control {font-size:13px; color:#333;}
    562. 

  562. #ITP_ASIDE .itp_modal .itp_form .itp_lb {font-size:13px; padding-top:5px; padding-right:0; color:#333; position:relative;}
    563. 

  563. #ITP_ASIDE .itp_modal .itp_form .itp_lb.itp_normal {font-weight:normal; padding-left:19px;}
    564. 

  564. #ITP_ASIDE .itp_modal .itp_form .itp_ip {padding-left:0; padding-right:0;}
    565. 

  565. #ITP_ASIDE .itp_modal .itp_form .itp_ip.itp_pr {margin-right:0; padding-right:10px;}
    566. 

  566. #ITP_ASIDE .itp_modal .itp_form .itp_ip.itp_noMar {margin-right:0; padding-right:0px;}
    567. 

  567. #ITP_ASIDE .itp_modal .itp_form .itp_ip_offset {padding-left:15px;}
    568. 

  568. #ITP_ASIDE .itp_modal .itp_form .itp_input {height:28px; padding:3px 9px;}
    569. 

  569. #ITP_ASIDE .itp_modal .itp_form .itp_check {margin-top:7px;}
    570. 

  570. #ITP_ASIDE .itp_modal .itp_form .itp_chk {margin-left:20px; float:left; font-size:13px; font-weight:normal; padding-right:0; color:#333;}
    571. 

  571. #ITP_ASIDE .itp_modal .itp_form .itp_chk:first-child {margin-left:0;}
    572. 

  572. #ITP_ASIDE .itp_modal .itp_form .itp_chk .itp_check {margin:2px 5px 0 0; float:left;}
    573. 

  573. #ITP_ASIDE .itp_modal .itp_form .itp_err {color:#a94442; font-size:12px;}
    574. 

  574. #ITP_ASIDE .itp_modal .itp_form .itp_auto {width:auto; padding-right:15px;}
    575. 

  575. #ITP_ASIDE .itp_modal .itp_form select.itp_input  {padding-left:4px;}
    576. 

  576. #ITP_ASIDE .itp_modal .itp_form .itp_btn {padding:4px 10px; background:#fff;}
    577. 

  577. #ITP_ASIDE .itp_modal .itp_form .input-daterange .input-group-addon {padding:3px 5px;}
    578. 

  578. #ITP_ASIDE .itp_modal .itp_form .itp_date_to {background:#fff;}
    579. 

  579. #ITP_ASIDE .itp_modal .itp_form .itp_lb.itp_required:before {content:'*'; color:#a94442; position:absolute; top:8px; left:8px;}
    580. 

  580. #ITP_ASIDE .itp_modal .itp_form .itp_ipGrp_left .itp_input {border-top-right-radius:0; border-bottom-right-radius:0; border-right:none;}
    581. 

  581. #ITP_ASIDE .itp_modal .itp_form .itp_ipGrp_right .itp_input {border-top-left-radius:0; border-bottom-left-radius:0;}
    582. 

  582. #ITP_ASIDE .itp_modal .itp_form .itp_err_msg {display: inline-block; font-size: 12px; color: #a94442; margin-left: 1px;}  /* 송호성 추가(2021.07.11) */
    583. 

  583. #ITP_ASIDE .itp_modal .itp_form_inline {margin-bottom:10px; padding:0;}
    584. 

  584. #ITP_ASIDE .itp_modal .itp_form_inline .form-horizontal {margin-bottom:10px;}
    585. 

  585. #ITP_ASIDE .itp_modal .itp_form_inline .itp_ip {margin-right:20px;}
    586. 

  586. #ITP_ASIDE .itp_modal .itp_form_inline .itp_ip.itp_long {width:98%; margin-right:0;}
    587. 

  587. #ITP_ASIDE .itp_modal .itp_form_inline .itp_ipGrp_left {margin-right:0;}
    588. 

  588. #ITP_ASIDE .itp_modal .itp_form_inline .itp_ipGrp_right {margin-right:0;}
    589. 

  589. #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);}
    590. 

  590. #ITP_ASIDE .itp_modal .itp_form_inline .itp_btn_org {padding:4px 10px; background:#fff;}
    591. 

  591. #ITP_ASIDE .itp_modal .itp_form_inline .checkbox-inline {padding-top:5px; font-size:13px; color:#333;}
    592. 

  592. #ITP_ASIDE .itp_modal .itp_form_inline .checkbox-inline .itp_chk {margin:3px 3px 0 0;}
    593. 

  593. #ITP_ASIDE .itp_modal .itp_tb_list {padding:10px 15px 10px 15px;}
    594. 

  594. #ITP_ASIDE .itp_modal .itp_tb_list {width:100%; position:relative;}
    595. 

  595. #ITP_ASIDE .itp_modal .itp_tb_list .itp_no_data {width:100%; text-align:center; position:absolute; top:51%; display:none;}
    596. 

  596. #ITP_ASIDE .itp_modal .itp_tb_list .itp_no_data.itp_noSrh {top:46%;}
    597. 

  597. #ITP_ASIDE .itp_modal .itp_tb_list .itp_no_data u {color:#337ab7; cursor:pointer;}
    598. 

  598. #ITP_ASIDE .itp_modal .itp_tb_list .itp_views {font-size:12px; margin-bottom:8px; display:none;}
    599. 

  599. #ITP_ASIDE .itp_modal .itp_tb_list .itp_views.itp_show {display:block;}
    600. 

  600. #ITP_ASIDE .itp_modal .itp_tb_list .itp_views .itp_shrv {float:left;}
    601. 

  601. #ITP_ASIDE .itp_modal .itp_tb_list .itp_views .itp_shrv span {float:left;}
    602. 

  602. #ITP_ASIDE .itp_modal .itp_tb_list .itp_views .itp_shrv em {font-style:normal;}
    603. 

  603. #ITP_ASIDE .itp_modal .itp_tb_list .itp_views .itp_shrv .shrv_txt {margin-right:4px;}
    604. 

  604. #ITP_ASIDE .itp_modal .itp_tb_list .itp_views .itp_shrv .shrv_num {margin-top:-1px;}
    605. 

  605. #ITP_ASIDE .itp_modal .itp_tb_list .itp_views .itp_shrv .shrv_bar {margin:-1px 8px 0 8px;}
    606. 

  606. #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;}
    607. 

  607. #ITP_ASIDE .itp_modal .itp_tb_list .itp_list_box .itp_no_list {text-align:center; line-height:108px;}
    608. 

  608. #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;}
    609. 

  609. #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;}
    610. 

  610. #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;}
    611. 

  611. #ITP_ASIDE .modal.in .modal-dialog {
    612. 

  612.     -webkit-transform:translate(0, calc(50vh - 50%));
    613. 

  613.     -ms-transform:translate(0, 50vh) translate(0, -50%);
    614. 

  614.     -o-transform:translate(0, calc(50vh - 50%));
    615. 

  615.     transform:translate(0, 50vh) translate(0, -50%);
    616. 

  616. }
    617. 

  617. #ITP_ASIDE .itp_modal .itp_form.itp_type1 {padding-left:0;}
    618. 

  618. #ITP_ASIDE .itp_modal .itp_form.itp_type1 .itp_help {font-size:12px; padding-top:6px;}
    619. 

  619. #ITP_ASIDE .itp_modal .itp_form.itp_type1 .itp_txt {font-size:13px; width:auto; padding:5px 10px 0 0;}
    620. 

  620. #ITP_ASIDE .itp_modal .itp_form.itp_type1 .itp_text {font-size:13px; padding-top:5px; display:block;}
    621. 

  621. #ITP_ASIDE .itp_modal .itp_form.itp_type1 .itp_smLink {color:#000; text-decoration:underline; cursor:pointer;}
    622. 

  622. #ITP_ASIDE .itp_modal .itp_form.itp_type1 .itp_in.itp_add_btn {width:auto; padding:4px 0 0 0;}
    623. 

  623. #ITP_ASIDE .itp_modal .itp_form.itp_type1 .btn-dark {color:#fff; background-color:rgb(109, 110, 114); border-color:rgb(109, 110, 114);}
    624. 

  624. #ITP_ASIDE .itp_modal .itp_form.itp_type1 .itp_msg {display: block; font-size:12px; padding-top:6px;}
    625. 

  625. #ITP_ASIDE .itp_modal .itp_form.itp_type1 .itp_in {padding:0;}
    626. 

  626. #ITP_ASIDE .itp_modal .itp_form.itp_type1 .itp_in.mar {margin-right:4px;}
    627. 

  627. #ITP_ASIDE .itp_modal .itp_form.itp_type1 .itp_in.mar2 {margin-right:8px;}
    628. 

  628. #ITP_ASIDE .itp_modal .itp_form.itp_type1 .itp_in.itp_xs_btn {width:auto;}
    629. 

  629. #ITP_ASIDE .itp_modal .itp_form.itp_type1 .itp_in.itp_left_img {width:auto; padding-right:15px;}
    630. 

  630. #ITP_ASIDE .itp_modal .itp_form.itp_type1 .itp_btn_upload {position:relative; overflow:hidden;}
    631. 

  631. #ITP_ASIDE .itp_modal .itp_form.itp_type1 .itp_btn_upload input[type=file] {
    632. 

  632. 	position:absolute; top:0; right:0;
    633. 

  633. 	width:100%; height:100%; margin:0; padding:0;
    634. 

  634. 	cursor:pointer; opacity:0; outline:0;
    635. 

  635. 	background:none; z-index:1;
    636. 

  636. }
    637. 

  637. #ITP_ASIDE .itp_modal .itp_addr_wrap {height:220px; overflow:auto; border:1px solid #ddd;}
    638. 

  638. #ITP_ASIDE .itp_modal .itp_addr_wrap .itp_addr_no {font-size:13px; line-height:218px; text-align:center; margin:0; padding:0;}
    639. 

  639. #ITP_ASIDE .itp_modal .itp_addr_wrap .itp_addr_box {display:none;}
    640. 

  640. #ITP_ASIDE .itp_modal .itp_addr_list {list-style:none; font-size:13px; margin:0; padding:0px 15px 15px 15px; display:table; width:100%;}
    641. 

  641. #ITP_ASIDE .itp_modal .itp_addr_list li {display:table-row;}
    642. 

  642. #ITP_ASIDE .itp_modal .itp_addr_list .itp_addr,
    643. 

  643. #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;}
    644. 

  644. #ITP_ASIDE .itp_modal .itp_addr_list .itp_addr {padding-left:2px; width:90%;}
    645. 

  645. #ITP_ASIDE .itp_modal .itp_addr_list .itp_addr span {display:block; margin-top:5px;}
    646. 

  646. #ITP_ASIDE .itp_modal .itp_addr_list .itp_addr span em {font-style:normal; margin-right:13px;}
    647. 

  647. #ITP_ASIDE .itp_modal .itp_addr_list .itp_sel {text-align:right;}
    648. 

  648. #ITP_ASIDE .itp_modal .itp_addr_list .itp_sel button {background:none; border:0; color:#337ab7;}
    649. 

  649. #ITP_ASIDE .itp_modal .itp_show_loc {list-style:none; margin:0; padding:0;}
    650. 

  650. #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;}
    651. 

  651. #ITP_ASIDE .itp_modal .itp_show_loc li:first-child {margin-top:0;}
    652. 

  652. #ITP_ASIDE .itp_modal .itp_show_loc li.on {background:#337ab7; border:1px solid #2e6da4; color:#fff;}
    653. 

  653. #ITP_ASIDE .itp_modal .itp_grid_popup_box {position:relative;}
    654. 

  654. #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;}
    655. 

  655. #ITP_ASIDE .itp_modal .itp_grid_pop_in span {display:block; white-space:nowrap;}
    656. 

  656. #ITP_ASIDE .itp_modal .itp_grid_pop_in i {position:absolute; top:6px; right:6px; font-size:16px; cursor:pointer;}
    657. 

  657. #ITP_ASIDE .itp_modal .itp_photo {width: 362px; margin: 0 auto; padding-top: 10px}
    658. 

  658. #ITP_ASIDE .itp_modal .itp_photo .list {list-style: none; padding: 0; margin: 0}
    659. 

  659. #ITP_ASIDE .itp_modal .itp_photo .list li {float: left; width: 70px; height: 70px; border: solid 0.5px #bfbfbf; margin-left: 3px}
    660. 

  660. #ITP_ASIDE .itp_modal .itp_photo .list li img {margin: 1px 0 0 1px; cursor: pointer}
    661. 

  661. #ITP_ASIDE .itp_modal .itp_photo .list li:first-child {margin-left: 0}
    662. 

  662. #ITP_ASIDE .itp_modal .itp_pic {width: 100%; margin: 10px 0 0 0; padding: 0; border: solid 0.5px #bfbfbf; min-height: 200px;}
    663. 

  663. #ITP_ASIDE .itp_modal .itp_pic img {width: 100%; height: 100%}
    664. 

  664. #ITP_ASIDE .itp_modal .itp_preview_bottom {margin-top: 5px; margin-bottom: 5px; text-align: right;}
    665. 

  665. #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;}
    666. 

  666. #ITP_ASIDE .itp_modal .itp_lctnview {width: 100%; margin: 10px 0 0 0; padding: 0; border: solid 0.5px #bfbfbf; height: 100%; }
    667. 

  667. 

  668. #ITP_NOT_FOUND {width:100%; height:100%;}
    669. 

  669. #ITP_NOT_FOUND .itp_head {margin-bottom:8px; letter-spacing:-1px;}
    670. 

  670. #ITP_NOT_FOUND .itp_bar {margin:0; padding:0; float:left; margin:0 15px 0 15px; font-size:22px;}
    671. 

  671. #ITP_NOT_FOUND .itp_logo {margin:0; padding:0; color:#337ab7; float:left;}
    672. 

  672. #ITP_NOT_FOUND .itp_tit {margin:0; padding:7px 0 0 0; float:left; font-size:22px;}
    673. 

  673. #ITP_NOT_FOUND .itp_cont {width:100%; min-height:calc(100vh - 115px); padding:170px 20px 150px 20px; position:relative;}
    674. 

  674. #ITP_NOT_FOUND .itp_box_wrap {width:464px; height:410px; position:absolute; top:50%; left:50%; margin:-205px 0 0 -232px;}
    675. 

  675. #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;}
    676. 

  676. #ITP_NOT_FOUND .itp_copyright {font-size:12px; margin-top:10px;}
    677. 

  677. #ITP_NOT_FOUND .itp_thanks {font-size:12px; color:#333; margin-top:10px;}
    678. 

  678. #ITP_NOT_FOUND .itp_icon {font-size:46px; float:left; margin:3px 18px 0 0;}
    679. 

  679. #ITP_NOT_FOUND .itp_request {font-size:20px; float:left; font-weight:bold;}
    680. 

  680. #ITP_NOT_FOUND .notfound {text-align:center; margin-top:40px;}
    681. 

  681. #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;}
    682. 

  682. #ITP_NOT_FOUND .notfound a:hover {background-color:#fff; border-color:#189cf0; color:#189cf0;}
    683. 

  683. 

  684. /* 송호성 추가 */
    685. 

  685. #ITP_CONTAINER .itp_detail .itp_form_head {padding:0 4px 0 4px; height:42px; background:#f5f5f5;}
    686. 

  686. #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; }
    687. 

  687. #ITP_CONTAINER .itp_detail .itp_form_head .itp_cicon {line-height:32px; height:32px; margin-top: 3px; margin-right: 3px;}
    688. 

  688. 

  689. #ITP_CONTAINER .itp_detail .itp_table_head {padding:0 4px 0 4px; height:42px; border:1px solid #ddd;}
    690. 

  690. #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; }
    691. 

  691. #ITP_CONTAINER .itp_detail .itp_table_head .itp_cicon {line-height:32px; height:32px; margin-top: 3px; margin-right: 3px;}
    692. 

  692. 

  693. .itp_songViewIn .table {margin-bottom:0;}
    694. 

  694. .itp_songViewIn thead > tr > th, .itp_boardViewIn tbody > tr > td {font-size:13px; text-align:center; vertical-align:middle; height:40px;}
    695. 

  695. .itp_songViewIn thead > tr > th {font-weight:normal; border-bottom-width:1px;}
    696. 

  696. .itp_songViewIn thead > tr > th.noBor {border-right:0;}
    697. 

  697. .itp_songViewIn tbody > tr > td.noBor {border-right:0;}
    698. 

  698. .itp_songViewIn tbody > tr > td { border-top: none; padding: 10px 18px; vertical-align: middle; }
    699. 

  699. .itp_songViewIn tbody > tr > td.right_border { border-right: 1px solid #ddd; }
    700. 

  700. .itp_songViewIn .ac {text-align:center;}
    701. 

  701. .itp_songViewIn tbody > tr > td.fnValRow { padding: 5px 0px 0px 0px; }
    702. 

  702. 

  703. #ITP_POPUP .itp_pic {width: 100%; padding: 0; border: solid 0.5px #bfbfbf; min-height: 200px;}
    704. 

  704. #ITP_POPUP .itp_pic img {width: 100%; height: 100%}
    705. 

  705. #ITP_POPUP .itp_preview_bottom {margin-top: 5px; margin-bottom: 5px; text-align: right;}
    706. 

  706. 

  707. .map_image {border:1px solid #ddd; background:#f5f5f5; margin:0;} 
    708. 

  708. .itp_table_head .itp_input {height: 28px;}
    709. 

  709. 

  710. .fnNumeric {text-align: center;}
    711. 

  711. .fnNumericDot {text-align: center;}
    712. 

  712. 

  713. /* 팝업 추가 */
    714. 

  714. #ITP_POPUP_CONTAINER .modal-body .itp_title label {font-size:3rem; text-decoration:underline; text-underline-position:under;}
    715. 

  715. #ITP_POPUP_CONTAINER .modal-body .itp_title .col-1 {width:100px;}
    716. 

  716. #ITP_POPUP_CONTAINER .modal-body .itp_sign {float: right;}
    717. 

  717. #ITP_POPUP_CONTAINER .modal-body .itp_sign .itp_sign_header {border: 1px solid #000; width: 120px; height: 35px; padding: 8px; text-align: center;}
    718. 

  718. #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;}
    719. 

  719. #ITP_POPUP_CONTAINER .itp_company_type {float:left; background:#eee; text-align:center; width:55px; height:168px; padding-top:40px; border:1px solid #000;}  
    720. 

  720. #ITP_POPUP_CONTAINER .itp_form_info .itp_company_type label {width:35px; border:none; padding:10px;}
    721. 

  721. #ITP_POPUP_CONTAINER .modal-body span{margin-right:7px;}
    722. 

  722. #ITP_POPUP_CONTAINER .itp_form_info label {border:1px solid #000; background:#eee; margin:0; width:120px; height:42px; padding:10px 5px 10px 10px;}
    723. 

  723. #ITP_POPUP_CONTAINER .itp_form_it {border:1px solid #000; height:42px; padding-top:12px;}
    724. 

  724. 

  725. 

  726. 

  727. 

  728. 

  729. 

  730. 

  731. 

  732. 

  733. 

  734. 

  735. 

  736. 

  737. 

  738. 

  739. 

  740. 

  741. 

  742. 

  743. 

  744. 

  745. 

  746.