@charset "UTF-8";

/* Page Title */

.board_list {width:100%; display:inline-block; border-top:1px solid #ddd}
.board_list li {width:100%; border-bottom:1px solid #ddd; box-sizing:border-box; padding:10px 0; }
 

 @media screen and (min-width:1200px) {
      .table { width: 100%; display: table;   }
	.row {display: table-row; background: #fff;   }
	.row.header {width:100%; font-weight:600; color: #fff;   background:#333;}
	 
	.cell { padding: 11px 12px; display: table-cell; vertical-align:middle;  text-align:center;  border-bottom:1px solid #ddd; color:#666}
	.cell a {color:#333 !important}

	 
	.row.header .cell {color: #fff; padding:10px 12px}

	.tit  {width:55%; text-align:left; font-size:1.06rem; font-weight:600; line-height:1.3em}
	.tit2  {width:30%; font-size:1rem; font-weight:400; line-height:1.3em}


	.cell.no {width:10%;  }
	.cell.name {width:10%;  }
	.cell.date {width:10%;  }
	.cell.hit {width:10%;  }

	.search_none {width:100%; line-height:40px; padding:10px 0;  background-color:#f9f9f9; text-align:center; display:inline-block; }

  
  }

@media screen and (max-width:1200px) {
  
	.row {padding:13px 2%; display: block;  border-bottom:1px solid #ddd}
	.row.header {padding: 0; height: 2px; }
	.row.header .cell { 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:1rem;  }
	.cell a {width:100%;  display:inline-block; font-weight:600; color:#333 !important}
	.cell_col {display:inline-block; width:auto; font-size:.9rem}
	 
	.tit  {width:100%; font-size:1.05rem; }
	.row .tit:before { display:none }
    .no {display:none}
  
     .search_none {width:100%; display:inline-block; padding:10px 0; text-align:center;  background-color:#f9f9f9; }



}
 
/*뷰페이지*/
 
  
p.view_title {font-size:1.05rem; 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; margin-bottom:10px}
p.view_info {font-size:0.95rem; font-weight:400; color:#666; width:100%;  border-bottom:1px solid #ddd; padding-bottom:10px; float:left; box-sizing:border-box; }
p.view_info span::after {width:1px; height:12px; vertical-align:middle;  content:''; display:inline-block; background-color:#888;  margin:0 10px}
p.view_info span:last-child:after {display:none}
p.view_info a {color:#015bac !important}
p.view_info a:hover {text-decoration:underline }

div.view_content {width:100%; float:left; border-bottom:1px solid #ddd; padding:20px 0; }

div.reple  {width:100%; border:1px solid #ddd; border-top:none; padding:25px 2%; font-size:1rem; color:#666;  background-color:#f9f9f9; box-sizing:border-box; display:inline-block}
div.reple ul li {width:100%; padding:14px 0; border-bottom:1px solid #ddd;  }
div.reple ul li:last-child {border-bottom:none}
div.reple ul li p.name {display:flex; width:100%; margin-bottom:7px; font-size:.90rem; align-items:center}
div.reple ul li p b {color:#333; font-weight:600; padding-right:10px;  font-size:1rem;  }
div.reple ul li p span {margin-left:auto }

div.reple ul li div { width:100%; font-size:0.97rem; line-height:1.3em;   }
 
div.reple_write {width:100%;  margin-top:-1px}
div.reple_write textarea {width:100%; height:100px; border:1px solid #ddd; box-sizing:border-box; padding:10px}
div.reple_write a {width:100%; margin-left:auto; background-color:#497637; color:#fff; text-align:center; display:flex; align-items:center; line-height:40px; justify-content:center}


.list_next  {width:100%; display:inline-block;   padding-top:10px;  padding-bottom:10px; box-sizing:border-box; border-bottom:1px solid #ddd;} 
.list_next b {font-weight:600; color:#333;  width:90px; display:inline-block;    }
.list_next p {width:100%; margin:2px 0;  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; }

@media screen and (min-width:900px) {
		div.reple ul li:first-child {padding-top:0}

}

@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;  margin-bottom:2px; }

	div.reple  {padding:0; background-color:#fff; border:none; border-bottom:1px solid #ddd; }
    



}


.gall  {width:100%; display:flex; flex-wrap:wrap;   }
.gall li  img {min-height:100%; min-width:100%; max-width:150% }
.gall li div {width:100%; height:200px; overflow:hidden; background-color:#fff; border:1px solid #ddd; box-sizing:border-box;   margin-bottom:15px; position:Relative;  }
.gall li div img { position:absolute; top:50%; left:50%; transform: translate(-50%, -50%);}
.gall li b {font-size:1.2rem; font-weight:600; color:#333; display:block}
.gall li p {font-size:0.97rem; margin:6px 0; font-weight:400; color:#555;
width:100%; box-sizing:border-box;
	overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2; /* 라인수 */
-webkit-box-orient: vertical;
word-wrap:break-word; 

}
.gall li span {font-size:0.88rem; font-weight:400; color:#555;}

 @media screen and (min-width:900px) {
	.gall li {width:24%; margin-right:1.3%; }
	.gall li:nth-child(4n) { margin-right:0; }
	.gall li:nth-child(n + 5) {margin-top:20px; }


}
 @media screen and (max-width:900px) {
	.gall li {width:49%; margin-right:2%; }
	.gall li div {  height:150px;  }
    .gall li:nth-child(2n) { margin-right:0;  }
    .gall li:nth-child(n + 3) {margin-top:20px; }
    .gall li b {font-size:1.10rem; }
   
 }


 a.list_btn  {
 display: inline-block;
    text-align: center;
    line-height: 31px;
    padding: 0 20px;
    font-weight: 400;
    font-size: 14px;
    float: right;
    margin-top: 15px;
    margin-left: 5px;
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 1px 1px 3px #ddd;
    color: #555 !important;
    border: 1px solid #111;
 }

a.list_btn2  {
 display: inline-block;
    text-align: center;
    line-height: 31px;
    padding: 0 20px;
    font-weight: 400;
    font-size: 14px;
    float: left;
    margin-top: 15px;
    margin-left: 5px;
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 1px 1px 3px #ddd;
    color: #555 !important;
    border: 1px solid #111;
 }



/*페이지*/


.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:1px solid #d1d1d1; background-color:#fff;  width:29px; line-height:29px; height:29px;  margin-left:-1px;   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;}

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

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

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

}


.write {width:100%; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; border-top:1px solid #333}
.write li {display:flex; font-size:1rem; width:50%; align-items:center;  padding:10px 0; border-bottom:1px solid #ddd}
.write li:nth-child(2n) p  {padding-left:20px}
.write li p {width:130px; } 
 
.write li  input[type="text"] {width: calc(100% - 130px);
    height: 35px;
    font-size: 1rem;
    border-radius: 5px;
    text-indent: 10px;
	border:1px solid #ddd; box-sizing:border-box;  color:#333;
	}
.write li  input[type="password"] {width: calc(100% - 130px);
    height: 35px;
    font-size: 1rem;
    border-radius: 5px;
    text-indent: 10px;
	border:1px solid #ddd; box-sizing:border-box;  color:#333;
	}
	.write li  input[type="file"] {height:30px; margin-top:5px; font-size:1rem; }
	.write li  select { 
    height: 35px;
    font-size: 1rem;
    border-radius: 5px;
     padding-left: 5px; box-sizing:border-box; 
	border:1px solid #ddd; color:#333;
	}

.write li.mail  div {width: calc(100% - 130px); display:flex; align-items:center}
.write li.mail  input[type="text"] {width:50%;}
.write li.mail span {margin:0 5px}
.write li.mail select {margin-left:5px}

.write li textarea {
  width: calc(100% - 130px);
    border: 1px solid #ddd;
    color: #666; border-radius:5px;
    font-size: 1rem;
    line-height: 1.3em;
    min-height: 130px;
    box-sizing: border-box;
    padding: 7px;
}

 @media screen and (max-width:800px) {
.write li {width:100%}
.write li:nth-child(2n) p  {padding-left:0}
.write li p {width:20%;  } 
.write li  input[type="text"] {width:80%}
.write li  input[type="password"] {width:80%}
.write li  textarea {width:80%}
.write li.mail  div {width:80%;  }

}
/*서치*/
 						
.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:33px !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:1.1rem;  line-height:1.3em;
  color: #333; width:100%; display:flex; padding:10px; font-weight:500; box-sizing:border-box; 
}

.faq  dt span.icon {width:28px; line-height:28px; font-size:1rem; background-color:#497637; color:#fff; display:inline-block; flex-shrink:0; margin-right:20px; text-align:center; border-radius:50%}

 
.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.4rem; font-size:1rem;
  font-size:1em; color:#666;
  padding:10px;   
}

.faq  dd div.a  { width:100%; display:flex; align-items:center }
  
@media (max-width:800px) {
  .faq  dt {font-size:1.05rem}
}

/*뉴스레터*/

.newsletter .top_slide {width:100%; margin-bottom:40px; display:flex; flex-wrap:wrap;  box-sizing:border-box ;  border:1px solid #ddd; }
.newsletter .top_slide  a.left_img {width:50%;  display:inline-block; position:relative;  overflow:hidden;     }
/* .newsletter .top_slide  .left_img img {  position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); min-height:100%; min-width:100%} */
.newsletter .top_slide  .t_wrap {width:48%; padding:50px; margin-left:auto; box-sizing:border-box;}
.newsletter .top_slide  .t_wrap h3 {font-size:1.4rem; font-weight:600; color:#333; display:block; margin-bottom:20px;}
.newsletter .top_slide  .t_wrap p {font-size:1.05rem; font-weight:300; color:#555; display:block; margin-bottom:20px; 
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp:5;
	-webkit-box-orient: vertical;
	 word-wrap: break-word;
	 min-height:100px;
}


.newsletter .top_slide  .t_wrap span {font-size:0.9rem; font-weight:300; color:#555; display:block; }
.newsletter .top_slide  .t_wrap a {color:#333 !important}

.newsletter .gall {margin-top:30px}

 @media screen and (max-width:900px) {
		.newsletter .top_slide {  margin-bottom:30px; }

		.newsletter .top_slide  a.left_img {width:100%;  height:150px    }

		.newsletter .top_slide  .t_wrap {width:100%; padding:5%; }
		.newsletter .top_slide  .t_wrap h3 {font-size:1.2rem; margin-bottom:5px;}
		.newsletter .top_slide  .t_wrap p {font-size:1rem; }

		.newsletter .top_slide  .t_wrap p {font-size:1rem;  
		-webkit-line-clamp:3;
		 min-height:50px;
		}


		.newsletter .gall {margin-top:0}
       .swiper-button-next {display:none}
	   .swiper-button-prev {display:none}
}