@charset "utf-8";

* {
	margin: 0;
	padding: 0;
	zoom: 1;
}

img {
	vertical-align: middle;
	border: none;
	background: 0 0;
}

p {
	margin: 0 0 1em;
}

ul, ol, dl {
	list-style-type: none;
}

ul.disc, ol.disc, ul.decimal, ol.decimal, ul.square, ol.square {
	margin-left: 2rem;
}

fieldset {
	border: none;
}

a {
	color: black;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

body {
	background: url('../../images/concierge/header.gif') repeat-x 0 0;
	background-size: 100% 28px;
}

header {
	font-size: 1.2rem;
	margin-bottom: 1em;
}

header .title {
	font-size: 1.2rem;
	line-height: 28px;
	color: #ffffff;
	font-weight: 700;
	margin-bottom: 1em;
}

header .title a {
	color: #ffffff;
	text-decoration: none;
}

header .title a:hover {
	text-decoration: none;
}

main {
	padding-bottom: 3rem;
}

.container {
	position: relative;
}

.container:after, .row:after, .col:after, .clr:after, .group:after {
	content: "";
	display: table;
	clear: both;
}

footer {
	text-align: center;
	margin: auto;
	padding: 1em;
}

table {
	width: 100%;
	margin-top: 1em;
	margin-bottom: 1em;
}

th, td {
	border: solid #dddddd 1px;
	padding: .5rem;
	line-height: 1.42857143;
}

th {
	background: #015845;
	color: #ffffff;
	text-align: left;
	font-weight: normal;
}

td th {
	background: #52b2d8;
}

table.secondary th {
	background: #52b2d8;
}

th a {
	color: inherit;
}

.navtabs li a {
	position: relative;
}

.navtabs li a.notification-dot:after {
	top: 4px;
	right: 10px;
}

.subnav {
	background: #f6f6f6;
	line-height: 4rem;
	margin-bottom: 2rem;
}

.subnav li {
	float: left;
}

.subnav li a {
	border-right: 1px solid #dde0e7;
	padding: 0 1em;
	position: relative;
}

.subnav li a.notification-dot:after {
	top: -6px;
	right: 0;
}

dl.services dt,
dl.areas dt,
dl.pictures dt {
	background: #888888;
	color: #ffffff;
	text-align: right;
	padding: 0 .3em;
}

dl.services dt {
	text-align: left;
}

dl.services dd {
	padding: .2em;
}

dl.areas dd {
	width: 9em;
	float: left;
	padding: 0 .2em;
}

dl.pictures dd {
	padding: .2em 0;
}

.bg_account {
	background: url('../../images/concierge/ico_account2.gif') no-repeat 10px 100px;
}

.bg_customer {
	background: url('../../images/concierge/ico_customer2.gif') no-repeat 10px 100px;
}

.bg_customer_r {
	background: url('../../images/concierge/ico_customer2.gif') no-repeat right 100px;
}

.bg_contact {
	background: url('../../images/concierge/ico_contact2.gif') no-repeat 10px 100px;
}

.bg_contact_r {
	background: url('../../images/concierge/ico_contact2.gif') no-repeat right 100px;
}

.bg_magazine {
	background: url('../../images/concierge/ico_magazine2.gif') no-repeat 10px 100px;
}

.bg_message {
	background: url('../../images/concierge/ico_message2.gif') no-repeat 10px 100px;
}

.h2 {
	margin: 0 0 2rem;
	clear: both;
	padding: .8rem 1rem .5rem 1rem;
	font-size: 1.1em;
	white-space: nowrap;
	overflow: hidden;
	background-image: url('../../images/heading/h2-gradient.jpg');
	background-size: auto 40px;
	height: 37px;
	border-right: solid 1px #cccccc;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	text-overflow: ellipsis;
}

.h2 em {
	padding-left: .5em;
	border-left: solid 5px #005741;
	font-weight: bold;
}

.h3 {
	color: #005a41;
	font-size: 120%;
	margin: 1em 0;
}

.ul_link {
	list-style: none;
	margin: 1em;
	padding: 0;
	text-align: left;
}

.ul_link li {
	padding: 0 0 0 1.6rem;
	background: url('../../images/concierge/arrow.gif') no-repeat 0 .4rem;
	background-size: 1.2rem;
}

.ul_link.right li {
	padding: 0 1.6rem 0 0;
	background: url('../../images/concierge/arrow.gif') no-repeat right .4rem;
	background-size: 1.2rem;
	text-align: right;
}

td .ul_link {
	margin: 0;
}

.arrow {
	background: url('../../images/concierge/arrow2.gif') no-repeat left center;
	background-size: .9rem;
	padding-left: 1.3rem;
	margin-left: .4rem;
}

span.check:before {
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	content: "\f00c";
	margin-right: .2em;
}

#form_byCond dl {
	clear: both;
	margin-bottom: 2px;
}

