@charset "UTF-8";

/* Page Title */

 
/* 게시판 */

 ul.baord_list {width:100%; display:inline-block; border-top:1px solid #ddd ; margin-top:-1px }
ul.baord_list li {width:100%; font-size:0.90em; line-height:1.3em;  border-bottom:1px solid #ddd;   font-weight:400;  }
ul.baord_list li a {color:#777 !important; width:100%; display:inline-block; padding:12px 10px; box-sizing:border-box; }
ul.baord_list li a:hover {color:#777 !important; background-color:#fff }

 ul.baord_list li:last-child {border-bottom:none;}


ul.baord_list li b {font-size:1.05rem; font-weight:600; width:100%; line-height:1.3em; margin-bottom:5px;  display:inline-block;  }

ul.baord_list li a b {color:#333 !important; }
ul.baord_list li a b:hover {color:#111 !important; }

 ul.baord_list li .list_line {color:#999}
ul.baord_list li img {vertical-align:middle; margin-left:3px; margin-top:-3px; }

ul.baord_list li a span.li_line {color:#555 !important; font-size:12px}

/*뷰페이지*/
 
  
p.view_title {font-size:1.05rem; font-weight:600; color:#222; width:100%;  padding-top:12px;  float:left; margin-bottom:3px; border-top:1px solid #ddd; margin-top:-1px}
p.view_info {font-size:0.90em; font-weight:400; color:#666; width:100%;  border-bottom:1px solid #ddd; padding-bottom:12px; float:left;}
p.view_info .list_line {color:#999}
p.view_info span.li_line {color:#555 !important; font-size:12px}


div.view_content {width:100%; float:left; border-bottom:1px solid #ddd; padding:20px 0;}


@media all and (max-width:850px) {
  ul.baord_list li b {font-size:1rem;  margin-bottom:1px;  }
  ul.baord_list li a {padding:10px 0;}
ul.baord_list li a b {margin-bottom:3px}
 

p.view_title {font-size:1rem;  margin-bottom:1px; }

}

.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:0.95rem; line-height:1.3em; color:#999; height:22px; overflow: hidden;  
  text-overflow: ellipsis; 
  white-space: nowrap; margin:1px 0  }
.list_next p:last-child {text-align:left; }
.list_next b {font-weight:600; color:#333; padding-right:10px;}

a.list_btn {background-color:#333;   color:#fff !important; line-height:33px; font-size:0.95em; font-weight:500; padding:0 30px; border-radius:3px; vertical-align:middle; float:right; margin-top:20px}



/*글쓰기테이블*/

 
.write   {width:100%;  float:left;   display:flex;  flex-wrap:wrap; justify-content:space-between ; margin-top:20px; margin-bottom:13px;   }
.write div { width:45%; float:left; box-sizing:border-box; padding-bottom:10px; display:flex; align-items:center}
.write label {width:100px; font-weight:600; font-size:1rem; }
.write  input[type="text"]	{font-size:0.95em; color: #555; height:40px; border: 1px solid #ddd; background-color:#fff;  padding:0px 5px; box-sizing:border-box; width:calc(100% - 100px); vertical-align:middle; -webkit-appearance: none; -webkit-border-radius: 0;}
textarea.textarea01 {width:100%; border:1px solid #ddd; font-size:0.95rem; height:150px; padding:10px; box-sizing:border-box; color:#666; font-family: 'Noto Sans KR', "나눔고딕", NanumGothic, "Nanum Gothic","돋움", Dotum, Arial, sans-serif;} 
.write textarea.textarea01 {width:calc(100% - 100px);}


.write  select	{font-size:0.95em; color: #555; height:40px; border: 1px solid #ddd; background-color:#fff;  padding:0px 5px; box-sizing:border-box;   vertical-align:middle; }



@media (max-width:850px) {
	.write {margin-top:0}
	.write div { width:100%;  }
   }

/*페이지*/


.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:14px;   font-weight:400;}
 
.page a {
	display:inline-block;
 	text-decoration:none; vertical-align:middle;
 	border:1px solid #ddd;  width:30px; line-height:28px; height:30px;  box-sizing:border-box;  color:#999;
   }

.page   img {width:100%; vertical-align:top;  height:28px}
 
.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  input  {width:30%; height:33px !important; border:1px solid #ddd; padding-left:10px; font-size:0.93em; color:#666;  -webkit-appearance: none; -webkit-border-radius: 0;}
.search  select  { font-size:0.90em; 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:35px; font-size:0.95em; font-weight:500; padding:0 30px; display:inline-block; vertical-align:middle;}
									   






/*FAQ*/
.faqanswer {
	display: none;
	width: 100%;
	background: #f9f9f9;
   border:1px solid #ddd;
 border-bottom:none;
margin-top:-1px;
  box-sizing:border-box;
	padding: 15px;
}
.faqanswer:last-child {border-bottom:1px solid #ddd}
.faqanswer p {
	font-size: 1em;
	line-height: 1.4em;	color:#666; 
 }


a.active {
	font-weight: 500;
}

.togglefaq {
	text-decoration: none;
	color: #333;
	font-size: 1em;
	padding: 13px 15px;
	line-height: 1.3em;
	display: block;
	border: 1px solid #d0d0d0;
   margin-top:-1px;
	width: 100%;
 box-sizing:border-box;
 }
 
.icon-plus {
	
   color: #333;
	margin-right: 20px;
    padding:3px;
	font-size: 15px;
	float:left;
}

.icon-minus {
	color: #333;
	margin-right: 20px;
    padding:3px;
	font-size: 15px;
	float:left;
}



.gall {width:100%; display:inline-block; }
.gall li { margin-bottom:10px; }

 

.gall li div.img_box {width:100%; display:inline-block; border:1px solid #ddd;}

.gall li div.img_box  a {  width:100%;  padding-bottom: 100%; display: block; }

.gall li div.text {width:100%; margin-top:10px; font-size:14.5px; color:#666; line-height:1.4em;}
.gall li div.text b {width:100%; display:block; font-size:1.13em; color:#333; padding-bottom:8px;}
.gall li div.text span {padding-top:8px; font-size:0.85em; color:#999}


@media all and (max-width:1200px) {
 div.write div.box p {width:15%; }
div.write div.box div {width:80%; }


}


@media all and (max-width:800px){

div.write div.box p {width:100%; }
div.write div.box div {width:100%; }

div.write input {max-width:100%;   }

div.write input.input_a {width:100%;}
div.write input.input_b {width:60%;}
div.write input.input_c {width:70px;}
div.write .e_mail  input.input_b {  width:35%;}
div.write .e_mail  input.input_b:nth-child(2) {width:55%;}
div.write .e_mail select {margin-top:5px;}
 

  
 


}