#detail-close {
	padding:5px 10px;
}

ul {
	list-style:none;
    margin-top: 0;
    margin-bottom: 10px;
    padding:0px;
}

.band-wrapper {
	width:100%;
	margin-top:60px;
}

.content img {max-width:100%;}

.band-wrapper .inner {margin-top:11px;}
#search_form .search-bar select {height:26px;font-size:14px;}
#search_form .search-bar input[type=text] {height:26px;width:50px;font-size:14px;}
#search_form .search-bar i {color:#aaa;margin:0px 5px;}
#dong {height:34px;vertical-align:middle;}

#dong_map label {
	cursor:pointer;
	/* padding:0px 5px; 패딩 없으야 함   span에서 주면 됨*/
	background-color:#EFEFEF;
	border-radius:4px;
	border:1px solid #D0D0D0;
	overflow:auto;
	margin: 0px 10px 0px 0px;
	min-width:62px;
}

#dong_map label input {margin-left:0px;}

#dong_map label span {
	text-align:center;
	padding:3px 10px;
	display:block;
	font-size:12px;
	letter-spacing:-1px;
}

#dong_map input:checked + span {
	background-color:#911;
	color:#fff;
}

#dong_map label input {
	position:absolute;
	top:-20px;
}

#map_rlist {
	height:380px;
	border:1px solid #ccc;
	margin-bottom:20px;
}

#list_form {
	min-height:400px;
}

@media (min-width: 576px) {
	.xs-display {
		display:none;
	}	

	#dong_map {height:26px;}

	.band-wrapper i {margin:0px 5px;}
}

@media (max-width: 576px) {
	#list_form .photo {width:50px;}
	#list_form .gallery_wrapper {width:70px;height:50px;}
	.table th, .table td {
		padding:7px 7px;
	}
	#list_form .custom-control {padding-left:1rem;}
	#list_form .price-td div {display:inline;}
	#dong_map {height:auth;padding:10px 0px;}
	.band-wrapper {margin-top:0px;}
}

.list-inline > li {
  display: inline-block;
  padding-right: 5px;
  padding-left: 5px;
}

.product_view {cursor:pointer;}

.table {
	border-bottom:1px solid #444;
}

.thead-normal {
	background-color:#fff;
	border-top:2px solid #444;
	border-bottom:1px solid #444;
}

.pagination-wrapper {
	display: table;
	margin-left: auto;
	margin-right: auto;
	padding:10px 0px 0px 0px;
}

.gallery_wrapper {
	width:100px;
	height:80px;
	border:1px solid #cacaca;
}

.badge-installation {
	border: 1px solid #f6910b;
	color:#f6910b;
}

.badge-sell {
	border: 1px solid #ee1c25;
	color:#ee1c25;
}

.badge-deposit {
	border: 1px solid #0065b3;
	color:#0065b3;
}

.badge-rent {
	border: 1px solid #209F4E;
	color:#209F4E;
}

.badge-mgr {
	border: 1px solid #888;	
	color:#888;
}

.badge-premium {
	border: 1px solid #be2edd;
	color:#be2edd;
}

.badge-rate {
	border: 1px solid #3498db;
	color:#3498db;
}

.badge-outlined {
	color:#888;	
	-webkit-box-shadow:inset 0px 0px 0px 1px #888;
	-moz-box-shadow:inset 0px 0px 0px 1px #888;
	box-shadow:inset 0px 0px 0px 1px #888;
}

.badge-option {
	margin-bottom:5px;
	margin-right:5px;
	min-width:85px;
	display:inline-block !important;
}

/************************************************
 * 매물 상세 보기
 * 매물을 클릭하면 나타나는 챙이다.
 ************************************************/
#dfSettingsShow {display:none;}
#product-view.show {
	right: 400px;
}

#product-view {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 1200;
	transition: all 0.2s;
}

#product-view img {
	max-width:100%;
}

.product-view-body {
	position: absolute;
	top: 0;
	left: 0;
	width: 400px;
	height: 100%;
	background-color: #fff;
	border-left: 1px solid #c0ccda;
	box-shadow: 0 0 15px rgba(28, 39, 60, 0.1);
	/* padding: 0 20px; */
	overflow-y: auto;
}

.detail-header {
	padding:10px;
	position:relative;
}

.detail-header h4 {
	font-size:17px;
}

.detail-footer {
	padding:7px;
}

.detail-body {
	overflow-y:scroll;
	overflow-x:hidden;
}

.content-detail {
	padding:13px;
}

.content-detail img {
	max-width:100%;
}

/* 갤러리에 마우스 올리면 오른쪽 왼쪽 그라데이션이 나타나도록 함 */
.carousel-control-prev:hover   {
 background-image: linear-gradient(to left, rgba(0,0, 0, 0) 0px, rgba(0, 0, 0, 0.5) 100%);
}
.carousel-control-next:hover  {
 background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0.5) 100%);
}

.mail-group-label {
	display: block;
	padding: 6px 20px;
	background-color: rgba(229, 233, 242, 0.8);
	text-transform: uppercase;
	font-size: 10px;
	font-weight: 500;
	letter-spacing: .5px;
	color: #8392a5;
	margin: 1px 0;
}

.mail-group-body .media + .media {
    margin-top: -1px;
    border-top: 1px solid #e5e9f2;
}

.mail-group-body .media {
    padding: 15px 20px;
    background-color: #f8f9fc;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}

.media {
    display: flex;
    align-items: flex-start;
    border-bottom:1px solid #eee;
}

.media-header {width:25%; padding:10px;color:#bbb;}
.media-body {width:70%; padding:10px 0px;}
.media-body div {display:inline; margin-right:5px;}


/*****************************************************
 * 매물 관리
 *****************************************************/
.multi-form-control-wrapper {
	margin-bottom:10px;
}

.ck-editor__editable:not(.ck-editor__nested-editable) { 
    min-height: 300px;
}

.error {
	display:block;
	color:red;
}


/* 
매물 리스트 페이지 상단 버튼관리
 */
.product_tool_bar div{
	float: right;
	margin-left: 8px;
}

.subway {
	font-size:12px;
	font-weight:normal;
    position: relative;
    border-radius: 5px;
    display: inline;
    color: #fff;
    font-size: 12px;
    padding: 5px 10px;
    box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
    letter-spacing:-0.5px;
    background: #3CB44A;
    border:2px solid #3CB44A;
}

.subway:hover {
	background-color:#fff;
	color: #3CB44A;
}

.subway i {margin-right:5px;}