/* 내용 간격 초기화 */

/*서울장복 게시판 글쓰기 여백*/
.clearfix {
    /* padding: 3% 0; */
    float: left;
    width: 100%;
}

/**/
#bo_v_top {
    float: left;
    width: 100%;
}
#bo_v_con p {
	margin: 0
}
section #bo_v_atc p {
	margin: 0
}

/* 카테고리 */
.panel-default > .panel-heading {
    color: #555555;
    border-top: 3px solid #ee781e;
}
/* #bo_cate_ul li {
	padding: 10px 0;
}
#bo_cate_ul li a {
	border-radius: 5px;
	padding: 5px 10px;
	border: 1px solid #ddd;
	background: #fff;
	text-decoration: none;
}
#bo_cate_ul li a:hover {
	background: #efefef;
	color: #000;
}
#bo_cate_on {
	font-weight: bold;
} */
/*카테고리 라벨*/
.cate_label {
	border: 1px solid #ddd;
	padding: 3px 5px;
	background: #fff;
	font-size: 11px;
}
.cate_label a:hover {
	color: #999;
	text-decoration: none;
}

/* 게시판 목록 */
#bo_list .td_board {
	vertical-align: middle;
	width: 120px;
	text-align: center
}
#bo_list .td_chk {
	vertical-align: middle;
	width: 50px;
	text-align: center
}
#bo_list .td_date {
	vertical-align: middle;
	width: 150px;
	text-align: center
}
#bo_list .td_datetime {
	vertical-align: middle;
	width: 110px;
	text-align: center
}
#bo_list .td_group {
	vertical-align: middle;
	width: 100px;
	text-align: center
}
#bo_list .td_mb_id {
	vertical-align: middle;
	width: 100px;
	text-align: center
}
#bo_list .td_mng {
	vertical-align: middle;
	width: 80px;
	text-align: center
}
#bo_list .td_name {
	vertical-align: middle;
	width: 150px;
	text-align: center;
}
#bo_list .td_nick {
	vertical-align: middle;
	width: 100px;
	text-align: center
}
#bo_list .td_num {
	vertical-align: middle;
	width: 100px;
	text-align: center
}
#bo_list .td_numbig {
	vertical-align: middle;
	width: 60px;
	text-align: center
}
#bo_list .td_subject {
    vertical-align: middle;
}


#bo_list .td_subject a {
	display: inline-block;
	/* line-height: 200%; */
}
#bo_list a.thumbnail:hover, a.thumbnail:focus {
	border: 1px solid #333;
}

/* 페이징 간격 */
.panel-footer ul.pagination {
	margin: 0 !important;
}
/* 뷰페이지 라벨크기 */
.panel-heading h5 {
}
/*추천수 숫자 크기 */
#bo_v_act .badge {
	font-size: 10px;
}
/* 공지사항 */
#bo_list .bo_notice {
	/* color: #0B5B66; */
	font-size: 1rem;
	font-weight: 700;
	line-height: 150%;
	letter-spacing: -0.6px;
	background: #F5FEFF;
}
/* 게시물 마우스 오버시 배경 */
#bo_list .panel-body tbody tr:hover {
	border-left: 3px solid #0B5B66;
	background: #F5FEFF;
}
#bo_w .file-del {
	max-width: 200px;
	overflow: hidden;
}
#bo_w .file-del {
	margin-left: -2px;
	border-left: 1px solid #ccc;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
/* 댓글등록 버튼 */
.board_btn {
	height: 100%;
	padding: 0 20px;
}
/* 웹진 노이미지 */
.photo {
	line-height: 110px;
	margin: 0;
	font-size: 24px;
}
/* 웹진 최소이미지 크기 */
.table_photo {
	min-width: 150px;
}
/* 갤러리 마우스오버시 */
#gall_ul .thumbnail {
	padding: 0;
	border-radius: 0;
	max-height: 320px;
	border: 1px solid #ddd;
	width:100%;
}
 
.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
    height: 174px;
}
#gall_ul .thumbnail a {
	text-decoration: none;
	line-height: 180%;
	font-size: 17px;
	font-weight: 600;
	overflow:hidden;
}
#gall_ul .thumbnail a:hover {
	color: #999;
}
#gall_ul .thumbnail .caption {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 0px;
    color: #555555;
    padding: 2% 3% 0% 3%;
}
.thumbnail .caption {
    padding: 2px 2px 3px 2px;
    color: rgba(51, 51, 51, 0.86);
    font-size: 14px;
    text-align: center;
}

