@charset "utf-8";

/**** 공통소스 ****/
/*@-ms-viewport {
width: device-width;
white-space: nowrap
}*/
em {
	font-style: normal
}
div {
	box-sizing: border-box
}
/* Global */

:root {
  /* Color */
 --color-white: #ffffff;
 --color-light-white: #f2f4f7;
 --color-dark-white: #bdbdbd;
 --color-dark-grey: #333333;
 --color-grey: #141414;
 --color-yellow: #fff7d1;
 --color-black: #000000;

  /* Font size */
 --font-large: 36px;
 --font-medium: 26px;
 --font-regular: 22px;
 --font-small: 17px;
 --font-micro: 14px;
 
--font-family-nanum: 'NanumSquare','Nanum Gothic','Noto Sans KR';  
 
--font-family-noto: 'Noto Sans KR','NanumSquare','Nanum Gothic'; 
    
  /* Font weight */
 --weight-bold: 700;
 --weight-semi-bold: 600;
 --weight-regular: 400;

  /* Size */
  --size-border-radius: 4px;

  /* Anniamion */
  --animation-duration: 300ms;

--f-com:13px;
--h-com:40px;    
}

/* Universal tags */
/* 
html { min-width: 1440px; }
*/

* {
	box-sizing: border-box;
}
body {
	padding: 0;
	margin: 0;
	font-family: 'Nanum Gothic','NanumSquare','Noto Sans KR';
	cursor: default;
}
a {
	text-decoration: none;
}
ul {
	padding-top: 0;
	padding-left: 0;
}
li {
	list-style: none;
}
dl {
	padding-top: 0;
	padding-left: 0;
}
dd {
	padding-top: 0;
	padding-left: 0;
     margin-inline-start: 0px;
}
button {
	background-color: transparent;
	cursor: pointer;
	border: none;
	outline: none;
}
/**** 패딩: 상 ****/

.pd_b_30 {
	padding-top: 20px;
	box-sizing: border-box
}
/**** 패딩: 좌 ****/
.pd_l_20 {
	padding-left: 20px;
	box-sizing: border-box
}
.pd_l_40 {
	padding-left: 40px;
	box-sizing: border-box
}
.pd_l_60 {
	padding-left: 60px;
	box-sizing: border-box
}
/**** line-height****/
.lh_35 {
	line-height: 35px;
}
.lh_18 {
	line-height: 18px;
}
/* Typography */

h1 {
	font-size: var(--font-large);
	font-weight: var(--weight-bold);
	color: var(--color-black);
	margin: 16px 0px;
}
h2 {
	font-size: var(--font-medium);
	font-weight: var(--weight-semi-bold);
	color: var(--color-black);
	margin: 8px 0;
}
h3 {
	font-size: var(--font-regular);
	font-weight: var(--weight-regular);
	color: var(--color-black);
	margin: 8px 0;
}
/*
p {
	font-size: var(--font-regular);
	font-weight: var(--weight-regular);
	color: var(--color-black);
	margin: 4px 0;
}
*/

/* 공통사이즈 */
/**** 영역 ****/
.w_100p{  width:100% ;box-sizing:border-box}

/*마진*/   
.m-b-4 { margin-top: 4rem !important; }
.m-b-3 { margin-bottom: 3rem !important; }

@media (min-width: 768px){
.col-md-10 {
    float: left;
    width: 83.33333%;}

}
.img_cover { object-fit:cover;}

/**** 탭 포인트 위치 설정****/
/**** pc ****/
@media only all and (min-width:1000px) {
.sp_link {	width:100%;	float:left;	position:relative;	top:-70px}
.sp_com {	width:100%;	float:left; height: 80px}
.sp_pd { padding: 50px; box-sizing: border-box}
}
/**** 모바일 ****/
@media only all and (max-width:999px) {
.sp_link {	width:100%;	float:left;	position:relative;	top:-70px}
.sp_com {	width:100%;	float:left; height: 20px}
.sp_pd {	 padding: 10px; box-sizing: border-box}
}

@media only all and (min-width:1301px) {
.pc_view { display:block}
.tb_view { display:none!important}
.mobile_view { display:none!important}
    .m_view{}
}
/**** 테블릿 ****/
@media all and (max-width:1300px) and (min-width:768px) {
.pc_view { display:none!important}
.tb_view { display:block}
.mobile_view { display:none!important}
    .m_view{display: block !important;}
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
.pc_view { display:none!important}
.tb_view { display:none!important}
.mobile_view { display:block}
    .m_view{display: block !important;}
}

/**** pc ****/
@media only all and (min-width:767px) {
.pc_view2 { display:block}
.mobile_view2 { display:none}

}

/**** 모바일 ****/
@media only all and (max-width:766px) {
.pc_view2 {display:none }
.mobile_view2 {display:block }

}

