@charset "UTF-8";

/* Page Title */

 
/* 게시판 */

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


table.list   {width:100%; float:left;       border-top:1px solid #ddd;      border-bottom:1px solid #707070;  }
table.list  th   { padding:10px; font-size:17px; font-weight:600; color:#333; background-color:#f9f9f9;  border-bottom:1px solid #ddd;}
table.list  td   {padding:10px; vertical-align:middle; font-size:17px; color:#777; border-bottom:1px solid #ddd;}
table.list  td a:hover {text-decoration:underline;}
/*뷰페이지*/

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

table.view      {width:100%; float:left;  }
 table.view 	td {padding:12px; vertical-align:middle;  border-bottom:1px solid #ddd;}  
table.view    td.view_t  { font-size:17px; color:#666;  padding-left:20px}
table.view	th			{ padding:12px;  width:13%;  border-bottom:1px solid #ddd; text-align:center;  font-size:17px; font-weight:600;}
table.view  th  span {border-right:1px solid #ddd; width:100%; float:left; }
 table.view 	td b {font-weight:600}
 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:600; 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-bottom:1px solid #ddd;   }
table.write  th   {  width:13%; vertical-align:middle;  font-size:17px; text-align:left; font-weight:600; color:#333;   border-bottom:1px solid #ddd; background-color:#f9f9f9;  padding:10px 0;}
 
table.write  td   {  padding:10px 0;  font-size:17px;  line-height:1.4em; color:#777;  }
table.write  td p {width:70px; float:left; line-height:35px; font-size:17px; font-weight:600; color:#333;}   
table.write  td select  {vertical-align:middle;}
 table.write  td input  {vertical-align:middle; width:85%;}
table.write  td input.check  { width:20px;}
table.write  td input.file {width:300px; }
 table.write  b  {font-weight:600; color:#333;   }

 
/*페이지*/


.page     {text-align:center;  font-size:15px; font-weight:600;  color:#666;  width:100%; margin-top:40px;   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:32px; line-height:35px; height:35px;     color:#999;
   }

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



/*서치*/
 						
.search     {margin-top:40px;  width:100%; display:inline-block;  text-align:right;}
.search  .input01  {width:40%; height:40px !important;}
.search  .select01  {  vertical-align:middle; height:40px !important;   }
.search a {background-color:#333; border-radius:3px; box-shadow:1px 1px 2px #ddd; color:#fff !important; line-height:40px; font-size:15px; font-weight:600; 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 {width:100%; float:left;}
.photo li { display:inline-block; width:31.7%; margin-bottom:30px; text-align:left; position:relative; vertical-align:top; }
.photo li:nth-child(2) {margin-left:2%;}
.photo li:nth-child(3) {margin-left:2%;}
.photo li:nth-child(5) {margin-left:2%;}
.photo li:nth-child(6) {margin-left:2%;}
 .photo li .img {width:100%;  overflow:hidden; margin-bottom:20px;  box-shadow:2px 2px 2px #ddd;}
 .photo li  img.product_img {width:100%;   } 

.photo li div.title {width:100%; float:left;   line-height:1.2em; vertical-align:middle;  font-size:20px; font-weight:600; color:#333; margin:5px 0 6px 0;}
 
.photo li div.t {font-size:16.5px; background-color:#f9f9f9; width:100%; float:left; box-sizing:border-box; padding:20px; color:#666; line-height:1.35em; font-weight:400; }

.photo .label1 {position:absolute; z-index:99999999; top:0; left:0; background-color:#f47321; color:#fff; font-size:18px; width:75px; padding:10px 0; line-height:1.1em;  display:inline-block; text-align:center; }


.gall li {width:24%; display:inline-block; box-sizing:border-box; margin-right:1%; font-size:14px; color:#999; font-weight:300; margin-bottom:20px; vertical-align:top;}
.gall li:nth-child(4n) {  margin-right:0; }
 .gall li img {width:100%; display:inline-block;   background-color:#ddd;}
.gall li div {width:100%; margin-bottom:10px; height:150px; overflow:hidden; float:left;}

.gall li b {font-size:1.2em; color:#333; line-height:1.35em; width:100%; float:left;}