@charset "UTF-8";

/* Page Title */

 
/* 게시판 */

 
table.list   {width:100%;  border-top:1px solid #333;   }
table.list  th   { padding:10px; background-color:#f5f5f5; font-size:1rem; line-height:1.3em; font-weight:500; color:#444;  border-bottom:1px solid #ddd  }
table.list  td   {padding:10px; text-align:Center;  vertical-align:middle; font-size:1rem;line-height:1.25em; color:#555;  background-color:#fff; border-bottom:1px solid #ddd;   font-weight:400;}
table.list  td  b {color:#015bac;  font-weight:500;   font-size:1em;  }
table.list  td.td_bg {background-color:#f9f9f9}

table.list img.product_img {width:60px}  

table.list  td.password  input {font-size:0.97em; color: #555; height:35px; border: 1px solid #ddd; background-color:#fff;  padding:0px 5px; box-sizing:border-box; width:200px; vertical-align:middle; -webkit-appearance: none; -webkit-border-radius: 0; }
table.list  td.password a  { display:inline-block; text-align:center; line-height:35px; padding:0 20px; font-weight:400;   font-size:14px;  margin-left:5px; background-color:#333; border-radius:3px;   color:#fff !important;  }


.product table.list th {background-color:#333; color:#fff}
.product table.list th img {   margin-left:3px}


/*뷰페이지*/
 
  
p.view_title {font-size:1.15rem; font-weight:500; color:#222; width:100%;  border-top:1px solid #333; padding-top:10px; display:inline-block;  box-sizing:border-box; }
p.view_info {font-size:0.90rem; font-weight:400; color:#666; width:100%;  border-bottom:1px solid #ddd; padding-bottom:10px;  display:inline-block;  box-sizing:border-box; }
p.view_info .list_line {color:#999; font-size:0.9rem}
p.view_info a {color:#015bac !important}
p.view_info a:hover {text-decoration:underline }

div.view_content {width:100%; float:left; border-bottom:1px solid #ddd; padding:20px 0; }
div.view_content img {max-width:100%}
div.reple {width:100%; display:flex; 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; width:90px}
div.reple  p {padding-left:30px;}

.list_next  {width:100%; float:left;   padding-top:10px;  padding-bottom:10px; box-sizing:border-box; border-bottom:1px solid #ddd;} 
.list_next p {width:100%; float:left; font-size:16px; line-height:1.3em; color:#999; height:22px; overflow: hidden;   text-overflow: ellipsis;  white-space: nowrap;  }
.list_next p:last-child {text-align:left; }
.list_next b {font-weight:600; color:#333; padding-right:10px;}


/*글쓰기테이블*/

 
table.write   {width:100%;  border-top:1px solid #ddd   }
table.write  th { font-weight:500;  width:120px; vertical-align:middle; text-align:left; padding:9px;  background-color:#f9f9f9 ; border-bottom:1px solid #ddd; color:#444}
table.write  td {font-size:0.95rem; padding:9px; color:#555; border-bottom:1px solid #ddd}
 

table.write  td select  {vertical-align:middle; color:#666; border:1px solid #ddd; height:35px;  font-size:0.93rem;  box-sizing:border-box; padding:0 5px;  }
.size_40 {width:40%}

table.write  td  input[type="text"]	{font-size:0.97em; 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;}
table.write  td  input[type="password"]	{font-size:0.97em; 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;}
table.write  td  input[type="date"]	{font-size:0.97em; color: #555; height:35px; border: 1px solid #ddd; background-color:#fff;  padding:0px 5px; box-sizing:border-box; width:200px; vertical-align:middle; -webkit-appearance: none; -webkit-border-radius: 0;}

table.write  td  input[type="file"]	{width:300px;   font-size:.95rem}
table.write td.tel  input[type="text"] {width:90px}
table.write td.adress  input[type="text"] {width:70%}
table.write td.adress p {padding-top:5px}
table.write  td  input {vertical-align:middle}
table.write .table_info {width:100%; margin-top:10px;  font-size:0.93rem; line-height:1.3em; color:#666}
 

table.write  td img {vertical-align:middle;}
table.write  b  {font-weight:600; color:#333;   }
table.write  td textarea {width:100%; border:1px solid #ddd; color:#666; font-size:0.97rem; line-height:1.3em; min-height:130px;  box-sizing:border-box; padding:7px;}

table.write td .check_wrap {display:inline-block;   line-height:25px; padding-right:5px;   }
table.write td .check_wrap input  {vertical-align:middle }

table.write td input::placeholder {color:#999}
 
   
.write input[type="text"]	{font-size:0.90em; 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;}

 
   

/*페이지*/


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

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

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

 


/*서치*/
 						
.search     {margin-top:30px;  width:100%; display:inline-block; text-align:right;}
.search  input  {width:30%; height:33px !important; border:1px solid #ddd; padding-left:10px; font-size:0.93em; color:#666}
.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; border-radius:3px; box-shadow:1px 1px 2px #ddd; color:#fff !important; line-height:33px; font-size:0.95em; font-weight:500; padding:0 30px; display:inline-block; vertical-align:middle;}
									   
  
/*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; width:100%; display:flex; padding:10px;  box-sizing:border-box
}

.faq  dt p {width:30px} 

.faq  dt:hover {
  background: #f9f9f9;
}

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

.faq  dd div.a  { width:100%; display:flex;    }
.faq  dd div.a p.aa {width:30px} 
.faq  dd div.a  div.faq_a { width:calc(100% - 30px);  }
 
 
 ul.board {width:100%; display:flex; flex-wrap:wrap;   }
 ul.board li {width:32%; margin-right:2%}
 ul.board li:nth-child(3n) {margin-right:0}
 ul.board li:nth-child(n + 4) {margin-top:20px}

 ul.board li * {width:100%; display:inline-block; line-height:1.35em }
 ul.board li div {width:100%; height:220px; overflow:hidden; position:relative}
 ul.board li img {width:100%; position:absolute; left:50%; top:50%; transform: translate(-50%, -50%);  transition: all 0.3s ease-out;}
 ul.board li:hover img {width:110%; }
 ul.board li div.none {border:1px solid #ddd; box-sizing:border-box; } 
 ul.board li div.none img {width:60%}
 ul.board li:hover div.none  img {width:60%; }


 ul.board li h3 { width:100%; margin-top:15px; font-size:1.25rem; font-weight:600; color:#222;
  overflow: hidden; 
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
   word-breal:break-all;
 
 }
 ul.board li p {font-size:1rem; margin-top:5px; font-weight:400; color:#555;
 overflow: hidden; 
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
 }
 ul.board li span {font-size:.95rem;  margin-top:5px;  font-weight:400; color:#999}