portal_chgcont_note_popup.html 5.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=euc-kr" />
  5. <title>:::하도급 변경계약 제출 서류 및 유의사항:::</title>
  6. <script type="text/javascript">
  7. function btnConfirm() {
  8. var returnValue = true;
  9. window.parent.$.check(returnValue);
  10. }
  11. </script>
  12. <style>
  13. .grybox {border:1px solid #e0e0e0; margin:15px 0;}
  14. .grybox ul li {line-height:1.5em; display:block; margin-bottom:5px;}
  15. .grybox ul li a:hover {text-decoration:underline;}
  16. .grybox ul li img { vertical-align:middle;}
  17. .btn_close {text-align:center;padding-top:10px; padding-bottom:10px;}
  18. .btn_close button {border:0; cursor:pointer;}
  19. .btn_close {text-align:center;padding-top:10px; padding-bottom:10px;}
  20. .btn_close button {border:0; cursor:pointer;}
  21. .btn_close {text-align:center;padding-top:10px; padding-bottom:10px;}
  22. /* popup */
  23. .p_box{border:3px solid #414c59;background-color:#fff;}
  24. .p_box02{border:3px solid #617251;background-color:#fff;}
  25. .p_cont { padding-top:20px; width:95%;}
  26. /*팝업타이틀*/
  27. #title_pop{margin-left:0; background-color:#d0d0cf; height:100px;}
  28. #title_pop ul{ margin:0; padding:0; display: inline-block;width:100%; vertical-align:middle;}
  29. #title_pop ul li{ display:inline; list-style:none; color:#636a75; font-size:25px; font-weight:bold; font-family:NanumGothic; width:100%; height:300px; line-height:100px; text-align:center;}
  30. .icon_x{width:100%; position:absolute;top:9px; text-align:right}
  31. /* table0 */
  32. .tb000 {width:100%; border-top:1px solid #b4bcc6; border-left:1px solid #b4bcc6;}
  33. .tb000 .title{background:#d1d7de; color:#2b4a78; border-bottom:1px solid #b4bcc6; border-right:1px solid #b4bcc6; font-weight:bold; text-align:center;}
  34. .tb000 td {background:#f4f4f4; color:#2b4a78; border-bottom:1px solid #b4bcc6; border-right:1px solid #b4bcc6; font-size:12px; text-align:left; padding:7px;}
  35. /* table1 */
  36. .tb001 {width:100%; border-top:1px solid #e4e0dd; border-left:1px solid #e4e0dd; border-bottom:1px solid #d0d0cf;}
  37. .tb001 .title{background:#f6efe7; color:#2b4a78; border-bottom:1px solid #e4e0dd; border-right:1px solid #e4e0dd; font-weight:bold; text-align:center;}
  38. .tb001 td {background:#f4f4f4; color:#2b4a78; border-bottom:1px solid #e4e0dd; border-right:1px solid #e4e0dd; font-size:12px; text-align:left; padding:7px;}
  39. .tb001 td a:link {color:#2b4a78; text-decoration:none}
  40. .tb001 td a:hover {text-decoration:underline;color:#2b4a78;}
  41. /* table2 */
  42. .tb002 {width:100%; border-top:1px solid #e4e0dd; border-left:1px solid #e4e0dd;}
  43. .tb002 .title{background:#e5eef1; color:#2b4a78; border-bottom:1px solid #e4e0dd; border-right:1px solid #e4e0dd; font-weight:bold; text-align:center;}
  44. .tb002 .title2{background:#f4f4f4; color:#2b4a78; border-bottom:1px solid #e4e0dd; border-right:1px solid #e4e0dd; font-weight:bold; text-align:left;}
  45. .tb002 td {background:#f4f4f4; color:#2b4a78; border-bottom:1px solid #e4e0dd; border-right:1px solid #e4e0dd; font-size:12px; text-align:left; padding:7px;}
  46. .tb002 td a:link {color:#2b4a78; text-decoration:none}
  47. .tb002 td a:hover {text-decoration:underline;color:#2b4a78;}
  48. </style>
  49. </head>
  50. <body style="padding:0; margin:0px;">
  51. <div class="icon_x"><a href="#"><img src="pop_img/icon_x03.gif" hspace="9" border="0" onclick="btnConfirm();"/></a></div>
  52. <div class="p_box" align="center">
  53. <!--타이틀-->
  54. <div id="title_pop">
  55. <ul>
  56. <li>
  57. <table border="0" cellpadding="0" cellspacing="0" align="center">
  58. <tr>
  59. <td><img src="pop_img/title_img.png" /></td>
  60. <td>&nbsp;</td><td>하도급 변경계약 제출 서류 및 유의사항</td>
  61. </tr>
  62. </table></li>
  63. </ul>
  64. </div>
  65. <!--타이틀 끝-->
  66. <div class="p_cont">
  67. <table class="tb002" cellspacing="0">
  68. <tr>
  69. <td class="title" width="3%"><img src="pop_img/num_01.png" alt="1" /></td>
  70. <td width="97%" class="title2">계약이행보증증권</td>
  71. </tr>
  72. <tr>
  73. <td class="title" width="3%">&nbsp;</td>
  74. <td >- 증액된 금액, 증가된 공기만큼 추가보증 발급</td>
  75. </tr>
  76. </table>
  77. <table class="tb002" cellspacing="0">
  78. <tr>
  79. <td class="title" width="3%"><img src="pop_img/num_02.png" alt="2" /></td>
  80. <td width="97%" class="title2">근로자재해공제증권 발급</td>
  81. </tr>
  82. <tr>
  83. <td class="title" width="3%">&nbsp;</td>
  84. <td >- 증액된 금액, 증가된 공기만큼 추가보증 발급</td>
  85. </tr>
  86. <tr>
  87. <td class="title" width="3%">&nbsp;</td>
  88. <td >- 연간 발급의 경우 보증기간 확인 후 필요시 갱신된 증권 첨부 </td>
  89. </tr>
  90. <tr>
  91. <td class="title" width="3%">&nbsp;</td>
  92. <td >- 설계 및 용역의 경우 해당없음</td>
  93. </tr>
  94. </table>
  95. <table class="tb002" cellspacing="0">
  96. <tr>
  97. <td class="title" width="3%"><img src="pop_img/num_03.png" alt="3" /></td>
  98. <td width="97%" class="title2">선급금이행보증증권</td>
  99. </tr>
  100. <tr>
  101. <td class="title" width="3%">&nbsp;</td>
  102. <td >- 증가된 공기만큼 추가보증 발급</td>
  103. </tr>
  104. </table>
  105. <div class="btn_close p_close"><a href="#"><img src="pop_img/btn_confirm.gif" alt="확인" border="0" onclick="btnConfirm();"/></a></div>
  106. </div>
  107. </div>
  108. </body>
  109. </html>