/*-------------------------------
     갤러리, 일반 게시판 공통
-------------------------------*/
/* 게시판 리스트, 읽기, 쓰기, 수정 */
.board-gallery, .board-list {
	/*font-family: 'NanumSquareR', Verdana;*/
}
.board-gallery .board_bgcolor {
	width: 20%;
}
.board-gallery .board_desc {
    width: 80%;
	text-align: left;	
}
.board_bgcolor {
	font-size: 16px;
	color: #303030;
	text-align: center;
	padding: 12px 5px;
}
.board_desc {
	font-size: 15px;
	color: #666;
	padding-left: 15px !important;
}
#post_area {
	color: #666;
}
@media screen and (max-width: 1199px) {
	#post_area img {
		 width:97% !important;
		 height:auto !important;
	}
	.comment_txt textarea {
		 width:97% !important;
		 margin-bottom: 5px;
	}
}

/* 하단 페이징 위 수평라인 */
.hori-line {
   width: 100%;
   border-top: 1px solid #e5e5e5;
   margin-bottom: 30px;
}

/* 전체선택, 선택글, (삭제/이동/복사)버튼 */
.board {
	border: 0;
	margin: 25px 0;
}

/* 페이징 */
.paging {
	width: 100%;
	font-size: 15px;
	text-align: center;
	margin-bottom: 20px;
}
.paging b {
	color: #fff;
	padding: 4px 7px 4px 7px;
	border: 1px solid #979797;
	background-color: #979797;
}
.paging a {
	font-size: 15px;
	color: #979797;
	padding: 4px 7px 4px 7px;
	border: 1px solid #dbdbdb;
	text-decoration: none !important;
}

/* 글쓰기 버튼 */
.mt-20 {
	margin-top: 20px;
}
.btn-write {
	text-align: right !important;
	width: 100%;
	margin: 20px 0;
}

/* 검색버튼 */
#ext_search {
	display: inline-block;
	width: 100%;	

	margin-top: 20px;
}
.est_cate_cell select {
    font-size: 0.9em;
	height: 34px;
	border: 1px solid #dbdbdb;
}
.est_keyword_cell input[name=com_board_search_value] {
	width: 180px;
	max-width: 160px;
	height: 34px;	
	border: 1px solid #dbdbdb;
	padding-left: 5px;
}
@media (max-width: 768px) {
    .search-area {
		width: 100%;
		text-align: center !important;
	}
}

/*-------------------------------
           갤러리 게시판
------------------------------ */
/* 갤러리 게시판 리스트 */
.board-gallery {
	text-align: center;
	min-height: 300px;
}
.board-gallery img {
	max-width: 100% !important;
}
.g-board-list {
	width: 100%;
}
.g-board-list>table {
	display: inline-block;
	width: 30% !important;
	border: 0;
	margin-right: 50px;
}
.g-board-list>table:nth-child(3n+3) {
	margin-right: 0;
}
.g-board-list .board {
	display: inline-block;
	clear: both;
	width: 100% !important;
}
.g-board-list .bbsnewf5 img {
	display: inline-block;
	/*width: 100%;
	min-width: 246px;
	height:auto;*/
	width:280px; height:200px;
	
}
.g-board-list .gallery_subject {
    padding: 11px 5px 25px;
    line-height: 1.5;
}
.g-board-list .gallery_subject img {
	width: 20px;
	height: 20px;
}

/* 갤러리 게시판 리스트 하단 전체선택, 선택글, 버튼 */
.board_admin_bgcolor tr>td:nth-child(1) {
	width: 45px;
	padding-bottom: 2px;	
}
.board_admin_bgcolor tr>td:nth-child(2) {
	padding-top: 4px;
    padding-bottom: 0;    
}
.board_admin_bgcolor tr>td:nth-child(3) {
	width: 50px;
	padding-bottom: 2px;
}

@media (min-width:768px) and (max-width:1199px) {
	.g-board-list>table {
		width: 29% !important;
		margin-right: 41px;
	}
	.g-board-list .bbsnewf5 img {
		min-width: 0;
	}
}
@media (max-width:767px) {
	.g-board-list>table {
		width:100% !important;
		margin-right:0;
	}
	.g-board-list .bbsnewf5 img {
	}
	input[id="txtDiplay"] {
		width: 100% !important;
	}
}

