@charset "UTF-8";

/* Page Title */

 
/* 게시판 */

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

table.list   {width:100%;  border-top:1px solid #333;  border-bottom:1px solid #707070;  }
table.list  th   { padding:11px 11px; background-color:#f9f9f9; font-size:1em; line-height:1.1; font-weight:600; color:#333;  border-bottom:1px solid #ddd;}
table.list  td   {padding:12px; vertical-align:middle; font-size:1em; line-height:1.3; 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.5 }

@media all and (max-width:800px){
  table.list.cart tr {display:flex; align-items:center; padding:10px 0; flex-wrap:wrap;  gap:9px 10px}
  table.list.cart td {display:inline-block; border-bottom:none; padding:0px}
 }

/*뷰페이지*/
 
  
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% ; }
table.write th { width:13%; vertical-align:middle;  font-size:15.5px; text-align:left; font-weight:600; color:#333;   background-color:#fff;  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 input[type="text"] {border:1px solid #ddd; height:37px; padding:10px; box-sizing:border-box;}
table.write td input[type="password"] {border:1px solid #ddd; height:40px; padding:10px; box-sizing:border-box;}
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;}

@media all and (max-width:800px){
		table.write th {width:100% ;   background-color:#fff; padding:0; padding-top:12px; display:block}
		table.write td {width:100%; padding:6px 0  12px 0;    display:block}
}

div.write {width:100%; }
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;}

@media all and (min-width:800px){
  div.write {  max-width:750px; margin:0 auto }

}
  
/*페이지*/


.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:15px; font-weight:500; }

.page a { display:flex; align-items:center; justify-content:center;  vertical-align:middle; border:1px solid #d1d1d1;  width:33px; line-height:33px; height:33px;  margin-left:-1px;   color:#999; text-align:Center; }
.page a.ov  {border:1px solid #555; background-color:#555;   color:#fff ;}

.page img {width:32px; height:32px; vertical-align:top;  }
 



/*서치*/
 						
.search {margin-top:20px;  width:100%; display:inline-block; text-align:right;}
.search input  {width:30%; height:36px ; 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 ;}
.search a {background-color:#333;   box-shadow:1px 1px 2px #ddd; color:#fff ; 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 { border-top:1px solid #e5e7eb; }
.faq dl  + dl {margin-top:-1px;}
.faq dt { position:relative; display:flex; align-items:center; gap:14px;  padding:15px; border-bottom:1px solid #e5e7eb; background:#fff; color:#222; font-size:1.05em;   font-weight:600; cursor:pointer; transition:background .25s ease, color .25s ease; cursor:pointer}
.faq dt:hover { background:#fafafa; }
.faq dt.on { background:#fafafa; color:#111; }
.faq-q { display:flex; align-items:center; justify-content:center; flex:0 0 34px; width:34px; height:34px; border-radius:50%; background:#111; color:#fff; font-size:15px; font-weight:800; }
.faq-plus { position:absolute; right:10px; top:50%; width:24px; height:24px; transform:translateY(-50%); transition:transform .25s ease; }
.faq-plus:before, .faq-plus:after { content:""; position:absolute; left:50%; top:50%; width:18px; height:2px; border-radius:10px; background:#111; transform:translate(-50%, -50%); }
.faq-plus:after { transform:translate(-50%, -50%) rotate(90deg); }
.faq dt.on .faq-plus { transform:translateY(-50%) rotate(45deg); }
.faq dd { display:none; margin:0; font-size:.95em;  padding:0 20px; border-bottom:1px solid #e5e7eb; background:#fff; box-sizing:border-box  }
.faq dt.on + dd {padding:20px; }
  
.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}