@charset "utf-8";

#container{
	width:100%; height: calc(100% - 60px);
	position: absolute;
	top:60px; left:0;
	z-index: 999997;
	background-color: #f1f1f2;
	display: flex;
	flex-wrap: nowrap;
	overflow: hidden;
}
section#apart_container{
	height: 100%;
	background-color: blue;
	justify-content: space-between;
	display:flex;
}
.menu_list{
	width:100px; height:100%;
	background-color: #ffffff;
	box-shadow: 2px 1px 2.97px 0.03px rgba(0, 0, 0, 0.15);
	z-index: 999996;
}
.menu_list ul{margin-top:24px;}
.menu_list ul li a{
	display:block;
	width:100%; height:100px;
	margin:10px auto;
	text-indent: -99999px;
	background-image: url(../img/common/menu_list_icon.png);
	background-repeat: no-repeat;
}
/*220926(s) list 04, 05 추가*/
.menu_list ul li a.list01{background-position: 0 0;}
.menu_list ul li a.list02{background-position: 0 -100px;}
.menu_list ul li a.list03{background-position: 0 -200px;}
.menu_list ul li a.list04{background-position: 0 -300px;}
.menu_list ul li a.list05{background-position: 0 -400px;}
.menu_list ul li a.list01:hover{background-position: -100px 0;}
.menu_list ul li a.list02:hover{background-position: -100px -100px;}
.menu_list ul li a.list03:hover{background-position: -100px -200px;}
.menu_list ul li a.list04:hover{background-position: -100px -300px;}
.menu_list ul li a.list05:hover{background-position: -100px -400px;}
.menu_list ul li a.list01.on{background-position: -100px 0;}
.menu_list ul li a.list02.on{background-position: -100px -100px;}
.menu_list ul li a.list03.on{background-position: -100px -200px;}
.menu_list ul li a.list04.on{background-position: -100px -300px;}
.menu_list ul li a.list05.on{background-position: -100px -400px;}
/*220926(e) list 04, 05 추가*/