/* 갤러리 게시판 읽기 */
.g-table-read {
	width: 100%;
	border-top: 1px solid #e5e5e5;
}
.g-table-read .board_bgcolor, .g-table-read .board_desc {
	border-bottom: 1px solid #e5e5e5;
}
.g-table-read .board td input {
	border-bottom: 1px solid #e5e5e5;
}
.h-line {
	border-top: 1px solid #e5e5e5;
}
#post_area {
	color: #666;	
	margin-bottom: 20px;
}
@media screen and (max-width:1199px) {
	#post_area img {
		 width: 97% !important;
		 height: auto !important;
	}
	.comment_txt textarea {
		 width: 97% !important;
		 margin-bottom: 5px;
	}
}

/* 갤러리 게시판 쓰기, 수정 */
.g-table-write {
	width: 100%;
	border-top: 1px solid #e5e5e5;
} 
.button-gray {
	font-size: 0.838em;
	background-color: white;
	color: #595957;
	padding: 4px 8px;
	border: 1px solid #c7c7c7;
}
.g-table-write .board_bgcolor, .g-table-write .board_desc {
	border-bottom: 1px solid #e5e5e5;
}
.g-table-write .board td input {
	width: 100%;
	height: 35px;
    border: 1px solid #e5e5e5;
    background-color: transparent;    
    padding: 3px 5px;
    margin: 1px 0;
}
.g-table-write .board td textarea[id=description] {
	background: #fff;
	border: 0;
}
.g-table-write .board td input[type=file] {
    max-width: 500px;
    border: 0px solid #e5e5e5;
}
.g-table-write .board td input[type=radio],
.g-table-write .board td input[type=checkbox] {
	max-width: 14px;
	max-height: 14px;
	margin-right: 5px !important;
}
@media screen and (max-width:768px) { 
    input {
       width: 97% !important;
       margin: 2px 0;
	}
}

/*-------------------------------
           일반 게시판
------------------------------ */
/* 게시판 리스트 */
.table-list {
	width: 100%;
}
.table-list td {	
	font-size: 15px;
	color: #666;
	padding: 4px;
	border-bottom: 1px solid #e5e5e5;
}

.board-list td.att_title {
	font-size: 16px;
	color: #303030;
	height: 55px;	
}
.board-list .board_admin_bgcolor tr>td:nth-child(1) {
	padding-bottom: 3px;	
}
.board-list .board_admin_bgcolor tr>td:nth-child(2) {
	padding-top: 3px;
    padding-left: 5px;    
}
.board-list .board_admin_bgcolor tr>td:nth-child(3) {
	width: 40px;
	padding-bottom: 3px;
}
/*
    .board-list .att_title:nth-child(4),
    .board-list .att_title:nth-child(5),
	.board-list .att_title:nth-child(6),
	.board-list .att_title:nth-child(7),
	.board-list .att_title:nth-child(8),
	.board_comment_bgcolor .comment_txt:nth-child(3)
*/
@media (max-width: 768px) {
    .board-list .bbswriter,
    .board-list .bbsetc_dateof_write,
	.board-list .bbsetc_view_count,
	.board-list .bbsfile_attachment,
	.board-list .bbsdownload_count {
        display: none;
	}
	.board-list .att_title {
		display: none;
	}
}

/* 게시판 읽기 */
.table-read {
	width: 100%;
	border-top: 2px solid #333;
	margin-bottom: 30px;
}
.table-read td {
	border-bottom: 1px solid #e5e5e5;
}
@media screen and (max-width: 768px) {
	.table-read .board_desc span {
		max-width: 100px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
	}
}

