@charset "utf-8";

/* img { border:0; vertical-align:middle; } */
fieldset { border:0; margin:0; padding:0; }
textarea { margin:0; border:1px solid #cccccc; }
select, input { vertical-align:middle; padding:2px; font-size:12px; border:1px solid #d6d6d6; }
ul, ol { list-style-type : none; }
dt, dd, h1 , h2, h3, h4, h5, h6 { padding:0; margin:0; }

legend { visibility:hidden; height:0; width:0; font-size:0; line-height:0; overflow:hidden; left:-9999px; top:-9999px; }
caption { overflow:hidden; visibility:hidden; width:0; height:0; font-size:0; line-height:0; }
em, address { font-style:normal; }
button { background:transparent; border:0;  font-size:12px; cursor:pointer; padding:0; overflow:visible; vertical-align:top; }
table { border-collapse:collapse; table-layout:fixed; border-spacing:0; }

/* table */
.table_box {width: 100%; margin-top: 24px;}
/* .list_table {width: 100%; border-top: 2px solid black; border-collapse: collapse; border-spacing: 0;} */
/* .list_table th {padding: 24px 12px; border-bottom: 1px solid #ccc; background-color: #eff6ff; font-size: 14px;} */
/* .list_table td {padding: 24px 12px; border-bottom: 1px solid #ccc; background-color: white; font-size: 14px;} */
/* .list_table table tbody.center tr > * {text-align: center;} */
/* .list_table table td.left {text-align: left;} */
/* .list_table table td.center {text-align: center;} */
/* .list_table table td.right {text-align: right;} */
/* .list_table table tbody tr:last-child > * {border-bottom: 1px solid #555;} */
/* .list_table a:hover { text-decoration:underline; } */

/* .write_table { width:100%; margin-bottom:15px; } */
/* .write_table th { padding:5px; border:1px solid #e0e0e0; border-top:none; background:#f8f8f8; text-align:center; } */
/* .write_table td { padding:5px; border:1px solid #e0e0e0; border-top:none; text-align:left } */
/* .write_table td.center { text-align:center; } */
/* .write_table td.right { text-align:right; } */

/* .write_table {width: 100%; border-top: 2px solid black; border-collapse: collapse; border-spacing: 0;} */
/* .write_table th {padding: 24px 12px; border-bottom: 1px solid #ccc; background-color: #eff6ff; font-size: 14px;} */
/* .write_table td {padding: 24px 12px; border-bottom: 1px solid #ccc; background-color: white; font-size: 14px;} */
/* .write_table table tbody.center tr > * {text-align: center;} */
/* .write_table table td.left {text-align: left;} */
/* .write_table table td.center {text-align: center;} */
/* .write_table table td.right {text-align: right;} */
/* .write_table table tbody tr:last-child > * {border-bottom: 1px solid #555;} */
/* .write_table a:hover { text-decoration:underline; } */

/* .view_table {width: 100%; border-top: 2px solid black; border-collapse: collapse; border-spacing: 0;} */
/* .view_table th {padding: 24px 12px; border-bottom: 1px solid #ccc; background-color: #eff6ff; font-size: 14px;} */
/* .view_table td {padding: 24px 12px; border-bottom: 1px solid #ccc; background-color: white; font-size: 14px;} */
/* .view_table table tbody.center tr > * {text-align: center;} */
/* .view_table table td.left {text-align: left;} */
/* .view_table table td.center {text-align: center;} */
/* .view_table table td.right {text-align: right;} */
/* .view_table table tbody tr:last-child > * {border-bottom: 1px solid #555;} */
/* .view_table a:hover { text-decoration:underline; } */

.file { text-decoration:underline!important; }

/* contents */
.con_header { position:relative; height:140px; margin-bottom:30px; border-bottom:1px solid #d3d2d2; background:url('/air-bid/_images/title_bg.png') right 0 no-repeat; }
.con_header p { float:left; padding:40px 20px 0 0; }
.con_header .title_text { float:left; }
.con_header .linemap { display:block; padding-top:27px; }
.con_header h3 { padding-top:15px;  font-size:28px; color:#333; letter-spacing:-1px; }
.con_header .comment { display:block; padding-top:10px; }

h4 {text-align:left; padding:20px 0 20px 15px; font-size:17px; color:#333; background:url("/air-bid/_images/bullet_title.png") 0 27px no-repeat; overflow:hidden; }
h4 span { font-size:12px; color:#333; font-weight:normal; }
h4 .inner_btn { float:right; display:inline-block; padding:2px 10px 4px; font-size:12px; font-weight:normal; background:#9e9f9f!important; color:#fff!important; border:1px solid #858686; }
h5 { padding:10px 0; font-size:14px; color:#333; }

.search_form { position:relative; padding:12px 25px 2px; margin-bottom:30px; background:#f3f3f3; border-top:1px solid #cecdcd; border-bottom:1px solid #cecdcd; }
.search_form p { padding-bottom:10px; width:620px; }
.search_form span { display:inline-block; padding:0 5px 0 15px; font-weight:bold; }
.search_form .search_btn { position:absolute; bottom:12px; right:25px; }

.paging { position:relative; padding:10px; text-align:center; }
.paging a { padding:2px 5px; font-size:12px; }
.paging a.current { color:#f45743; font-weight:bold; }

/* .footer .f_img { float:left; } */
/* .footer .f_copyright { float:left; padding-left:10px; } */
/* .footer .f_copyright .f_link { padding-bottom:5px; } */
/* .footer .f_copyright .f_link a { display:inline-block; padding:0px 0px 0px 2px; font-size:12px; font-weight:bold; } */

/* Yang's */
#entPln {border: 1px solid #e0e0e0; margin-bottom: 10px; padding: 5px;}
#entPln h1 { text-align: center; line-height: 55px;}
#entPln h2 { text-align: center; line-height: 30px;}
#entPln li { text-align: left; line-height: 25px;}
#entPln li label { text-align: left; display:inline-block; width: 100px; line-height: 25px;}
#entPln ul li { text-align: right; line-height: 25px;}
#entPln ul li label { text-align: left; display:inline-block; width: 100px; line-height: 25px;}
#entPln ul li span { text-align: left; display:inline-block; width: 200px; line-height: 25px;}
#entPln .left { text-align: left; line-height: 50px; padding: 10px;}

/* 자동로그아웃 */
.list_type1,
.list_tyep1 {padding:0 0 25px 0;}
.list_type1 li,
.list_tyep1 li {padding:0 0 12px 25px; zoom:1; line-height:145%;}
.list_type1 .color2,
.list_tyep1 .color2{color:#ff0000;}

/* The Modal (background) 2023.12.22 추가*/
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  border: 1px solid #888;
  width: 50%;
  text-align: left;font-size:16px;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s;
  overflow-y: auto;
}

/* Add Animation */
@-webkit-keyframes animatetop {
  from {top:-300px; opacity:0} 
  to {top:0; opacity:1}
}

@keyframes animatetop {
  from {top:-300px; opacity:0}
  to {top:0; opacity:1}
}

/* The Close Button */
.close {
  color: gray;
  float: right;
  font-name: Arial;
  font-size: 14px;
  font-weight: bold;
  display: inline-block; 
  padding-right: 5px;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.modal-header {
  height: 30px;
  padding: 7px 10px 10px 10px;
  background-color: white;
  color: black;
  border-bottom: 1px solid #cccccc;
  font-size: 16px;
  font-weight: bold;
}

.modal-body {
	padding: 30px;
}

.modal-footer {
  padding: 10px 30px 10px 30px;
  background-color: #235ca6;
  color: white;
}