@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; background-color:#f9f9f9; font-size:16px; font-weight:500; color:#333;  border-bottom:1px solid #ddd;}
table.list  td   {padding:9px; vertical-align:middle; font-size:15px; color:#777; line-height:1.3em; border-bottom:1px solid #ddd;}
 table.list  td   a:hover		{ text-decoration:underline;  }
table.list  td   a:active	{text-decoration:underline;  }

 .photo_gall  {width:100%; float:left; margin-top:20px; }
 .photo_gall ul {width:100%; float:left; margin-bottom:15px;}
  .photo_gall ul:last-child { margin-bottom:0;}
.photo_gall ul li {width:24%; float:left; margin-right:1.3%;}
.photo_gall ul li:nth-child(4) {float:right; margin-right:0%;}

 .photo_gall ul li img {width:215px; margin-bottom:10px; background-color:#ddd; float:left;}
 
 /*뷰페이지*/

.view_bar       {padding:9px 0px;   text-align:center; border-top:1px solid black; background-color:#f9f9f9;
                      font-weight:500; font-size:15px; color:#333; border-bottom:1px solid #ddd; float:left; width:100%; }
.view_bar2       {padding-bottom:8px;   text-align:center;  font-weight:600; font-size:24px; color:#666; border-bottom:1px solid #ddd; float:left; width:100%; }

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

table.view td.recommend {font-size:14px;  color:#999; }  
table.view td.recommend img  {vertical-align:-3px; }  
/*글쓰기테이블*/

table.write   {width:100%; float:left; border-top:1px solid black;  border-bottom:1px solid #707070;}
table.write  th   {  width:20%; vertical-align:middle; background-color:#fff; font-size:15px; text-align:left; font-weight:500; color:#333;   
                           border-bottom:1px solid #ddd; line-height:1.3em;  padding:8px 0;}
table.write  td   {padding:8px 0; font-size:15px;  line-height:1.3em; color:#777; border-bottom:1px solid #ddd;}
 table.write  td input  {vertical-align:middle; }
 table.write  td select  {vertical-align:middle;}
table.write  b  {font-weight:500; color:#333;  font-size:15px !important;  }
  
 
.page     {text-align:center;  font-size:15px; font-weight:500;  color:#666;  width:100%; margin-top:20px;   display:inline-block;}
.page   ul { float:right; position:relative; left:-50%;}
.page   li { float:left; position:relative;  left:50%; margin-left:-1px;  }


 

.page a {
	display:inline-block;
 	text-decoration:none;
 	border:1px solid #c4c4c4;  width:35px; line-height:35px; height:35px;     color:#999;
   }
 
 .page a.ov  {border:1px solid #555; background-color:#555;   color:#fff !important;}

 

/*서치*/
 						
.search     {margin-top:10px;  width:100%; display:inline-block;background-color:#fff; border:1px solid #ddd;   text-align:center;  padding:10px  0;}
.search  .input01  {width:50%; height:33px !important;}
.search  .select01  {  vertical-align:middle; height:33px !important;}
.search a {background-color:#333; 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:15px; color:#a3a1a1;  }
#opinion	li img			{vertical-align:-5px; }
.faqno					{width:10%; float:left; padding:10px 0 0 0 ; text-align: center; font-size:15px;}
.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;}

 

   a.list_btn  {padding:0 30px; display:inline-block; text-align:center; line-height:32px;  margin-left:3px; font-size:15px; float:right;  margin-top:10px;background-color:#fff; border:1px solid #ddd; border-radius:3px;  color:#777 !important;}
 
 /*20210201 OST갤러리추가*/
 .ost-gall {width:100%; }
 .ost-gall ul {width:100%; display:flex; flex-wrap:wrap; }
 .ost-gall ul li {width:20%;   padding:0 10px;  box-sizing:border-box; margin-bottom:20px; }

div.ov {
width:100%;  
padding-bottom: 100%;
    display: block;
margin-bottom:10px; 
 transition-property: background-color;
 transition-duration: 0.5s;
 transition-timing-function: ease-out;
}

/*hover시 있을 변형을 입력합니다*/
div.ov:hover {
background: rgba(0, 0, 0, 0.5);
 transition: background 0.5s ease-out;
}
 
 .ost-gall ul li a p.t1 
 {color:#ff5400 !important; font-size:0.93em;}
  .ost-gall ul li a p.t2 {color:#666 !important; font-weight:500; font-size:1.1em;}

  .ost-view  div.info {width:50%; float:right;}
   .ost-view  div.info p.t1 
 {color:#ff5400 !important; font-size:0.93em;}
 .ost-view  div.info p.t2 {color:#666 !important; font-weight:500; font-size:1.4em;}
 .ost-view  div.info p.t3 {color:#999 !important; font-weight:400; font-size:0.93em;}
.ost-view span.line {width:100%; height:1px; background-color:#eaeaea; display:inline-block; margin:15px 0;}
.ost-view h4 {font-size:15px; font-weight:600; letter-spacing:0.5px; color:#666; margin-top:10px;}
.ost-view .track-t {color:#666; background-color:#f9f9f9; width:100%; box-sizing:border-box; padding:15px; margin-top:10px; }