@charset "UTF-8";

/* Page Title */

.list_ul {width:100%; display:flex; justify-content:flex-end; margin-top:30px; margin-bottom:-10px}
.list_ul  li {padding:0 20px; line-height:.8em; border-right:1px solid #333}
.list_ul  li:last-child {padding-right:0; border-right:none}
.list_ul  li a.on {text-decoration:underline}
 
 
.table { width: 100%; display:table; position:Relative; margin-top:40px;  }

.row {display: table-row;background: #fff; cursor:pointer}
.row:hover {background-color:#f5f4ec}
.row.header {  font-weight:600; color:#000;  }
.cell { padding: 10px 12px; display: table-cell; vertical-align:middle;   border-bottom:1px solid #ddd; color:#666; font-size:1.05em}
.cell a {color:#333 !important}

.cell.tit  {width:70%;    text-align:left; color:#777; line-height:1.3}
.cell.tit a:hover {text-decoration:underline}

.cell.no {width:70px; font-weight:600; color:#000}
.cell.date {white-space:nowrap; color:#000}
.cell.hit {white-space:nowrap;}
.cell.name {white-space:nowrap; color:#000}

.none_list  {width:100%;  background-color:#f9f9f9; padding:10px; box-sizing:border-box; font-size:1em; display:flex; justify-content:center;  }

.row.header .cell {border-bottom:1px solid #333; font-size:1em}
.row.header .cell.tit {color:#333}


  
@media screen and (max-width:900px) {
		.table { display: block; margin-top:30px; border-top:1px solid #333 }

		.row {padding:13px 2%; display: block; line-height:0;  border-bottom:1px solid #ddd}
		.row.header {padding: 0; height: 2px;  display: none; }

		.row .cell:before { content: attr(data-title); text-transform: uppercase; color:#555;}
		.cell {padding:0px; padding-right:5px; border-bottom:none;  font-size:.97em; line-height:1.3; display:inline; text-align:left }
		.cell_col {display:inline-block; width:auto; font-size:.95em}


}
 
 .faq {position:relative;  margin-top:40px;   }

.faq_box {width:100%; box-sizing:border-box;}
.faq_box .in_box {width:100%; display:flex;  box-sizing:border-box;}
.faq_box .in_box > p {flex-shrink:0; padding:0;  box-sizing:border-box;}
.faq_box .in_box > p:nth-child(1) {width:50px; text-align:center}
.faq_box .in_box > p:nth-child(2) {width:150px; text-align:center}
.faq_box .in_box > p:nth-child(3) {width:calc(100% - 350px)}
.faq_box .in_box > p:nth-child(4) {width:150px; text-align:center}
.faq_box .in_box > div {width:calc(100% - 350px)}

.faq_box.td_header {padding:10px; border-bottom:1px solid #333; font-weight:600; color:#000}
.faq_box.td_1 {padding:10px; border-bottom:1px solid #ddd; cursor:pointer;}
.faq_box.td_2 {padding:10px; background-color:#f5f4ec; display:none}
.faq_box.td_1.on {background-color:#f5f4ec}
 



@media screen and (max-width:900px) {
	 .faq {border-top:1px solid #333; margin-top:30px }
	 .faq_box .in_box {flex-wrap:wrap}
	.faq_box .in_box > p {flex-shrink:1; line-height:1.4; font-size:.97em}
	.faq_box .in_box > p:nth-child(1) {display:none}
	.faq_box .in_box > p:nth-child(2) {  text-align:left; width:70px; font-weight:600 }
	.faq_box .in_box > p:nth-child(3) {width:calc(100% - 70px)}
    .faq_box .in_box > p:nth-child(4) {width:calc(100% - 70px); margin-left:auto;  font-size:.95em; text-align:left; margin-top:3px}
	.faq_box .in_box > div {width:calc(100% - 70px)}

	.faq_box.td_header {display:none}


}


/*뷰페이지*/
 
  
p.view_title {font-size:1.05em;  line-height:1.3;  font-weight:600; color:#fff; width:100%; padding:10px 2%; box-sizing:border-box; display:inline-block; text-align:Center;  background-color:#333;  }
p.view_info {font-size:0.95em; font-weight:400; color:#666; width:100%;  border-bottom:1px solid #ddd; padding-bottom:13px; padding-top:13px; display:inline-block; 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 a {color:#015bac !important}
p.view_info a:hover {text-decoration:underline }
p.view_info span.file a {display:inline-block; border:1px solid #015bac; padding:0 10px; border-radius:2px }

div.view_content {width:100%; display:inline-block;  border-bottom:1px solid #ddd; padding:20px 0; }
 
div.reple {width:100%; display:flex; border-bottom:1px solid #ddd;  padding:15px 0; font-size:1em; color:#666;  background-color:#fff; box-sizing:border-box;}
div.reple  b {color:#333; font-weight:600;   width:90px}
div.reple  p {width:calc(100% - 90px);}

.list_next  {width:100%;   padding:11px 0; box-sizing:border-box; border-bottom:1px solid #ddd; line-height:0} 
.list_next p {width:100%; display:flex; font-size:1em; line-height:1; color:#999; margin:5px 0;   }
.list_next p:last-child {text-align:left; }
.list_next b {font-weight:600; color:#333; width:90px; }
.list_next a {width:calc(100% - 90px); white-space: nowrap; overflow:hidden;  text-overflow: ellipsis; }


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

	p.view_title { width:100%;   padding:0;  padding-top:10px;  text-align:left; color:#333; background-color:#fff;  border-top:2px solid #333; }
	p.view_info {padding-top:5px; font-size:.92em; padding-bottom:10px}
 
	p.view_info span.file {width:100%; display:block; }
	p.view_info span.file a {margin-top:3px}

}

 

  
/*페이지*/


.page     {text-align:center;  width:100%; margin-top:40px; display:inline-block; font-size:0}
.page   ul { width:100%; text-align:center; }
.page   li { display:inline-block; font-size:13px; 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;}

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

 .page a { width:25px; line-height:25px; height:25px;   }
 .page img {width:25px; height:25px; vertical-align:top;  }

}

 

/*서치*/

.search {  height:45px; display:flex; align-items:center; border:1px solid #333 }
.search input {width:calc(100% - 50px); padding-left:10px; box-sizing:border-box; font-size:1em;  border:none; height:100%}									   
.search a {width:50px; text-align:center;}
  
  
.write {width:100%; display:flex;  justify-content:space-between; flex-wrap:wrap; margin-bottom:-20px }
.write li { width:50%;   padding-right:10px;  box-sizing:border-box; margin-bottom:20px  }
.write li.right {padding-right:0; padding-left:10px}
.write li.box_100 {padding-left:0; padding-right:0;  width:100%}

.write li p {width:100%; font-weight:600; font-size:1.1em; height:32px} 
.write li p span {float:right;  font-weight:400; margin-top:3px; font-size:.85em; color:#666}
.write li div {display:flex; height:calc(100% - 30px);  width:100%; align-items:center}

.write li  input[type="text"] {width:100%;
    height:43px;
    font-size: .97em;
    border-radius: 5px;
    text-indent: 10px;
	border:1px solid #ddd; box-sizing:border-box; 
	}
.write li  input[type="password"] {width:100%;
    height:43px;
    font-size: .97em;    border-radius: 5px;
    text-indent: 10px;
	border:1px solid #ddd; box-sizing:border-box; 
	}

.write li  select { 
    height:43px;
    font-size: .97em;
	border-radius: 5px; padding:0 5px;
	border:1px solid #ddd; color:#666;
	}
.write li  textarea { 
    width:100%; 
	height: 200px;
    font-size: .97em;
	border-radius: 5px;
   box-sizing:border-box; 
	border:1px solid #ddd; color:#666; padding:10px;
	}
.write li  input[type="file"] {font-size:.90em}

 

.write li div {display:flex}
.write li div a {width:120px; margin-left:auto; display:flex; align-items:center; justify-content:center; white-space:nowrap; margin-left:10px; line-height:41px}
 
.write li div.tel   { justify-content:space-between}
.write li div.tel input[type="text"] {width:31.5%;  }

.write li div.email input[type="text"] {width:30%; max-width:300px; margin-right:5px}
.write li div.email input[type="text"]:nth-child(2) {margin-left:5px}
 
 @media screen and (max-width:800px) {
		.write li {width:100%;   padding-right:0;}
		.write li.right {padding-right:0; padding-left:0}
 
 }