.apart_contents{
	width:324px; height:100%;
	background-color: #ffffff;
	box-shadow: 2px 1px 2.97px 0.03px rgba(0, 0, 0, 0.15);
	z-index: 999995;
	position: absolute;
	top:0; left:80px;
	visibility: hidden;
	opacity: 0;
	transition: all 0.3s;
}
.apart_contents.on{
	visibility: visible;
	opacity: 1;
	left: 100px;
}
.apart_contents .inner{
	padding:0 0 0 24px;
	height: 100%;
	position: relative;
}
.apart_contents .inner .map_search{
	width:100%;
	position:relative;
	box-sizing: border-box;
	padding-right: 22px;
	margin:40px 0 20px 0;
	box-sizing: border-box;
}
.apart_contents .inner .map_search input{
	box-sizing: border-box;
	border:1px solid #dddddd;
	border-radius: 4px;
	width:100%;
	height:40px;
	font-family: 'NBG', sans-serif;
	font-size:15px;
	padding:0 50px 0 10px;
}
.apart_contents .inner .map_search input:focus{outline: none;}
.apart_contents .inner .map_search input::placeholder{color:#aaaaaa;}
.apart_contents .inner .map_search button{
	position: absolute;
	right:23px;
	border:0;
	width:40px; height:40px;
	background-color: #744eff;
	border-radius: 0 4px 4px 0;
	color:#ffffff;
	cursor: pointer;
	
}
.apart_contents .inner .apart_box{
	width:100%; height:calc(100% - 100px);
	padding-top:20px;
	padding-right: 0px;
	box-sizing: border-box;
	overflow-y: auto;
}
.apart_contents .inner .apart_box .padding_inner{
	padding-right: 14px;
}
.apart_contents .inner h2{
	font-family: 'NS', sans-serif;
	font-weight: bold;
	font-size: 18px;
	color: #333333;
	padding-bottom: 12px;
	border-bottom: 1px solid #dedede;
	margin-top: 20px;
}
.apart_contents .inner .apart_box .aparts{
	padding: 15px 6px 30px 6px;
}
.apart_contents .inner .apart_box .aparts.focus{
	background-color: #f2f2f2;
}
.apart_contents .close_btn{
	position: absolute;
	top:0; right:-40px;
	width:40px; height:40px;
	line-height: 40px;
	background-color: #ffffff;
	box-shadow: 2px 1px 2.97px 0.03px rgba(0, 0, 0, 0.15);
	text-align: center;
	color:#333333;
	overflow: hidden;
}
.apart_contents .close_btn a{
	display: block;
	line-height: 40px;
	font-size:32px;
	color:#333333;
}
/*210514(e) 수정*/
.apart_contents .inner .apart_box .aparts span.em{
	display:inline-block;
	font-family: 'NS', sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #ffffff;
	padding: 4px 13px;
	background-color: #ff7600;
	border-radius: 10px;
	margin-bottom: 7px;
}
.apart_contents .inner .apart_box .aparts a{
	display: inline-block;
}
.apart_contents .inner .apart_box .aparts a.strong{
	font-family: 'NS', sans-serif;
	font-weight: bold;
	font-size: 18px;
	color: #333333;
	float: left;
}
.apart_contents .inner .apart_box .aparts a.like{
	width:22px; height:22px;
	box-sizing: border-box;
	text-align: center;
	margin-left:4px;
	float: right;
	background-image: url(../img/common/like_off.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  box-shadow: 0px 2px 1.98px 0.02px rgba(0, 0, 0, 0.15);
  border-radius: 50%;
  text-indent: -999999px;	
}
.apart_contents .inner .apart_box .aparts a.like.on{
	background-image: url(../img/common/like_on.png);
}
.apart_contents .inner .apart_box .aparts a.desc{
	margin:8px 0 16px 0;
}
.apart_contents .inner .apart_box .aparts a.desc span{
	display:inline-block;
	font-family: 'NS', sans-serif;
	font-weight: normal;
	font-size: 13px;
	color: #666666;
}
/*220613(s)*/
.apart_contents .inner .apart_box .aparts a.img{
	width:100%;
	height:166px;
	padding: 10px 0;
	box-sizing: border-box;
	border:1px solid #dedede;
	overflow:hidden;
	background-color: #ffffff;
}
/*220613(e)*/
.apart_contents .inner .apart_box .aparts a.img img{
	width: 100%;
	 -webkit-perspective: 1;
}


.apart_sub_contents{
	width: 510px;
	height: 100%;
	background-color: #ffffff;
	position: absolute;
	top: 0;	left: 404px;
	box-shadow: 2px 1px 2.97px 0.03px rgb(0 0 0 / 15%);
	z-index: 999994;
	padding: 40px 20px 0 20px;
	border-left: 1px solid #dedede;
	box-sizing: border-box;
	visibility: hidden;
	opacity: 0;
	transition: all 0.3s;
}
.apart_sub_contents.on{
	visibility: visible;
	opacity: 1;
	left: 424px;
}
/*220613(s)*/
.apart_sub_contents.poi_on{
	visibility: visible;
	opacity: 1;
	left: 100px;
}
/*220613(e)*/
/* <!-- 230227(s)_아파트정보 스크롤 추가 --> */
.apart_sub_contents .close_btn{
	position: absolute;
	top:0; right:0px;
	width:40px; height:40px;
	line-height: 40px;
	background-color: #ffffff;
	text-align: center;
	color:#333333;
	overflow: hidden;
}
/* <!-- 230227(e)_아파트정보 스크롤 추가 --> */
.apart_sub_contents .close_btn a{
	display: block;
	line-height: 40px;
	font-size:32px;
	color:#333333;
}
/*221130(s) 추가 - 타이틀에 선 디자인 추가*/
.apart_sub_contents h2::before{
	content: "";
	flex-grow: 1;
	margin: 0px 16px 0px 0px;
	background-color: #d7d7d7;
	height: 1px;
	font-size: 0px;
	line-height: 0px;
}
.apart_sub_contents h2::after{
	content: "";
	flex-grow: 1;
	margin: 0px 0px 0px 16px;
	background-color: #d7d7d7;
	height: 1px;
	font-size: 0px;
	line-height: 0px;
}
/*221130(e) 추가 - 타이틀에 선 디자인 추가*/
/*221130(s) 수정 - 폰트사이즈 및 테이블 디자인 수정*/
.apart_sub_contents h2{
	display: flex;
	flex-basis: 100%;
	align-items: center;
	font-size: 18px;
	font-family: 'PreBold', sans-serif;
	font-weight: normal;
	text-align: center;
	line-height: 18px;
}
.apart_sub_contents h2 strong{
	margin-left: 6px;
	font-size: 18px;
	font-family: 'PreBold', sans-serif;
	font-weight: normal;
}
.apart_sub_contents table.apt_data{
	width: 100%;
	border-top: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
	margin: 12px auto 16px auto;
}
.apart_sub_contents table.apt_data tr{
	height: 40px;
}
.apart_sub_contents table.apt_data th{
	background-color: #4c4c4c;
	text-align: left;
	font-family: 'PreRegular', sans-serif;
	font-size: 13px;
	color: #ffffff;
	padding-left: 10px;
	border: 1px solid #dedede;
	border-left: 0;
	box-sizing: border-box;
}
.apart_sub_contents table.apt_data td{
	text-align: left;
	font-family: 'PreRegular', sans-serif;
	font-size: 13px;
	color: #666666;
	padding: 0 10px;
	border: 1px solid #dedede;
	border-right: 0;
	box-sizing: border-box;
}
/*221130(e) 수정 - 폰트사이즈 및 테이블 디자인 수정*/
/*221130(s) 추가 - 새로운 컨텐츠들 css추가*/
.apart_sub_contents table.apt_data td span{
	display: inline-block;
	width: 10px; margin-right: 2px;
}
.apart_sub_contents table.apt_data td span.sale_icon{
	width: 80px;
}
.apart_sub_contents table.apt_data td span img{
	width: 100%;
}
.apart_sub_contents .special_contents{
	display: flex;
	width: 100%;
	flex-wrap: nowrap;
	height: 40px; line-height: 40px;
	margin-bottom: 16px;
}
.apart_sub_contents .special_contents .room{
	width: 50%;
}
.apart_sub_contents .special_contents .room strong{
	font-family: 'PreBold', sans-serif;
	font-size: 16px;
	color: #333333;
	margin-right: 3px;
}
.apart_sub_contents .special_contents .room a.meeting_btn{
	display: inline-block;
	width: 140px;
	height: 40px; line-height: 40px;
	background-color: #ff5959;
	border-radius: 10px;
	text-align: center;
	margin-left: 10px;
}
.apart_sub_contents .special_contents .room a.meeting_btn.disabled{
	pointer-events: none;
	background-color: #d7d7d7;
}
.apart_sub_contents .special_contents .room a.meeting_btn span{
	display: inline-block;
	padding-left: 24px;
	background-image: url(../img/common/meeting_icon.png);
	background-repeat: no-repeat;
	background-position: center left;
	font-family: 'PreBold', sans-serif;
	font-size: 14px;
	color: #ffffff;
}
.apart_sub_contents .special_contents .room a.flea_btn{
	display: inline-block;
	width: 140px;
	height: 40px; line-height: 40px;
	background-color: #596dff;
	border-radius: 10px;
	text-align: center;
	margin-left: 10px;
}
.apart_sub_contents .special_contents .room a.flea_btn.disabled{
	pointer-events: none;
	background-color: #d7d7d7;
}
.apart_sub_contents .special_contents .room a.flea_btn span{
	display: inline-block;
	padding-left: 24px;
	background-image: url(../img/common/flea_icon.png);
	background-repeat: no-repeat;
	background-position: center left;
	font-family: 'PreBold', sans-serif;
	font-size: 14px;
	color: #ffffff;
}
.apart_sub_contents .best_interior{
	width: 100%; height: auto;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: center;
	margin-top: 12px;
	margin-bottom: 30px;
}
.apart_sub_contents .best_interior .interior_house{
	width: 33.33%;
}
.apart_sub_contents .best_interior .interior_house a{
	position: relative;
	display: block;
	width: calc(100% - 6px);
	height: 84px;
	margin: 0 auto;
}
.apart_sub_contents .best_interior .interior_house a .best_img{
	width: 100%; height: 100%;
	border-radius: 10px;
	background-color: #d4d4d4;
	box-sizing: border-box;
	border: 2px solid #191919;
	box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.16);
	overflow: hidden;
}
.apart_sub_contents .best_interior .interior_house a .icon{
	position: absolute;
	bottom: -12px; left: 12px;
}
/*221130(e) 추가 - 새로운 컨텐츠들 css추가*/
/*221130(s) 수정 - 마진값, 높이값 수정*/
.apart_sub_contents .apt_detail_table_wrap{
	width: 469px; min-height: 436px;
	height: calc(100% - 400px);
	background-color: #ffffff;
	overflow: auto;
	margin-top: 12px;
	position: relative;
}
/*221130(e) 수정 - 마진값, 높이값 수정*/
/* 230227(s)_현재선택 동수 표시 */
.apart_sub_contents .apt_detail_table_wrap .represent2{
	position: absolute;
	top: 100px; left: 1px;
	z-index: 2;
	padding: 10px 10px 10px 10px;
	border-radius: 0 0 0 10px;
	background-color: #ffffff;
}
.apart_sub_contents .apt_detail_table_wrap .represent2 span{
	float: left;
	display: inline-block;
	padding-left: 0px;
	font-family: 'PreRegular', sans-serif;
	font-size: 14px;
	color: #333333;
	background-repeat: no-repeat;
	background-position: left center;
}
.apart_sub_contents .apt_detail_table_wrap .represent2 strong{
	float: left;
	font-family: 'PreBold', sans-serif;
	font-size: 14px;
	color: #744eff;
	text-align: right;
	margin-left: 6px;
}
/* 230227(s)_현재선택 동수 표시 */
/*220613(s)*/
/* 230227(s)_현재선택 동수 표시 */
.apart_sub_contents .apt_detail_table_wrap .represent{
	position: absolute;
	top: 100px; right: 1px;
	z-index: 2;
	padding: 10px 10px 10px 10px;
	border-radius: 0 0 0 10px;
	background-color: #ffffff;
}
.apart_sub_contents .apt_detail_table_wrap .represent span{
	float: left;
	display: inline-block;
	padding-left: 28px;
	font-family: 'PreRegular', sans-serif;
	font-size: 14px;
	color: #333333;
	background-image: url(../img/common/king.png);
	background-repeat: no-repeat;
	background-position: left center;
}
.apart_sub_contents .apt_detail_table_wrap .represent strong{
	float: left;
	font-family: 'PreBold', sans-serif;
	font-size: 14px;
	color: #744eff;
	text-align: right;
	margin-left: 6px;
}
/* 230306(s)_버튼수정 */
.apart_sub_contents .buy_btn{
	position: absolute;
	bottom: 20px; right: 56px;
	z-index: 2;
	display: block;
	width: 120px; height: 36px;
	line-height: 36px;
	border-radius: 10px;
	font-family: 'PreRegular', sans-serif;
	font-size: 14px;
	color: #ffffff;
	text-align: center;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff5f6d+0,ffc371+100 */
	background: #ff5f6d; /* Old browsers */
	background: -moz-linear-gradient(left,  #ff5f6d 0%, #ffc371 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #ff5f6d 0%,#ffc371 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #ff5f6d 0%,#ffc371 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5f6d', endColorstr='#ffc371',GradientType=1 ); /* IE6-9 */
	box-shadow: -1px 1px 9px 0px rgba(0, 0, 0, 0.2);
}
.apart_sub_contents .like_btn{
	position: absolute;
	bottom: 20px; right: 325px;
	z-index: 2;
	display: block;
	width: 120px; height: 36px;
	padding-left: 16px;
	box-sizing: border-box;
	line-height: 36px;
	border-radius: 10px;
	font-family: 'PreRegular', sans-serif;
	font-size: 14px;
	color: #191919;
	text-align: center;
	background-color: #ffffff;
	box-shadow: -1px 1px 9px 0px rgba(0, 0, 0, 0.2);
	background-image: url(../img/common/like_off.png);
	background-repeat: no-repeat;
	background-position: left 8px center;
}
.apart_sub_contents .like_btn.on{
	color: #ffffff;
	background-color: #ff0000;
	background-image: url(../img/common/like_on.png);
}
.apart_sub_contents .visit_btn{
	position: absolute;
	bottom: 20px; right: 186px;
	z-index: 2;
	display: block;
	width: 130px; height: 36px;
	line-height: 36px;
	border-radius: 10px;
	font-family: 'PreRegular', sans-serif;
	font-size: 14px;
	color: #ffffff;
	text-align: center;
	background-color: #744eff;
	box-shadow: -1px 1px 9px 0px rgba(0, 0, 0, 0.2);
}
/* 230306(e)_버튼수정 */
/*221130(s) 수정 - 버튼위치수정*/
.apart_sub_contents .apt_detail_table_wrap a.buy_btn{
	position: absolute;
	bottom: 20px; right: 26px;
	z-index: 2;
	display: block;
	width: 120px; height: 36px;
	line-height: 36px;
	border-radius: 10px;
	font-family: 'PreRegular', sans-serif;
	font-size: 14px;
	color: #ffffff;
	text-align: center;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff5f6d+0,ffc371+100 */
	background: #ff5f6d; /* Old browsers */
	background: -moz-linear-gradient(left,  #ff5f6d 0%, #ffc371 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #ff5f6d 0%,#ffc371 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #ff5f6d 0%,#ffc371 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5f6d', endColorstr='#ffc371',GradientType=1 ); /* IE6-9 */
	box-shadow: -1px 1px 9px 0px rgba(0, 0, 0, 0.2);
}
.apart_sub_contents .apt_detail_table_wrap a.like_btn{
	position: absolute;
	bottom: 20px; right: 286px;
	z-index: 2;
	display: block;
	width: 120px; height: 36px;
	padding-left: 16px;
	box-sizing: border-box;
	line-height: 36px;
	border-radius: 10px;
	font-family: 'PreRegular', sans-serif;
	font-size: 14px;
	color: #191919;
	text-align: center;
	background-color: #ffffff;
	box-shadow: -1px 1px 9px 0px rgba(0, 0, 0, 0.2);
	background-image: url(../img/common/like_off.png);
	background-repeat: no-repeat;
	background-position: left 8px center;
}
/*221213(s) 수정*/
.apart_sub_contents .apt_detail_table_wrap a.like_btn.on{
	color: #ffffff;
	background-color: #ff0000;
	background-image: url(../img/common/like_on.png);
}
.apart_sub_contents .apt_detail_table_wrap a.like_btn{
	position: absolute;
	bottom: 20px; right: 295px;
	z-index: 2;
	display: block;
	width: 120px; height: 36px;
	padding-left: 16px;
	box-sizing: border-box;
	line-height: 36px;
	border-radius: 10px;
	font-family: 'PreRegular', sans-serif;
	font-size: 14px;
	color: #191919;
	text-align: center;
	background-color: #ffffff;
	box-shadow: -1px 1px 9px 0px rgba(0, 0, 0, 0.2);
	background-image: url(../img/common/like_off.png);
	background-repeat: no-repeat;
	background-position: left 8px center;
}
.apart_sub_contents .apt_detail_table_wrap a.visit_btn{
	position: absolute;
	bottom: 20px; right: 156px;
	z-index: 2;
	display: block;
	width: 130px; height: 36px;
	line-height: 36px;
	border-radius: 10px;
	font-family: 'PreRegular', sans-serif;
	font-size: 14px;
	color: #ffffff;
	text-align: center;
	background-color: #744eff;
	box-shadow: -1px 1px 9px 0px rgba(0, 0, 0, 0.2);
}
/*221130(e) 수정 - 버튼위치수정*/
/*220613(e)*/
/* <!-- 230227(s)_아파트정보 스크롤 추가 --> */
.apart_sub_contents .apt_detail_table_wrap .dong_list_wrap{
	width: 469px; height: 40px;
	line-height: 40px;
	background-color: #ffffff;
	border-top: 2px solid #f8a53a;
	border-bottom: 2px solid #f8a53a;
	overflow: hidden;
	position: absolute;
	z-index: 0;
}
/* <!-- 230227(e)_아파트정보 스크롤 추가 --> */
.apart_sub_contents .apt_detail_table_wrap .dong_list_wrap.on{
	height: auto;
	max-height: 200px;
	line-height: 30px;
	overflow: auto;
	z-index: 3;
}
.apart_sub_contents .apt_data_img{
	width: 472px; height: 185px;
	background-color: #ffffff;
	border:1px solid #dddddd;
	display: inline-block;
	margin-bottom: 15px;
}
.apart_sub_contents .apt_data_img a.visit_btn{
	position: absolute;
	top: 220px; right: 25px;
	z-index: 2;
	display: block;
	width: 130px; height: 36px;
	line-height: 36px;
	border-radius: 10px;
	font-family: 'PreRegular', sans-serif;
	font-size: 14px;
	color: #ffffff;
	text-align: center;
	background-color: #744eff;
	box-shadow: -1px 1px 9px 0px rgba(0, 0, 0, 0.2);
}
/*221213(e) 수정*/
.apart_sub_contents .apt_detail_table_wrap .dong_list_wrap .list{
	width: 90%;
}
.apart_sub_contents .apt_detail_table_wrap .dong_list_wrap .list a{
	font-family: 'NSBold', sans-serif;
	font-size: 14px;
	color: #000000;
	display: inline-block;
	transform: skew(-0.5deg);
	margin-left: 22px;
}
.apart_sub_contents .apt_detail_table_wrap .dong_list_wrap .list a.on{
	color: #f8a53a;
}
.apart_sub_contents .apt_detail_table_wrap .dong_list_wrap .more{
	width: 40px;
	position: absolute;
	top: 0; right: 0;
}
.apart_sub_contents .apt_detail_table_wrap .dong_list_wrap .more a{
	display: block;
	width: 40px; height: 40px;
	text-align: center; line-height: 40px;
	margin: 0 auto;
}
/*221130(s) 수정 - 스크롤 높이값 수정*/
.apart_sub_contents .apt_detail_table_wrap .ho_list_wrap{
	min-height: 280px;
	height: calc(100% - 260px);
	overflow: auto;
	position: relative;
	margin-top: 110px;
}
/*221130(e) 수정 - 스크롤 높이값 수정*/
/* <!-- 230227(s)_아파트정보 스크롤 추가 --> */
.apart_sub_contents .apt_detail_table_wrap .top{
	position:absolute ;
	width: 469px; height: 60px;
	margin-top: 40px;
	box-sizing: border-box;
	padding: 20px 30px 14px 30px;
	background-color: #ffffff;
	border-bottom: 1px solid #eaeaea;
	z-index:0;
}
.apart_sub_contents .apt_detail_table_wrap .top .fl,
.apart_sub_contents .apt_detail_table_wrap .top .fr{
	margin-bottom: 10px;
}
.apart_sub_contents .apt_detail_table_wrap .top .fl{
	margin-right: 10px;
}
.apart_sub_contents .apt_detail_table_wrap .top span{
	display: inline-block;
	font-size: 12px;
	line-height: 18px;
	margin-left: 2px;
	color: #000000;
}
.apart_sub_contents .apt_detail_table_wrap .top .ex_box{
	display: inline-block;
	width: 22px; height: 18px;
	border: 1px solid #cccccc;
	border-radius: 1px;
	box-sizing: border-box;
	text-indent: -999999px;
}
.apart_sub_contents .apt_detail_table_wrap .top .ex_normal{
	background-color: #fcf0cb;
}
/*211105(s) 아파트 호수 선택 디자인 변경*/
.apart_sub_contents .apt_detail_table_wrap .top .ex_select{
	background-color: #7d5aff;
}
/*211105(e) 아파트 호수 선택 디자인 변경*/
.apart_sub_contents .apt_detail_table_wrap .top .ex_disable{
	background-color: #cccccc;
}
/*221208(s) PT > 다이아 아이콘 수정*/
.table_area .point_icon_small{
	width: 10px; height: 10px;
	margin-left: 1px; margin-bottom: 2px;
}
/*221208(e) PT > 다이아 아이콘 수정*/
.apart_sub_contents .apt_detail_table_wrap .ho_list_wrap .top a.allselect_btn{
	display: inline-block;
	width: 86px; height: 24px;
	border: 1px solid #cccccc;
	border-radius: 1px;
	box-sizing: border-box;
	font-size: 12px;
	color: #000000;
	line-height: 22px;
	text-align: center;
	margin-right: 2px;
}
.apart_sub_contents .apt_detail_table_wrap .ho_list_wrap .top a.deselect_btn{
	display: inline-block;
	width: 86px; height: 24px;
	border: 1px solid #cccccc;
	border-radius: 1px;
	box-sizing: border-box;
	font-size: 12px;
	color: #000000;
	line-height: 22px;
	text-align: center;
}
.apart_sub_contents .apt_detail_table_wrap .ho_list_wrap .table_area{
	text-align: center;
}
/*220613(s) css수정*/
.apart_sub_contents .apt_detail_table_wrap .ho_list_wrap .table_area .table_inner{
	padding: 110px 50px 60px 50px;
}
.apart_sub_contents .apt_detail_table_wrap .ho_list_wrap .table_area .table_inner .house_number_table{
	display: inline-block;
	padding-left: 42px;
	padding-right: 90px;
	white-space: nowrap;
}


/*220613(e) css수정*/
.apart_sub_contents .apt_detail_table_wrap .ho_list_wrap .table_area .table_inner .house_number_table .house_floor{
	position: relative;
	line-height: 25px;
	vertical-align: top;
	text-align: center;
}
/*211105(s) 마진값 변경*/
.apart_sub_contents .apt_detail_table_wrap .ho_list_wrap .table_area .table_inner .house_number_table .house_floor .house_number{
	display: inline-block;
	position: relative;
	width: 43px; height: 18px;
	vertical-align: top;
	margin: 0;
	margin-left: 3px;
	margin-bottom: 5px;
	border-radius: 1px;
}
/*211105(e) 마진값 변경*/
.apart_sub_contents .apt_detail_table_wrap .ho_list_wrap .table_area .table_inner .house_number_table .house_floor .house_number.disable{
	opacity: 0.6;
	pointer-events: none;
}
.apart_sub_contents .apt_detail_table_wrap .ho_list_wrap .table_area .table_inner .house_number_table .house_floor .house_number.selected{
	opacity: 1;
	pointer-events: none;
}
/*221130(s) 수정 - hover시 넚이값, padding값 수정*/
.apart_sub_contents .apt_detail_table_wrap .ho_list_wrap .table_area .table_inner .house_number_table .house_floor .house_number .hover{
	display: none;
}
.apart_sub_contents .apt_detail_table_wrap .ho_list_wrap .table_area .table_inner .house_number_table .house_floor .house_number input{
	display: block;
	width: 100%;
	min-height: 18px;
	font-size: 11px;
	line-height: 18px;
	text-align: center;
	font-family: 'NS', sans-serif;
	color: #000000;
	outline: none;
	box-sizing: border-box;
	border: 1px solid #ccc;
	background-color: #fcf0cb;
	cursor: pointer;
}
/*220914(s) 판매 여부와 아파트 소유자에 따른 배경 색 변경*/
.apart_sub_contents .apt_detail_table_wrap .ho_list_wrap .table_area .table_inner .house_number_table .house_floor .house_number input.sell_own{
	background-color: #cccccc;
}
.apart_sub_contents .apt_detail_table_wrap .ho_list_wrap .table_area .table_inner .house_number_table .house_floor .house_number input.sell_own:hover{
	background-color: #cccccc;
}
.apart_sub_contents .apt_detail_table_wrap .ho_list_wrap .table_area .table_inner .house_number_table .house_floor .house_number input.not_sell_own{
	background-color: #cccccc;
}
.apart_sub_contents .apt_detail_table_wrap .ho_list_wrap .table_area .table_inner .house_number_table .house_floor .house_number input.not_sell_own:hover{
	background-color: #cccccc;
}
.apart_sub_contents .apt_detail_table_wrap .ho_list_wrap .table_area .table_inner .house_number_table .house_floor .house_number input.sell_other{
	background-color: #fcf0cb;
}
.apart_sub_contents .apt_detail_table_wrap .ho_list_wrap .table_area .table_inner .house_number_table .house_floor .house_number input.sell_other:hover{
	background-color: #FF5675;
}
.apart_sub_contents .apt_detail_table_wrap .ho_list_wrap .table_area .table_inner .house_number_table .house_floor .house_number input.not_sell_other{
	background-color: #cccccc;
}
.apart_sub_contents .apt_detail_table_wrap .ho_list_wrap .table_area .table_inner .house_number_table .house_floor .house_number input.not_sell_other:hover{
	background-color: #cccccc;
}
/*220914(e) */
/*211105(s) 아파트 호수 선택 디자인 변경*/
.apart_sub_contents .apt_detail_table_wrap .ho_list_wrap .table_area .table_inner .house_number_table .house_floor .house_number input.select{
	font-family: 'NSBold', sans-serif;
	background-color: #7d5aff;
	color: #ffffff;
}
/*211105(e) 아파트 호수 선택 디자인 변경*/
.apart_sub_contents .apt_detail_table_wrap .ho_list_wrap .table_area .table_inner .house_number_table .house_floor .house_number input.disable{
	background-color: #cccccc;
	cursor: default;
}
/*220504(s) 에디터 존 추가*/
#unity-canvas{
	width: 100% !important;
    height: calc(100% - 60px)!important;
    margin: 0;
    cursor: default;
    position: absolute;
    top: 60px;
    left: 50%;
    transform: translate(-50%, 0);
}
#apart_detail_contents{
    width:1552px; height: calc(100% - 60px);
    position: fixed;
    top:60px; left:0px;
    box-shadow: 2px 1px 2.97px 0.03px rgba(0, 0, 0, 0.15);
    z-index: -1;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s;
    background: #151515; /* Old browsers */
}
#apart_detail_contents.on{
	visibility: visible;
	opacity: 1;
	z-index: 999995;
	left: 100px;
}
/*220714(s) 단지명, 평형 닉네임명 및 동호수 표시영역 css추가*/
#apart_detail_contents .apart_3d .name_box{
	width: 100%; height: 60px; line-height: 60px;
	background-color: #3a3e41;
	padding-left: 30px;
	box-sizing: border-box;
	text-align: center;
}
#apart_detail_contents .apart_3d .name_box strong{
	font-family: 'PreBold', sans-serif;
	font-size: 18px;
	color: #ffffff;
}
#apart_detail_contents .apart_3d .name_box span{
	font-family: 'PreRegular', sans-serif;
	font-size: 18px;
	color: #ffffff;
	letter-spacing: 0px;
}
/*220714(e) 단지명, 평형 닉네임명 및 동호수 표시영역 css추가*/
/*211014(s) css수정*/
#apart_detail_contents .detail_poi_zone .chk_result{
	position: absolute;
	top: 0; left: 0;
	width: 1552px; height: 60px;
	line-height: 60px;
	background-color: #3a3e41;
}
#apart_detail_contents .detail_poi_zone .chk_result a.allbuy_btn{
	font-family: 'NSBold', sans-serif;
	font-size: 14px;
	color: #ffffff;
	display: inline-block;
	text-align: center;
	width: 86px; height: 28px; line-height: 28px;
	margin: 0 20px 0 40px;
	border-radius: 10px;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff5f6d+0,ffc371+100 */
	background: #ff5f6d; /* Old browsers */
	background: -moz-linear-gradient(left,  #ff5f6d 0%, #ffc371 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #ff5f6d 0%,#ffc371 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #ff5f6d 0%,#ffc371 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5f6d', endColorstr='#ffc371',GradientType=1 ); /* IE6-9 */
}
#apart_detail_contents .detail_poi_zone .chk_result .result{
	font-family: 'NS', sans-serif;
	font-size: 14px;
	color: #f8a53a;	
}

