@charset "UTF-8";

/* Page Title */
 
.board  .table { width: 100%; display: table;}

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

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

.board  .tit  {width:60%; text-align:left; font-weight:600; line-height:1.3em}
.board  .tit a:hover {text-decoration:underline}
.board  .cell.no {width:100px;  }

 
 
@media screen and (max-width:1100px) {
	.board  .tit  {width:50%; }
  }


@media screen and (max-width:768px) {
	.board  .table { display: block; }

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

	.board  .no {display:none}
 

}
 
 
/*뷰페이지*/
 
  
p.view_title {font-size:1.15rem; font-weight:500; color:#fff; width:100%; padding:12px 2%; box-sizing:border-box; display:inline-block; text-align:Center; box-sizing:border-box; background-color:#333;  }
p.view_info {font-size:1rem; 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.vedio_frame {width:100%; margin-top:20px}
div.chart_box {width:100%; margin-top:-1px; box-sizing:border-box;  border:1px solid #ddd; overflow:hidden}

div.view_file {width:100%; padding:12px 0 8px 0;  border-bottom:1px solid #ddd; }
div.view_file ul {width:100%; display:flex; flex-wrap:wrap;}
div.view_file ul li {display:inline-block; margin-bottom:5px; }
div.view_file ul li a {display:inline-block; font-size:0.90rem; background-color:#2478be; color:#fff; padding:10px 15px; border-radius:5px; margin-right:10px;}

div.reple {width:100%; display:flex; border:1px solid #ddd; padding:15px;  color:#666;  background-color:#f9f9f9; margin-top:-1px; box-sizing:border-box; font-size:1.05rem; }
div.reple  b {color:#333; font-weight:600; width:90px}
div.reple  p {padding-left:30px;}

.list_next  {width:100%; display:inline-block;  padding:11px 0; box-sizing:border-box; border-bottom:1px solid #ddd; line-height:0} 
.list_next p {width:100%; display:inline-block; font-size:1.05rem; line-height:1em; color:#999;  overflow: hidden;   text-overflow: ellipsis;    margin:3px 0;  white-space: nowrap;  }
.list_next p:last-child {text-align:left; }
.list_next b {font-weight:600; color:#333; width:60px; display:inline-block}

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

	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:.92rem}
	p.view_info span.file {width:100%; display:block; }
	p.view_info span.file a {margin-top:3px}
	.list_next p {font-size:.97rem }


}

 

  
/*페이지*/
.page {width:100%; margin-top:20px; }
.page ul {display:flex; justify-content:center}
.page ul li {width:37px; background-color:#fff; height:37px; border:1px solid #ddd; margin-right:-1px }
.page ul li a {width:100%; height:100%; display:flex; align-items:Center; justify-content:center; }
.page ul li.ov {border:1px solid #333; position:relative; z-index:9}


 @media screen and (max-width:768px) {
	.page ul li {width:27px; height:27px; border:1px solid #ddd; margin-right:-1px; font-size:.8rem }
 	   

}

.write_wrap {width:100%;  max-width:800px;  margin:0 auto; }

.write {width:100%; display:flex; align-items:flex-last; justify-content:space-between; flex-wrap:wrap; border:2px solid #ddd;   box-sizing:border-box; padding:10px 30px 13px 30px; }

.write li {display:flex; width:100%; align-items:center;  padding:12px 0; border-bottom:1px solid #ddd; color:#444;  }

.write li.col_2 {width:50%; }

.write li:last-child {border-bottom:none;}
.write li p {width:130px; box-sizing:border-box; font-weight:500; color:#222; } 
.write li span.t_box {width:100%; display:inline-block; font-size:1rem;  color:#666; margin-top:5px;}

.write li div {width: calc(100% - 130px) !important; display:flex; align-items:center;  flex-wrap:wrap }

.write li  input[type="text"] {width:100%;
    height: 37px;
    font-size: 1rem;
    border-radius: 5px;
    text-indent: 8px;
	color:#666; 
	border:1px solid #ddd; box-sizing:border-box; 
	}
.write li  input[type="password"] {width:100%;
    height: 37px;
    font-size: 1rem;
    border-radius: 5px;
    text-indent: 8px;
	color:#666; 
	border:1px solid #ddd; box-sizing:border-box; 
	}
.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  textarea {width:100%;
    height:200px;
    font-size: 1rem;
    border-radius: 5px;
    padding:10px;
	border:1px solid #ddd; box-sizing:border-box; 
	}

.write li.mail div {flex-wrap:nowrap}
.write li.mail  input[type="text"] {width:calc(33% - 10px)}
.write li.mail span {width:20px; text-align:center;}
.write li.mail select {width:30%; margin-left:5px}


.write li.id  input[type="text"] {width:50%; }
.write li.tel  input[type="text"] {width:calc(33.333% - 5px)}
.write li.tel div  {flex-wrap:nowrap; }
.write li.tel div:nth-child(1) {width: calc(100% - 100px) !important;  }

.write li.tel  span {width:10px; text-align:center;}
 
.write li.adress  input[type="text"] {width:200px}
.write li.adress  input[type="text"]:last-child {margin-top:8px; width:100%}
 
.write a.s_btn {width:100px; line-height:35px; background-color:#333; color:#fff !important; text-align:center; display:inline-block; margin-left:5px; border-radius:3px; font-size:1rem }


 @media screen and (max-width:768px) {
		 .write {border:none; padding:0; border-top:2px solid #333; }
         .write li {width:100%; flex-wrap:wrap; font-size:1rem}
		  .write li.col_2 {width:100%; }

 		  .write li p {width:100%; margin-bottom:5px;  } 
		  .write li div {width:100% !important}
		  .write li span.t_box {font-size:.95rem; margin-top:8px}
		  .write a.s_btn {font-size:.93rem}

           
}
/*서치*/
 						
.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.93rem; 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.95rem; font-weight:500; padding:0 30px; display:inline-block; vertical-align:middle;}


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

 
}