@charset "UTF-8";

/* Page Title */

 
 .table { width: 100%; display: table;}


.row {display: table-row; background: #fff; font-size:1rem }
.row.notice_top {background-color:#f9f9f9}
.row.header {font-weight:600; color: #fff; background:#333;}
 
.cell { padding: 10px 12px; display: table-cell; vertical-align:middle;  text-align:Center;  border-bottom:1px solid #ddd; color:#666}
.cell a {color:#333 !important}

.row.header .cell { color:#fff}

.tit  {width:60%; text-align:left; font-weight:600; font-size:1.05rem; line-height:1.3em; letter-spacing:-.5px}
.cell.no {width:80px;  }

ul.baord_list {width:100%; display:inline-block; border-top:1px solid #333 ;   margin-top:-1px }
ul.baord_list li {width:100%; font-size:0.90rem; 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:#f9f9f9 }
ul.baord_list li  img {vertical-align:3px}
ul.baord_list li b {font-size:1.3rem; 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 a span.li_line {color:#555 !important; font-size:12px}

 
@media screen and (max-width:900px) {
	
	ul.baord_list li b {font-size:1.1rem ; margin-bottom:4px; letter-spacing:-0.7px  }

	
	.table { display: block; }
   
	.row {padding:13px 2%; display: block;  border-bottom:1px solid #ddd}
	.row.header {padding: 0; height: 2px; }
	.row.header .cell { display: none; }
	  
	.row .cell:before { margin-bottom: 3px; content: attr(data-title); text-transform: uppercase;color:#555;}
	.cell { padding:0; padding-right:5px; display: block; border-bottom:none;  }
	.cell a {width:100%;  display:inline-block}
	.cell_col {display:inline-block; width:auto; font-size:.9rem}
	 
	.tit  {width:100%; font-size:1.05rem;  letter-spacing:-0.7px   }
	.row .tit:before { display:none }

	.no {display:none}

     .col-2 {width:100%;  }


}


 
/*뷰페이지*/
 
  
p.view_title {font-size:1.05rem; font-weight:600; color:#fff; width:100%; padding:10px 2%; box-sizing:border-box; display:inline-block; text-align:Center; box-sizing:border-box; background-color:#333; margin-bottom:10px}
p.view_info {font-size:0.95rem; font-weight:400; color:#666; width:100%;  border-bottom:1px solid #ddd; padding-bottom:10px; float:left; box-sizing:border-box; }
p.view_info span::after {width:1px; height:12px; vertical-align:middle;  content:''; display:inline-block; background-color:#888;  margin:0 10px}
p.view_info span:last-child::after {display:none}
p.view_info span.line_none::after {display:none}

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.reple {width:100%; display:flex; border-bottom:1px 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:16px; width:90px}
div.reple  p {padding-left:30px;}

div.reple_file {width:100%; display:flex; border-bottom:1px solid #ddd; padding:15px 10px; font-size:0.95rem; color:#666;  background-color:#f9f9f9; box-sizing:border-box;}
div.reple_file a {color:#015bac !important}
div.reple_file a:hover {text-decoration:underline }


.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:1rem; 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; width:80px; display:inline-block }

@media screen and (max-width:900px) {

p.view_title { width:100%; font-weight:700; font-size:1.1rem; line-height:1.3em;  padding:0;  padding-top:10px;  text-align:left; color:#333; background-color:#fff;  border-top:2px solid #333;  margin-bottom:0; }
p.view_info {font-size:0.93rem; line-height:1.3em; padding-top:5px}
div.reple {flex-wrap:wrap}
div.reple  b {width:100%}
div.reple p {width:100%; padding-left:0;  margin-top:10px;  }
div.reple_file {line-height:1.3em}


}

 

  
/*페이지*/


.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;
 	  background-color:#fff;  width:29px; line-height:29px; height:29px;   color:#999; text-align:Center; 
   }

  
.page a.ov  {  background-color:#555;   color:#fff !important;}

 
 
 @media screen and (max-width:900px) {

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

 
}


.write {width:100%; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; border-top:1px solid #333}
.write li {display:flex; width:50%; align-items:center;  padding:10px 0; border-bottom:1px solid #ddd}
.write li:nth-child(2n) p  {padding-left:20px}
.write li p {width:130px; } 
 
.write li  input[type="text"] {width: calc(100% - 130px);
    height: 35px;
    font-size: 1rem;
    border-radius: 5px;
    text-indent: 10px;
	border:1px solid #ddd; box-sizing:border-box; 
	  -webkit-appearance: none;
   -webkit-border-radius: 0;
	}
.write li  input[type="password"] {width: calc(100% - 130px);
    height: 35px;
    font-size: 1rem;
    border-radius: 5px;
    text-indent: 10px;
	border:1px solid #ddd; box-sizing:border-box; 
	  -webkit-appearance: none;
   -webkit-border-radius: 0;
	}
.write li textarea {width:calc(100% - 130px);
    height: 35px;
    font-size: 1rem;
    border-radius: 5px;
     padding:10px; height:250px;
	border:1px solid #ddd; box-sizing:border-box; 
	  -webkit-appearance: none;
   -webkit-border-radius: 0;
	}

	.write li  select { 
    height: 35px;
    font-size: 1rem;
    border-radius: 5px;
     padding-left: 5px; box-sizing:border-box; 
	border:1px solid #ddd; color:#666;
	}

.write li.mail  div {width: calc(100% - 130px); display:flex; align-items:center}
.write li.mail  input[type="text"] {width:50%;}
.write li.mail span {margin:0 5px}
.write li.mail select {margin-left:5px}

.write li.col-1  {width:100%;  }
.write li.col-1 p {  padding-left:0 !important}

 @media screen and (max-width:900px) {
	.write li {width:100%; flex-wrap:wrap;}
	.write li:nth-child(2n) p  {padding-left:0}
	.write li p {width:100%; font-weight:600; margin-bottom:3px } 
	.write li  input[type="text"] {width:100%}
	.write li  textarea {width:100%; height:150px; padding:10px}
	.write li.mail  div {width:100%;  }

}




/*서치*/
 						
.search     {margin-top:30px;  width:100%; display:inline-block; text-align:right;}
.search  input  {width:40%; 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.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   p.icon {width:30px; line-height:30px; background-color:#f1f1f1; text-align:center; border-radius:50%; margin-right:15px; vertical-align:middle} 

.faq  dt div {font-weight:600}

.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; align-items:center }