@charset "UTF-8";

/* Page Title */
  
  
.table { width: 100%; display: table;   border-top:2px solid #939393; border-bottom:2px solid #939393 }

.row {display: table-row; background: #fff; font-size:18px}
.row.th {font-weight:600; background-color:#E3E3E3 }
 
.cell { padding:20px 12px;  display:table-cell; vertical-align:middle;  text-align:Center;  border-bottom:1px solid #ddd; color:#666}
.cell a {color:#626262}
.row.th .cell { padding:20px 12px; font-size:20px; color: #1A1A1A}

.cell.td_tit  {width:60%; text-align:left; font-size:20px }
.cell.td_tit a { display:flex;  }
.cell.td_tit a p {
    font-weight:400; line-height:1.3; font-size:1em; 
 	overflow:hidden; 
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
	max-width:calc(100% - 15px); 
    margin-right:5px
  }
.row:hover .cell.td_tit a {color:var(--main_c)  }


  
 
.cell.no {width:50px; font-size:30px; font-weight:600; color:#000 }
.cell.td_tit span.new_icon {margin-left:5px; font-weight:300; color:red;  vertical-align:4px}

.row:hover { background: #F5F5F5; }
.row.th:hover { background-color:#E3E3E3 }



@media screen and (min-width:900px) {
  
   .cell.name {width:100px; white-space:nowrap;  }
   .cell.date {width:100px;  white-space:nowrap;   }
   .cell.hit {width:80px; white-space:nowrap;  }

}
 
@media screen and (max-width:1100px) {
	 .cell.td_tit  {width:50%; }
 }


@media screen and (max-width:900px) {
	.table { display: block; font-size:1em }
    .table * {line-height:1.3}
	.row {padding:13px 2%; font-size:16px; width:100%; display:inline-block;  border-bottom:1px solid #ddd}
	.row.th {padding: 0;  height:0; display:none}
 	  
	.row .cell:before { margin-bottom: 3px; content:attr(data-title); text-transform: uppercase;color:#555;}
	.cell { padding:0; padding-right:5px; font-size:.85em; display:inline-block; border-bottom:none; text-align:left}
	.cell.td_tit  {width:100%; font-size:1.1em; margin-bottom:5px;   display:inline-block}
 	.cell_col {display:inline-block; width:auto; font-size:.9em;  }
	 
    .cell.no {display:none}
 
 
}
 
 
/*뷰페이지*/
 
  
p.view_title {font-size:30px;  line-height:1.3;  font-weight:600;   width:100%; border-top:1px solid #000;  padding:20px 0 10px 0; box-sizing:border-box; display:inline-block;  box-sizing:border-box;   }
div.view_info {font-size:1em; font-weight:300; color:#666; width:100%;  border-bottom:1px solid #ddd; padding-bottom:20px;  display:inline-block; box-sizing:border-box;   }

div.view_info a:hover {text-decoration:underline }
div.view_info span + span {margin-left:30px}
div.view_info span b {margin-right:10px}
div.view_info span.file a {display:inline-block; border:1px solid #015bac; padding:0 10px; border-radius:2px; margin-left:3px; color:#015bac }

div.view_content {width:100%; display:inline-block;  border-bottom:1px solid #ddd; padding:20px 0; }
div.view_content img {max-width:100%}
 
div.view_file {width:100%; padding:12px 0 8px 0;  border-bottom:1px solid #ddd; }
div.view_file ul {width:100%; display:flex; flex-wrap:wrap;}
div.view_file ul li {display:inline-block; margin-bottom:5px; }
div.view_file ul li a {display:inline-block; font-size:0.90rem; background-color:#2478be; color:#fff; padding:4px 15px; border-radius:5px; margin-right:10px;}

 

.list_next  {width:100%; display:inline-block;  padding:11px 0; box-sizing:border-box; border-bottom:1px solid #ddd; line-height:0} 
.list_next p {width:100%; display:inline-block; font-size:1rem; line-height:1; color:#999;  overflow: hidden;   text-overflow: ellipsis; margin:3px 0;  white-space: nowrap;  }
.list_next p:last-child {text-align:left; }
.list_next b {font-weight:600; color:#333; width:80px; display:inline-block}



.btn_wrap {width:100%; display:flex; align-items:center;  justify-content:center; gap:20px; margin-top:40px }
.btn_wrap a {position:Relative;}
.btn_wrap a:before {  position: absolute; left:0; top: 50%; content: ''; width: 7px;   height: 7px; }

.btn_wrap a.left {padding-left:15px}
.btn_wrap a.left:before {  border-top:1px solid #333;  border-right:1px solid #333;  transform:translate(0, -50%) rotate(225deg); } 
.btn_wrap a.right {padding-right:15px}
.btn_wrap a.right:before { left:auto; right:0;  border-top:1px solid #333;  border-right:1px solid #333;  transform:translate(0, -50%) rotate(45deg); } 

 a.list_btn {
    text-align: center;
    line-height:55px;
 	width:150px;
    font-weight: 400;
    font-size: 1em;
   
    background-color:var(--main_c);
     border-radius:10px;
    color: #fff;
}




@media screen and (max-width:900px) {

		p.view_title { width:100%; padding:0;  padding-top:10px;  font-size:1.4em;  text-align:left; color:#111; background-color:#fff;  border-top:2px solid #333; }
		div.view_info {padding-top:5px; font-size:.9em; text-align:left; padding-bottom:10px}
		div.view_info span::after {  margin:0 3px 0 6px}
		div.view_info + div.view_info {padding-top:10px}
		div.view_info span + span {margin-left:10px}

		div.view_info span.file {width:100%; display:block; }
		div.view_info span.file a {margin-top:3px}

		.btn_wrap a {  font-size: 0.90em;  }
 		a.list_btn {width:80px; line-height:40px}
 
}

 
/*페이지*/



.page {text-align:center;   width:100%; margin-top:40px; display:inline-block; font-size:0}
.page ul { width:100%; text-align:center; }
.page li { display:inline-block; font-size:0.9rem; font-weight:500;  }
 
.page a {
	display:inline-block;
 	text-decoration:none; vertical-align:middle;
 	  background-color:#fff;  width:29px; border-radius:5px;  line-height:29px; height:29px;  margin-left:-1px;   color:#999; text-align:Center;
   }
.page li i {vertical-align:middle}
.page a.ov  {  background-color:var(--main_c);    color:#fff;}

 
 
 @media screen and (max-width:900px) {
		.page { margin-top:30px;}
		.page li { font-size:12px}
		.page a {  width:25px; line-height:25px; height:25px; }
 
}

.search {margin-top:30px;  width:100%; display:flex;  justify-content:flex-end}
.search input  {width:30%; height:33px; border:1px solid #ddd; padding-left:10px; font-size:0.93em; color:#666; margin:0 5px}
.search select  { font-size:0.93em; color:#666; border:1px solid #ddd;  vertical-align:middle; width:100px; height:33px;}
.search a {background-color:#333; color:#fff; line-height:33px; font-size:0.95em; font-weight:500; padding:0 30px; display:inline-block; vertical-align:middle;}
						
									   
 
.form_box {width:100%; }
.write_form {width:100%; display:flex; gap:30px 10px; flex-wrap:wrap;   }
.write_form li {width:calc(50% - 5px)}
.write_form li.li_100 {width:100%}
 
.write_form li label.tt {margin-bottom:10px; color:#000; font-size:1em;  display:inline-block }
.write_form li a {margin-left:auto}
 
.write_form li textarea {width:100%; height:200px; border-radius:10px;  border:1px solid #ddd; font-size:16px; padding:20px; box-sizing:border-box}
.write_form li input[type="text"] {width:100%; height:50px; font-size:16px; border:1px solid #ddd; border-radius:10px; padding-left:20px; box-sizing:border-box }
.write_form li select {width:100%; position:relative;  border:1px solid #ddd;  height:50px; font-size:16px; border-radius:10px; padding:0 20px; box-sizing:border-box;

 -webkit-appearance:none; /* 크롬 화살표 없애기 */
    -moz-appearance:none; /* 파이어폭스 화살표 없애기 */
    appearance:none;  /* 화살표 없애기 */
	background:url('/common/img/arrow_down.svg') no-repeat 97% 50%/15px auto;
}

.write_form li div input::placeholder {font-weight:300;  color:#868686}
 
  

 .styled-checkbox {
  position: absolute;
  opacity: 0;  
}
.styled-checkbox + label {
  position: relative;
  cursor: pointer;
  padding: 0;
}
.styled-checkbox + label:before {
  content: "";
  margin-right: 10px;
  display: inline-block;
  vertical-align: text-top;
  width: 20px;
  height: 20px;
  background: #ddd;
  border-radius:3px;
  flex-shrink:0
}
 
.styled-checkbox:checked + label:before {
  background: var(--main_c);
}
 
.styled-checkbox:checked + label:after {
  content: "";
  position: absolute;
   left: 6px; 
    top: 50%;
	margin-top:-6px;
    width: 5px;
     height: 8px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

 


.contact span.point {width:8px; height:8px; border-radius:50%;  background-color:var(--main_c); vertical-align:top; display:inline-block; flex-shrink:0}

 

@media all and (max-width:900px) {

  .write_form li {width:100%}

}