@charset "utf-8";

.contents { overflow:hidden; }
.consultantOnly { display:none; }

.search_cont {
    background: #f2f4f6;
    position: absolute;
    width: 100%;
    height: 100%;
}
.search_cont .inner{ background:url(/_img/authbg.png)no-repeat #f7e722 center fixed; background-size: cover; width:100%; height:100%;}
.memberJoin{ background:url(/_img/authbg.png)no-repeat #f7e722 center fixed; background-size: cover; width:100%; height:100%;}
.memberJoin h1.logo {text-align:center; margin:50px 0;}
.memberJoin h1.logo a{}

/*회원가입*/
.loginWrap {
    margin: auto;
    height: 100%;
    overflow: hidden;
}
.loginWrap h1 { padding:5em 0 1em; text-align:center;  }
.loginWrap h1.logo a{width:157px; height:253px; background:url(/_img/logob.png)no-repeat; background-size:100%; margin:auto; display:block;}
.loginWrap .formWrap{
    position: absolute;
    width: 50%;
    background: #f2f4f6;
    padding: 6em 0 8em;
    border-radius: 30px 30px 0 0;
    display: inline-block;
    box-shadow: 0 0 10px rgba(0,0,0,.1);
    bottom: 0;
    left: 50%;
    margin-left: -25%;
}
.loginWrap .formWrap .formBox{
    width: 100%;
    margin: auto;
    max-width: 500px;
    padding: 0 30px;
}

.loginWrap .formWrap .formBox .authBtn{
    display: inline-block;
    width: 100%;
    padding: 5px 15px;
}
.loginWrap .formWrap .formBox .inputWrap_st1{position:relative;}
.loginWrap .formWrap .formBox .inputWrap_st1 button{
    position: absolute;
    top: 0;
    right: 0;
    height: 40px;
    width: 100px;
    border-radius: 30px;
    background: #e4e3e2;
	color:#777;
    margin: 5px;
}
.loginWrap .formWrap .formBox .inputWrap_st1 button.ylwBtn {background:#f7e722; color:#111;}
.loginWrap p.subtit {text-align:center; padding:1em 0 5em; font-size:1.5em; font-weight:600;}
.loginWrap input{margin-bottom:20px; padding:0 25px;}
.loginWrap input[type="checkbox"]{ margin:0; }
.loginWrap .submin_area {text-align:center; background:#02289a; color:#fff;}
.loginWrap .submin_area button{background:transparent;color:#fff; width:100%; height:55px; display:inline-block; font-size:17px;cursor: pointer;}
.loginWrap .checksWrap_st1 {padding:20px 0;}
.loginWrap .inputWrap_st1 input {height:50px; line-height:50px; background:#fff; color:#666; width:100%;border-radius: 30px;box-shadow:0 0 10px rgba(0,0,0,.1);}
.loginWrap .checksWrap_st1 .checks label {font-size:16px; margin-right:5px;}
.loginWrap .findWrap{ display:inline-block; width:100%; margin:20px 0; }
.loginWrap .findWrap ul{}
.loginWrap .findWrap ul li{float:left; width:50%; }
.loginWrap .findWrap ul li a{ text-align:center; display:block; font-size:17px; background:#fff; height:50px; line-height:47px; border:1px solid #ddd;}
.loginWrap .findWrap ul li:hover a{background:#e5ecff; color:#333;}
.loginWrap .findWrap ul li:nth-of-type(1) a{border-right:none;}
.joinbutton
.joinbutton {display:block; font-size:17px; font-weight:500; line-height:28px; }
.joinbutton p{
    float: right;
    padding: 7px 15px;
    font-size: 14px;
    text-align: center;
    background: #fff;
    border-radius: 3px;
    color: #289edb;
    border: 1px solid;
}
.joinbutton span{
    font-size: 15px;
    color: #999;
    margin-top: 5px;
    display: inline-block;
}
.join_btn3 a
,.join_btn3 button {
    width: 240px;
    padding: 15px 0;
    text-align: center;
    font-size: 17px;
    color: #fff !important;
	display:block;
	margin:50px auto 20px;
    background: #02289a;

}

.joinForm {
    position: relative;
    width: 50%;
    background: #fff;
    padding: 4.5em 0 4.5em;
    border-radius: 15px 15px;
    display: inline-block;
    box-shadow: 0 0 10px rgba(0,0,0,.1);
    bottom: 0;
    left: 50%;
    margin-left: -25%;
	margin-bottom:7%;
}
.joinForm table { width:80%; margin:0 10%; }
.joinForm h1.tit {text-align:center; margin-bottom:10px; font-weight:600; font-size:20px;}
.joinForm .btnWrap {padding: 10px 50px; margin-top:30px;}
.joinForm .btnWrap .btn {background:#000; color:#fff; font-size:16px;}


#wrap .mainLayer .communityWrap {padding:0 0 40px; background:#f2f4f6;}

.pageWrap .pageWrapBody .subDepth{display:inline-block; background:#fff; width:100%; padding:0 30px;}
.pageWrap .pageWrapBody .subDepth ul{}
.pageWrap .pageWrapBody .subDepth ul li{display:inline-block;}
.pageWrap .pageWrapBody .subDepth ul li a{
	line-height: 65px;
    font-size: 16px;
    margin-right: 17px;
	position:relative;
	display:block;
	color:#777;
}
.pageWrap .pageWrapBody .subDepth ul li:hover a {color:#333;}
.pageWrap .pageWrapBody .subDepth ul li:last-child a{margin-right:0;}
.pageWrap .pageWrapBody .subDepth ul li.active a {font-weight:600; color:#111;}
.pageWrap .pageWrapBody .subDepth ul li.active a:after{
    content: '';
    width: 100%;
    height: 2px;
    bottom: 0;
    position: absolute;
    background: #333;
    left: 0;
}



/*=============================================================================+
| HOUSE LIST
+-----------------------------------------------------------------------------*/
.pt10 {padding:5px 0 !important;}
.houseListWrap { padding:10px; }
.houseListWrap .thumbSide { width:180px; height:120px; flex-shrink:0; }
.houseListWrap .thumbSide .thumb { width:100%; height:100%; background-size: cover; background-position: center; border-radius:5px; }

.absolute-check {position:absolute; top:50%; left:50%;  transform: translate(-50%, -50%);}
.check-bg {position:absolute; width:100%; height:100%; background:rgba(249,230,68,0.8);}
.houseListWrap .thumbSide label input + span:before { position:relative; display: inline-block; top: 5px; width: 30px; height: 30px;  line-height:18px;	overflow: hidden; color:white; content: url('/_img/check_before.png'); text-align:center;  font-weight:bold; line-height:50px;}
.houseListWrap .thumbSide label input:checked + span:before {content: url('/_img/check_after.png'); text-align:center; }

/*
.houseListWrap .thumbSide label input + span:before { position:relative; display: inline-block; top: 5px; width: 25px; height: 25px; overflow: hidden; background:url('/_img/check_before.png') no-repeat center cover; }
.houseListWrap .thumbSide label input:checked + span:before {background:url('/_img/check_after.png') no-repeat center cover;}
.houseListWrap .thumbSide label input + span:before { position:relative; display: inline-block; top: 5px; width: 50px; height: 50px; background:#DDD; line-height:18px;	overflow: hidden; color:white; content: '\2713'; text-align:center; border-radius: 50%; font-size:40px; font-weight:bold; line-height:50px;}
.houseListWrap .thumbSide label input:checked + span:before {color: #000; content: '\2713'; text-align:center; background:#f9e644;}

.houseListWrap .thumbSide input { -webkit-appearance: auto; appearance:normal; width: 25px; height: 25px; background-color: white; }
.houseListWrap .thumbSide input + span:before { position:relative; display: inline-block; top: 5px; width: 25px; height: 25px; background:#DDD; line-height:18px;	overflow: hidden; color:white; content: '\2713'; text-align:center; border-radius: 50%; font-size:25px;}
.houseListWrap .thumbSide input:checked + span:before {color: white; content: '\2713'; text-align:center; background:#e43226;}*/


.houseListWrap .iconSide { padding-left:10px;width:40px;}
.houseListWrap .infoSide { padding-left:10px; width:100%; overflow:hidden; }
.houseListWrap .infoSide a{display:block;}
.houseListWrap .infoSide small
,.houseListWrap .infoSide h3
,.houseListWrap .infoSide h4 { word-break: break-word; }

.houseListWrap ul { }
.houseListWrap ul li {
	display: inline-block;
	width: 100%;
	border-bottom: 1px solid #e4e4e4;
	padding:15px 0 10px;
	position:relative;

}
.houseListWrap .priceInfo{/* display:flex; */}
.houseListWrap .priceInfo p{display:flex; color: #666;font-size: 20px; line-height:1.3; margin-right:15px;}
.houseListWrap .priceInfo span.dash{margin:0 3px; color:#ccc;}
.houseListWrap .priceInfo em{margin:0 3px; color:#2594cb; font-weight:600;}

.houseListWrap .dateInfo{}
.houseListWrap .dateInfo p{font-size:11px; color:#999; line-height:1.2; margin:3px 0;}
.houseListWrap .dateInfo span{margin:5px;}
.houseListWrap .dateInfo span.date1{margin-right:10px; position:relative;}
.houseListWrap .dateInfo span.date1:after{width: 1px; height: 12px;background: #e4e4e4;position: absolute;top: 2px;right: -7px;content: '';}
.houseListWrap .dateInfo span.date2{}


.houseListWrap { }
.houseListWrap dl { word-break: keep-all; /* padding-right: 50px; */ font-size: 13px; line-height: 17px;  color:#000;}
.houseListWrap h4{  font-weight:600; /* font-size:15px; */ /* padding-right:20px; */ }
.houseListWrap dl dt{float:left; margin-right:3px;color: rgba(0,0,0,0.5);}
.houseListWrap dl dd{display:inline-block; /* margin-right: 10px; */ position:relative; font-weight:500;}

.houseListWrap dl dd:after{
	color: #b2b2b2;
	padding:0 5px;
	content: '/';
}
.houseListWrap dl dd:last-child:after {display:none;}
.winLayWrap.winLayWrap-size-right .winLayContainer .btnTopWrap {top:5px !important;}

/*=============================================================================+
| HOUSE VIEW
+-----------------------------------------------------------------------------*/
.houseViewWrap { padding:10px; }
.houseViewWrap .thumbSide { width:180px; flex-shrink:0; margin-right:5px; }
.houseViewWrap .thumbSide .type { display:flex; flex-flow:row; justify-content: space-between; padding-bottom:5px; }
.houseViewWrap .thumbSide .thumb { width:100%; height:120px; flex-shrink:0; background-size: cover; background-position: center; }
.houseViewWrap .thumbSide .call { display:flex; flex-direction:column; }

.houseViewWrap .infoSide { padding-left:5px; overflow:hidden; }
.houseViewWrap .infoSide a{}
.houseViewWrap .infoSide a small {padding-right:30px; line-height:1; display:inline-block; margin-bottom:5px;}
.houseViewWrap .infoSide a dl {line-height:1.25; margin:5px 0; font-size:13px; color:#333;}
.houseViewWrap .infoSide a dl dt, .houseViewWrap .infoSide a dl dd {display: contents;}
.houseViewWrap .infoSide a dl dd {/* margin-right:4px; */ position:relative; word-break: break-word; /* padding-right:4px; */ display:inline; /* border-right:1px solid #e4e4e4; */}
.houseViewWrap .infoSide a dl dt {border-right:1px solid #e4e4e4; }
.houseViewWrap .infoSide a dl dd:last-child{border-right:none;}
/*.houseViewWrap .infoSide a dl dd:after{content:''; position:absolute; width:1px; height:10px; background:#e4e4e4; top:3px; right:-5px;}*/
.houseViewWrap .infoSide a dl dd:last-child:after {display:none;}
.houseViewWrap .infoSide a .priceInfo{ /* display:flex; */ }
.houseViewWrap .infoSide a .priceInfo p{color:#888; font-size:18px; margin-right:10px;}
.houseViewWrap .infoSide a .priceInfo p em{color: #3498db; margin:0 3px; font-weight:600;}
.houseViewWrap .infoSide a .priceInfo p span.dash{}
.houseViewWrap .infoSide a .dateInfo {font-size:12px; color:#999;}
.houseViewWrap .infoSide a .dateInfo p {font-size: 14px; line-height:1.25; margin:3px 0;}
.houseViewWrap .infoSide a .dateInfo p .date1{margin-right:10px;}
.houseViewWrap .infoSide small
,.houseViewWrap .infoSide h3
,.houseViewWrap .infoSide h4 {padding-right:25px; line-height:1.3; }
.houseViewWrap .infoSide h4 {font-weight:600;}

.houseViewWrap .comment {
	display: inline-block;
    width: 100%;
    padding: 20px;
    /* border-top: 1px solid; */
    margin-top: 10px;
    background: #f2f4f6;
    border-radius: 10px;
	line-height:1.8;
}

/* .houseViewWrap .ico-img-star { position:absolute; right:0; } */
.houseViewWrap dl dd:after{
	color: #b2b2b2;
	padding:0 5px;
	content: '/';
}
.houseViewWrap dl dd:last-child:after {display:none;}

.pageWrapBody .tabStyle {
    display: inline-block;
    width: 100%;
}
.pageWrapBody .tabStyle ul {margin: 0 10px;}
.pageWrapBody .tabStyle ul li{float:left;}
.pageWrapBody .tabStyle ul li a{
    display: block;
    text-align: center;
    margin: 10px;
    padding: 15px 0;
    font-size: 16px;
    background: #e5e5e5;
	color:#888;
	position:relative;
	border-radius: 5px;
}
.pageWrapBody .tabStyle ul li.active a {background:#2594cb; color:#fff;}
.pageWrapBody .tabStyle ul li.active a:after{
    background: #2594cb;
    width: 15px;
    height: 15px;
    position: absolute;
    bottom: -7px;
    left: 50%;
    content: '';
    margin-left: -7.5px;
    transform: rotate(45deg);
}
.pageWrapBody .tabStyle.w2 ul li {width:50%;}
.pageWrapBody .listTable2 { margin-top:10px; }

#wrap .mainLayer .communityWrap .inner{padding:10px 30px;}
.mainLayer .popWrap .uploadOneWrap .uploadOneBox {margin:0;}
.mainLayer .popWrap .uploadOneWrap ul li {width:100%;}
.mainLayer .popWrap .uploadOneWrap .uploadOneBox .uploadOneText {font-size:14px; display:none;}
.mainLayer .popWrap .uploadOneWrap .uploadOneBox .uploadOneThumb {background:url(/_img/fileaddimg.png) no-repeat center center #fff;background-size: auto 60px;}
.mainLayer .popWrap.searchfilterWrap {background:#f2f4f6;}
.contentsWrap{width: calc(100% - 700px); float:left;}
.contentsWrap .map{width:100%; height:100%; overflow:hidden; position:relative;}
.contentsWrap .map > img {}
.contentsWrap .map .locationico{
	position: absolute;
    left: 50%;
    top: 50%;cursor: pointer;
}

.pageWrap .pageWrapBody.houseRegister { /* background:#f2f4f6; */ }
.pageWrap .pageWrapBody.houseRegister .table_st4 th { /* width:20%; */ vertical-align: top; white-space:nowrap;}

#housewrite-custom #cloaseMap {padding:0 0 5px 0; text-align:right;}
#housewrite-custom #cloaseMap .ti-close {padding:0 13px; font-size:20px;}

.mainLayer .processWrap{text-align:center; margin-bottom:25px;}
.mainLayer .processWrap li{
    display: inline-block;
    width: 50px;
    height: 50px;
    background: #fff;
    border-radius: 50%;
    line-height: 50px;
    color: #aaa;
    border: 1px solid #e4e4e4;
    margin: 0 5px;
    font-size: 16px;
}
.mainLayer .processWrap li.active{
	 color: #333;
    background: #f7e723;
    border: 1px solid #f7e723;
    font-weight: bold;
}
.mainLayer .areaWrap {background:#f2f4f6;}
.mainLayer .areaWrap ul.areaList { margin: -1% 0; display:inline-block; width:100%;}
.mainLayer .areaWrap ul.areaList li {width: 31.333%;float:left;    margin: 1%;}
.mainLayer .areaWrap ul.areaList li a{
    display: block;
    background: #fff;
    text-align: center;
    padding: 20px 0;
    font-size: 17px;
    font-weight: 600;
	box-shadow: 0px 3px 6px 0px rgba(0,13,57,0.1);
}
.mainLayer .areaWrap ul.areaList li a h4{font-size:14px; opacity:0.7}
.mainLayer .areaWrap ul.areaList li.active a {background:#000; color:#fff;}


.loanConsultWrap{background:#f2f4f6;}
.loanConsultBox{display:inline-block; width:100%; }
.loanConsultBox ul{

}
.loanConsultBox ul li{
    display: inline-block;
    width: 100%;
    padding:20px 0 20px;background:#fff;
	margin-bottom:15px;
	box-shadow:0px 3px 6px 0px rgba(0,13,57,0.1);

}
.loanConsultBox ul li a{display:block; position:relative; }

.loanConsultBox ul li a .leftContent {
    overflow: hidden;
    position: absolute;
    right: 10px;
	top:-10px;
}
.loanConsultBox ul li a .rightContent {
	display: inline-block;
    width: 100%;
    padding-left: 20px;
    padding-right: 50px;
}
.loanConsultBox ul li a .leftContent .photo{
    width: 100px;
    height: 100px;
    overflow: hidden;
    background: url(/_img/loanico01.png)no-repeat center;
    text-align: center;
    display: inline-block;
    border-radius: 50%;
}



.loanConsultBox ul li a .leftContent .photo img {
	width: 100%; height: 100%;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-ms-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear;
}


.loanConsultBox ul li a .rightContent {}
.loanConsultBox ul li a .rightContent .rightIco{}
.loanConsultBox ul li a .rightContent .rightIco span{
    background: #f2f4f6;
    padding: 2px 5px;
    font-size: 12px;
    margin-right: 3px;
    border: 1px solid transparent;
    line-height: 18px;
    color: #fff;    border-radius: 3px;
}

.loanConsultBox ul li a .rightContent .counselInfo {}
.loanConsultBox ul li a .rightContent .counselInfo dl {
    word-break: keep-all;
    font-size: 13px;
    line-height: 24px;
}
.loanConsultBox ul li a .rightContent .counselInfo dl.phone{margin-bottom:10px;}
.loanConsultBox ul li a .rightContent .counselInfo dl.phone i {
    padding: 6px 5px 0 5px;
}
.loanConsultBox ul li a .rightContent .counselInfo dl.phone dd {color: #2594cb;}
.loanConsultBox ul li a .rightContent .counselInfo h4{ margin-bottom:5px;color:#888; font-size:16px;}
.loanConsultBox ul li a .rightContent .counselInfo h4 span.name{font-weight:600; color:#333;}
.loanConsultBox ul li a .rightContent .counselInfo dl dt{display:inline-block; margin-right:3px;color: rgba(0,0,0,0.5);}
.loanConsultBox ul li a .rightContent .counselInfo dl dd{display:inline-block; margin-right: 10px; position:relative; font-weight:600;}
.loanConsultBox ul li a .rightContent .counselInfo dl dd span {}
.loanConsultBox ul li a .rightContent .counselInfo dl {}
.loanConsultBox ul li a .rightContent .counselInfo dl dt.ico{
	padding: 0 5px;
    border-radius: 3px;
	border:1px solid #2594cb;
}
.loanConsultBox ul li a .rightContent .counselInfo dl dt.ico.blueline{color:#2594cb;}
.loanConsultBox ul li a .rightContent .counselInfo dl dt.ico.blue{background:#2594cb; color:#fff;}

#wrap .mainLayer .mypageWrap{
	padding: 0 0 40px;
    background: #f2f4f6;
}
#wrap .mainLayer .mypageWrap .inner {padding:30px;}
.mainLayer .mypageWrap .pointWrap{}
.mainLayer .pointWrap .tit{
    font-weight: 600;
    font-size: 17px;
    margin-bottom: 10px;
}
.mainLayer .popWrap .ylwBox {text-align:center; margin-bottom:20px;background: #f7e723; padding:20px;}
.mainLayer .pointWrap .roundBox .subtit {}
.mainLayer .popWrap .roundBox p.point{
    font-size: 18px;
    font-weight: bold;
    color: #47516e;
    letter-spacing: 0;
    margin-top: 5px;
}
.mainLayer .popWrap .roundBox p.point .pointIco{
    width: 26px;
    height: 26px;
    display: inline-block;
    background: #47516e;
    border-radius: 50%;
    margin-left: 5px;
    color: #f5e624;
    font-size: 14px;
    line-height: 26px;
}
.mainLayer .mypageWrap .pointWrap .table_st4{padding:10px;}
.mainLayer .mypageWrap .pointWrap .table_st4.roundBox tr{border-bottom:1px solid #eee; text-align:center;}
.mainLayer .mypageWrap .pointWrap .table_st4.roundBox tr:last-child{border-bottom:none;}



.payMethod input
,.payMethod select { border:1px solid silver; font-size: 15px; line-height: 15px; padding: 8px; width:100%;}
.payMethod table tr th { padding:8px; font-size:13px; font-weight:normal; color:#777; word-break:keep-all;}
.payMethod table tr td { padding:8px 0; font-size:16px; }
.payMethod table input:placeholder-shown, textarea:placeholder-shown {padding:8px !important; font-size:12px;}
.purchaseContents .table_st4 td.btnInput input {width:100% !important; }

#wrap .pageWrap .purchaseWrap {background:#f2f4f6;}
.pageWrap .purchaseWrap .tit{
    font-weight: 600;
    font-size: 17px;
    margin-bottom: 10px;
}

.pageWrap .purchaseWrap .pointHead {text-align:center; margin-bottom:20px;background: #f7e723; padding:20px;}
.pageWrap .purchaseWrap .pointHead p.point{
    font-size: 18px;
    font-weight: bold;
    color: #47516e;
    letter-spacing: 0;
    margin-top: 5px;
}
.pageWrap .purchaseWrap .pointHead p.point .pointIco{
    width: 26px;
    height: 26px;
    display: inline-block;
    background: #47516e;
    border-radius: 50%;
    margin-left: 5px;
    color: #f5e624;
    font-size: 14px;
    line-height: 26px;
}


.pageWrap .purchaseWrap .roundBox {margin-bottom:20px;}
.pageWrap .purchaseWrap .roundBox thead tr {}
.pageWrap .purchaseWrap .roundBox tr td {border-bottom:1px solid #eee; text-align:center; padding:12px 0;}
.pageWrap .purchaseWrap .roundBox tr td.price{font-weight:bold; font-size:17px; color:red; }
.pageWrap .purchaseWrap .roundBox tr td .plus{color:#2594cb; font-weight:bold;margin-left:5px;}
.pageWrap .purchaseWrap .roundBox tr:last-child td {border-bottom:none}
.pageWrap .purchaseWrap .roundBox tr th {
    padding: 8px;
    background: #2b3142;
    font-size: 13px;
    color: #fff;
    overflow: hidden;
	opacity:0.5;
}
.pageWrap .purchaseWrap .roundBox .radioBtn2 {margin-top:0;}

.pageWrap .purchaseWrap .table_st4.roundBox th:first-child, .pageWrap .purchaseWrap .table_st4.roundBox td:first-child {
    padding-left: 25px;
}

.pageWrap .purchaseWrap .radioBtn2 span {font-size:14px;}
.pageWrap .purchaseWrap .purchaseInfo {padding:13px;}
.pageWrap .purchaseWrap .purchaseInfo ul li{display:inline-block; margin-right:10px; margin-bottom:5px;}
.pageWrap .purchaseWrap .purchaseInfo ul li:last-child{margin-right:0;}

.pageWrap .purchaseWrap .purchaseContents {/*margin-bottom:20px;*/}
.pageWrap .purchaseWrap .purchaseContents table th{
    color: #777;word-break: keep-all;
    font-size: 13px;
}
.pageWrap .purchaseWrap .purchaseContents .price{
    font-weight: bold;
    font-size: 17px;
    color: red;
}
.pageWrap .searchfilterWrap{ background:#f2f4f6; }
.pageWrap .searchfilterWrap .table_st4 .blueBtn{
    font-size: 14px;
    padding: 8px 22px;
    background: #1894cb;
    color: #fff;
    border-radius: 30px;
    display: inline-block;
    text-align: center;
}
.pageWrap .searchfilterWrap .table_st4 tr td input{width:100px;}
.pageWrap .searchfilterWrap .table_st4 tr td span.txt{
    vertical-align: middle;
    margin: 0 5px;
    color: #555;
    font-size: 13px;
    display: inline-block;
    padding-top: 4px;
}
.pageWrap .searchfilterWrap .table_st4 .radioBtn2 span {}
.pageWrap .searchfilterWrap .table_st4 .radioBtn2 {margin-right:10px;}
.pageWrap .searchfilterWrap .table_st4 .wInput2{margin-top:10px;}
.pageWrap .searchfilterWrap .table_st4 .wInput2 .radioBtn{margin-bottom:5px;}

.pageWrap .houseViewWrap {/* padding:0 0 50px; */}
.pageWrap .houseViewWrap .inner{padding:0;}
.pageWrap .houseViewWrap .inner > div { }

.pageWrap .houseViewWrap .houseViewInfo { /* padding:0 30px 30px; margin-bottom:20px;  background:#fff; box-shadow:0px 3px 6px 0px rgba(0,13,57,0.1)*/}
/*
.pageWrap .houseViewWrap .houseViewInfo .leftContents { max-width:160px; overflow:hidden; }
.pageWrap .houseViewWrap .houseViewInfo .rightContents{ margin-left: 4%; width: 50%; }
*/

.pageWrap .houseViewWrap .starBtn {right:30px; top:30px;}
/* .pageWrap .houseViewWrap .houseViewIco {padding:30px 30px 15px; background:#fff;} */
.pageWrap .houseViewWrap .houseViewInfo02 {/* padding:30px */}
.pageWrap .houseViewWrap .btnWrap{ /* padding:0 20px; */ }

.purchaseInfo li.label-icon {display:flex !important; /*justify-content:space-between;*/ aligin-items:center; width:100%; padding-top:15px;}
.purchaseInfo li.label-icon label {width:20%; padding:10px 0 5px 0; text-align:center; border:1px solid #eee; box-sizing:border-box; font-size:12px;}
.purchaseInfo li.label-icon label img {margin-bottom:8px;}


.mainLayer .popWrap.myItemWrap{ padding:0;}
.mainLayer .popWrap.myItemWrap .productList ul{ border-top:none;padding:30px}

.houseViewWrap .houseViewImg {padding:20px 20px 0;}
.houseViewWrap .houseViewImg ul{}
.houseViewWrap .houseViewImg ul li{margin-bottom:20px;}
.houseViewWrap .houseViewImg ul li:last-child{margin-bottom:0;}
.houseViewWrap .houseViewImg ul li img{width:100%;}

/*계약over*/
.pageWrap .houseViewWrap table tr.statDealCode_success {position:relative; background:url('../_img/success_line.png') repeat-x center center;}
.pageWrap .houseViewWrap table tr.statDealCode_success::before {}
.pageWrap .houseViewWrap table tr.statDealCode_success::after {
position:absolute; top:0; left:0; width:100%; height:100%;
display:flex; align-items:center; justify-content:center;
content:"계약 완료";
background:rgba(255,255,255,0.5); color:red; font-weight:bold; font-size:13px;
text-align:center;
 }

.pageWrap .houseViewWrap table tr.statDealCode_deal {position:relative; background:url('../_img/deal_line.png') repeat-x center center;}
.pageWrap .houseViewWrap table tr.statDealCode_deal::before {}
.pageWrap .houseViewWrap table tr.statDealCode_deal::after {
position:absolute; top:0; left:0; width:100%; height:100%;
display:flex; align-items:center; justify-content:center;
content:"계약 중";
background:rgba(255,255,255,0.5); color:#ff721d; font-weight:bold; font-size:13px;
text-align:center;
 }

.dd-block {display:block; margin-bottom:3px; width:100%;}

.noticeWrap { padding:10px 5px; }
.noticeWrap .noticeBox{}
.noticeWrap .noticeBox ul{}
.noticeWrap .noticeBox ul li{padding:30px; margin-bottom:15px;background: #47516e;}
.noticeWrap .noticeBox ul li a{display:block;position: relative; color:#fff;}
.noticeWrap .noticeBox ul li a h4.tit{
    font-size: 16px;
    margin-bottom: 10px;
    padding-right: 85px;
    color: #f7e723;
    display: block;
	line-height:22px
}
.noticeWrap .noticeBox ul li a p.txt{
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.noticeWrap .noticeBox ul li a span.date{
    position: absolute;
    top: 0px;
    right: 0px;
    font-size: 13px;
    color: rgba(255,255,255,0.5);
    letter-spacing: 0;
}
.noticeWrap .radioBtn2 span{font-weight:600;}

@media only screen and (max-width: 1280px){
	.loginWrap .formWrap, .joinForm{width:80%;margin-left:-40%; padding:4em 0;}
	.pop {display:block;;}
	.contentsWrap {width:100%; overflow:hidden;height: calc(100vh - 55px);margin-top: 55px;}
	.contentsWrap .map{}

}

@media only screen and (max-width: 700px){
/* 	.scrollBox { padding:5px !important; } */

	.loginWrap h1.logo a{width: 85px;height: 148px;}
	.loginWrap h1 {padding:3.5em 0 0.5em;}
	.loginWrap .formWrap, .joinForm {width:95%;margin-left:-47.5%; padding:3em 0;}
	.loginWrap p.subtit {padding:0 0 2.5em; font-size:1.1em}
	.joinbutton span {font-size:13px; margin-top:10px;}
	.joinForm .btnWrap  {padding: 10px 15px;}
	.memberJoin h1.logo {margin:0; padding:4px 0 9px 0; }
	.memberJoin h1.logo a img {width:80px;    vertical-align: middle;}
	.joinForm .btnWrap .btn {font-size:14px;}
	.joinForm table { width:100%; margin:0; }
	.pageWrap .pageWrapBody .subDepth {padding:0 20px;}
	.pageWrap .pageWrapBody .subDepth ul li a {font-size:14px; line-height:55px;}
	.mainLayer .popWrap .tabStyle ul li a {font-size:14px; padding:12px 0;}
	.mainLayer .popWrap .listTable2 tr td.tl a {font-size:14px; line-height:21px;}
	.mainLayer .popWrap .listTable2 tr td.tl h4.summary {font-size:12px;}
	.loanConsultBox ul li a .leftContent .photo {background-size:40px; width:50px; height:50px;}
	#wrap .mainLayer .communityWrap .inner {padding:0 20px}
	.mainLayer .areaWrap ul.areaList li a {font-size:15px; padding:15px 0;}
	.mainLayer .areaWrap ul.areaList li a h4 {font-size:13px;}
	.pageWrap .purchaseWrap .purchaseInfo ul li{ margin-right:0px; }
	.pageWrap .houseViewWrap .houseViewInfo .leftContents {max-width:130px;}

/*
	.pageWrap .houseViewWrap .houseViewIco { padding:10px; }
	.pageWrap .houseViewWrap .houseViewInfo { padding:0px 10px 10px 10px; }
*/
	.pageWrap .houseViewWrap .starBtn {right:20px; top:20px;}
	.pageWrap .houseViewWrap .houseViewInfo02 {/* padding:20px */}
	.mainLayer .popWrap.myItemWrap .productList ul {padding:20px;}
	.noticeWrap .noticeBox ul li {padding:15px 20px;background: #47516e;}
	.noticeWrap .noticeBox ul li a h4.tit{margin-bottom:5px;}

	.houseListWrap .thumbSide { width:150px; height:120px; flex-shrink:0; }
	.houseListWrap .iconSide { padding-left:5px; }
	.houseListWrap .infoSide { padding-left:5px; }

	.houseViewWrap .thumbSide { width:150px; flex-shrink:0; }
	.houseViewWrap .thumbSide .thumb { width:100%; height:100px; flex-shrink:0; border-radius:5px; }
}
@media only screen and (max-width: 500px){
	.houseViewWrap .thumbSide {width:150px;}

}
@media only screen and (max-width: 375px){
	.houseListWrap .thumbSide { width:120px; height:96px; flex-shrink:0; }
	.houseListWrap .dateInfo p {font-size:11px;}
}
@media only screen and (max-width: 360px){
	.loginWrap h1 {padding:1.5em 0 0.5em;}
	.pageWrap .searchfilterWrap .table_st4 tr td input{width:75px}
	.houseViewWrap .thumbSide {width:125px;}

}

/*
@media only screen and (max-width: 400px) {
.houseListWrap .flexRowWrap {flex-wrap:wrap;}
.houseListWrap .flexRowWrap .thumbSide {width:100%;}
.houseListWrap .flexRowWrap  .iconSide { display:flex; padding-left:0; margin-top:10px;}

.houseViewWrap .flexRowWrap {flex-direction: column;}
.houseViewWrap .flexRowWrap .flexColWrap.thumbSide {width:100%; margin-bottom:10px;}
}*/

.leave-box {padding:40px 10px !important; text-align:center;}
.leave-box li {font-size:14px; line-height:2.0;}
.leave-box input {margin:15px 0 !important; padding:15px !important; width:50%;  border-radius:5px; margin:0 auto; border:1px solid #eee;}
.leave-box button {display:block; padding:15px; margin:0 auto; width:50%; background:#0096fa; color:#fff; border-radius:5px;}

@media only screen and (max-width: 375px){
	.leave-box button {width:80%;}
	.leave-box input {width:80%;}
}


.