@charset "UTF-8";

/* Page Title */

 
/* 게시판 */

 
table.list   {width:100%;  border-top:1px solid #333;   }
table.list  th   { padding:10px; background-color:#034a59; font-size:1.05em; line-height:1.3em; font-weight:600; color:#fff;    }
table.list  td   {padding:10px; text-align:Center;  vertical-align:middle; font-size:1em;line-height:1.3em; color:#555;  background-color:#fff; border-bottom:1px solid #ddd; font-weight:400;}
table.list  td  b {color:#015bac;  font-weight:500;   font-size:1em;  }
table.list  th.date {width:150px} 
table.list  td.date {font-size:.95em} 
table.list  td.notice   {background-color:#f9f9f9}


table.list  td.password {font-size:.95rem; background-color:#f9f9f9 }
table.list  td.password input {width:170px; border:1px solid #ddd; box-sizing:border-box; height:30px; font-size:.95rem; margin:0 10px; padding-left:10px;}
table.list  td.password a {width:60px; border-radius:3px; line-height:30px; background-color:#333; color:#fff !important; font-size:1rem; display:inline-block}



@media all and (max-width:900px) {
		table.list  th   { font-size:1em}
		table.list  th.date {width:105px} 


}
 
 /*뷰페이지*/
 
  
p.view_title {font-size:1.1em; font-weight:500; color:#222; width:100%;  border-top:1px solid #333; padding-top:15px;  display:inline-block; box-sizing:border-box; }
p.view_info {font-size:0.90em; font-weight:400; color:#666; width:100%;  border-bottom:1px solid #ddd; padding-bottom:12px; padding-top:3px; display:inline-block; box-sizing:border-box; }
p.view_info .list_line {font-size:0.6em; color:#999}
p.view_info a {color:#015bac !important}
p.view_info a:hover {text-decoration:underline }

div.view_content {width:100%; display:inline-block; border-bottom:1px solid #ddd; padding:15px 0; }
div.view_content .youtube {width:100%; display:inline-block; padding-top:20px; border-top:1px solid #ddd}

.list_next  {width:100%;  display:inline-block;   padding-top:13px; padding-bottom:10px;   box-sizing:border-box; border-bottom:1px solid #ddd; font-size:0; line-height:0} 
.list_next p {width:100%; display:inline-block; font-size:1rem; line-height:1.3em; color:#999; height:22px; overflow: hidden;  
text-overflow: ellipsis; 
white-space: nowrap;  }
.list_next p:last-child {text-align:left; }
.list_next b {font-weight:400; color:#111; padding-right:30px;}

.pass_box  {width:100%;  display:flex;  align-items:center; padding-top:13px; padding-bottom:10px;   box-sizing:border-box; border-bottom:1px solid #ddd; font-size:1rem} 
.pass_box b {font-weight:600; color:#333; padding-right:30px;}
.pass_box input {height:30px; box-sizing:border-box; padding-left:5px; border:1px solid #ddd; font-size:0.95rem; }


 
.gall {width:100%;  }
.gall ul  {width:100%; display:flex; flex-wrap:wrap}
.gall ul li {width:19%; margin-right:1.2%; border:1px solid #ddd; box-sizing:border-box; transition: 0.5s ease-in-out;}
.gall ul li:nth-child(n + 6) {margin-top:30px}
.gall ul li:nth-child(5n) {margin-right:0}
.gall ul li div.img {width:100%; height:150px; position:relative; overflow:hidden}
.gall ul li img {width:100%; position:absolute; left:50%; top:50%;  transform: translate(-50%, -50%);  }
.gall ul li div.t {width:100%; font-size:.90rem; color:#666; box-sizing:border-box; padding:5%}
.gall ul li div.t h3 {font-size:1.1rem; margin-bottom:5px; width:100%; height:1.1em; overflow: hidden; white-space: nowrap;  text-overflow: ellipsis; }
.gall ul li div.t h3 {font-size:1.1rem; }

.gall a.view_btn {width:100%; display:inline-block; line-height:40px; background-color:#003e73; color:#fff; font-weight:600; margin-top:10px; text-align:center; font-size:1rem }

/*페이지*/


.page     {text-align:center;   width:100%; margin-top:30px; 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-radius:4px; margin:0 2px;  border:1px solid #ddd;  background-color:#fff;  width:29px; line-height:29px; height:29px;   color:#999; text-align:Center; 
   }

.page   img {width:29px; height:29px; vertical-align:top;  }
 
.page a.ov  {border:1px solid #555; background-color:#555;   color:#fff !important;}

 


/*서치*/
 						
.search  {margin-top:30px;  width:100%; display:inline-block; text-align:right;}
.search  input  {width:30%; height:33px !important; border:1px solid #ddd; padding-left:10px; font-size:0.93em; color:#666}
.search  select  { font-size:0.93em; color:#666; border:1px solid #ddd;  vertical-align:middle; width:100px; height:35px !important;}
.search a {background-color:#333; border-radius:3px; box-shadow:1px 1px 2px #ddd; color:#fff !important; line-height:33px; font-size:0.95em; font-weight:500; padding:0 30px; display:inline-block; vertical-align:middle;}
									   
  
  
/*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; align-items:center;
  transition: 0.7s; font-size:1em;  line-height:1.3;
  color: #333; width:100%; display:flex; padding:10px; font-weight:600; box-sizing:border-box; 
}

.faq  dt span.icon {width:31px; height:31px; background-color:var(--main_c); display:flex; align-items:Center;  justify-content:center;  margin-right:10px;  border-radius:50%}
.faq  dt span.icon  i {margin-bottom:4px; font-size:18px;  color:#fff;}
 
.faq  dt div {font-weight:600}

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

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

.faq  dd div.a  { width:100%; display:flex; align-items:center }