/* 게시판 쓰기 */
.table-write {
	width: 100%;
	border-top: 1px solid #e5e5e5;
}
.table-write .board .board_bgcolor {
	width: 20%;
}
.table-write .board .board_desc {
	width: 80%;
}
.table-write .board_bgcolor, .table-write .board_desc {
	border-bottom: 1px solid #e5e5e5;
}
.table-write .board td input {
	width: 100%;
	height: 35px;
    border: 1px solid #e5e5e5;
    background-color: transparent;    
    padding: 3px 5px;
    margin: 1px 0;
}
.table-write .board td input[type=file] {
    max-width: 500px;
    border: 0px solid #e5e5e5;
}
.table-write .board td input[name=phone_no1],
.table-write .board td input[name=phone_no2],
.table-write .board td input[name=phone_no3],
.table-write .board td input[name=mobile_no1],
.table-write .board td input[name=mobile_no2],
.table-write .board td input[name=mobile_no3] {
    max-width: 70px;
    width: 100%;
}

.table-write .board td input[type=radio],
.table-write .board td input[type=checkbox] {
	max-width: 14px;
	max-height: 14px;
	margin-right: 5px !important;
}

/* 게시판 답글 */
.table-reply {
	width: 100%;
	border-top: 1px solid #e5e5e5;
}


/*-------------------------------
          추출 게시판
-------------------------------*/
/* 일반 게시판 */
.board_output .board_output tbody>tr>td {   
	font-size: 0.95em !important; 
	border-bottom: 1px solid #e5e5e5;
} 
.board_output_1_tr td:last-child, .board_output_2_tr td:last-child {
	font-size: 0.5em !important;
	text-align: right;
	color: #777 !important;
	letter-spacing: -1.5;
}
.bd_out1 { 
	height: 40px; 
}
.bd_out1 a {	
	color: #303030 !important;
	display: inline-block;
}  
.bd_out1 a:hover { 
	color: #2877aa !important;
	text-decoration: none !important; 
}
@media screen and (max-width:360px) {
	.board_output_1_tr td:last-child, .board_output_2_tr td:last-child {
		display: none;		
	}
}
@media only screen and (min-width:990px) and (max-width:1200px)  {
	.board_output_1_tr td:last-child, .board_output_2_tr td:last-child {
		display: none;		
	}
}

/* 갤러리 게시판 */
.gallery-output {
	width: 100%;
}
.gallery-output .board_output table {
	width: 100%;		
}
.gallery-output .board_output tbody>tr>td {
	border: 0;
	padding-right: 6px;
} 
.gallery-output .board_output tbody>tr>td:last-child {
	padding-right: 0;
}
.board_output_gallery_subject {
	display: block;
	text-align: center;	
	padding-top: 10px;	
}
.board_output_gallery_subject a {
	color: #555 !important;	
}
.board_output_gallery_description { 
	text-align:	center;
	width: 100%; 
}
.board_output_gallery_img {
	width: 100%;
	display: block;
	text-align: center;	
}
@media all and (max-width:1199px) {
	.gallery-output .board_output_gallery_img img {
		width: 100%;
		height: auto;
	}
}
@media all and (max-width:768px) {
	.gallery-output .board_output_gallery_img img {
		height: auto;
	}
}
@media all and (max-width:480px) {
	.gallery-output .board_output_gallery_img img {
		padding: 0;
	    margin: 0;
		height:auto;
	}
	.gallery-output td {
		display:block;
		width: 100%;
	}
}



.read_btn
{text-align:right;}
.read_btn > .read_btns
{display : inline-block;}
.read_btn > .read_btns > a
{padding:7px 15px; margin:0px 5px 5px; background:#224e96; display : inline-block; border-radius:5px; font-size:15px; color:white;}
.read_btn > .read_btns > a:hover
{background:#2c60b3;}

#customer table.board_output tr.board_output_1_tr td:nth-child(2) a
{color:#767676 !important;}
#customer table.board_output tr.board_output_1_tr td:nth-child(3)
{color:#a29f9f !important;}
#customer table.board_output tr.board_output_3_tr td:nth-child(2) a
{color:#767676 !important;}
#customer table.board_output tr.board_output_3_tr td:nth-child(3)
{color:#a29f9f !important;}

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

	.g-board-list>table
	{display : inline; }
	.g-board-list .bbsnewf5 img
	{width:100%;}
	#customer table.board_output tr.board_output_3_tr td:nth-child(3)
	{display :none;}


	
}