/* 입력서식 */
input, button, label, textarea, select {display:inline-block; vertical-align:middle; box-sizing:border-box; color:#333; }
input[type=text], input[type=password], input[type=number], input[type=tel], input[type=email], textarea {border:1px solid #dcdcdc;  line-height:19px; background:#fff; text-shadow:none;}

/**** pc ****/
@media only all and (min-width:769px) {
input[type=text], input[type=password], input[type=number], input[type=tel], input[type=email], textarea {border:1px solid #dcdcdc;  line-height:16px; background:#fff; text-shadow:none;}
}
/**** 모바일 ****/
@media only all and (max-width:768px) {
input[type=text], input[type=password], input[type=number], input[type=tel], input[type=email], textarea {border:1px solid #dcdcdc; line-height:16px; background:#fff; text-shadow:none;}
}

input[type=text][disabled], input[type=password][disabled], input[type=number][disabled], input[type=tel][disabled], input[type=email][disabled], textarea[disabled] {background:#eee;}

/**** pc ****/
@media only all and (min-width:769px) {
input[type=text], input[type=password], input[type=number], input[type=tel], input[type=email] {height:40px; }
}
/**** 모바일 ****/
@media only all and (max-width:768px) {
input[type=text], input[type=password], input[type=number], input[type=tel], input[type=email] {height:40px; }
}

input[type=text][readonly], input[type=password][readonly], input[type=number][readonly], input[type=tel][readonly], input[type=email][readonly] {border-color:#dcdcdc; color:#666; background:#fafafa;}
select {border:1px solid #dcdcdc; }
textarea {width:100%; padding:10px 15px;}
select[style], input[style], input[size] {width:auto; min-width:0;}
button, input[type=submit] {border:0; padding:0; cursor:pointer; background:transparent;}
button::-moz-focus-inner, input::-moz-focus-inner {border:0; padding:0;}
input[type=file] {margin:auto; height:35px;}
input::-webkit-input-placeholder, input:-moz-placeholder, input::-moz-placeholder, input:-ms-input-placeholder {color:#333;  opacity:1; font-family:  'Noto Sans KR',"NanumBarunGothic", nbg, dotum, sans-serif;}
@media only all and (min-width:1024px) {
	input::-webkit-input-placeholder, input:-moz-placeholder, input::-moz-placeholder, input:-ms-input-placeholder {color:#ccc;  }
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	input[type=file] {height:auto;}
}

input:focus,
textarea:focus, select:focus {
border-color: #ff7065;
}

textarea::-webkit-input-placeholder{    color:    #999999; font-size: 18px}
textarea:-moz-placeholder {     color:    #999999; font-size: 18px}
textarea::-moz-placeholder{     color:    #999999; font-size: 18px}
textarea:-ms-input-placeholder {     color:    #999999;; font-size: 18px}

/**** 모바일 ****/
@media only all and (max-width:768px) {
textarea::-webkit-input-placeholder{     color:    #999999; font-size: 15px}
textarea:-moz-placeholder {     color:    #999999; font-size: 15px}
textarea::-moz-placeholder{     color:    #999999; font-size: 15px}
textarea:-ms-input-placeholder {     color:    #999999;; font-size: 15px}
}

input::-webkit-input-placeholder{     color:    #666; font-size: 18px}
input:-moz-placeholder {     color:    #666;  font-size: 18px}
input::-moz-placeholder{     color:    #666; font-size: 18px}
input:-ms-input-placeholder {     color:    #666;  font-size: 18px}

/**** 모바일 ****/
@media only all and (max-width:768px) {
input::-webkit-input-placeholder{     color:   #666; font-size: 15px}
input:-moz-placeholder {     color:   #666;  font-size: 15px}
input::-moz-placeholder{     color:    #666; font-size: 15px}
input:-ms-input-placeholder {     color:   #666;  font-size: 15px}
}

/* 게시판, 테이블 관련  */
div{box-sizing: border-box}
input[type=text][readonly], input[type=password][readonly], input[type=number][readonly], input[type=tel][readonly], input[type=email][readonly] {}

select[style], input[style], input[size] {width:auto; min-width:0;}
input[type=submit] {border:0; padding:0; cursor:pointer; background:transparent;height: var(--h-com)!important;	line-height:var(--h-com)!important;}
button::-moz-focus-inner, input::-moz-focus-inner {border:0; padding:0;}
input[type=file] {margin:auto; }


button, input[type=submit] {border:0; padding:0; cursor:pointer; background:transparent;}
button::-moz-focus-inner, input::-moz-focus-inner {border:0; padding:0;}


:focus {outline:none}

input[type=text]{height: var(--h-com)!important;	line-height:var(--h-com)!important;	padding: 10px 10px!important; box-sizing: border-box;	font-size:var(--f-com);	color:#555;
		background-image:none; border: 1px solid #ccc; background-color: #f7f7f7;  box-sizing: border-box ; border-radius: 0px}

input[type=text]:focus{ height: var(--h-com)!important;	line-height:var(--h-com)!important;border: 1px solid #ccc;position: relative; z-index: 999}

input.small[type=text]{height:30px!important;	line-height:30px!important;	padding: 0px 10px!important; box-sizing: border-box;	font-size:var(--f-com);	color:#555;
		background-image:none; border: 1px solid #ccc; background-color: #f7f7f7;  box-sizing: border-box ; border-radius: 0px}

input.small[type=text]:focus{ height: 30px!important;	line-height:30px!important;border: 1px solid #ccc;position: relative; z-index: 999}

/* 공통:  클릭효과 */
input:focus, select:focus, textarea:focus{
	border-color:#66afe9!important; background-color: #eee;
	 border: 1px solid #586ed5!important;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
	box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); 
}

/* 공통: 텍스트 박스 기본 */
textarea{ width: 100%;  float:left;  padding: 10px; box-sizing: border-box; color: #333; font-size: var(--f-com);position: relative ;  border: 1px solid #ccc; background-color: #f7f7f7; 	line-height:var(--h-text); margin-bottom: -1px}

/* 공통: 많이 쓰는 높이 */
textarea.h_com{ height:200px!important;}

/* 공통:   셀렉트  */
select {
  -webkit-appearance: none;  /* 네이티브 외형 감추기 */
  -moz-appearance: none;
  appearance: none;
 height:var(--h-com)!important;  ; font-size: var(--f-com) ;color: #666; background-color: #fff ; border: 1px solid #ccc; line-height:var(--h-com)!important; position: relative; padding: 0px 10px!important;  background: url("/common/images/select_down.svg")no-repeat calc(100% - 5px) center!important;   background-size: 30px!important;
}

select:focus {z-index: 99999999}

/* IE 10, 11의 네이티브 화살표 숨기기 */
select::-ms-expand {   display: none; }

/**** 입력폼 내 폰트 크기 ****/
input::-webkit-input-placeholder{    color:    #999; font-size: var(--f-com)}
input:-moz-placeholder {    color:    #999; font-size: var(--f-com)}
input::-moz-placeholder{   color:    #999; font-size: var(--f-com)}
input:-ms-input-placeholder {    color:    #999; font-size:var(--f-com)}

textarea::-webkit-input-placeholder{    color:    #999999; var(--f-com)}
textarea:-moz-placeholder {     color:    #999999;var(--f-com)}
textarea::-moz-placeholder{     color:    #999999; var(--f-com)}
textarea:-ms-input-placeholder {     color:    #999999;;var(--f-com)}

/* 입력창 비활성 */
input[disabled], inputm[readonly]{	background-color:#eee; cursor:not-allowed;	opacity:1}

input[type="checkbox"] {
 width: 18px;
 height: 18px;
 padding: 0;
}

/* 작은 체크 */
input.checkbox[type="checkbox"] {
 position: absolute;
 width: 1px;
 height: 1px;
 padding: 0;
 margin: -1px;
 overflow: hidden;
 clip: rect(0,0,0,0);
 border: 0; 
}
input.checkbox[type="checkbox"] + label {
 display: inline-block;
 position: relative;
 cursor: pointer;
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none; font-size: 14px; color: #333; 
}

input.checkbox[type="checkbox"] + label:before { 
 content: ' ';
 display: inline-block;
 width: 20px; /* 체크박스의 너비를 지정 */
 height: 20px; /* 체크박스의 높이를 지정 */
 line-height: 20px;
 margin: 0px 5px 0 0;
 text-align: center;
 vertical-align: middle;
 border: 1px solid #ccc;
 border-radius : 3px;background-size: 14px;  background-color:#f7f7f7;background-position: center;  background-repeat: no-repeat; 
}
input.checkbox[type="checkbox"] + label:active:before, input.checkbox[type="checkbox"]:checked + label:active:before {
 
}

/* 체크박스를 체크했을때 */
input.checkbox[type="checkbox"]:checked + label:before {

content: "\e9c3";    font-family: unicons-line; 
 background-color:var(--div-color4);background-position: center;  background-repeat: no-repeat; background-size: 25px; line-height: 20px;
 color: #fff;
 border: 1px solid var(--div-color4);
}

/* 작은 라디오  */
input.radioch[type="radio"] {
 position: absolute;
 width: 1px;
 height: 1px;
 padding: 0;
 margin: -1px;
 overflow: hidden;
 clip: rect(0,0,0,0);
 border: 0; 
}
input.radioch[type="radio"] + label {
 display: inline-block;
 position: relative;
 cursor: pointer;
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none; font-size: 14px; margin-right: 10px
}

input.radioch[type="radio"] + label:before { 
 content: ' ';
 display: inline-block;
 width: 20px; /* 체크박스의 너비를 지정 */
 height: 20px; /* 체크박스의 높이를 지정 */
 line-height: 20px;
 margin: -4px 2px 0 0;
 text-align: center;
 vertical-align: middle;
 border: 1px solid #ccc;
 border-radius : 100%;
background: url("../../img/icon/icon_ch.png"); background-color:#fff ;background-position: center;  background-repeat: no-repeat; margin-right: 5px
}
input.radioch[type="radio"] + label:active:before,  input.radioch[type="radio"]:checked + label:active:before {
 
}

 /* 체크박스를 체크했을때 */
input.radioch[type="radio"]:checked + label:before {
content: "\e9c3";    font-family: unicons-line; 
 background-color:var(--div-color4);background-position: center;  background-repeat: no-repeat; background-size: 12px;
 color: #fff;
 border: 1px solid var(--div-color4);
}



input[type=radio] {
  visibility: hidden;
}

/* 작은 라디오_이미지형 */
input.radioch_img[type="radio"] {
 position: absolute;
 width: 1px;
 height: 1px;
 padding: 0;
 margin: -1px;
 overflow: hidden;
 clip: rect(0,0,0,0);
 border: 0; 
}
input.radioch_img[type="radio"] + label {
 display: inline-block;
 position: relative;
 cursor: pointer;
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none; font-size: 14px; margin-right:2px;  background-color:#999; border-radius: 4px ; color: #fff; padding: 5px 10px; margin-bottom: 5px
}


input.radioch_img[type="radio"] + label:active:before,  input.radioch[type="radio"]:checked + label:active:before {
 
}
 /* 체크박스를 체크했을때 */
input.radioch_img[type="radio"]:checked + label {

background: url("../../img/icon/icon_ch.png"); background-color:#333 ;background-position: center;  background-repeat: no-repeat; background-size: 12px;
 color: #fff;

}

/* FAQ */
.accordion {
  background-color: #fff;
  color: #444;
  cursor: pointer;
  padding: 18px 18px 18px 50px;
  width: 100%; float: left;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; margin-top: -1px!important; background: url("/bbs/image/icon_q.gif"); background-position: 15px center; background-repeat: no-repeat
}

.active, .accordion:hover {
}

.accordion:after {
  content: '\002B';
  color: #777;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.active:after {
  content: "\2212";
}

.panel_faq {float: left;
  padding: 0px 18px; 
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;   background-color: #f7f7f7; width: 100%; box-sizing: border-box
}
.panel_faq .inbox{float: left;
  padding: 18px 18px 18px 30px;   transition: max-height 0.2s ease-out;  box-sizing: border-box; background: url("/bbs/image/icon_a.gif"); background-position: left center; background-repeat: no-repeat; 
}

/* ====================================================================================================================
 * menu name:		각 게시판 리스트 화면
 * ====================================================================================================================*/

/**** pc ****/ /**** 전체게시글 ****/
@media only all and (min-width:1025px) {
	
.page_num{float:left;padding:20px 0 0 0; margin-bottom: 20px; }
.page_num > span{float:left;position:relative;font-weight:300;font-size:16px;line-height:14px;color:#1d1614;letter-spacing:-0.05em}
.page_num > span > em{font-weight:600; color:#a30006;}
.page_num > span > em ~ em{color:#000; font-weight:600;}
.page_num > span + span{padding-left:10px;margin-left:10px}
.page_num > span + span:after{position:absolute;top:0px;left:0;width:1px;height:16px;background:#e0e0e0;content:""}
.page_num > span.rss:after{display:none}
.page_num a{display:block;width:24px;height:24px;padding:3px;margin-top:3px;background:#e36500;text-align:center}
.page_num a > i[class*="xi-"]{display:block;font-size:0.900em;line-height:1em;color:#fff}
}

/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:1025px) {
}

/**** 모바일 ****/ /**** 전체게시글 ****/
@media only all and (max-width:1024px) {

.page_num {width:100%; padding:10px 0; display: flex; flex-wrap: wrap; justify-content: space-between;}
.page_num > span + span:after{display:none}
.page_num > span{position:relative;font-weight:300;font-size:14px;line-height:14px;color:#1d1614;letter-spacing:-0.05em}
.page_num > span > em{font-weight:600; color: #a30006;}
.page_num > span > em ~ em{color:#000; font-weight:600;}	
}

/**** 검색 :start ****/
/**** pc ****/ 
@media only all and (min-width:1025px) { 
    
/* 검색 BOX  */
.news_table_header{position:relative; margin:0 0 10px; }
.news_table_header:after{display:block;content:""}
    .notice_search_group3 {position:relative; height:40px;display:grid; grid-template-columns: 130px auto; float: right; width: 50%;} /*뉴스, RT정책 공통*/
    .notice_search_group3 .th { margin-right: -1px;}
    .notice_search_group3 .td { display: grid; grid-template-columns: auto 40px; align-items: center;} /*출처인+버튼*/
    /* 검색 BUTTON */
    .notice_search_group3 .bbs_btn{ width: 40px; height: 40px; background-color: #333; text-align: center ; z-index: 3}
    .notice_search_group3 .bbs_btn i{ color: #fff; font-size: 20px; line-height: 40px }

}

/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:1025px) {  }

/**** 모바일 ****/
@media only all and (max-width:1024px) { 
/* 검색 BOX  */
.news_table_header{ clear: both; position:relative; margin:0 0 10px; }
.news_table_header:after{clear:both;display:block;content:""}
    .notice_search_group3 {position:relative; display:grid; width: 100%; justify-items: stretch; margin-bottom: 10px; } /*뉴스, RT정책 공통*/
    .notice_search_group3:after{clear:both;}
    .notice_search_group3 .th { width: 100%;}
    .notice_search_group3 .td { width: 100%; margin-top: -1px; display: grid; grid-template-columns: auto 40px; align-items: center;} /*출처인+버튼*/
    /* 검색 BUTTON */
    .notice_search_group3 .bbs_btn { width: 40px; height: 40px; background-color: #333; text-align: center ; z-index: 3}
    .notice_search_group3 .bbs_btn i{ color: #fff; font-size: 20px; line-height: 40px }
    /**/

}

/**** pc ****/ 
@media only all and (min-width:1025px) { /**** 리스트 ****/
	
.rt_tb_com { width:100%; float:left;  border-top: 2px solid #333; display: table; }
.rt_tb_com .thead{ width:100%; float:left;  background-color: #f7f7f7 ;  ;border-bottom: 1px solid #ccc; display:flex; flex-direction:row;justify-content: space-between;}
.rt_tb_com .thead .th{ float:left;  padding:15px 0px; text-align: center; font-size: 15px; font-family: 'NanumSquare','Nanum Gothic','Noto Sans KR'; font-weight: bold; color: #333; text-align: center!important; }

.rt_tb_com .tr{ width:100%; height: 100%;  float:left;  border-bottom: 1px solid #ccc;  display: table-row; display:flex; flex-direction:row;justify-content: space-between; align-items: center; cursor: pointer;}
.rt_tb_com .tr:hover{ background-color: #f7f7f7}
.rt_tb_com .tr .td{ height: 100%; float: left; padding:13px 15px; text-align: center; font-size: 15px;font-family: var(--font-family-nanum); line-height: 21px; color: #666; display: inline-block;  }
.rt_tb_com .tr .t_left{ text-align: left!important;  word-break: keep-all;  }
.rt_tb_com .tr .td  img{ margin: -3px 0 0 5px; display: inline-block; line-height: 21px;}
	
}

/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:1025px) {
}

/**** 모바일 ****/ 
@media only all and (max-width:1024px) { /**** 리스트 ****/
	
.rt_tb_com { width:100%; float:left;  border-top: 2px solid #333; display: table;  }
.rt_tb_com .thead{ width:100%; float:left;  background-color: #f7f7f7 ;  border-bottom: 1px solid #ccc; display:none; flex-direction:row;justify-content: space-between;}
.rt_tb_com .thead .th{ float:left;  padding:15px 0px; font-size: 15px; font-family: var(--font-family-nanum); text-align: center!important; color: #000 ; font-weight: 600;}

.rt_tb_com .tr{ width:100%;   float:left;  border-bottom: 1px solid #ccc; padding:10px 0px; display:flex; flex-wrap: wrap; }
.rt_tb_com .tr:hover{ background-color: #f7f7f7}
.rt_tb_com .tr .td{ float:left;  font-size: 15px; ; color: #666; font-family: var(--font-family-nanum);  }
.rt_tb_com .tr .t_left{ text-align: left!important;    }
.rt_tb_com .tr .td .img_box{  width:150px;  }
.rt_tb_com .tr .td img{ width:auto; height:18px; margin-left:10px; margin-top: 5px; vertical-align: bottom; float: right;}  
}

/**** pc ****/ 
@media only all and (min-width:1025px) { /****리스트 ****/
		
.rt_tb1 .tr .td:first-child, .rt_tb1 .thead .th:first-child{ width:80px; order: 1}	
.rt_tb1 .tr .td:nth-child(2), .rt_tb1 .thead .th:nth-child(2){width:calc(100% - 540px);order: 2; cursor:pointer  }	
.rt_tb1 .tr .td:nth-child(3), .rt_tb1 .thead .th:nth-child(3){  width:150px;order: 3 }	
.rt_tb1 .tr .td:nth-child(4), .rt_tb1 .thead .th:nth-child(4){ width:150px;order:4}	
.rt_tb1 .tr .td:nth-child(5), .rt_tb1 .thead .th:nth-child(5){ width:80px;order:5}	
.rt_tb1 .tr .td:nth-child(6), .rt_tb1 .thead .th:nth-child(6){ width:80px;order:6}	
.rt_tb1 .tr .td  span { padding: 5px 10px;color: #fff;font-size:14px !important; font-weight:500; border-radius:3px;box-sizing:border-box;  }

    

    .rt_tb1 .tr .td input {margin-right:5px;} 

    /*뷰 버튼*/
    .bbs_bottom_btnstyle01{display: flex; justify-content: flex-end;}
    .bbs_bottom_btnstyle01 img {margin-left: 5px;}
    
    /*리스트 버튼*/
    .bbs_bottom_btnstyle02 {display: flex; flex-direction: row; justify-content: space-between;}
    .bbs_bottom_btnleft {}
    .bbs_bottom_btnright {}
    
	
}

/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:1025px) {
}

/**** 모바일 ****/ 
@media only all and (max-width:1024px) { /**** 리스트 ****/
		
.rt_tb1 .tr .td:first-child, .rt_tb1 .thead .th:first-child{ width:auto!important;float: left; font-size: 12px; margin-right: 20px;  order: 1}	
.rt_tb1 .tr .td:first-child:before{ content: " "}	
.rt_tb1 .tr .td:nth-child(2), .rt_tb1 .thead .th:nth-child(2){width:100%!important; float: left;color: #000;margin-top:0px ;order: 6 }	
.rt_tb1 .tr .td:nth-child(3), .rt_tb2 .thead .th:nth-child(3){   width:auto!important;float: left;font-size: 12px; margin-right: 20px;order: 2 }	
.rt_tb1 .tr .td:nth-child(3):before{ content: "글쓴이 : "}	
.rt_tb1 .tr .td:nth-child(4), .rt_tb1 .thead .th:nth-child(4){  width:auto!important;float: left;font-size: 12px;margin-right: 20px;order:3}	
.rt_tb1 .tr .td:nth-child(4):before{ content: "등록일 : "}	
.rt_tb1 .tr .td:nth-child(5), .rt_tb1 .thead .th:nth-child(5){  width:auto!important;float: left;font-size: 12px;margin-right: 20px;order:4}	
.rt_tb1 .tr .td:nth-child(5):before{ content: "조회수 : "}
.rt_tb1 .tr .td:nth-child(6), .rt_tb1 .thead .th:nth-child(6){  width:auto!important;float: left;font-size: 12px;margin-right: 20px;order:5}	
.rt_tb1 .tr .td:nth-child(6):before{ content: "파일/이미지 : "}
	
	
.rt_tb1 .tr .td:first-child, .rt_tb1 .thead .th:first-child{ line-height: 30px }	
.rt_tb1 .tr .td:nth-child(2), .rt_tb1 .thead .th:nth-child(2){ line-height: 30px }	
.rt_tb1 .tr .td:nth-child(3), .rt_tb1 .thead .th:nth-child(3){ line-height: 30px  }	
.rt_tb1 .tr .td:nth-child(4), .rt_tb1 .thead .th:nth-child(4){ line-height: 30px }	
.rt_tb1 .tr .td:nth-child(5), .rt_tb1 .thead .th:nth-child(5){ line-height: 30px }
.rt_tb1 .tr .td:nth-child(6), .rt_tb1 .thead .th:nth-child(6){ line-height: 30px }
    
    
    .rt_tb1 .tr .td input {margin-right:10px;}   
    
    
        /*뷰 버튼*/
    .bbs_bottom_btnstyle01{display: flex; justify-content: flex-end; padding-top: 10px;}
    .bbs_bottom_btnstyle01 img {margin-left: 5px;}
    
    /*리스트 버튼*/
    .bbs_bottom_btnstyle02 {display: flex; flex-direction: row; justify-content: space-between;}
    .bbs_bottom_btnleft {}
    .bbs_bottom_btnright {}
    
	
}

/**** pc ****/
@media only all and (min-width:769px) {
/* Paginate */
	.paginate{padding:0px 0 0px 0;width: 100%;  text-align: center; overflow: hidden;  margin-top: 50px; float: left;}
	.paginate .number{border:1px solid #ccc;display: inline-block; vertical-align: middle;}
	.paginate .number a{ font-weight: 300; font-size:12px;  color:#666; padding:5px 8px; border-left:1px solid #ccc; display: inline-block; vertical-align: middle; box-sizing:border-box;  text-align:end}
	.paginate .number a:hover{ background-color:#eee}

	.paginate .number a.on{ ffont-weight: 300; font-size:12px;  color:#fff;padding:5px 8px; border-left:1px solid #ccc; display: inline-block; vertical-align: middle; background-color:#333; margin:0px; text-align:end}

	.paginate .number a.pre_end{display: inline-block; vertical-align: middle; border-left:none; background-color:#eee}
	.paginate .number a.pre{display: inline-block; vertical-align: middle;  background-color:#eee}
.paginate .number a.next_end{display: inline-block; vertical-align: middle;  background-color:#eee}
.paginate .number a.next{display: inline-block; vertical-align: middle;  background-color:#eee}
}
/**** 모바일 ****/
@media only all and (max-width:768px) {
/* Paginate */
	.paginate{padding:0px 0 0px 0;width: 100%;  text-align: center; overflow: hidden; float: left; margin-top: 30px;}
	.paginate .number{border:1px solid #ccc;display: inline-block; vertical-align: middle;}
	.paginate .number a{ font-weight: 300; font-size:12px;  color:#666;   padding:8px 8px;border-left:1px solid #ccc; display: inline-block; vertical-align: middle; box-sizing:border-box;  text-align:end}
	.paginate .number a:hover{ background-color:#eee}
	.paginate .number a.on{  font-weight: 300; font-size:12px;  color:#fff; padding:8px 8px; border-left:1px solid #ccc; display: inline-block; vertical-align: middle; background-color:#333; margin:0px; text-align:end}
	.paginate .number a.pre_end{display: inline-block; vertical-align: middle; border-left:none; background-color:#eee}
	.paginate .number a.pre{display: inline-block; vertical-align: middle;  background-color:#eee}
.paginate .number a.next_end{display: inline-block; vertical-align: middle;  background-color:#eee}
.paginate .number a.next{display: inline-block; vertical-align: middle;  background-color:#eee}
}

/* ====================================================================================================================
 * menu name:		view 화면
 * ====================================================================================================================*/

/**** pc ****/
@media only all and (min-width:1025px) { 
    .detail_content { padding: 10px 0 100px 0; } 
    
    
    /*버튼*/
    .info_area .button_group  .btn_box {width:100%;  float: left; display: flex;  justify-content:flex-end;  align-items: flex-end; flex-direction:row; box-sizing: border-box; gap:20px; }	
    
    .before_view_btn{width:120px;  border-radius:30px; background-color:var(--div-color13) ;color: #fff ;text-align: center  ; padding:8px 30px 8px 10px; position: relative; margin-top:20px; font-size: 14px; cursor:pointer}		
	
	
    .before_view_btn img{width:25px; position: absolute; right:10px; top:5px}	
	.before_view_btn i{width:25px; position: absolute; right:10px; top:7px; font-size: 20px;}	
	
    .before_view_btn2{width:120px;  border-radius:30px; background-color:var(--div-color12) ;color: #fff ;text-align: center  ; padding:8px 30px 8px 10px; position: relative; margin-top:20px; font-size: 14px; cursor:pointer}		
    .before_view_btn2 img{width:20px; position: absolute; right:15px; top:5px}
   .before_view_btn2 i{width:20px; position: absolute; right:15px; top:7px; font-size: 20px;}
    
    
    /*회색 중간 버튼  */
    .btn_m4{ box-sizing:border-box; position: relative;padding: 10px 20px; color: #fff; background-color: var(--div-color1); font-size: 14px; border-radius: 4px;  display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-evenly; transition: all 300ms ;}
    .btn_m4:hover{  padding: 10px 20px; color: #fff; background-color: #333 ; border-radius: 4px}
    .btn_m4 i { font-size: 18px; }
}

/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:1025px) {    }

/**** 모바일 ****/
@media only all and (max-width:1024px) {  
    .detail_content { padding: 0px 0px 135px 0px; } 
    
    
    /* 버튼*/
    .info_area .button_group  .btn_box {width:100%;  float: left; display: flex;  justify-content:flex-end;  align-items: flex-end; flex-direction:row; box-sizing: border-box; gap:20px; }	
    
    .info_area .button_group  .btn_box .before_view_btn{width:120px;  border-radius:30px; background-color:var(--div-color13) ;color: #fff ;text-align: center  ; padding:8px 30px 8px 10px; position: relative; margin-top:20px; font-size: 14px; cursor:pointer}		
    .info_area .button_group .btn_box .before_view_btn img{width:25px; position: absolute; right:10px; top:5px}	
	
    .info_area .button_group .btn_box .before_view_btn2{width:120px;  border-radius:30px; background-color:var(--div-color12) ;color: #fff ;text-align: center  ; padding:8px 30px 8px 10px; position: relative; margin-top:20px; font-size: 14px; cursor:pointer}		
    .info_area .button_group .btn_box .before_view_btn2 img{width:20px; position: absolute; right:15px; top:5px}
    
    
    /*ko-회색 중간 버튼 */
    .btn_m4{ box-sizing:border-box; width: 100%; position: relative;padding: 10px 20px; color: #fff; background-color: var(--div-color1); font-size: 14px; border-radius: 4px;  display: flex; flex-wrap: nowrap; align-items: center; justify-content: center; transition: all 300ms ;}
    .btn_m4:hover{  padding: 10px 20px; color: #fff; background-color: #333 ; border-radius: 4px}
    .btn_m4 i { font-size: 18px; }
    
}

/**** view : start ****/
/**** pc ****/
@media only all and (min-width:1025px) {
    .bbs_view_head2 { width:100%; border-top:2px solid #333;  background-color: #f6f6f6 ; padding: 20px 30px; box-sizing: border-box; border-bottom: 1px solid #ccc; display: flex;flex-direction: column; } 
    .bbs_view_head2 .title_inbox { display: flex; justify-content: space-between;}
    .bbs_view_head2 .title_inbox .title{ width:70%; font-size: 18px;  line-height: 25px;}  
	.bbs_view_head2 .title_inbox .info{ width:30%; font-size: 15px;  color: #666;letter-spacing: -1px; display: flex; flex-direction: row; justify-content: flex-end; }
	.bbs_view_head2 .title_inbox .info span:first-child { margin: 0 10px; } 
    
    /*헤드안테이블내용*/
    .bbs_view_head2 .info_area { position:relative; width:100%; padding-top:18px; display: flex; flex-direction: row; justify-content: space-between; align-items: flex-end;border-top:1px solid #ccc;}
    .bbs_view_head2 .info_area table { width: 70%;}
    .bbs_view_head2 .info_area table tbody th,
    .bbs_view_head2 .info_area table tbody td {padding:6px 0; color:#333; font-size:15px;  text-align:left; vertical-align:top; font-weight: 500;}
    .bbs_view_head2 .info_area table tbody td {padding:6px 32px;  }
    .bbs_view_head2 .info_area .tit {position:relative; display:block;}
    .bbs_view_head2 .info_area .tit:after {position:absolute; top:3px; right:0; width:1px; height:17px; background-color:#ccc; opacity:.4; content:"";}
    .bbs_view_head2 .info_area .cont {text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; white-space:nowrap;}
    .bbs_view_head2 .info_area .button_group { width: 30%;}

    
    .bbs_view_cont{ position: relative; width:100%; padding: 50px 30px 80px 30px; box-sizing: border-box;  border-bottom: 1px solid #ccc; word-break: keep-all;} 
    .bbs_view_cont:after{clear:both;display:block;content:"" }

    
}

/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:1025px) {   }

/**** 모바일 ****/
@media only all and (max-width:1024px) { 
.bbs_view_head2 { width:100%; border-top:2px solid #333;  background-color: #f6f6f6 ; padding: 20px 10px; box-sizing: border-box; border-bottom: 1px solid #ccc; display: flex; flex-direction: column; align-items: flex-start;} /*사업공고, 행사알림*/
.bbs_view_head2 .notice_icon{ width:55px;  float: left; text-align: center; color: #fff; box-sizing: border-box; padding: 0px; height: 35px; line-height: 35px; font-size: 16px; border-radius: 5px; margin-right: 10px; background-color: #f5b076;}

    /*view-제목타이틀*/
    .bbs_view_head2 .title_inbox { width:100%; font-size: 16px;  display: flex; flex-direction: column; }
	.bbs_view_head2 .title_inbox .title{ width:100%; font-size: 16px; line-height: 25px;}
	.bbs_view_head2 .title_inbox .info{ width:100%; font-size: 13px;  color: #666; margin-top: 10px; display: flex; flex-direction: row; justify-content: space-between; }
  
	
    /*헤드안테이블내용*/
    /*.bbs_view_head2 .info_area table tbody th {visibility: visible; display: inline-block;}*/
    .bbs_view_head2 .info_area { position:relative; width:100%; padding-top:18px; display: flex; flex-direction: column; align-items: flex-start;border-top:1px solid #ccc;}
    .bbs_view_head2 .info_area table { width: 100%;}
    .bbs_view_head2 .info_area table tbody th,
    .bbs_view_head2 .info_area table tbody td {padding:6px 0; color:#333; font-size:14px;  text-align:left; vertical-align:top; font-weight: 500;}
    .bbs_view_head2 .info_area table tbody td {padding:6px 22px;  }
    .bbs_view_head2 .info_area .tit {position:relative; display:inline-block; min-width: 80px;}
    .bbs_view_head2 .info_area .tit:after {position:absolute; top:3px; right:0; width:1px; height:17px; background-color:#ccc; opacity:.4; content:"";}
    .bbs_view_head2 .info_area .cont {display:inline-block; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word;  word-break: break-all; white-space:pre-line;}
    .bbs_view_head2 .info_area .button_group { width: 100%;}
    

    
    .bbs_view_cont{ position: relative; width:100%; float: left;padding:20px 10px 60px 10px; box-sizing: border-box; font-size: 14px; border-bottom: 1px solid #ccc; word-break: keep-all;}
    .bbs_view_cont:after{clear:both;display:block;content:"" }

}






/**** pc ****/
@media only all and (min-width:1025px) {
    .bbs_view_file { width:100%; background-color: #fff; padding: 20px 10px; box-sizing: border-box; border-bottom: 1px solid #ccc; display: flex;flex-direction: column; color: #666;} 
    .bbs_view_file .title_inbox { display: flex; justify-content: space-between;}
    .bbs_view_file .title_inbox .title{ width:70%; font-size: 14px;  line-height: 25px;}     
 
    .btn_wrap {display: flex;flex-direction: row; justify-content: flex-end; margin-top: 20px;}    
    .btn_m.color1{ padding: 8px 30px; color: #fff; background-color: #666; border-radius: 4px; font-size: 14px;} /*게시판 버튼*/
    .btn_m.color1:hover{  padding: 8px 30px; color: #fff;background-color: #333 ; border-radius: 4px; font-size: 14px;}
    
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:1025px) {   }

/**** 모바일 ****/
@media only all and (max-width:1024px) { 
    .bbs_view_file { width:100%; background-color: #fff; padding: 15px 30px; box-sizing: border-box; border-bottom: 1px solid #ccc; display: flex;flex-direction: column;color: #666; } 
    .bbs_view_file .title_inbox { display: flex; justify-content: space-between;}
    .bbs_view_file .title_inbox .title{ width:70%; font-size: 13px;  line-height: 25px;} 

    .btn_wrap {display: flex;flex-direction: row; justify-content: flex-end; margin-top: 20px;}    
    .btn_m.color1{ padding: 8px 30px; color: #fff; background-color: #666; border-radius: 4px; font-size: 14px;} /*게시판 버튼*/
    .btn_m.color1:hover{  padding: 8px 30px; color: #fff;background-color: #333 ; border-radius: 4px; font-size: 14px;}    
}
    
    
    
/**** //view : end ****/



/* ====================================================================================================================
 * menu name:		게시판글쓰기
 * ====================================================================================================================*/


/**** pc ****/
@media only all and (min-width:1025px) {
    .tb_01_box{width: 100%; border-top: 2px solid #000;border-collapse: collapse;  border-spacing: 0;}
    .tb_02 {width: 100%;border-collapse: collapse;  border-spacing: 0;}
    .tb_02 th, .tb_02 td{ border-bottom: 1px solid #ccc; border-top: 1px solid #ccc;}
    .tb_02 th {background-color:#f7f7f7; padding: 10px;}
    .tb_02 td {background-color:#ffffff; padding: 10px 10px 10px 30px}
}


/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:1025px) {   }

/**** 모바일 ****/
@media only all and (max-width:1024px) {
    
    .tb_01_box{width: 100%; border-top: 2px solid #000;border-collapse: collapse;  border-spacing: 0;}
    .tb_02 {width: 100%;border-collapse: collapse;  border-spacing: 0;}
    .tb_02 th, .tb_02 td{ border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; font-size: 14px;}
    .tb_02 th {background-color:#f7f7f7; padding: 10px; text-align: left; letter-spacing: -1; line-height: 1; width: 100px;}
    .tb_02 td {background-color:#ffffff; padding: 10px 10px 10px 10px}
}