#form_byCond dt, #form_byCond dd {
	display: inline-block;
}

#form_byCond dt {
	color: #015845;
	background-color: #eeeeee;
	padding: 1px .5em;
	min-width: 7em;
}

#form_byCond ul {
	list-style-type: none;
}

#form_byCond .restypes label,
#form_byCond .prefs label {
	display: inline-block;
	min-width: 6.5em;
}

#form_byCond select[disabled] {
	background: #dddddd;
}

ul.colors li {
	text-align: center;
	margin-right: .5em;
	display: inline-block;
	margin-bottom: 1em;
}

ul.colors a {
	display: block;
}

ul.colors img {
	width: 100%;
}

.search-condition li {
	list-style: none;
	background-color: #eeeeee;
	border-radius: .8rem;
	padding: .3rem .5rem;
	float: left;
	margin: .2rem 0 .2rem .5rem;
	display: inline;
	white-space: nowrap;
	font-size: .95em;
}

.sortlink.asc,
.sortlink.desc {
	background: none;
	padding: 0;
}

.sortlink.desc:after,
.sortlink.asc:after {
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	margin-left: 4px;
}

.sortlink.asc:after {
	content: "\f309";
}

.sortlink.desc:after {
	content: "\f30c";
}

.detail-gmap iframe {
	width: 100%;
	height: 30rem;
}

.detail-gmap #gmap {
	width: 100%;
	height: 25rem;
}

.fa-bell {
	font-size: 20px;
	color: gold;
}

.property-under-consideration .thumbnailOuter {
	max-width: 100px;
	float: right !important;
	margin: 2px 0 0 1em !important;
}

#simmap {
	height: 300px;
}

@media screen and (min-width: 641px) {
	#simmap {
		height: 400px;
	}
}

.onoff-list li {
	display: inline-block;
	border: 1px solid #cccccc;
	border-radius: 25px;
	padding: 0 10px;
	text-align: center;
	font-size: .9em;
	color: #cccccc;
}

.onoff-list li.on {
	background-color: #f2f7e3;
	color: #333333;
	border-color: #333333;
}

fieldset.currentRes {
	padding: .5em 1em 1em;
	border: solid 1px #EEEEEE;
	margin-bottom: 1.5em;
	background-color: #fafafa;
}

fieldset.currentRes em {
	font-weight: bold;
	color: #015845;
}

.formTrymail {
	padding: 2em;
}

.formTrymail p {
	text-align: center;
	margin: 1em 0;
}