#apart_detail_contents .detail_poi_zone .poi_allbuy{
	position: absolute;
	top: 100px; left: 1050px;
}
#apart_detail_contents .detail_poi_zone .poi_allbuy .contents{
	display: block;
	padding: 4px 8px 8px 8px;
  box-sizing: border-box;
  border-radius: 10px;
  background: rgba(255,255,255,1);
  cursor: pointer;
  transition: all 0.3s;
}
#apart_detail_contents .detail_poi_zone .poi_allbuy .contents .dong_number{
	padding: 10px 0;
	font-family: 'NSBold', sans-serif;
	font-weight: bold;
	font-size: 16px;
	color: #000000;
	text-align: center;
}
#apart_detail_contents .detail_poi_zone .poi_allbuy .contents .dong_koin{
	padding: 6px 12px;
	background-color: #505050;
	border-radius: 10px;
	font-family: 'NSBold', sans-serif;
	font-size: 14px;
	color: #ffffff;
	text-align: center;
}
#apart_detail_contents .detail_poi_zone .poi_allbuy .contents .buy_btn{
	margin-top: 3px;
	padding: 6px 10px;
	border-radius: 10px;
	font-family: 'NSBold', sans-serif;
	font-size: 14px;
	color: #ffffff;
	text-align: center;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff5f6d+0,ffc371+100 */
	background: #ff5f6d; /* Old browsers */
	background: -moz-linear-gradient(left,  #ff5f6d 0%, #ffc371 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #ff5f6d 0%,#ffc371 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #ff5f6d 0%,#ffc371 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5f6d', endColorstr='#ffc371',GradientType=1 ); /* IE6-9 */
}
#apart_detail_contents .detail_poi_zone .poi_small{
	position: absolute;
  top: 0; left: 0;
  box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.34);
  border-radius: 10px;
}
/*#apart_detail_contents .detail_poi_zone .poi_small .like{
	position: absolute; top: -18px; right: -18px;
  width: 36px; height: 36px;
  background-image: url(../img/common/like_off.png);
  background-repeat: no-repeat;
  background-position: center;
  box-shadow: 0px 2px 1.98px 0.02px rgba(0, 0, 0, 0.15);
  border-radius: 50%;
  text-indent: -999999px;	
  z-index: 2;
}*/
#apart_detail_contents .detail_poi_zone .poi_allbuy .checks {
	position: absolute; top: -14px; right: -14px;
	z-index: 2;
}
#apart_detail_contents .detail_poi_zone .poi_small .checks {
	position: absolute; top: -14px; right: -14px;
	z-index: 2;
}
.checks label{
}
.checks input[type="checkbox"] {
	/* 실제 체크박스는 화면에서 숨김 */
	position: absolute; width: 1px; height: 1px;
	padding: 0; margin: -1px;
	overflow: hidden; clip:rect(0,0,0,0); border: 0
}
.checks input[type="checkbox"] + label {
	display: inline-block;
	position: relative;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}
