@charset "UTF-8";

/* Page Title */


/* 게시판 */

#board  {width:100%; float:left;}

table.list {width:100%; float:left; border-top:1px solid #333;   border-bottom:1px solid #707070;  }
table.list th { padding:11px; background-color:#f9f9f9; font-size:1.03rem; line-height:1.3em; font-weight:600; color:#333;  border-bottom:1px solid #ddd;}
table.list td {padding:11px; vertical-align:middle; font-size:1.03rem; line-height:1.3em; color:#555; border-bottom:1px solid #ddd;  font-weight:400;}
table.list td b {color:#015bac;  font-weight:500;   font-size:1em;  }

 
.table { width: 100%; display: table;  word-break:normal; }

.row {display: table-row; background: #fff; font-size:1em; }
.row.th {font-weight:600; color: #fff; background:#333;}
.row.notice {background-color:#eff8fc}
 
.cell { padding:11px 12px; display:table-cell; vertical-align:middle;  text-align:Center;  border-bottom:1px solid #ddd; color:#666}
.cell a {color:#111}
.row.th .cell { color: #fff}

.cell.td_tit  {width:55%; text-align:left; font-weight:500; line-height:1.3; font-size:1em}
.cell.td_tit a:hover {text-decoration:underline}
.cell.td_tit p  {width:100%;  font-weight:400; margin-top:2px; line-height:1.2; font-size:.97rem;
     overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
	color:#555;
}
 
.cell.no {width:50px; }
.cell.td_tit span.new_icon {margin-left:5px; font-weight:300; color:red;  vertical-align:4px}

 


@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%; display: block;  border-bottom:1px solid #ddd}
	.row.th {padding: 0; height: 2px; }
	.row.th .cell { display: none; }
	  
	.row .cell:before { margin-bottom: 3px; content:attr(data-title); text-transform: uppercase;color:#555;}
	.cell { padding:0; padding-right:5px; display: inline-block; border-bottom:none; text-align:left;  font-size:.9em; }
 	.cell_col {display:inline-block; width:auto; }
	 
	.cell.td_tit  {width:100%; font-size:1.05em; margin-bottom:3px; display:inline-block}
    .cell.no {display:none}
 
}
 
 
/*뷰페이지*/
 
  
p.view_title {font-size:1.1em;  line-height:1.3;  font-weight:600; color:#fff; width:100%; padding:10px 2%; box-sizing:border-box; display:inline-block; text-align:Center; box-sizing:border-box; background-color:#333;   }
div.view_info {font-size:0.95em; font-weight:400; color:#666; width:100%;  border-bottom:1px solid #ddd; padding-bottom:13px; padding-top:13px; display:inline-block; box-sizing:border-box; }

div.view_info span::after {width:1px; height:12px; vertical-align:middle;  content:''; display:inline-block; background-color:#888;  margin:0 5px 0 10px}
div.view_info span:last-child::after {display:none}
div.view_info a:hover {text-decoration:underline }
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:inline-block }
 a.list_btn {
    text-align: center;
    line-height: 31px;
    padding: 0 20px;
    font-weight: 400;
    font-size: 0.95em;
    float: right;
    margin-top: 15px;
    margin-left: 5px;
    background-color: #fff;
	border:1px solid #ddd; 
    border-radius: 3px;
    color: #222;
}




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

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

}

 
/*페이지*/


.page {text-align:center;   width:100%; margin-top:50px; 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;
 	border:1px solid #d1d1d1; background-color:#fff;  width:29px; line-height:29px; height:29px;  margin-left:-1px;   color:#999; text-align:Center;
   }
.page li i {vertical-align:middle}
.page a.ov  {border:1px solid #555; background-color:#555;   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; }
 
}

.list_btn + .page {margin-top:5px}


/*글쓰기테이블*/

.table_wrap {background-color:#fff;/*  box-shadow: 0 6px 26px 6px rgba(0, 0, 0, 0.1); */ border:2px solid #ddd;  padding:15px; border-radius:10px;  box-sizing:border-box}
table.write {width:100%; }
table.write tr {border-bottom:1px solid #ddd}
table.write tr:last-child {border-bottom:none}
table.write th   {  width:130px; vertical-align:middle; font-size:1.05em;  text-align:left; font-weight:600; color:#333; padding:16px 15px;}
table.write th span.point {width:7px; height:7px; vertical-align:top;  display:inline-block; background-color:var(--main_c); border-radius:50%}
table.write td  { padding:16px 15px; color:#444;  }

table.write.type2 tr {border-bottom:none}
table.write.type2 th { padding:4px 0}
table.write.type2 td {padding:4px 0}

table.write td select {vertical-align:middle; color:#666; border:1px solid #999; border-radius:3px;  height:35px; font-size:1rem; box-sizing:border-box; padding:0 5px;  }
table.write td input {vertical-align:middle; font-size:1em;  border-radius:3px;   color: #666; max-width:100%; box-sizing:border-box; }
table.write td textarea {font-size:.95em; font-weight:300; line-height:1.45; height:160px; padding:10px;   border-radius:3px;  border:1px solid #999;  color: #333; box-sizing:border-box; }
table.write b  {font-weight:600; color:#333;   }
table.write td input[type="text"]	{ height:35px;  border:1px solid #999; padding-left:7px}
table.write td input[type="file"]	{ font-size:15px; color:#333}
table.write td input[type="file"] + input[type="file"] {margin-top:5px}

table.write p {font-size:.93em; margin-top:5px; color:#444 }
table.write div {display:flex; align-items:center; gap:2px }
table.write div + div {margin-top:5px}
table.write td input.input100	{width:100%}
table.write div.radio_wrap {flex-wrap:wrap; gap:3px 10px}
table.write div.radio_wrap p {display:flex; font-size:1em;  line-height:1; align-items:center; gap:4px}

 
@media all and (max-width:900px) {
		.table_wrap {padding:30px 15px}
		table.write  {display:inline-block; }
		table.write tr {display:inline-block; border-bottom:none; width:100%; padding-bottom:20px}
		table.write tr:last-child {  padding-bottom:0}
		table.write th {display:block; padding:0; font-size:1.1em; font-weight:700; width:100%}
		table.write td {display:inline-block;    padding:0; width:100%; padding-top:9px }
		table.write td div {width:100%; }
		table.write p {width:100%}
		table.write div {flex-wrap:wrap}
		table.write td input[type="file"]	{  width:100%}
table.write td div.tel input[type="text"]	{width:30%}

}

/*페이지*/


.page     {text-align:center; width:100%; margin-top:20px; float:left; font-size:0}
.page   ul { width:100%; text-align:center; }
.page   li { display:inline-block; font-size:15px; font-weight:500; }


.page a {
	display:inline-block;
 	text-decoration:none; vertical-align:middle;
 	border:1px solid #d1d1d1;  width:33px; line-height:33px; height:33px;  margin-left:-1px;   color:#999; text-align:Center;
   }

.page   img {width:32px; height:32px; vertical-align:top;  }

 .page a.ov  {border:1px solid #555; background-color:#555;   color:#fff ;}



/*서치*/

.search {margin-top:20px;  width:100%; display:inline-block; text-align:right;}
.search  input  {width:30%; height:33px ; border:1px solid #ddd; padding-left:10px; font-size:0.93rem; color:#666; box-sizing:border-box; }
.search  select  { font-size:0.93rem; color:#666; border:1px solid #ddd;  vertical-align:middle; width:100px; height:33px ; box-sizing:border-box; }
.search a {background-color:#333; border-radius:3px; box-shadow:1px 1px 2px #ddd; color:#fff ; line-height:33px; font-size:0.95rem; font-weight:500; padding:0 30px; display:inline-block; vertical-align:middle;}


.site_search {  background-color:#f9f9f9;  border:1px solid #ddd;   width:48%;  box-sizing:border-box; padding:30px; float:left}
.site_search  input  {width:70%; height:40px ; border:1px solid #ddd; padding-left:10px; font-size:0.95rem; color:#666; box-sizing:border-box; }
 .site_search a {background-color:#333; border-radius:3px; box-shadow:1px 1px 2px #ddd; color:#fff ; line-height:40px; font-size:0.95rem; font-weight:500; padding:0 30px; display:inline-block; vertical-align:middle;}
.site_search  p {font-size:0.85em; color:#666; width:100%; display:inline-block; padding-top:10px}



/*FAQ*/
.faq dl {width:100%; border-top:1px solid #ddd; margin-bottom:-1px;}


.faq  dt {
  background-color: #fff;
  border-bottom: 1px solid #ddd;
  cursor: pointer;
  transition: 0.7s;
  color: #333;    padding:13px;
}
.faq  dt span {font-size:0.80em; color:#666}

.faq  dt:hover {
  background: #f9f9f9;
}

.faq  dt img {vertical-align:middle; margin-right:5px}
.faq  dd {
  background-color: #f9f9f9;
  display: none;
  padding: 10px;
    border-bottom: 1px solid #ddd;
    line-height: 1.4rem;
	 font-size:1em; color:#666;    padding:13px;
}

.faq  .plusbnt {
  width: 15px;
  float: right;
  vertical-align: bottom;
margin-top: 5px;
}