@charset "UTF-8";

/* Page Title */

 
/* °Ô½ÃÆÇ */

#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:8px 5px 8px 5px;  font-size:16px; font-weight:500; color:#333;  border-bottom:1px solid #ddd; background-color:#fff;}
table.list  td   {padding:8px 5px 8px 5px; vertical-align:middle; font-size:15px; color:#777; border-bottom:1px solid #ddd;}

/*ºäÆäÀÌÁö*/

.view_bar       {padding:8px 0px;  margin-top:5px; text-align:center; border-top:1px solid black;  background-color:#fff;  font-weight:500; font-size:16px; color:#333;  border-bottom:1px solid #ddd; float:left; width:100%; }

table.view      {width:100%; float:left;  }
 table.view	td    {padding:9px; font-size:15px; color:#666; vertical-align:middle;  border-bottom:1px solid #ddd;}  
table.view    td.info  { font-size:15px; color:#666; }
table.view	th			{  width:16%; background-color:#f9f9f9; border-bottom:1px solid #ddd; text-align:center;  font-size:15px; font-weight:500;}
 table.view	td img {vertical-align:middle;} 

table.reply  {width:100%; float:left; margin-top:-1px; box-sizing:border-box; border-top:1px solid #ddd; background-color:#f9f9f9;}
table.reply  th { font-size:14px; line-height:1.3em; font-weight:500; color:#333; padding:13px 10px; width:16%;}
table.reply  td {  font-size:14px; line-height:1.3em; color:#666; padding:13px 10px;}



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




/*±Û¾²±âÅ×À̺í*/

table.write   {width:100%; float:left; border-top:1px solid black;  }
table.write  th   {  width:15%; vertical-align:middle;  font-size:16px; text-align:left; font-weight:500; color:#333;     }
table.write  th  span {border-right:1px solid #ddd; width:100%; float:left; }
table.write  td   {padding:8px 20px; font-size:16px;  line-height:1.4em; color:#777; border-bottom:1px solid #ddd;}
table.write tr:last-child {border-bottom:1px solid #ddd;}
   
   table.write  td select  {vertical-align:middle;}
 table.write  td input  {vertical-align:middle;}
 table.write  b  {font-weight:500; color:#333;   }

 
/*ÆäÀÌÁö*/


.page     {text-align:center;  font-size:15px; font-weight:500;  color:#666;  width:100%; margin-top:30px;   display:inline-block;}
.page   ul { float:right; position:relative; left:-50%;}
.page   li { float:left; position:relative;  left:50%; margin-left:-1px; font-size:15px;   font-weight:400;}


 

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

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



/*¼­Ä¡*/
 						
.search     {margin-top:20px;  width:100%; display:inline-block; text-align:right;}
.search  .input01  {width:30%; height:35px !important;}
.search  .select01  {  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:14px; font-weight:500; padding:0 30px; display:inline-block; vertical-align:middle;}
									   
 


/* faq */
#opinion  {width:100%; float:left;   }
#opinion	li			{width:100%; font-size:14px; color:#a3a1a1;  }
#opinion	li img			{vertical-align:middle;}
.faqno					{width:10%; float:left; padding:10px 0 0 0 ; text-align: center; font-size:15px;}
.faqno	 img {margin-top:5px;}
.faqtlt					{width:90%; float:left; padding:10px 0 8px 0;  font-size:15px;}
.faqline				{width:100%; height:1px; overflow:hidden;  border-bottom:1px solid #ddd; clear: both;}



/*Æ÷Åä*/
  
  ul.photo_list {width:100%; float:left; margin-top:20px;}
  ul.photo_list:first-child { margin-top:0;}

 ul.photo_list li {width:31%;  float:left; margin-right:3.5%;  border:1px solid #ddd; padding:2%; box-sizing:border-box; position:relative; box-shadow:1px 1px 2px #ddd;   }
 ul.photo_list li:nth-child(3) {float:right; margin-right:0; }
 ul.photo_list li:nth-child(6) {float:right; margin-right:0; }
 ul.photo_list img {width:100%; margin-bottom:20px; border-bottom:1px solid #ddd; }
 ul.photo_list li b {font-size:17px; color:#333; font-weight:400; line-height:1.2em; width:100%; display:inline-block; }
  
 ul.photo_list  li  .date {font-size:16px; font-weight:300; color:#777;  letter-spacing:0px; }
  
  
  
 ul.photo_list li a.btn  {width:100%; margin-top:20px; border:3px solid #ddd; color:#999; font-size:15px; font-weight:300; text-align:center; box-sizing:border-box; line-height:40px; display:inline-block; letter-spacing:0.2px;}
 ul.photo_list li  a.btn:hover		{ color:#fff; background-color:#333; border:3px solid #333;}