@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:9px 5px; background:url('/common/img/board/th_bg.png') repeat-x bottom center;  font-size:17px; font-weight:500; color:#333; background-color:#fff;  border-bottom:1px solid #ddd;}
table.list  td   {padding:9px 5px; vertical-align:middle; font-size:17px; color:#777; border-bottom:1px solid #ddd;}

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

.view_bar       {padding:10px 0px;  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:10px; vertical-align:middle;  border-bottom:1px solid #ddd;}  
table.view    td.view_t  { font-size:16px; color:#666;  padding-left:20px}
table.view	th			{  width:13%;  border-bottom:1px solid #ddd; text-align:center;  font-size:16px; font-weight:500;}
table.view  th  span {border-right:1px solid #ddd; width:100%; float:left; }

 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;  border-bottom:1px solid #707070;}
table.write  th   {  width:13%; vertical-align:middle;  font-size:16px; text-align:left; font-weight:500; color:#333;   border-bottom:1px solid #ddd; background-color:#f9f9f9;  padding-left:2%;}
table.write  th  span {border-right:1px solid #ddd; width:100%; float:left; }

table.write  td   {padding:10px; padding-left:20px; font-size:16px;  line-height:1.4em; color:#777; border-bottom:1px solid #ddd;}
   table.write  td select  {vertical-align:middle;}
 table.write  td input  {vertical-align:middle; width:90%;}
table.write  td input.check  { width:20px;}

 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:32px; line-height:32px; height:32px;     color:#999;
   }

.page   img {width:31px; height:30px; 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:40%; height:33px !important;}
.search  .select01  {  vertical-align:middle; height:33px !important;   }
.search a {background-color:#333; border-radius:3px; box-shadow:1px 1px 2px #ddd; color:#fff !important; line-height:33px; font-size:15px; 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 {width:100%; float:left;  }
 ul.photo li {float:left; width:32%; text-align:center; position:relative; }
 ul.photo li:nth-child(2) {margin-left:2%;}
  ul.photo li:nth-child(3) {float:right;}
 ul.photo li:nth-child(4) { margin-top:20px;}
 ul.photo li:nth-child(5) {margin-left:2%; margin-top:20px;}
 ul.photo li:nth-child(6) {float:right; margin-top:20px;}
 ul.photo li:nth-child(7) { margin-top:20px;}
 ul.photo li:nth-child(8) {margin-left:2%; margin-top:20px;}
 ul.photo li:nth-child(9) {float:right; margin-top:20px;}

 ul.photo li .img {width:100%; height:210px;  overflow:hidden; margin-bottom:20px;  box-shadow:2px 2px 2px #ddd;  }
 ul.photo li  img.product_img {width:100%;   } 
 ul.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;}