@media screen and (max-width: 640px) {
	.container {
		padding-left: 8px;
		padding-right: 8px;
	}

	header .col .pull-left {
		float: none;
		display: block;
		margin-bottom: 1em;
	}

	header .align-right {
		text-align: center !important;
	}

	td:last-child {
		width: 100%;
		padding-bottom: 1.6rem;
	}

	.scrollableOuter td:last-child {
		padding-bottom: .5rem;
	}

	td.padding {
		padding: .5rem;
	}

	colgroup {
		display: none;
	}

	table:not(.pika-table) th, table:not(.pika-table) td {
		display: block;
		width: 100%;
		border: none;
	}

	table:not(.pika-table) th {
		border-bottom: none;
	}

	table.centered tr th, table.centered tr td {
		text-align: left;
	}

	table:not(.pika-table) td table {
		width: 100% !important;
	}

	table:not(.pika-table) thead tr {
		background: #015845;
	}

	table:not(.pika-table) thead tr th {
		display: inline-block;
		width: auto;
		padding-right: 0;
	}

	table:not(.pika-table) thead tr th:before {
		content: '/';
		display: inline-block;
		margin-right: .5em;
	}

	.scrollableOuter :not(.pika-table) thead tr th:before {
		content: '';
		margin: 0;
	}

	table:not(.pika-table) thead tr th:first-child:before {
		display: none;
	}

	table.multi-rows thead {
		display: none;
	}

	table.multi-rows > tbody > tr:nth-child(odd) {
		border-bottom: none;
	}

	table.multi-rows td {
		float: left;
		width: 50%;
	}

	table.multi-rows td[colspan="4"] {
		width: 100%;
	}

	table.multi-rows td[colspan="3"] {
		display: none;
	}

	table.multi-rows td.object-price strong {
		font-size: 1.5em;
	}

	table.multi-rows td.object-price .sold-price {
		display: block;
	}

	table.multi-rows td.object-price .sold-price:before {
		content: "→";
		display: inline-block;
	}

	table.multi-rows td > div {
		display: inline-block;
	}

	table.multi-rows td.object-image > a {
		width: 100%;
		height: 220px;
	}

	table td.object-image > a {
		height: auto;
		max-height: 220px;
	}

	table.multi-rows td.object-virtual {
		width: 100%;
		clear: left;
	}

	table.multi-rows td.object-virtual th {
		display: table-cell;
		width: 30%;
	}

	table.multi-rows td.object-virtual td {
		display: table-cell;
		width: 100%;
	}

	table.multi-rows td.object-virtual td:last-child {
		padding-bottom: .5rem;
	}

	table.multi-rows td.object-resdays {
		float: right;
	}

	table.multi-rows > tbody > tr:nth-child(even) {
		display: none;
	}

	table.multi-rows td:first-child {
		width: auto;
		padding: 8px;
		padding-bottom: 0;
	}

	table.search-table.multi-rows > tbody > tr:nth-child(even) {
		display: block;
	}

	table.search-table.multi-rows td div {
		display: inline-block;
	}

	table.search-table.multi-rows td .scalefit.thumb_s,
	table.search-table.multi-rows td .scalefill.thumb_s {
		width: 100%;
		height: 180px;
	}

	table.search-table.multi-rows .res-actions {
		padding-bottom: 1.6em;
	}

	table.search-table.multi-rows td.nowrap {
		white-space: normal;
	}

	.watchlist-table td.object-checkbox {
		margin-right: 1em;
	}

	.watchlist-table td.object-checkbox .btn-mail {
		position: absolute;
		top: 4px;
		left: 4px;
		padding-top: 0 !important;
		margin-right: 1em;
	}

	.watchlist-table td.object-checkbox label {
		position: absolute;
		top: 2px;
		right: 4px;
		padding-top: 0 !important;
		color: #ffffff;
	}

	table.multi-rows td.object-image {
		min-height: 0;
	}

	table.multi-rows td.object-address {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	table.multi-rows td.res-actions {
		text-align: center;
		width: 100%;
	}

	table.multi-rows td.res-actions .ul_link li {
		display: inline-block;
	}

	.scrollableOuter table {
		display: block;
		overflow-x: scroll;
		white-space: nowrap;
		-webkit-overflow-scrolling: touch;
	}

	.scrollableOuter table.fix {
		table-layout: auto;
	}

	.scrollableOuter table:not(.pika-table) th, .scrollableOuter table:not(.pika-table) td {
		display: table-cell;
		width: auto;
		border-right: solid 1px #dddddd;
	}

	.navtabs {
		overflow: hidden;
		background-color: #333333;
	}

	.navtabs {
		position: relative;
	}

	.navtabs .bar-icon {
		position: absolute;
		right: 0;
		top: 0;
		font-weight: bold;
	}

	.navtabs li {
		display: block;
		max-width: none !important;
	}

	.navtabs li a {
		display: block;
		color: #f2f2f2;
		padding: 14px 16px;
		text-decoration: none;
	}

	.navtabs li a:hover {
		text-decoration: none;
	}

	.navtabs .about {
		width: auto !important;
	}

	.navtabs li:not(.active) {
		display: none;
	}

	.navtabs li.bar-icon {
		float: right;
		display: block;
	}

	.navtabs.responsive li {
		float: none;
		display: block;
		text-align: left;
	}

	.wysiwyg-view * {
		word-break: break-all !important;
	}

	dt.arrow, a.arrow {
		display: block;
		text-align: left;
		margin: .5em 1rem;
	}

	#form_byResNo .pull-left, #form_byResNo .pull-right,
	#form_byCond .pull-left, #form_byCond .pull-right {
		float: none;
	}

	#form_byCond dt {
		width: 100%;
		margin: 1rem 0 .5rem;
	}

	#form_byCond .align-right {
		text-align: left !important;
	}

	#form_byCond .cond-total {
		display: block;
	}

	#form_byCond .w10 {
		width: 100% !important;
	}

	ul.colors li {
		width: 44%;
	}
}

@media screen and (min-width: 641px) {
	.col {
		float: left;
	}

	.span_6 {
		width: 50%;
	}

	footer,
	.container {
		width: 885px;
		margin: auto;
	}

	nav {
	}

	nav .naver-handle {
		background: linear-gradient(to bottom, #ffffff 0%, #eeeeee 100%);
		color: #ffffff;
		text-shadow: 1px 1px 0 #000000;
		border: none;
	}

	.naver.enabled .naver-container {
		border: 0 !important;
	}

	nav ol,
	nav ul {
		background: url('../../images/concierge/menu.gif') repeat-x 0 0;
		background-size: 100% 33px;
		width: 100%;
		margin: 0 auto;
		display: table;
	}

	nav li {
		width: auto;
		display: table-cell;
	}

	nav li a {
		text-align: center;
		display: block;
		padding: 0 .4em;
		line-height: 3.7rem;
		color: inherit;
		font-weight: bold;
		text-decoration: none;
		height: 3.3rem;
		overflow: hidden;
		white-space: nowrap;
	}

	nav li.active a {
		border-bottom: solid 3px #999999;
		font-weight: normal;
	}

	nav a:hover {
		color: #888888;
		text-decoration: none;
	}

	table.multi-rows tbody th .resGroup {
		display: block;
		text-align: center;
	}

	ul.colors li {
		width: 18%;
	}
}