.checks input[type="checkbox"] + label:before {
	/* 가짜 체크박스 */
	content: '\2714';
	color: #cccccc;
	display: inline-block;
	width: 28px;
	/* 체크박스의 너비를 지정 */
	height: 28px;
	/* 체크박스의 높이를 지정 */
	line-height: 28px;
	/* 세로정렬을 위해 높이값과 일치 */
	text-align: center;
	vertical-align: middle;
	background: #fafafa;
	border: 1px solid #cacece;
	border-radius : 3px;
	box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
}
.checks input[type="checkbox"] + label:active:before, .checks input[type="checkbox"]:checked + label:active:before {
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}
.checks input[type="checkbox"]:checked + label:before {
	/* 체크박스를 체크했을때 */
	content: '\2714';
	/* 체크표시 유니코드 사용 */
	color: #ffffff;
	background-color: #f8a53a;
	border-color: #adb8c0;
	box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
}

#apart_detail_contents .detail_poi_zone .poi_small .contents{
	display: block;
	padding: 4px 8px 8px 8px;
  box-sizing: border-box;
  border-radius: 10px;
  background: rgba(255,255,255,0.6);
  cursor: pointer;
  transition: all 0.3s;
}
#apart_detail_contents .detail_poi_zone .poi_small .contents:hover{
	background: rgba(255,255,255,1);
}
#apart_detail_contents .detail_poi_zone .poi_small .contents .dong_number{
	padding: 10px 0;
	font-family: 'NSBold', sans-serif;
	font-weight: bold;
	font-size: 16px;
	color: #000000;
	text-align: center;
}
#apart_detail_contents .detail_poi_zone .poi_small .contents .dong_koin{
	padding: 6px 12px;
	background-color: #f8a53a;
	border-radius: 10px;
	font-family: 'NSBold', sans-serif;
	font-size: 14px;
	color: #ffffff;
	text-align: center;
}
#apart_detail_contents .detail_poi_zone .poi_small .contents .buy_btn{
	margin-top: 3px;
	padding: 6px 10px;
	border-radius: 10px;
	font-family: 'NSBold', sans-serif;
	font-size: 14px;
	color: #ffffff;
	text-align: center;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff5f6d+0,ffc371+100 */
	background: #ff5f6d; /* Old browsers */
	background: -moz-linear-gradient(left,  #ff5f6d 0%, #ffc371 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #ff5f6d 0%,#ffc371 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #ff5f6d 0%,#ffc371 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5f6d', endColorstr='#ffc371',GradientType=1 ); /* IE6-9 */
}
.apart_buy_first_cnt{
	position: absolute;
	top: 0; left: 0;
	width: 100%; height: 100%;
	box-sizing: border-box;
	padding: 90px 60px 90px 60px;
	background: #151515; /* Old browsers */
	background: -moz-linear-gradient(top,  #151515 0%, #4c4c4c 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #151515 0%,#4c4c4c 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #151515 0%,#4c4c4c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#151515', endColorstr='#4c4c4c',GradientType=1 ); /* IE6-9 */
	z-index: 3;
	visibility: hidden;
	opacity: 0;
	transition: 0.3s;
}
.apart_buy_first_cnt.on{
	visibility: visible;
	opacity: 1;
}
.apart_buy_first_cnt .position{
	position: relative;
	width: 100%; height: 100%;
}
.apart_buy_first_cnt .apt_detail_table_wrap{
	margin-left: 140px;
	width: 558px; height: 729px;
	background-color: #ffffff;
	border-radius: 10px;
	overflow: auto;
}
.apart_buy_first_cnt .apt_detail_table_wrap .dong_list_wrap{
	width: 558px; height: 50px;
	line-height: 50px;
	background-color: #ffffff;
	border-bottom: 2px solid #f8a53a;
	border-radius: 10px 10px 0 0;
	overflow: hidden;
	position: fixed;
	z-index: 3;
}
.apart_buy_first_cnt .apt_detail_table_wrap .dong_list_wrap.on{
	height: auto;
	max-height: 400px;
	line-height: 50px;
	overflow: auto;
}
.apart_buy_first_cnt .apt_detail_table_wrap .dong_list_wrap .list{
	width: 500px;
}
.apart_buy_first_cnt .apt_detail_table_wrap .dong_list_wrap .list a{
	font-family: 'NSBold', sans-serif;
	font-size: 16px;
	color: #000000;
	display: inline-block;
	transform: skew(-0.5deg);
	margin-left: 24px;
}
.apart_buy_first_cnt .apt_detail_table_wrap .dong_list_wrap .list a.on{
	color: #f8a53a;
}
.apart_buy_first_cnt .apt_detail_table_wrap .dong_list_wrap .more{
	width: 58px;
	position: absolute;
	top: 0; right: 0;
}
.apart_buy_first_cnt .apt_detail_table_wrap .dong_list_wrap .more a{
	display: block;
	width: 30px; height: 58px;
	text-align: center; line-height: 50px;
	margin: 0 auto;
}
.apart_buy_first_cnt .apt_detail_table_wrap .ho_list_wrap{
	height: 604px;
	overflow: auto;
	position: relative;
	
	margin-top: 125px;
}
.apart_buy_first_cnt .apt_detail_table_wrap .ho_list_wrap .top{
	position: fixed;
	width: 558px; height: 73px;
	margin-top: -73px;
	box-sizing: border-box;
 	padding: 24px 30px 14px 30px;
 	background-color: #ffffff;
 	border-bottom: 1px solid #eaeaea;
 	z-index: 2;
}
.apart_buy_first_cnt .apt_detail_table_wrap .ho_list_wrap .top .fl,
.apart_buy_first_cnt .apt_detail_table_wrap .ho_list_wrap .top .fr{
	margin-bottom: 10px;
}
.apart_buy_first_cnt .apt_detail_table_wrap .ho_list_wrap .top .fl{
	margin-right: 10px;
}
.apart_buy_first_cnt .apt_detail_table_wrap .ho_list_wrap .top span{
	display: inline-block;
	font-size: 12px;
	line-height: 18px;
	margin-left: 2px;
	color: #000000;
}
.apart_buy_first_cnt .apt_detail_table_wrap .ho_list_wrap .top .ex_box{
	display: inline-block;
	width: 43px; height: 18px;
	border: 1px solid #cccccc;
	border-radius: 1px;
	box-sizing: border-box;
	text-indent: -999999px;
}
.apart_buy_first_cnt .apt_detail_table_wrap .ho_list_wrap .top .ex_normal{
	background-color: #fcf0cb;
}
/*211105(s) 아파트 호수 선택 디자인 변경*/
.apart_buy_first_cnt .apt_detail_table_wrap .ho_list_wrap .top .ex_select{
	background-color: #7d5aff;
}
/*211105(e) 아파트 호수 선택 디자인 변경*/
.apart_buy_first_cnt .apt_detail_table_wrap .ho_list_wrap .top .ex_disable{
	background-color: #cccccc;
}
.apart_buy_first_cnt .apt_detail_table_wrap .ho_list_wrap .top a.allselect_btn{
	display: inline-block;
	width: 86px; height: 24px;
	border: 1px solid #cccccc;
	border-radius: 1px;
	box-sizing: border-box;
	font-size: 12px;
	color: #000000;
	line-height: 22px;
	text-align: center;
	margin-right: 2px;
}
.apart_buy_first_cnt .apt_detail_table_wrap .ho_list_wrap .top a.deselect_btn{
	display: inline-block;
	width: 86px; height: 24px;
	border: 1px solid #cccccc;
	border-radius: 1px;
	box-sizing: border-box;
	font-size: 12px;
	color: #000000;
	line-height: 22px;
	text-align: center;
}
.apart_buy_first_cnt .apt_detail_table_wrap .ho_list_wrap .table_area{
	text-align: center;
}
.apart_buy_first_cnt .apt_detail_table_wrap .ho_list_wrap .table_area .table_inner{
	padding: 100px 50px 60px 50px;
}
.apart_buy_first_cnt .apt_detail_table_wrap .ho_list_wrap .table_area .table_inner .house_number_table{
	display: inline-block;
	padding-left: 42px;
	padding-right: 42px;
	white-space: nowrap;
}
.apart_buy_first_cnt .apt_detail_table_wrap .ho_list_wrap .table_area .table_inner .house_number_table .house_floor{
	position: relative;
	line-height: 25px;
	vertical-align: top;
	text-align: center;
}
/*211105(s) 마진값 변경*/
.apart_buy_first_cnt .apt_detail_table_wrap .ho_list_wrap .table_area .table_inner .house_number_table .house_floor .house_number{
	display: inline-block;
	position: relative;
	width: 43px; height: 18px;
	vertical-align: top;
	margin: 0;
	margin-left: 3px;
	margin-bottom: 5px;
	border-radius: 1px;
}
/*211105(e) 마진값 변경*/
.apart_buy_first_cnt .apt_detail_table_wrap .ho_list_wrap .table_area .table_inner .house_number_table .house_floor .house_number.disable{
	opacity: 0.6;
	pointer-events: none;
}
.apart_buy_first_cnt .apt_detail_table_wrap .ho_list_wrap .table_area .table_inner .house_number_table .house_floor .house_number.selected{
	opacity: 1;
	pointer-events: none;
}

.apart_buy_first_cnt .apt_detail_table_wrap .ho_list_wrap .table_area .table_inner .house_number_table .house_floor .house_number input{
	display: block;
	width: 100%;
	min-height: 18px;
	font-size: 11px;
	line-height: 18px;
	text-align: center;
	font-family: 'NS', sans-serif;
	color: #000000;
	outline: none;
	box-sizing: border-box;
	border: 1px solid #ccc;
	background-color: #fcf0cb;
	cursor: pointer;
}
.apart_buy_first_cnt .apt_detail_table_wrap .ho_list_wrap .table_area .table_inner .house_number_table .house_floor .house_number input.normal{
	background-color: #fcf0cb;
}
.apart_buy_first_cnt .apt_detail_table_wrap .ho_list_wrap .table_area .table_inner .house_number_table .house_floor .house_number input.normal:hover{
	background-color: #f8db82;
}
/*211105(s) 아파트 호수 선택 디자인 변경*/
.apart_buy_first_cnt .apt_detail_table_wrap .ho_list_wrap .table_area .table_inner .house_number_table .house_floor .house_number input.select{
	font-family: 'NSBold', sans-serif;
	background-color: #7d5aff;
	color: #ffffff;
}
/*211105(e) 아파트 호수 선택 디자인 변경*/
.apart_buy_first_cnt .apt_detail_table_wrap .ho_list_wrap .table_area .table_inner .house_number_table .house_floor .house_number input.disable{
	background-color: #cccccc;
	cursor: default;
}



.apart_buy_first_cnt .apt_detail_table_cnt{
	width: 480px; height: 729px;
	box-sizing: border-box;
	padding: 50px 0 50px 0;
	border-radius: 10px;
	margin-left: 60px;
	overflow: hidden;
}
.apart_buy_first_cnt .apt_detail_table_cnt.first,
.apart_buy_first_cnt .apt_detail_table_cnt.second{
	display: none;
}
.apart_buy_first_cnt .apt_detail_table_cnt.on{
	display: block;
}
.apart_buy_first_cnt .apt_detail_table_cnt span.address{
	font-family: 'NSLight', sans-serif;
	font-size: 14px;
	color: #aaaaaa;
	display: block;
}
.apart_buy_first_cnt .apt_detail_table_cnt strong{
	font-family: 'NSBold', sans-serif;
	font-size: 26px;
	color: #ffffff;
	display: block;
	margin: 10px 0;
}
.apart_buy_first_cnt #scrollWrapper {
    overflow: auto;
    position: relative;
    padding: 0px;
    margin: 0px;
    width: 100%;
    max-width: 100%;
    height: 290px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.apart_buy_first_cnt .apt_detail_table_cnt .apt_ho{
	width: 100%; height: auto;
	font-family: 'NBG', sans-serif;
	font-size: 14px;
	color: #f8a53a;
	line-height: 1.6;
}
.apart_buy_first_cnt .apt_detail_table_cnt .border{
	text-indent: -999999px;
	width: 100%;
	height: 2px;
	background-color: #f8a53a;
	margin: 10px 0 10px 0;
}
.apart_buy_first_cnt .apt_detail_table_cnt .border2{
	text-indent: -999999px;
	width: 100%;
	height: 2px;
	background-color: #5b5b5b;
	margin: 10px 0 30px 0;
}
.apart_buy_first_cnt .apt_detail_table_cnt .result_txt{
	width: 100%;height: 20px;
	line-height: 20px;
	font-family: 'NS', sans-serif;
	font-size: 16px;
	color: #f8a53a;
	margin-bottom: 30px;
	transform: skew(-0.1deg);
}
.apart_buy_first_cnt .apt_detail_table_cnt .result_txt span.num{
	font-family: 'NSBold', sans-serif;
	font-size: 16px;	
	transform: skew(-0.1deg);
}
.apart_buy_first_cnt .apt_detail_table_cnt table{
	width: 100%;
	margin-bottom: 30px;
}
.apart_buy_first_cnt .apt_detail_table_cnt table tr{
	height: 60px;
}
.apart_buy_first_cnt .apt_detail_table_cnt table tr td{
	font-family: 'NS', sans-serif;
	font-size: 18px;
	color: #ffffff;
}
.apart_buy_first_cnt .apt_detail_table_cnt table tr td.bold{
	font-family: 'NSBold', sans-serif;
}
.apart_buy_first_cnt .apt_detail_table_cnt a.buy_btn{
	display: block;
	width: 230px; height: 50px;
	line-height: 50px;
	border-radius: 10px;
	font-family: 'NSBold', sans-serif;
	font-size: 18px;
	color: #ffffff;
	text-align: center;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff5f6d+0,ffc371+100 */
	background: #ff5f6d; /* Old browsers */
	background: -moz-linear-gradient(left,  #ff5f6d 0%, #ffc371 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #ff5f6d 0%,#ffc371 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #ff5f6d 0%,#ffc371 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5f6d', endColorstr='#ffc371',GradientType=1 ); /* IE6-9 */
}
.apart_buy_first_cnt .apt_detail_table_cnt a.final_buy_btn{
	display: block;
	width: 320px; height: 50px;
	line-height: 50px;
	border-radius: 10px;
	font-family: 'NSBold', sans-serif;
	font-size: 18px;
	color: #ffffff;
	text-align: center;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff5f6d+0,ffc371+100 */
	background: #ff5f6d; /* Old browsers */
	background: -moz-linear-gradient(left,  #ff5f6d 0%, #ffc371 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #ff5f6d 0%,#ffc371 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #ff5f6d 0%,#ffc371 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5f6d', endColorstr='#ffc371',GradientType=1 ); /* IE6-9 */
}
.apart_buy_first_cnt .apt_detail_table_cnt a.viewer_btn{
	display: block;
	width: 230px; height: 50px;
	line-height: 50px;
	border-radius: 10px;
	font-family: 'NSBold', sans-serif;
	font-size: 18px;
	color: #ffffff;
	text-align: center;
	background-color: #9a7fff;
}
.apart_buy_first_cnt .apt_detail_table_cnt a.back_btn{
	display: block;
	width: 140px; height: 50px;
	line-height: 50px;
	border-radius: 10px;
	font-family: 'NSBold', sans-serif;
	font-size: 18px;
	color: #ffffff;
	text-align: center;
	border: 1px solid #aaaaaa;
	box-sizing: border-box;
	background-color: #333333;
}
/*211014(e) css수정*/
.close_bg{
	height: 100%;
	background-color: rgba(0,0,0,0.4);
	cursor: pointer;
	position: absolute;
	top: 0; right:0;
	z-index: 999994;
	visibility: hidden;
	opacity: 0;
	transition: all 0.3s;
}
.close_bg.on{
	visibility: visible;
	opacity: 1;
}
/*210913(s) 추가*/
.close_bg .close_btn{
	margin: 0; padding: 0;
	background-color: #ffffff;
	display: block;
	width: 54px; height: 54px;
	border-radius: 50%;
	box-shadow: 0px 2px 8.91px 0.09px rgba(0, 0, 0, 0.15);
	position: absolute;
	top: 50%; left: 60px;
	transform: translate(-50%, 0%);
}
.close_bg .close_btn img{
	display: block;
}
/*210913(e) 추가*/







/* 230106(s)_아파트 POI전체수정 */
section#map_container{
	width:100%;
	height: 100%;
	position: absolute;
	top:0; left:0;
	z-index: 1;
	background-color: #ffffff;
}
.poi_zone{
	width:100%; height: 100%;
	position: absolute;
	top:0; left:0;
}
.poi{
  position: absolute;
  top: 0; left: 0;
  box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.34);
  border-radius: 10px;
}
.poi .position{
  position: relative;
}
.poi .like{
  position: absolute; top: -18px; right: -18px;
  width: 36px; height: 36px;
  background-image: url(../img/common/like_off.png);
  background-repeat: no-repeat;
  background-position: center;
  box-shadow: 0px 2px 1.98px 0.02px rgba(0, 0, 0, 0.15);
  border-radius: 50%;
  text-indent: -999999px;
  z-index: 2;
}
.poi .contents{
  padding: 2px;
  box-sizing: border-box;
  border-radius: 10px;
  background-color: #ffffff;
  cursor: pointer;
  text-align: -webkit-center;
}
.poi .contents .dia_icon{
	display: none;
}
.poi .contents .dia_icon.on{
	display: block;
	font-family: 'Prebold', sans-serif;
	color: #fff;
	padding-top: 3px;
}
.poi .contents .star_icon.on{
	padding-bottom: 5px;
	width: 88.03px;
	height: 15px;
}
.poi .contents .star_icon{
	padding-bottom: 2px;
	width: 60px;
	height: 13px;
}
.poi .contents.price1{
	border: 3px solid #744eff;
	background-color: #744eff;
}
.poi .contents.price2{
	border: 3px solid #744eff;
	background-color: #744eff;
}
.poi .contents.price3{
	border: 3px solid #744eff;
	background-color: #744eff;
}
.poi .contents.price4{
	border: 3px solid #744eff;
	background-color: #744eff;
}
.poi .contents.price5{
	border: 3px solid #744eff;
	background-color: #744eff;
}
.poi .contents.price_s{
	border: 3px solid #744eff;
	background-color: #744eff;
}


.poi a{
  display: block;
}
.poi .contents .apt_koin{
  width: 100px; height: auto;
  font-family: "PreRegular", sans-serif;
  font-size: 14px;
  text-align: center;
  color: #fff;
  padding: 0 4px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
/*211013(s) css 수정*/
.poi .contents .apt_koin {
	display: none;
}
.poi .contents .apt_koin.on {
	display: block;
}
.poi .contents .apt_koin.on span{
	margin-right: 5px;
}
.poi .contents.price1 .triangleDown{
  position: absolute;
  bottom:-16px; left:50%;
  margin-left:-8px;
  width:0; height: 0;
  border-top:16px solid #744eff;
  border-left:8px solid transparent;
  border-right:8px solid transparent;
}
.poi .contents.price2 .triangleDown{
  position: absolute;
  bottom:-16px; left:50%;
  margin-left:-8px;
  width:0; height: 0;
  border-top:16px solid #744eff;
  border-left:8px solid transparent;
  border-right:8px solid transparent;
}
.poi .contents.price3 .triangleDown{
  position: absolute;
  bottom:-16px; left:50%;
  margin-left:-8px;
  width:0; height: 0;
  border-top:16px solid #744eff;
  border-left:8px solid transparent;
  border-right:8px solid transparent;
}
.poi .contents.price4 .triangleDown{
  position: absolute;
  bottom:-16px; left:50%;
  margin-left:-8px;
  width:0; height: 0;
  border-top:16px solid #744eff;
  border-left:8px solid transparent;
  border-right:8px solid transparent;
}
.poi .contents.price5 .triangleDown{
  position: absolute;
  bottom:-16px; left:50%;
  margin-left:-8px;
  width:0; height: 0;
  border-top:16px solid #744eff;
  border-left:8px solid transparent;
  border-right:8px solid transparent;
}
.poi .contents.price5 .triangleDown{
	position: absolute;
	bottom:-16px; left:50%;
	margin-left:-8px;
	width:0; height: 0;
	border-top:16px solid #744eff;
	border-left:8px solid transparent;
	border-right:8px solid transparent;
}
.poi .contents.price_s .triangleDown{
	position: absolute;
	bottom:-16px; left:50%;
	margin-left:-8px;
	width:0; height: 0;
	border-top:16px solid #744eff;
	border-left:8px solid transparent;
	border-right:8px solid transparent;
}
/*220714(s) 아이콘 크기 css추가*/
.poi_zone .poi img.point_icon{
	width: 14px; height: 14px;
}
/*220714(e) 아이콘 크기 css추가*/
/*221117(s) 수정*/
.poi .poi_icon{
	position: absolute;
	left: 40%;
	transform: translate(-30%, 0);
	cursor: pointer;
}
.poi .poi_icon_s{
	position: absolute;
	top: 50px; left: 40%;
	transform: translate(-30%, 0);
	cursor: pointer;
}
/*221117(e) 수정*/
/*221216(s)_아파트 아이콘 크기조정*/
.poi .level1{
	width: 70px; height: 72px;
	top: 40px;
}
.poi .level2{
	width: 87px; height: 90px;
	top: 90px;
}
.poi .level3{
	width: 87px; height: 90px;
}
.poi .level4{
	width: 87px; height: 90px;
}
.poi .level5{
	width: 87px; height: 90px;
}
.poi .level_s1{
	width: 70px; height: 72px;
}
.poi .level_s2{
	width: 70px; height: 72px;
}
.poi .level_s3{
	width: 70px; height: 72px;
}
.poi .sgn{
	width: 212px; height: 324px;
}
.poi .sgn_small{
	width: 118px; height: 179px;
}
.poi .select{
	width: 87px; height: 90px;
}
.poi .level1 .mine{
	min-width: 70px;
	position: absolute;
	transform: translate(60%, -60%);	
	font-family: 'Prebold', sans-serif;
	cursor: pointer;
}
.poi .level1 .mine img{
	width: 30px; height: 30px;
	padding-right: 5px;
	padding-bottom: 5px;
	text-align: center;
}
.poi .level2 .mine{
	min-width: 70px;
	position: absolute;
	transform: translate(60%, -60%);	
	font-family: 'Prebold', sans-serif;
	cursor: pointer;
}
.poi .level2 .mine img{
	width: 30px; height: 30px;
	padding-right: 5px;
	padding-bottom: 5px;
	text-align: center;
}
.poi .level3 .mine{
	min-width: 70px;
	position: absolute;
	transform: translate(60%, -60%);	
	font-family: 'Prebold', sans-serif;
	cursor: pointer;
}
.poi .level3 .mine img{
	width: 30px; height: 30px;
	padding-right: 5px;
	padding-bottom: 5px;
	text-align: center;
}
.poi .level4 .mine{
	min-width: 70px;
	position: absolute;
	transform: translate(60%, -60%);	
	font-family: 'Prebold', sans-serif;
	cursor: pointer;
}
.poi .level4 .mine img{
	width: 30px; height: 30px;
	padding-right: 5px;
	padding-bottom: 5px;
	text-align: center;
}
.poi .level5 .mine{
	min-width: 70px;
	position: absolute;
	transform: translate(60%, -60%);	
	font-family: 'Prebold', sans-serif;
	cursor: pointer;
}
.poi .level5 .mine img{
	width: 30px; height: 30px;
	padding-right: 5px;
	padding-bottom: 5px;
	text-align: center;
}
.poi .level_s1 .mine{
	min-width: 70px;
	position: absolute;
	transform: translate(50%, -60%);	
	font-family: 'Prebold', sans-serif;
	cursor: pointer;
}
.poi .level_s1 .mine img{
	width: 30px; height: 30px;
	padding-right: 5px;
	padding-bottom: 5px;
	text-align: center;
}
.poi .level_s2 .mine{
	min-width: 70px;
	position: absolute;
	transform: translate(50%, -60%);	
	font-family: 'Prebold', sans-serif;
	cursor: pointer;
}
.poi .level_s2 .mine img{
	width: 30px; height: 30px;
	padding-right: 5px;
	padding-bottom: 5px;
	text-align: center;
}
.poi .level_s3 .mine{
	min-width: 70px;
	position: absolute;
	transform: translate(50%, -60%);	
	font-family: 'Prebold', sans-serif;
	cursor: pointer;
}
.poi .level_s3 .mine img{
	width: 30px; height: 30px;
	padding-right: 5px;
	padding-bottom: 5px;
	text-align: center;
}
.poi .sgn .mine{
	min-width: 90px;
	position: absolute;
	top: 280px; left: 20%;
	transform: translate(-20%, 0);	
	background-color: #333333;
	font-family: 'PreRegular', sans-serif;
	font-size: 15px;
	color: #ffffff;
	text-align: center;
	padding: 2px 6px;
	border-radius: 4px;
	cursor: pointer;
}
.poi .select .mine_select{
	min-width: 50px;
	position: absolute;
	top: 35px; left: 30%;
	transform: translate(-40%, 0);	
	background-color: #744EFF;
	font-family: 'PreRegular', sans-serif;
	font-size: 16px;
	color: #ffffff;
	text-align: center;
	padding: 3px 8px;
	border-radius: 20px;
	cursor: pointer;
}

.poi.p1{
	top: -24px;
	left: -10px;
	width: max-content;
}

.poi.p1.sgn{
	top: -99px;
    left: -10px;
    width: max-content;
}
.poi.p2{
  top : -90px;
  left: -30px;
  width  : max-content;
}

.poi.p2.sgn{
    top: -250px;
    left: -30px;
    width: max-content;
}

.poi_detail_bg{
	width: 100%; height: 216px;
	position: absolute;
	bottom: -30px; left: 0;
	background-image: url(../img/common/poi_detail_bg.png);
	opacity: 0;
	visibility: hidden;
	transition: 0.3s;
}
.poi_detail_bg.on{
	bottom: 0px;
	opacity: 1;
	visibility: visible;
}
.poi_detail_box{
	width: auto; height: 70px;
	line-height: 70px;
	padding: 0 40px;
	position: absolute;
	bottom: 100px; left: 70%; 
	transform: translate(-50%, 0);
	border-radius: 10px;
	background-color: #744eff;
	box-shadow: 0px 0px 29px 0px rgba(0, 0, 0, 0.27);
	opacity: 0;
	visibility: hidden;
	transition: 0.3s;
}
.poi_detail_box.on{
	bottom: 130px;
	opacity: 1;
	visibility: visible;
}
.poi_detail_box .position{
	position: relative;
}
.poi_detail_box table.detail tr th{
	position: relative;
	padding: 0 10px;
}
.poi_detail_box table.detail tr th.apart_name{
	font-family: 'PreBold', sans-serif;
	font-size: 22px;
	color: #ffffff;
}
.poi_detail_box table.detail tr th a.like{
	position: absolute;
	top: 50%; left: 10px;
	margin-top: -18px;
	text-indent: -999999px;
	display: inline-block;
	width: 36px; height: 36px;
	background-image: url(../img/common/like_off.png);
	background-repeat: no-repeat;
	background-position: center;
}
.poi_detail_box table.detail tr th a.like.on{
	background-image: url(../img/common/like_on.png);
	background-repeat: no-repeat;
	background-position: center;	
}
.poi_detail_box table.detail tr th span{
	margin-left: 46px;
	font-family: 'PreBold', sans-serif;
	font-size: 16px;
	color: #ffffff;
}
.poi_detail_box table.detail tr th a.detail{
	display: block;
	width: 116px; height: 36px;
	line-height: 36px;
	background-color: #ffffff;
	border-radius: 10px;
	font-family: 'PreBold', sans-serif;
	font-size: 16px;
	color: #191919;
	text-align: center;
}
.poi_detail_box table.apt_user{
	position: absolute;
	top: -40px; left: 0;
	width: auto; height: 40px;
	line-height: 40px;
	background-color: #ffffff;
	border-radius: 10px 10px 0 0;
	box-shadow: 0px 0px 29px 0px rgba(0, 0, 0, 0.27);
}
.poi_detail_box table.apt_user tr th{
	padding: 0 20px;
}
.poi_detail_box table.apt_user tr th.pdr0{
	padding-right: 0;
}
.poi_detail_box table.apt_user span{
	display: block;
	padding-left: 30px;
	background-image: url(../img/common/king.png);
	background-repeat: no-repeat;
	background-position: left;
	font-family: 'PreRegular', sans-serif;
	font-size: 16px;
	color: #191919;
}
.poi_detail_box table.apt_user strong{
	font-family: 'PreBold', sans-serif;
	font-size: 16px;
	color: #744eff;
}

.price_option_box{
	width:210px; height: 216px;
	position: absolute;
	top:0; right:0;
	background-color: #ffffff;
	padding: 28px 14px 28px 24px;
	box-sizing: border-box;
	display: flex;
}
.price_option_box .option_check{
	margin-left: 16px;
}
.price_option_box .chk_box {
    position: relative;
    margin: 5px auto;
}
.price_option_box .chk_box input[type="checkbox"] {  /* 실제 체크박스는 화면에서 숨김 */
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip:rect(0,0,0,0);
  border: 0
}
.price_option_box .chk_box input[type="checkbox"] + label {
  display: inline-block;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  float: left;
  font-family: 'PreRegular', sans-serif;
  font-size: 14px;
  color: #191919;
  line-height: 26px;
  transform: skew(-0.1deg);
}
.price_option_box .chk_box input[type="checkbox"] + label:before {  /* 가짜 체크박스 */
  content: ' ';
  display: inline-block;
  width: 18px;
  height: 18px;
  line-height: 18px;
  margin: 4px 12px 0 0;
  border: none;
  border-radius : 3px;
  background-color: #fff;
  border: 1px solid #d7d7d7;
  box-sizing: border-box;
  float: left;
}
.price_option_box .chk_box input[type="checkbox"]:checked + label:before {  /* 체크박스를 체크했을때 */ 
  content: "x";
  font-family: 'PreRegular', sans-serif;
  text-align: center;
  color: #191919;
  background-color: #cdcdcd;
  line-height: 16px;
}
.price_option_box .chk_box input[type="checkbox"]:checked + label{
    color: #aaaaaa
}






/* 230202(s)_3차 텍스트 수정 */
.popup_buy{
  position: fixed;
  top: 45%;
  left: 50%;
  z-index: 999998;
  transform: translate(-50%, -50%);
  width: 550px;
  padding: 0px;
  box-shadow: 1px 1px 21px 0 rgba(0, 0, 0, 0.13);
  background: #ffffff;
  visibility: hidden;
  opacity: 0;
  transition: 0.5s;
}
.popup_buy.on {
  top: 50%;
  visibility: visible;
  opacity: 1;
  transition: 0.5s;
}
.popup_buy .box_header{
  width:100%;
  height: 33px;
  background-color: #d8d8d8;
  position: relative;
  overflow: hidden;
}
.popup_buy .box_header h2{
  margin:0;
  font-family: MalgunGothic;
  font-size: 12px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 33px;
  letter-spacing: -0.6px;
  text-align: left;
  color: #000000;
  padding-left:15px;
}
.popup_buy .box_header a.popup_buy_close{
  position: absolute;
  top:0;
  right:0;
  display: block;
  width:33px;
  height:33px;
  font-size:33px;
  line-height: 30px;
  text-align: center;
  color:#333333;
}
.popup_buy .box_content{
	width: 100%; height: 600px;
	/*height: 100%;*/
	overflow: auto
}
.popup_buy .box_content .inner{
	padding: 40px 44px;
	width: 100%; height: 10%;
	box-sizing: border-box;
}
.popup_buy .box_content .inner .my{
	display: flex;
	flex-direction: row;
	align-items: center;
	border-bottom: 1px solid #ff616d;
}
.popup_buy .box_content .inner .my h3{
	font-family: 'PreBold', sans-serif;
	font-size: 24px;
	color: #191919;
	padding-bottom: 10px;
}
.popup_buy .box_content .inner .my strong{
	font-family: 'PreBold', sans-serif;
	font-size: 18px;
	color: #333333;
	width: 80px;
	display: inline-block;
	letter-spacing: -1px;
}
.popup_buy .box_content .inner .my li{
	position: absolute; 
	right: 40px;
	text-align: right;
}
.popup_buy .box_content .inner .my span{
	font-size: 18px;
	font-family: 'PreBold', sans-serif;
	color: #744EFF;
	display: inline-block;
	letter-spacing: -0.5px;
}
.popup_buy .box_content .inner .my span .point_icon_big{
	width: 20px; height: 20px;
	margin-left: 5px; margin-bottom: 2px;
}
.popup_buy .box_content .inner ul {
	width: 100%;
	padding: 40px 40px 10px 40px;
	box-sizing: border-box;
}
.popup_buy .box_content .inner ul li{
	margin-bottom: 30px;
}
.popup_buy .box_content .inner ul li.line_li{
	margin-bottom: 40px;
}
.popup_buy .box_content .inner ul li strong{
	font-family: 'PreBold', sans-serif;
	font-size: 18px;
	color: #333333;
	display: inline-block;
	width: 190px;
	letter-spacing: -0.5px;
}
.popup_buy .box_content .inner ul li span{
	font-family: 'PreRegular', sans-serif;
	font-size: 18px;
	color: #7c7c7c;
	display: inline-block;
	letter-spacing: -0.5px;
}
.popup_buy .box_content .inner ul li span.strong{
	font-family: 'PreBold', sans-serif;
	color: #744EFF;
}
.popup_buy .box_content .inner ul li span.alert{
	margin-top: 4px;
	font-size: 14px;
	color: #ff0000;
	opacity: 1;
}
.popup_buy .box_content .inner ul li span.line{
	display: block;
	width: 100%; height: 1px;
	background-color: #d7d7d7;
}
.popup_buy .box_content .inner .btns{
	width: 100%; text-align: center;
}
.popup_buy .box_content .inner .btns a{
	display: inline-block;
	width: 200px; height: 50px;
	line-height: 50px;
	border-radius: 10px;
	font-family: "PreRegular", sans-serif;
	font-size: 18px;
	color: #ffffff;
	text-align: center;
	box-shadow: -1px 1px 9px 0px rgb(0 0 0 / 20%);
}
.popup_buy .box_content .inner .btns a.final_buy_btn{	
	background: #744EFF;

}
.popup_buy .box_content .inner .btns a.pay_link{
	background-color: #444444;
	margin-left: 10px;
}
.popup_buy .box_content .inner .btns a.pay_link{
	background-color: #444444;
	margin-left: 10px;
}
.popup_buy .box_content .inner .point_icon{
	width: 15px; height: 15px;
	margin-left: 5px; margin-bottom: 2px;
}
.popup_buy .box_content .inner .point_icon_big{
	width: 20px; height: 20px;
	margin-left: 5px; margin-bottom: 2px;
}
/* 230202(e)_3차 텍스트 수정 */

/*211130(s) 3d팝업 css수정*/
.popup_3dview{
  position: fixed;
  top: 45%;
  left: 50%;
  z-index: 999999;
  transform: translate(-50%, -50%);
  width: 1680px;
  height: 820px;
  padding: 0px;
  box-shadow: 1px 1px 21px 0 rgba(0, 0, 0, 0.13);
  background: #ffffff;
  visibility: hidden;
  opacity: 0;
  transition: 0.5s;
}
.popup_3dview.active {
  top: 47%;
  visibility: visible;
  opacity: 1;
  transition: 0.5s;
}
.popup_3dview .box_header{
  width:100%;
  height: 33px;
  background-color: #ffffff;
  position: relative;
  overflow: hidden;
}
/*211130(e) 3d팝업 css수정*/
.popup_3dview .box_header h2{
  margin:0;
  font-family: MalgunGothic;
  font-size: 12px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 33px;
  letter-spacing: -0.6px;
  text-align: left;
  color: #000000;
  padding-left:15px;
}
.popup_3dview .box_header a.popup_3dview_close{
  position: absolute;
  top:0;
  right:0;
  width:33px;
  height:33px;
  font-size:33px;
  line-height: 30px;
  text-align: center;
  color:#333333;
}
.popup_3dview .box_content{
}
.popup_3dview .box_content h2{
  padding-top:26px;
  padding-left:40px;
  padding-right:40px;
}
.popup_3dview .box_content h2 strong{
  font-family: 'NS', sans-serif;
  font-weight: bold;
  font-size:25px;
  color:#333333;
}
.popup_3dview .box_content h2 span.help{
  font-family: 'NS', sans-serif;
  font-weight: bold;
  font-size:13px;
  text-align: center;
  line-height: 22px;
  color:#ffffff;
  display: inline-block;
  background-color: #ff7600;
  width:22px; height: 22px;
  border-radius: 50%;
  margin-top:3px;
  margin-left:6px;
}
.popup_3dview .box_content .joystick{
	width:100%; height: 35px;
	position: relative;
	margin-top:10px;
}
.popup_3dview .box_content .joystick a{
	display: block;
	border:	2px solid #744eff;
	box-sizing: border-box;
	background-color: #ffffff;
	width:162px; height: 35px;
	line-height: 33px;
	font-family: 'NS', sans-serif;
	font-weight: bold;
	font-size: 18px;
	color:#333333;
	text-align: center;
	border-radius: 19px;
	position: absolute;
}
.popup_3dview .box_content .joystick a.top{
	top:0; left:50%;
	margin-left:-283px; 
}
.popup_3dview .box_content .joystick a.side{
	top:0; left:50%;
	margin-left:-81px;
}
.popup_3dview .box_content .joystick a.nav{
	top:0; left:50%;
	margin-left:121px;
}
.popup_3dview .box_content .joystick a.on{
	background-color: #744eff;
	color:#ffffff;
}
.popup_3dview .box_content .view_map{
	width:100%; height: 490px;
	padding:20px 20px 20px 20px;
	box-sizing: border-box;
	text-align: center;
	overflow: hidden;
}


.blur_color_bg{
  background-color: #000000;
  width: 100%; height:100%;
  position: absolute;
  top:0;
  left:0;
  z-index: 999998;
  visibility: hidden;
  opacity: 0;
  transition: 0.5s;
}
.blur_color_bg.active{
  visibility: visible;
  opacity: 0.4;
}


.popup_purchase_confirm{
	width: 540px; height: 200px;
	padding: 30px 0;
	box-sizing: border-box;
	background-color: #ffffff;
	box-shadow: -1px 1px 9px 0px rgba(0, 0, 0, 0.2);
	position: absolute;
	top: 45%; left: 50%;
	transform: translate(-50%, -50%);
	z-index: 999998;
	visibility: hidden;
	opacity: 0;
	transition: all 0.5s;
}
.popup_purchase_confirm.on{
	top: 50%;
	visibility: visible;
	opacity: 1;
}
.popup_purchase_confirm h2{
	font-family: "PreRegular", sans-serif;
	font-size: 24px;
	color: #191919;
	text-align: center;
	line-height: 1.6;
	padding-top: 18px;
}
.popup_purchase_confirm .btns{
	text-align: center;
}
.popup_purchase_confirm .btns a{
	display: inline-block;
	width: 160px; height: 40px;
	line-height: 40px;
	font-family: "PreRegular", sans-serif;
	font-size: 18px;
	color: #ffffff;
	text-align: center;
	margin: 20px auto 0 auto;
}
.popup_purchase_confirm .btns a.confirm_btn{
	background-color: #744eff;
}
.popup_purchase_confirm .btns a.close_btn{
	background-color: #7c7c7c;
	margin-left: 10px;
}


.popup_purchase_complete{
	width: 540px; height: 240px;
	padding: 30px 0;
	box-sizing: border-box;
	background-color: #ffffff;
	box-shadow: -1px 1px 9px 0px rgba(0, 0, 0, 0.2);
	position: absolute;
	top: 45%; left: 50%;
	transform: translate(-50%, -50%);
	z-index: 999998;
	visibility: hidden;
	opacity: 0;
	transition: all 0.5s;
}
.popup_purchase_complete.on{
	top: 50%;
	visibility: visible;
	opacity: 1;
}
.popup_purchase_complete h2{
	font-family: "PreRegular", sans-serif;
	font-size: 24px;
	color: #191919;
	text-align: center;
	line-height: 1.6;
	padding-top: 18px;
}
.popup_purchase_complete a.complete_btn{
	display: block;
	width: 160px; height: 40px;
	line-height: 40px;
	background-color: #744eff;
	font-family: "PreRegular", sans-serif;
	font-size: 18px;
	color: #ffffff;
	text-align: center;
	margin: 20px auto 0 auto;
}
/*220926(s) 준비중 팝업 css추가*/
.popup_getting_ready{
	width: 540px; height: 200px;
	padding: 30px 0;
	box-sizing: border-box;
	background-color: #ffffff;
	box-shadow: -1px 1px 9px 0px rgba(0, 0, 0, 0.2);
	position: absolute;
	top: 45%; left: 50%;
	transform: translate(-50%, -50%);
	z-index: 999998;
	visibility: hidden;
	opacity: 0;
	transition: all 0.5s;
}
.popup_getting_ready.on{
	top: 50%;
	visibility: visible;
	opacity: 1;
}
.popup_getting_ready h2{
	font-family: "PreRegular", sans-serif;
	font-size: 24px;
	color: #191919;
	text-align: center;
	line-height: 1.6;
	padding-top: 18px;
}
.popup_getting_ready a.complete_btn{
	display: block;
	width: 160px; height: 40px;
	line-height: 40px;
	background-color: #744eff;
	font-family: "PreRegular", sans-serif;
	font-size: 18px;
	color: #ffffff;
	text-align: center;
	margin: 20px auto 0 auto;
}
/*220926(e) 준비중 팝업 css추가*/

/**************************************************************************
	 footer
**************************************************************************/




 /****** 동적 애니메이션 추가 220714(s)*********/
	 /* roll형태로 굴러다니게 */
	 @keyframes roll {
		  0% {
		    transform: rotate(0deg);
		    left: 25%;
		  }
		  50% {
		    left: 60%;
		    transform: rotate(168deg);
		  }
		  100% {
		    transform: rotate(0deg);
		    left: 25%;
		  }
	  
	  }

	/* 위아래로 움직이게 */
  	@keyframes bounce {
	  50% {
	     transform: translateY(-8px);
	  }
	}
	
	/* 옆으로 움직이게 */
	@keyframes move {
	  0% {
	    left: 0%;
	  }
	  50% {
	    left: 60%;
	  }
	  100% {
	    left: 0%;
	  }
	}
	
	/* 텍스트 슬라이드 (전광판 효과)*/
	@keyframes marquee {
	  from { transform: translateX(0); }
	  to { transform: translateX(-50%); }
	}
	
	/* 깜빡임 효과 */
	@keyframes blink-effect {
	  50% {
	    opacity: 0.5;
	  }
	}
		/* 깜빡임 효과 */
	@keyframes blink-effect2 {
	  50% {
	    opacity: 1;
	  }
	}
	
/****** 동적 애니메이션 추가  220714(e)*********/


.boat_msg {
	
    background-color: black;
    padding: 8px;
    position: absolute;
    height: 10px;
    text-align: center;
    opacity: 0.8;
    border-radius: 15px;
    font-family: 'PreRegular', sans-serif;
    font-size: 16px;
    color: #ffffff;
    letter-spacing: -0.5px;
	padding-bottom: 17px;
	top: -20px;
}

.boat_msg_Test {
	
    background-color: black;
    padding: 8px;
    position: absolute;
    height: 10px;
    text-align: center;
    opacity: 0.8;
    border-radius: 15px;
    font-family: 'PreRegular', sans-serif;
    font-size: 16px;
    color: #ffffff;
    letter-spacing: -0.5px;
	padding-bottom: 17px;
	top: -20px;
	
	animation: move 3s ease-in-out infinite;
}

.boat .boat_msg{
	 width: 150px;
}
.boat2 .boat_msg{
	 width: 250px;
}

/* ghs 유니티 뷰어 사이즈 테스트 220623 */

@media ( max-width: 1800px ) {

}
@media ( max-width: 1600px ) {
	
}
@media ( max-width: 1366px ) {
	
}
@media ( max-width: 1080px ) {

}
@media ( max-width: 996px ) {
}
@media ( max-width: 768px ) {
}
@media ( max-width: 576px ) {
	
}
@media ( max-width: 414px ) {
	
}
/* 220616(s) 구매완료할 때 coin 효과  */
.blur_color_bg_coin {
	width: 100%; height: 100%;
	background-color: #191919;
	box-sizing: border-box;
	box-shadow: -1px 1px 9px 0px rgba(0, 0, 0, 0.2);
	position: fixed;
	z-index: 999998;
	top: 0; left: 0;
	visibility: hidden;
	opacity: 0.9;
}
.blur_color_bg_coin.active {
	visibility: visible;
}
.popup_purchase_complete_coin {
	width: 100%; height: 100%;
	box-sizing: border-box;
	position: fixed;
	z-index: 999998;
	top: 0; left: 0;
	visibility: hidden;
	text-align: center;
}
.popup_purchase_complete_coin.active {
	visibility: visible;
}
.popup_purchase_complete_coin img {
	margin-top: 10%;
}
.popup_purchase_complete_coin a.complete_btn {
	display: block;
    width: 160px;
    height: 40px;
    line-height: 40px;
    background-color: #744eff;
    font-family: "PreRegular", sans-serif;
    font-size: 18px;
    color: #ffffff;
    margin: 20px auto 0 auto;
    visibility: hidden;
}
.popup_purchase_complete_coin a.complete_btn.active {
	visibility: visible;
}
/* 220616(e) 구매완료할 때 coin 효과  */
/*221111(s) 준비중 팝업(플리마켓,포트폴리오) css추가*/
.popup_getting_ready{
	width: 560px; height: 539px;
	padding: 30px 0;
	box-sizing: border-box;
	background-color: #FFF;
	box-shadow: -1px 1px 9px 0px rgba(0, 0, 0, 0.2);
	position: absolute;
	top: 50%; left: 50%;
	transform: translate(-50%, -50%);
	z-index: 999998;
	visibility: hidden;
	opacity: 0;
	transition: all 0.5s;
}
.popup_getting_ready.on{
	top: 50%;
	visibility: visible;
	opacity: 1;
}
.popup_getting_ready img{
	width: 560px; height: 198px;
	margin-left: 0px; top:0px;
	position:absolute;
}
.text_box h1{
	border:0px solid black;
	width:350px; padding: 0px;
	overflow: hidden;
}
.popup_getting_ready h1{
	font-family: 'PreBlack', sans-serif;
	font-size: 35px; color: #744EFF;
	text-align: center;
	left:108px; top: 201px;
	position:absolute;
}
.text_box p{
	border:0px solid black;
	width:500px; padding: 0px;
	
}
.popup_getting_ready p{
	font-family: "PreRegular", sans-serif;
	font-size: 20px; color: #757575;
	text-align: center;
	left:31px; top: 270px;
	position:absolute;
}
.text_box h2{
	border:0px solid black;
	width:350px; padding: 0px;
	overflow: hidden;
}
.popup_getting_ready h2{
	font-family: 'PreBlack', sans-serif;
	font-size: 25px; color: #744EFF;
	text-align: center;
	left:109px; top: 400px;
	position:absolute;
}
.popup_getting_ready a.complete_btn{
	display: block;
	width: 560px; height: 69px; border-radius:0px; border: none;
	line-height: 70px;
	background-color: #744eff;
	font-family: sans-serif;
	font-size: 22px; font-weight: bold;
	color: #ffffff;
	text-align: center;
	margin: 441px auto 0 auto;
}
/*221111(e) 준비중 팝업(플리마켓,포트폴리오) css추가*/
/*221111(s) 준비중 팝업(경고) css추가*/
.popup_getting2_ready{
	width: 465px; height: 406px;
	padding: 30px 0;
	box-sizing: border-box;
	background-color: #FFF;
	box-shadow: -1px 1px 9px 0px rgba(0, 0, 0, 0.2);
	position: absolute;
	top: 50%; left: 50%;
	transform: translate(-50%, -50%);
	z-index: 999998;
	visibility: hidden;
	opacity: 0;
	transition: all 0.5s;
}
.popup_getting2_ready.on2{
	top: 50%;
	visibility: visible;
	opacity: 1;
}
.popup_getting2_ready img{
	width: 465px; height: 198px;
	margin-left: 0px; top:0px;
	position:absolute;
}
.popup_getting2_ready .text_box2 h1{
	border:0px solid black;
	width:350px; padding: 0px;
	overflow: hidden;
}
.popup_getting2_ready h1{
	font-family: 'PreBlack', sans-serif;
	font-size: 35px; color: #744EFF;
	text-align: center;
	left:57px; top: 201px;
	position:absolute;
}
.popup_getting2_ready .text_box2 p{
	border:0px solid black;
	width:460px; padding: 0px;
}
.popup_getting2_ready p{
	font-family: "PreRegular", sans-serif;
	font-size: 20px; color: #757575;
	text-align: center;
	left:2px; top: 270px;
	position:absolute;
}
.popup_getting2_ready a.complete_btn2{
	display: block;
	width: 465px; height: 69px; border-radius:0px; border: none;
	line-height: 70px;
	background-color: #744eff;
	font-family: sans-serif;
	font-size: 22px; font-weight: bold;
	color: #ffffff;
	text-align: center;
	margin: 307px auto 0 auto;
}
/*221111(e) 준비중 팝업(경고) css추가*/
/*221124(s) 단지명, 평형 닉네임명 및 동호수 표시영역 css추가*/
#apart_detail_contents .apart_3d .name_box{
	width: 100%; height: 60px; line-height: 60px;
	background-color: #000;
	box-sizing: border-box;
	text-align: right;
}
#apart_detail_contents .apart_3d .name_box strong{
	margin-left: 10px;
	font-family: 'PreBold', sans-serif;
	font-size: 16px;
	color: #ffffff;
}
#apart_detail_contents .apart_3d .name_box .name_box:after{
	float:clear;
	content:'';
	display:block;
}
#apart_detail_contents .apart_3d .name_box .apt_name{
	float: right;
	text-align: right;
	margin-right: 50px;
}
#apart_detail_contents .apart_3d .name_box .user_name{
	float: right;
	text-align: right;
	margin-right: 120px;
	display: none;
}

