/* CSS Document */
/* ------------------------------------------------------------
 * Name      : bbs.css    
 * Desc      : program page layout 
 * Created   : 2014/1/17
 * Updated  : 
 ------------------------------------------------------------ */

/*디자인테이블*/
.de_tb {width:100%; clear:both; font-size:0.8em;}
.de_tb tr:first-child th {border-top:3px solid #505050;}
.de_tb tr:first-child td {border-top:3px solid #505050;}
.de_tb th {
	background:#e1e2e4; 
	border-top:1px solid #fff; 
	padding:7px 0 7px 5px; 
	text-align:left; 
	color:#000000;
}
.de_tb.th_tc th {padding:13px 0 12px 0px; text-align:center;}
.de_tb th .check {height:8px; line-height:8px; vertical-align:middle; display:inline-block; zoom:1; *display:inline;}
.de_tb th .check img {vertical-align:middle; width:8px;}
.de_tb td {
	border-top:1px solid #fff; 
	background:#f5f6f8; 
	color:#000000;  
	padding:7px 10px;
}
.de_tb td.tc {text-align:center;  padding:12px 0 11px 0px;}
.de_tb td.file a { color:#737070; display:inline-block; padding-left:22px; background:url(https://m.koreanbar.or.kr/inc/img/common/add_file.gif) no-repeat left center;}
.pw_txt {letter-spacing:-1px; line-height:20px;}

/*인풋스타일*/
.form {
	clear:both;
	padding:10px 0px 0px 100px;
}
.form input {
	width:100%;
}
.form textarea {
	width:100%
}
.form li {
	margin-top:7px;
	vertical-align:top;
	width:100%;
	position:relative;
}
.form li .form_lab {
	position:absolute;
	left:-95px;
	top:8px;
}
.it {
	background:#fff;
	border:1px solid #cccccc;
	display:block;
	padding:1px 2px 1px 4px;
}

.it2 {
	background:#fff;
	border:1px solid #cccccc;
	display:inlien-block;
	padding:1px 2px 1px 4px;
}
.it input {
	border:none;
	height:20px;
	width:100%;
	background:#fff;
	font-size:1em;
}

.it textarea {
	border:none;
	height:90px;
	width:100%;
	background:#fff;
	font-size:1em;
}

span.left {
	display:inline-block;
	width:29%;
}

span.left3 {
	display:inline-block;
	width:35%;
}
span.file {
	display:inline-block;
	width:69%;
}

span.minus {
	display:inline-block;
	width:5%;
	text-align:center;
}
span.minus2 {
	display:inline-block;
	width:8%;
	text-align:center;
}
.ing_page_area {
	width:96%;
	min-height:50px;
	border:none;
	padding:2%;
	background:#e9e9e9;
	color:#373737;
	font-size:1em;
}
.write_pw {
	text-align:center;
	margin:30px 0px 50px 0;
}
.pw_it {
	width:230px;
	margin:0 auto;
	margin-top:10px;
}
/*버튼*/
.btnOK {
	text-align:center;
	margin:10px 0 20px 0px;
	width:100%;
}

.ok_btn a {
	width:100%;
	color:#FFF;
	display:block;
}
.btn_area {padding:20px 0px;}


/*게시판 리스트(공통)*/
.list1 {
	overflow:hidden;
	clear:both;
}

.list1 li {
	border-bottom:1px solid #cccccc;
	position: relative;
	line-height: 140%;
	padding:8px 10px 8px 10px;
}
.list1 li .a_file {
	display:block;
	font-size:0.95em;
}
.list1 li .a_file a {
	display:inline-block;
	vertical-align:middle;
}
.list1 li .a_file img {
	vertical-align:middle;
}

.list1 strong {
	display:block;
	line-height:140%;
	overflow:hidden; 
	white-space:nowrap; 
	text-overflow:ellipsis; 
	-o-text-overflow:ellipsis;
	font-size:1em;
	vertical-align:middle;
	color: #393939;
}
.list1 em {
	display:block;
	line-height:140%;
	overflow:hidden; 
	font-size:0.95em;
	float:right;
	color:#919090;
}

.list1 em span {
	padding-left:12px;
	margin-right:10px;
}
.list1 em .date {
	background:url(../image/icon_time.png) no-repeat left 1px;
	-webkit-background-size:10px auto;
	-moz-background-size:10px auto;
}
.list1 em .date2 {
	background:url(../image/icon_time2.png) no-repeat left 1px;
	-webkit-background-size:10px auto;
	-moz-background-size:10px auto;
}
.list_blue {
	display:block;
	float:left;
	text-align:center;
	margin:0px 10px;
	color:#166fc7;
	line-height:140%;	
	font-size:1.1em;
	font-weight:bold;
}

.re_img {padding-left:1px; vertical-align:baseline !important;width:22px;}

.list1 li a, .list2 li a {
	padding:2px 0px 2px 0px;
	display:block;
	clear:both;
	color:#666666;
	position:relative;
	overflow:hidden;
}
.list1 li.notice strong {
	color:#900104;
}
.list1 li img {
	vertical-align:middle;
}
.list1 li .day {
	font-size:0.85em;
}

/* 갤러리 게시판 */
.gallery_list {overflow:hidden;}
.gallery_list li {width:50%; float:left; box-sizing:border-box; padding:10px;}
.gallery_list li .img {display:block; background-size:cover!important;}
.gallery_list li img {width:100%;}
.gallery_list li .txt {display:block; padding-bottom:10px; color:#333; font-size:0.95em; padding-top:5px; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.gallery_list li .txt strong {display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}


 /* 게시글 검색 */
.bbs_search {padding:10px; border:1px solid #e5e5e5; background:#f1f1f1; margin-bottom:10px; box-sizing:border-box;}
.bbs_search .pr {padding-left:105px; position:relative;}
.bbs_search .select_wrap {width:100px; position:absolute; left:0px; top:0px;}
.btn_search {background:#454545; overflow:hidden; display:block; color:#fff; border:1px solid #000; width:100%; height:30px; text-align:center; margin-top:5px; font-size:1em; border-radius:3px; box-sizing:border-box; -webkit-appearance:button; cursor:pointer;}





/* 첨부파일 버튼 디자인 */
.file_input label { 
   position:relative; 
   cursor:pointer; 
   display:inline-block; 
   vertical-align:middle; 
   overflow:hidden; 
   width:60px; 
   background:#3e3e3e; 
   color:#fff; 
   text-align:center; 
   line-height:24px; 
   border:1px solid #262626;
}
.file_input label input {position:absolute; width:0; height:0; overflow:hidden;}
.file_input .input {color: #737070; font-size: 1em; background-color: #ffffff; width:100%; vertical-align:middle;}


/*게시판 글쓰기(공통)*/
.wr {
	font-size:1em;
	margin-top:10px;
}
.wr dl {
	position:relative;
	padding:6px 0;
	border-bottom: 1px dotted #dddddd;
	overflow:hidden;
	
}
.wr dt {
	position:absolute;
	top:8px;
	left:10px;
}
.wr dd {
	padding-left:100px;
	margin-right:10px;
	
}
.wr .left {
	display:table-cell;
}
.bar_rnum {
    width:5px;
	display:table-cell;
	padding:0 2px;
}
.answer dd {float:left;}
.step_form { padding:0px 10px;}
.step_form li {
    display:table;
    margin:4px 0 5px;
    width:100%;
}
.step_form li label {
	width:90px;
}






/* 관리자 댓글 */
.view_bg3 {
    padding: 20px 0 10px;
	border-bottom:1px solid #666;
}
.view_bg3 .name {
    border-top:1px solid #666;
	border-bottom:1px dashed #ccc;
    color: rgb(162, 156, 153);
    display: block !important;
    font-size: 11px;
    height: 23px;
    line-height: 23px;
    margin-bottom: 10px;
    padding: 8px 10px !important;
    position: relative;
}
.view_bg3 .name strong {
    color: rgb(51, 51, 51);
    font-size: 12px;
    padding-right: 10px;
}
.view_bg3 .view_txt {padding:0px 10px;}



/*게시판 view*/
.board_view {
	border-bottom:1px solid #b4b4b4;
}
.board-view {
    margin-top:10px;
    width:100%;
	border-top:2px solid #333;
}
.board-view th {
    background: none repeat scroll 0 0 #E4E4E4;
    border-bottom: 1px solid #dddddd;
    color: #393939;
    padding:7px 10px;
	text-align:left;
}
.board-view tbody th {
    background:#f1f1f1;
	text-align:left;
}
.board-view td {
    border-bottom: 1px solid #dddddd;
    padding: 5px 7px;
}


.view_table {
	width:100%;
	font-size:1em !important;
}
.view_table th strong {
	line-height:140%;
	color:#000;
	display:block;
}
.view_table span {
	font-size:0.85em;
	color:#939393;
	font-weight:normal;
}

.view_table thead th {
	border-bottom:1px solid #b4b4b4;
	background:#ededed;
	border-top:1px solid #205091;
	color:#095cb0;
	font-size:1.1em;
	line-height:140%;
	padding:10px;
	text-align:left;
}

.view_table tbody td {
	padding:6px 8px;
}
.view_table tbody td img {
	max-width:100%;
}
.view_table tbody td iframe {
	width:100% !important;
	height:280px !important;
}
.view_table tbody td .a_file li {
	font-size:0.85em;
	line-height:145%;
	padding:2px 0px;
}
.view_table tbody td .a_file li img {
	vertical-align:middle;
}
.view_table .file {
	border-bottom:1px solid #DDDDDD;
}
/*
.view_table .file {
	font-size:0.85em;
	color:#939393;
	font-weight:normal;
	padding-left:24px;
	background:url(https://www.koreanbar.or.kr/img/img_m/common/icon_file.png) no-repeat 10px 10px;
	-webkit-background-size:12px auto;
	-moz-background-size:12px auto;
	border-bottom:1px solid #DDDDDD;
}*/
.rere {
	border-top:1px dotted #DDDDDD;
	padding-left:45px !important;
	background:url(https://m.koreanbar.or.kr/img/img_m/common/re.png) no-repeat 15px 8px;
}
/*페이징넘버*/
.paging1 {
	padding:20px 0;
	color:#a5a5a5;
	text-align:center;
}
.paging1 a {
	display:inline-block;
	font-size: 1.2em;
	text-align: center;
	vertical-align: top;
	color: #888888;
	line-height:26px;
	margin: 0px 3px;
	background: #ffffff;
	box-sizing:border-box;
	width:26px;
	height:26px;
	border:1px solid #dedede;
}
.paging1 a.on {
	color:#fff;
	border:1px solid #3f4d6a;
	background:#3f4d6a;
}
.paging1 .pg_bt1 {
	border:none;
	width:26px;
	height:26px;
	padding:0px 1px;
}
.paging1 .paging_bt {
	padding: 0px 2px;
	width:26px;
	height:26px;
	background: none;
}
.paging1 .bt1nx {
	background:url('https://m.koreanbar.or.kr/img/common/btn_nx.png') no-repeat right top;
	-webkit-background-size:25px auto;
	-moz-background-size:25px auto;
}

/* Board : Util Button */
.board_util {position:relative; padding:30px 0; text-align:center; overflow:hidden;}
.board_util li {float:left; width:33.3%; padding:0px 5px; box-sizing:border-box; text-align:center;}
.board_util a {display:block; font-weight:bold; width:100%; height:34px; box-sizing:border-box; line-height:34px; border:2px solid #747474; border-radius:3px; text-align:center; font-size:1em; }

.board_util a.prev {padding-left:10px; background:url(../image/arr_board_l.png) no-repeat 10% center; -webkit-background-size:auto 10px; -moz-background-size:auto 10px;}
.board_util a.next {padding-right:10px; background:url(../image/arr_board_r.png) no-repeat 90% center; -webkit-background-size:auto 10px; -moz-background-size:auto 10px;}


/* 테이블 리스트 */
table.board-list {
	margin-top:10px;
	width:100%;
	border-top:2px solid #333;
}
table.board-list th {
	background: #ebebeb;
	padding: 6px 4px;
	color: #393939;
	border-bottom: 1px solid #d4d4d4;
}
table.board-list td {
	border-bottom: 1px solid #d4d4d4;
	padding: 6px 4px;
	text-align: center;
	color: #393939;
}
table.board-list td.subject {
	text-align: left;
	padding-left: 10px;
	font-size:1.0em !important;
	background:#fff;
}
table.board-list td.subject a {color:#000;}
.total td {
    background: none repeat scroll 0 0 #eeeeee;
    border-bottom: 1px solid #cccccc !important;
    font-size: 13px;
    padding: 20px !important;
    text-align: right !important;
}

/* 테이블 스타일 */
.table_line { border-top:2px solid #5a4f4a;}
.tl {text-align:left !important;}
.table_style1.tl th {padding-left:5px !important;}
.table_style1.tl td {padding-left:5px !important;}
.table_style1 {width:100%; clear:both; text-align:center;}
.table_style1 thead th {background-color:#ebebeb; border:1px solid #d8d8d8;
	color:#3c3c3c;
}
.table_style1 thead tr:first-child th {
	border-top:none;
}
.table_style1 tbody td {
	background-color:#fff;
	border:1px solid #d7d6d6;
	color:#7f7f7f;
}
.table_style1 tbody th {
	background-color:#f8f8f8;
	border:1px solid #d7d6d6;
	color:#7f7f7f;
	font-weight:normal;
}
.table_style1 tfoot td {
	background-color:#ebebeb;
	border:1px solid #d8d8d8;
	color:#3c3c3c;
}

.table_style4 {clear:both; width:100%;}
.table_style4 thead tr th {background-color:#ebebeb; border:1px solid #d8d8d8; border-bottom:1px solid #9b928d; color:#3c3c3c; padding:9px 0 9px; border-top:none;}
.table_style4 tbody tr th {background-color:#f8f8f8; border-bottom:1px solid #e0e0e0; border:1px solid #e0e0e0; padding:10px;}
.table_style4 tbody tr td {border:1px solid #d8d8d8; text-align:center; line-height:20px; padding:10px 0px 10px 0px;}
.table_style4 tbody tr td img { vertical-align:middle;}
.table_style4 tfoot tr td {background:#e9ebec; border:1px solid #d8d8d8; font-size:13px; color:#333333; padding:9px 0 9px; border-top:2px solid #9b928d; text-align:center;}