@charset "UTF-8";

/* Page Title */

 
/* 게시판 */

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

 table.list   {width:100%; float:left; border-top:1px solid #333;  border-bottom:1px solid #707070;  }
table.list  th   { padding:9px 11px; background-color:#f9f9f9; font-size:15.5px; line-height:1.1em; font-weight:600; color:#333;  border-bottom:1px solid #ddd;}
table.list  td   {padding:11px; vertical-align:middle; font-size:15px; line-height:1.3em; color:#777; border-bottom:1px solid #ddd;  font-weight:400;}
table.list  td  b {color:#333; font-weight:600; font-size:1.1em; line-height:1.5em !important}
  


/*뷰페이지*/
 
  
p.view_title {font-size:1em; font-weight:500; color:#222; width:100%;  border-top:1px solid #333; padding-top:10px;  float:left; margin-bottom:1px;  box-sizing:border-box; }
p.view_info {font-size:0.88em; font-weight:400; color:#666; width:100%;  border-bottom:1px solid #ddd; padding-bottom:10px; float:left;   box-sizing:border-box; }
p.view_info .list_line {color:#999}


div.content {width:100%; float:left; border-bottom:1px solid #ddd; padding:20px 0;}
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;}

/*글쓰기테이블*/

 
table.write   {width:100% !important;  float:left;   }
 table.write  th   {  width:13%; vertical-align:middle;  font-size:15.5px; text-align:left; font-weight:600; color:#333;   background-color:#f9f9f9;  padding:10px 10px;}
table.write  td   {  padding:10px 10px;  font-size:15px;  line-height:1.4em; color:#777;  }
 
 table.write  tr {border-top:1px solid #ddd;}
 table.write  tr:last-child {border-bottom:1px solid #ddd;}

table.write  td p {width:70px; float:left; line-height:35px; font-size:16px; font-weight:600; color:#333;}   
table.write  td select  {vertical-align:middle; color:#666; border:1px solid #ddd; height:35px; font-size:0.9em; box-sizing:border-box; padding:0 5px;  }
 table.write  td input  {vertical-align:middle; }
 table.write  td img {vertical-align:middle;}
table.write  td input.check  { width:20px;}
table.write  td input.file {width:300px; }
 table.write  b  {font-weight:600; color:#333;   }
table.write  td textarea {width:100%; border:1px solid #ddd; min-height:130px; font-size:15.5px; box-sizing:border-box; padding:10px;}


div.write {width:100%; display:inline-block}
div.write div.input_box {width:100%; display:inline-block;  padding-bottom:10px }
div.write div.input_box:last-child {padding-bottom:0}
div.write div.input_box label {font-size:1rem; color:#333; font-weight:500; width:100%; display:block; padding-bottom:5px}
div.write div.input_box input[type="text"]	{font-size:0.95em; color: #555; height:35px; border: 1px solid #ddd; background-color:#fff;  padding:0px 5px; box-sizing:border-box; width:100%; vertical-align:middle; -webkit-appearance: none; -webkit-border-radius: 0;}
div.write div.input_box textarea {width:100%; border:1px solid #ddd; color:#666; font-size:0.95rem; line-height:1.3em; min-height:255px;  box-sizing:border-box; padding:7px;}

  
/*페이지*/


.page     {text-align:center;   width:100%; margin-top:30px; float:left; font-size:0}
.page   ul { width:100%; text-align:center; }
.page   li { display:inline-block; font-size:15px; font-weight:500; }
 

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

.page   img {width:32px; height:32px; vertical-align:top;  }
 
 .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  input  {width:30%; height:36px !important; border:1px solid #ddd; padding-left:10px; font-size:0.93em; color:#666; box-sizing:border-box;}
.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;   box-shadow:1px 1px 2px #ddd; color:#fff !important; line-height:36px; font-size:0.95em; font-weight:400; padding:0 20px; display:inline-block; vertical-align:middle;}
									   
 

 ul.review {width:100%; float:left; }
ul.review li {width:49%; float:left ; height: ; border:1px solid #ddd; overflow:hidden;} 
ul.review li:nth-child(2) {float:right;}
ul.review li div.img {height:220px; overflow:hidden; width:220px; text-align:center; float:left; }
 ul.review li div.img img {  max-width:100%; min-height:100%; transition: all 0.3s ease-out; position:relative;}
ul.review li div.img img:hover {max-width:120%; margin-left:-10%; margin-top:-10%; min-height:120%;}


ul.review li div.t {width:60%; float:right; margin-toP:20px;}
ul.review li p {font-size:20px; width:100%; display:inline-block; height:27px; margin-bottom:10px; display:inline-block; font-weight:600; color:#333; line-height:1.4em}
ul.review li span {width:100%; display:inline-block;  margin-top:5px;}
ul.review li span.text1 {font-size:16.5px;  font-weight:400; color:#666; line-height:1.4em; margin-top:10px;}
ul.review li span.text2 {font-size:15px;   font-weight:300; color:#666; line-height:1.4em}
ul.review li span.text3 {font-size:15px; letter-spacing:0px; font-weight:300; color:#666; line-height:1.4em; margin-top:3px;}


/*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;
  transition: 0.7s;
  color: #333;    padding:8px;
}
.faq  dt span {font-size:0.80em; color:#666} 
 
.faq  dt:hover {
  background: #f9f9f9;
}

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

.faq  .plusbnt {
  width: 15px;
  float: right;
  vertical-align: bottom;
margin-top: 5px;
}
 

 
.gall {width:100%; float:left; font-size:0;}
.gall li {display:inline-block; width:24%; margin-right:1%; margin-bottom:30px; vertical-align:top}
.gall li:nth-child(4) {margin-right:0}
.gall li:nth-child(8) {margin-right:0}
.gall li:nth-child(12) {margin-right:0}
.gall li:nth-child(16) {margin-right:0}
.gall li img {width:100%;  background-color:#ddd; margin-bottom:10px}
.gall li .tt {font-size:18px; font-weight:600; color:#333;  line-height:1.3em}
.gall li .ct {font-size:15px; font-weight:500; color:#555;  line-height:1.3em; width:100%; display:inline-block; padding:5px 0;}
.gall li .date {font-size:14px; font-weight:300; color:#888;  line-height:1.3em}