/* 230106(s)_아파트 정보 표시 변경 */
.house_data{
	visibility : hidden;
}
.house_data.on{
	visibility: visible;
	width: 200px; height: 300px;
	position: absolute;
	bottom:0; left: 510px;
	line-height: 40px;
	background-color: #fff;
	box-shadow: 2px 1px 2.97px 0.03px rgba(0, 0, 0, 0.15);
	text-align: center;
	color:#333333;
	z-index: 3;
	overflow: hidden;
}
.house_data h3{
	position: absolute;
	left: 13px;
}
.close_btn2{
	position: absolute;
	width: 40px; height: 40px;
	text-align: center;
	top: 0; right: 0%;
}
.close_btn2 a{
	display: block;
	line-height: 40px;
	font-size: 32px;
	color: #333333;
}
.view_data{
	width: 172px; height: 105px;
	border: 1px solid #ececec;
	position: absolute;
	left: 13px; top: 43px;
	background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
}
.house_data .ho{
	width: 172px; height: auto;
	position: absolute;
	display: block;
	font-family: "PreRegular", sans-serif;
	font-size: 15px;
	text-align: left;
	margin: 0; padding: 0px;
	line-height: 1.5;
	top:160px; left: 13px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.house_data .host{
	width: 172px; height: auto;
	position: absolute;
	display: block;
	font-family: "PreRegular", sans-serif;
	font-size: 15px;
	text-align: left;
	margin: 0; padding: 0px;
	line-height: 1.5;
	top:187px; left: 13px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.house_data .price{
	width: 172px; height: auto;
	position: absolute;
	display: block;
	font-family: 'Prebold', sans-serif;
	font-size: 15px;
	text-align: left;
	margin: 0; padding: 0px;
	line-height: 1.5;
	top:216px; left: 13px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.house_data .price a{
	color: #744EFF;
	font-family: 'Prebold', sans-serif;
	text-decoration: underline;
}
.house_data .price img{
	width: 12px; height: 12px;
}
.house_data .price .little{
	display: inline;
	font-size: 12px;
}
.house_data .view_btn{
	display: block;
	width: 172px; height: 38px;
	background-color: #744eff;
	text-align: center;
	border-radius: 8px;
	position: absolute;
	top: 249px; left: 13px;
	font-size: 16px;
	font-family: 'Prebold', sans-serif;
	color: #fff;
	z-index: 2;
	box-shadow: -1px 1px 9px 0px rgba(0, 0, 0, 0.2);
}
.house_data .view_btn a:hover{
	background-color: #fff;
}
/* 230106(e)_아파트 정보 표시 변경 */
/*221124(e) 단지명, 평형 닉네임명 및 동호수 표시영역 css추가*/
/* 221201 월드맵 아파트 깜빡이는 css 추가(s)*/
.blinking{
  -webkit-animation:blink 1.0s ease-in-out infinite alternate;
  -moz-animation:blink 1.0s ease-in-out infinite alternate;
  animation:blink 1.0s ease-in-out infinite alternate;
}
.demo_btn {
	position: absolute;
    top: 15%;
    left: 75%;
    width: 50px;
    height: 50px;
    background: #a59292;
    text-align: right;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
@-webkit-keyframes blink{
  0% {opacity:0;}
  100% {opacity:1;}
}
@-moz-keyframes blink{
  0% {opacity:0;}
  100% {opacity:1;}
}
@keyframes blink{
  0% {opacity:0;}
  100% {opacity:1;}
}
/* 221201 월드맵 아파트 깜빡이는 css 추가(e)*//**/