@charset "UTF-8";

/* Page Title */

 
/* 게시판 */

 
table.list   {width:100%;  border-top:1px solid #333;   }
table.list  th   { padding:10px; background-color:#f5f5f5; font-size:1.05rem; line-height:1.3em; font-weight:600; color:#333;  border-bottom:1px solid #ddd  }
table.list  td   {padding:10px; text-align:Center;  vertical-align:middle; font-size:1.03rem;line-height:1.3em; 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 img.product_img {width:60px}  

ul.gall {width:100%; display:flex; flex-wrap:wrap;    }
ul.gall li {width:24%; margin-right:1.33%; box-sizing:border-box; }
ul.gall li:nth-child(4n) {margin-right:0}
ul.gall li:nth-child(n+5) {margin-top:30px; }
ul.gall li div.thumbnail {width:100%; height:200px; overflow:hidden; margin-bottom:10px}
ul.gall li div.thumbnail img {width:100%; min-height:100%; 
    -webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .5s ease-in-out;
	transition: .5s ease-in-out; }

ul.gall li div.thumbnail img:hover {-webkit-transform: scale(1.1); transform: scale(1.1);}


ul.gall li div.thumbnail2 {width:100%; height:400px; overflow:hidden; margin-bottom:10px}
ul.gall li div.thumbnail2 img {width:100%; min-height:100%; 
    -webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .5s ease-in-out;
	transition: .5s ease-in-out; }

ul.gall li div.thumbnail2 img:hover {-webkit-transform: scale(1.1); transform: scale(1.1);}


ul.gall li b {font-size:1.2rem; font-weight:600;   width:100%; display:block;  }
ul.gall li a b {color:#333 !important}
ul.gall li div {font-size:0.95rem; font-weight:400;   width:100%; display:block; margin-bottom:5px; }
ul.gall li p {font-size:1rem; font-weight:400; color:#777;  font-family:'Montserrat'; }

ul.gall-col-3 li  {width:32%; margin-right:2%}
ul.gall-col-3 li:nth-child(3n) {margin-right:0}
ul.gall-col-3 li:nth-child(4n) {margin-right:2%}
ul.gall-col-3 li:nth-child(n+4) {margin-top:30px; }

 
ul.gall2 {width:100%; display:flex; flex-wrap:wrap; }
ul.gall2 li {width:25%;  box-sizing:border-box;  line-height:0;  font-size:0 }
ul.gall2 li:nth-child(4n) {margin-right:0}
ul.gall2 li a {width:100%;padding-bottom:100%; display:inline-block;}
 
ul.bl-img {width:100%; display:flex;}
ul.bl-img li {width:100%; box-sizing:border-box; position:relative}
ul.bl-img li img {width:100%}

div.ov_wrap {position:absolute;  z-index:9; bottom:0px;left:0px; top:0px; width:100%; height:100%;  background-color:rgba(0,0,0,.5); }
div.ov_wrap {display:none;}
div.ov_wrap p {display:inline-block; }

ul.bl-img li:hover div.ov_wrap {display:flex; align-items:center; width:100%;} 
ul.bl-img li:hover div.ov_wrap p {width:100%; text-align:center; color:#fff; height:100%;}
ul.bl-img li:hover div.ov_wrap  p  a { width:100%; height:100%;  display:inline-block; }
ul.bl-img li:hover div.ov_wrap p a span {position:absolute; left:50%; top:50%; transform: translate(-50%, -50%); color:#fff !important; font-size:1rem; font-weight:500; }  

/*뷰페이지*/
 
  
p.view_title {font-size:1.1rem; 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 {font-size:0.6em; color:#999}
p.view_info a {color:#015bac !important}
p.view_info a:hover {text-decoration:underline }

div.view_content {width:100%; display:inline-block; border-bottom:1px solid #ddd; padding:20px 0; }
div.reple {width:100%; display:flex;margin-top:-1px; border:2px solid #ddd; padding:15px 10px; font-size:1rem; color:#666;  background-color:#f9f9f9; box-sizing:border-box;}
div.reple b {color:#333; font-weight:600; font-size:1rem; width:90px}
div.reple > div {padding-left:30px;}

.list_next  {width:100%;  display:inline-block;   padding-top:13px; padding-bottom:10px;   box-sizing:border-box; border-bottom:1px solid #ddd; font-size:0; line-height:0} 
.list_next p {width:100%; display:inline-block; font-size:1rem; 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:30px;}


/*글쓰기테이블*/

 
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.95rem;  box-sizing:border-box; padding:0 5px;  }
.size_40 {width:40%}

table.write  td  input[type="text"]	{font-size:0.93em; 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.93em; 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.93em; 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:.93rem}
table.write td.id  input[type="text"] {width:50%; }
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 p.table_info {width:100%; margin-top:10px;  font-size:0.93rem; line-height:1.2em; 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.95rem; line-height:1.3em; min-height:130px;  box-sizing:border-box; padding:7px; float:left}

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;}

.write td p.td_info {font-size:0.93rem; color:#666; line-height:1.3em;}

  
/*페이지*/


.page     {text-align:center;   width:100%; margin-top:30px; display:inline-block; font-size:0}
.photo_page {border-top:1px solid #ddd; padding-top:30px; margin-top:20px }
.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-radius:4px; margin:0 2px;  border:1px solid #ddd;  background-color:#fff;  width:29px; line-height:29px; height:29px;   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:35px !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;
}

.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 {width:30px}