#gall_ul .thumbnail a.thumbnail {
    border: 0;
    border-bottom: 1px solid #eee; 
    text-align: center;
}
#gall_ul .thumbnail a.thumbnail:hover {
	box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
	opacity: 0.6;
}
#gall_ul .thumbnail:hover {
	border: 1px solid #888;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
	opacity: 1;
}
/* 갤러리 이미지 크기 */
#gall_ul .gall_href {
    border-bottom: 1px solid #eee;
    height: 166px;
    line-height: 210px;
	padding:3px;
}

/* 갤러리 NEW 아이콘 위치 */
#gall_ul .new {
	position: absolute;
	top: 21px;
	left: 15px;
}
#gall_ul .hit {
	position: absolute;
	top: 21px;
	right: 15px;
}
#gall_ul .line-height {
    line-height: 21px;
    color: #555555;
}

/* 태그 마우스오버 */
a.cate_label.tooltip-top:hover {
	text-decoration: none;
	color: #cc0000;
}
/*파일 첨부*/
.panel-default > .panel-heading {
	border-top:none;
	/*    border-top: 3px solid #ee781e;*/

}
#bo_w i.fa.fa-reply.fa-fw.fa-rotate-180 {
	margin-right: 5px;
}
a.file-on {
	width: 100%;
}
#bo_w input.form-control.file-input {
	font-weight: normal;
}
#bo_w input.form-control {
	font-weight: normal;
}



/* ====================================================
    * 260114 추가
    * 리뉴얼 css 작업 시작
    * */
.basic_spe_wrap > p:first-child,
.basic_spe_wrap > p:nth-child(2) {
	margin-bottom: 10px;
}

#wish .sub_com_dashed_box {
	margin-top: 50px;
	background: #F7F7F7;
}

#wish_table {
	border-top: 2px solid #111;
}
#wish_table > tbody > tr, #wish_table > thead > tr {
    border-bottom: 1px solid #DDD;
    background: #FFF;
}
#wish_table thead tr th {
	padding: 15px 10px;
	color: #111;
	text-align: center;
	font-size: 0.9rem;
	font-weight: 700;
	line-height: 133.333%;
}
#wish_table tbody tr td {
	font-size: 1rem;
	font-weight: 500;
	line-height: 150%;
	letter-spacing: -0.6px;
	padding: 20px 10px;
}
#bo_list .bo_notice .td_subject a {
	color: #0B5B66;
}


.pg_wrap {
	width: 100%;
}
.pg {
	flex-wrap: wrap;
	display: flex;
	gap: 5px;
	align-items: center;
	justify-content: center;
}
.pg_page, .pg_current {
	display: flex;
	width: 45px;
	height: 45px;
	min-width: 30px;
	padding: 10px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 10px;
	border-radius: 999px;
	border: 1px solid #DDD;
	background: #FFF;

	color: #333;
	font-size: 16px;
	font-weight: 600;
	letter-spacing: -0.8px;
}
.pg_current {
	color: #FFF;
	background: #1A3050;
}
.pg_next, .pg_end, .pg_start {
	font-size: 14px;
}

#bo_w_table_wrap, #bolist_table_wrap {
	width: 100%;
    display: flex;
    padding: 50px;
    flex-direction: column;
    align-items: center;
    gap: 50px;
    align-self: stretch;
    border-radius: 50px;
    background: #FFF;
    box-shadow: 5px 5px 30px 0 rgba(54, 87, 92, 0.15);
}
#bo_w_table_wrap .panel-body {
	width: 100%;
}
#bo_list {
	width: 100%;
}
.count_all_list {
	color: #333;
	font-size: 1rem;
	font-weight: 600;
	line-height: 100%;
}
.table-bordered {
    border: 0;
    margin-bottom: 20px;
}

#fboardlist .btn-default {
	display: flex;
	align-items: center;
	border-radius: 999px;
	border: 1px solid #DDD;
	background: #FFF;
	padding: 10px 20px;
	color: #333;
	font-size: 0.8rem;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	letter-spacing: -0.48px;
}
#fboardlist .btn-group {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-wrap: wrap;
}
.visible-xs {
	display: none;
}

#fwrite .text-center .btn-default {
	display: inline-block;
	padding: 10px 20px;
	border-radius: 999px;
	border: 1px solid #DDD;
	background: #333;
	color: #FFF;
	font-size: 0.8rem;
	font-weight: 500;
	letter-spacing: -0.48px;
}

#fwrite .text-center .btn_ch {
	display: flex;
    align-items: center;
    border-radius: 999px;
    border: 1px solid #DDD;
    background: #FFF;
    padding: 10px 20px;
    color: #333;
    font-size: 0.8rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.48px;
}

#bo_w #ca_name {
    height: 45px;
    padding: 0 10px;
    border: 1px solid #CFCFCF;
}

