@charset "UTF-8";

/* Page Title */

 .table { width: 100%; display: table;}

.row {display: table-row; background: #fff; }
.row.header {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:60%; text-align:left;   font-size:1.06rem; font-weight:600; line-height:1.3em}


 @media screen and (min-width:1200px) {
	.cell.no {width:80px;  }
	.cell.name {width:10%;  }
	.cell.date {width:10%;  }
	.cell.hit {width:10%;  }
  }

@media screen and (max-width:1200px) {
	.table { display: block; }

	.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; display: block; border-bottom:none;  }
	.cell a {width:100%;  display:inline-block}
	.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}

    


}


 
/**/
/*.section{max-width:1440px; margin:0 auto; margin-bottom:5em;}*/
.section:after{content:''; display:block; clear:both;}
.write_button{display:block; text-align:right; margin-bottom:0.5em;}
.write_button .write_input{background:#333; color:#fff; border:none; display:inline-block; border-radius:3px; box-shadow:1px 1px 2px #ddd; line-height:33px; font-size:0.95em; font-weight:500; padding:0 30px; vertical-align:middle; cursor:pointer;}

/**/
p.view_title{font-size:17px; font-weight:500; color:#222; width:100%; border-top:1px solid #333; padding-top:10px; box-sizing:border-box; margin-bottom:0.5em;}
p.view_info{font-size:14.5px; font-weight:400; color:#666; width:100%; border-bottom:1px solid #ddd; padding-bottom:10px; box-sizing:border-box;}
p.view_info .list_line{color:#999}
p.view_info a{color:#015bac !important}
p.view_info a:hover{text-decoration:underline}

div.view_content{width:100%; border-bottom:1px solid #ddd; padding:20px 0; }
div.view_content p{margin:0px; line-height:1.5; letter-spacing:0.5px;}
div.view_content p img{height:auto !important; max-width:100% !important}
div.reple{width:100%; float:left; border-bottom:1px solid #ddd; padding:15px 10px; font-size:15.5px; color:#666;  background-color:#f9f9f9; box-sizing:border-box;}
div.reple b{color:#333; font-weight:600; font-size:16px;}


.list_next{width:100%; padding-top:10px; padding-bottom:10px; box-sizing:border-box; border-bottom:1px solid #ddd;} 
.list_next p{width:100%; font-size:16px; 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:600; color:#333; padding-right:10px;}





.btn01{display:inline-block; text-align:center; line-height:40px; padding:0 20px; font-weight:400;   font-size:18.5px; float:right;  margin-top:10px; margin-left:5px; background-color:#3d74b5; box-shadow:1px 1px 3px #ddd; color:#fff !important; margin-bottom:1em}




















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

p.view_title { width:100%; padding:0; padding-top:10px; text-align:left; color:#333; background-color:#fff;  margin-bottom:0; }

}


.gall  {width:100%; display:flex; flex-wrap:wrap; margin-bottom:-20px}
.gall li {margin-bottom:20px;}
.gall li div {width:100%; height:200px; overflow:hidden; background-color:#fff; border:1px solid #ddd; box-sizing:border-box;   margin-bottom:10px; position:Relative;  }
.gall li div  img {width:100%; position:absolute; top:50%; left:50%; transform: translate(-50%, -50%);}
.gall li b {font-size:1.15rem; font-weight:600; color:#333; display:block}
.gall li p {font-size:0.97rem; margin:5px 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; }

}
 @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 b {font-size:1.10rem; }
 


 }





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


table.list{width:100%; float:left; border-top:1px solid black;  border-bottom:1px solid #707070;  }
table.list th{ padding:10px; background-color:#f9f9f9; font-size:1em; font-weight:500; color:#333;  border-bottom:1px solid #ddd;}
table.list td{padding:10px; vertical-align:middle; font-size:0.95em; color:#777; border-bottom:1px solid #ddd;}








.view_bar{padding:12px 0px; text-align:center; border-top:1px solid black; background-color:#f9f9f9;
                      font-weight:600; font-size:1em; color:#333; border-bottom:1px solid #ddd; float:left; width:100%; }

.view{width:100%; float:left;  }
.view td{padding:10px; vertical-align:middle;}
table.view	td.view01{  width:15%; background-color:#f9f9f9; border-bottom:1px solid #ddd; text-align:center;font-size:0.95em;}
table.view td.view02{font-size:0.95em;border-bottom:1px solid #ddd;  color:#666; }
table.view	td.view03{border-bottom:1px solid #999; overflow:hidden}
table.view td.view02 .view_date{color:#999; line-height:30px;}
 table.view img{vertical-align:-3px; margin-right:3px;}

table.reply{width:100%; float:left;}
table.reply td{  overflow:hidden; background-color:#f9f9f9;}

table.write{width:100%; float:left; border-top:1px solid black;  border-bottom:1px solid #707070;}
table.write th{padding:8px; vertical-align:middle; background-color:#fff; font-size:0.95em; text-align:left; font-weight:600; color:#333;
                           border-bottom:1px solid #ddd; line-height:35px; }
table.write td{padding:8px; font-size:0.95em;  line-height:35px; color:#777; border-bottom:1px solid #ddd;}

table.write .table_info_t  {line-height:15px; width:100%; float:left;    padding-bottom:10px;  font-size:0.9em; color:#666;}

table.info_table{width:100%; float:left; border-top:1px solid black;  border-bottom:1px solid #707070;}
table.info_table th{padding:10px; vertical-align:middle; background-color:#fff; font-size:0.95em; text-align:left; font-weight:600; color:#333;
                           border-bottom:1px solid #ddd;  line-height:1.3em; }
table.info_table td{padding:10px; font-size:0.95em;   line-height:1.3em;color:#777; border-bottom:1px solid #ddd;}




#fm_post{width:100%; height:500px; vertical-align:middle; border:1px solid #ddd}

.name_btn{width:100%; height:30px; border:1px solid #ddd;}
.list_btn1{width:50%; height:30px; border:1px solid #ddd;}
.list_btn2{width:20%; height:30px; border:1px solid #ddd;}
.list_btn a:link{  color:#444;}
.list_btn a:hover{color:#444;}
.list_btn a:active{ color:#444;}
.list_btn a:visited{ color:#444;}

 a.list_btn  {
 display: inline-block;
    text-align: center;
    line-height: 33px;
    padding: 0 30px;
    font-weight: 500;
    font-size: 0.95em;
    margin-top: 15px;
    margin-left: 5px;
    background-color: #555;
    border-radius: 3px;
    color: #fff !important;
	float: right;
 }

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

 a.check_btn  { display:inline-block; text-align:center; line-height:31px; padding:0 15px; font-weight:400; font-size:15px;   background-color:#555; border-radius:3px; color:#fff !important;  border:1px solid #555;}


a.basic_btn1{ display: inline-block;
    text-align: center;
    line-height: 33px;
    padding: 0 30px;
    font-weight: 500;
    font-size: 0.95em;
    margin-top: 15px;
    margin-left: 5px;
    background-color: #555;
    border-radius: 3px;
    color: #fff !important;
	}
.btn_wrap{text-align:right;}


/*페이지*/


.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;  }

}



 @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:#555; border-radius:3px; 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.05rem;  line-height:1.3em;
  color: #333; width:100%; display:flex; padding:10px; font-weight:600; box-sizing:border-box; 
}

.faq  dt span.icon {width:28px; line-height:28px; font-size:1rem; background-color:#002752; color:#fff; display:inline-block;   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 screen and (max-width:600px) {
 .btn01{font-size:15.5px}
 }