#btn_autosave {
	display: inline-block;
	height: 45px;
	padding: 10px;
    line-height: 1;
    border: 1px solid #CFCFCF;
    background: #F8F8F8;
}

#autosave_wrapper {
	width: 100%;
	margin: 20px 0;
}

#autosave_wrapper #wr_subject {
	width: 60%;
	height: 45px;
	padding: 0 10px;
	border: 1px solid #CFCFCF;
}

#bo_v_top .btn-default,
#bo_v_top .btn-danger {
	display: inline-block;
    border-radius: 999px;
    border: 1px solid #DDD;
    background: #FFF;
    padding: 10px 20px;
    color: #333;
    font-size: 0.8rem;
    font-weight: 500;
    letter-spacing: -0.48px;
}

#fwrite .text-center {
	display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
}
#fwrite textarea {
    border: 1px solid #CFCFCF;
}






#bo_v {
	width: 100%;
    display: flex;
    padding: 50px;
    flex-direction: column;
    align-items: center;
    align-self: stretch;
    border-radius: 50px;
    background: #FFF;
    box-shadow: 5px 5px 30px 0 rgba(54, 87, 92, 0.15);
}
#bo_v .panel-heading {
	width: 100%;
    display: inline-block;
    padding: 30px 10px;
    border-top: 3px solid #111;
	border-bottom: 1px solid #ddd;
	margin-bottom: 15px;
}
#bo_v_con {
	font-size: 0.9rem;
	font-weight: 400;
	line-height: 144.444%;
	padding: 10px;
}

hr {
	border-color: transparent;
}
.block_hr {
    border: 1px solid #ddd;
}

#bo_w .update_add_btn {
	width: 100%;
}

#bo_w .update_add_btn input {
	height: 45px;
    padding: 0 10px;
    border: 1px solid #CFCFCF;
	margin-top: 10px;
}

#bo_list #bo_cate {
    background:transparent;
    padding:0;
    margin:0;
    border:none;

    float: none;
    border-radius: 20px;
    display: flex;
    justify-content: center;

	margin-bottom: 30px;
}
#bo_list #bo_cate #bo_cate_ul {
    display:flex;
    align-items:center;
    justify-content: center;
	flex-wrap: wrap;
    
    width: 100%;
    max-width: 935px;
    padding: 10px 30px;
    border-radius: 30px;
    border: 2px dashed #DDD;
    background: #FFF;
}
#bo_list #bo_cate #bo_cate_ul li {
    display: flex;
    padding: 20px;
    justify-content: center;
    align-items: center;
    gap: 5px;
}
#bo_list #bo_cate #bo_cate_ul li a {
    background:#fff;
}
#bo_list #bo_cate #bo_cate_ul li #bo_cate_on {
    display: flex;
    gap: 5px;
    align-items: center;
    
    color: #1A3050;
    font-size: 0.9rem;
    font-weight: 700;
    line-height: 127.778%;
}
#bo_list #bo_cate #bo_cate_ul li #bo_cate_on::before {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-image: url(../img/list_check_btn.svg);
}
#bo_list #bo_cate #bo_cate_ul li a:hover {
}

/* ==================================================== */


/* ====================================================
    * 260116 추가
    * media-query 작성
    * */
@media (max-width: 1023px) {
    #wish .sub_com_dashed_box {
        margin-top: 20px;
    }
    .hidden-xs {
        display: none;
    } 
    .visible-xs {
        display: block;
    }
	#bo_w_table_wrap, #bolist_table_wrap, #bo_v {
		padding: 30px;
	}
}
/* ==================================================== */




/*글쓰기 인풋폼 */
@media (min-width:992px) {
input#wr_name {
	width: 40%;
}
input#wr_password {
	width: 40%;
}
input#wr_email {
	width: 96%;
}
input#wr_homepage {
}
input#wr_link1 {
	width: 96%;
}
/* 사용자가 갯수 확장시 고려 */
input#wr_link3 {
	width: 96%;
}
input#wr_link5 {
	width: 96%;
}
}
@media (max-width:991px) {
#bo_w .form-group.input-group.pull-left.col-md-6 {
	width: 100%;
}
}
.link-group {
	margin-top: 5px;
}
/* 익스에서 댓글 등록버튼 작아지는현상 수정 */
#bo_vc_w .board_btn {
	min-height: 80px;
}
/* 카테고리 칸 */
ol#bo_cate_ul {
	padding: 0px 15px;
}




@media (max-width:640px) {
    #bo_list #bo_cate #bo_cate_ul li {
        width:fit-content;
        padding: 0;
    }
    #bo_list #bo_cate #bo_cate_ul li a {
        padding:8px 15px;
    }
    #bo_list .tbl_wrap table .td_subject .bo_cate_link {
        font-size:0.77rem;
    }
}