@charset "utf-8";
/* 접근성 숨김추가 */
.access_hidden {
	text-indent:-99999em;
	line-height:0;
	height:0;
}
h4.remote_tabtit {
	text-indent:-99999em;
	line-height:0;
	height:0;
}
.main_visual .hidden_tit {
	position:absolute;
	left:-9999em;
	height:0;
	font-size: 0;
}
/* 공통 스타일_start */
.mobile_lnb {
	display:none;
}
input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active {
	transition: background-color 1000s ease-in-out 0s;
}
/* table Style*******************************/
.common_tb {
	width:100%;
	margin-bottom:50px;
}
.common_tb .tb_num {
	width:8%;
}
.common_tb .tb_title {
}
.common_tb .tb_date {
	width:13%;
}
.common_tb .tb_count {
	width:10%;
}
.common_tb a {
	color:#333;
}
.common_tb thead th {
	padding:1.7rem 0;
	font-size:1.6rem;
	background:#f2f5f7;
	border-bottom:1px solid #d6d6d6;
	color:#333;
	border-top:1px solid #333;
}
.common_tb tbody td {
	padding:1.4rem 0;
	font-size:1.5rem;
	word-break:break-all;
	text-align:center;
	border-bottom:1px solid #d6d6d6;
	color:#666;
	line-height:1.6;
	vertical-align:middle;
}
.common_tb tbody td a:hover {
	text-decoration:underline;
}
.common_tb tbody td.title {
	text-align:left;
	padding:1.4rem 2rem;
}
.paging {
	clear:both;
	font-family:tahoma,sans-serif,arial;
	font-size:12px;
	text-align:center;
	line-height:1.9em;
	font-weight:400;
	padding-bottom:50px;
}
.paging a {
	display:inline-block;
	vertical-align:middle;
	border:#dfdfdf 1px solid;
	width:40px;
	height:40px;
	line-height:40px;
	color:#999999;
	font-size:12px;
	text-align:center;
	padding:0 !important;
	background:#fff;
	margin-left:2px;
}
.paging strong {
	display:inline-block;
	vertical-align:middle;
	width:40px;
	height:40px;
	line-height:40px;
	padding:0;
	background:#036a9a;
	color:#fff;
	margin-left:2px;
}
.paging a.btn {
	background-color:#fff;
}
.paging a.prev:before {
	font-family:'FontAwesome';
	content:"\f104";
	font-size:20px;
}
.paging a.next:before {
	font-family:'FontAwesome';
	content:"\f105";
	font-size:20px;
}
.paging a.next {
	font-size:0;
}
.paging a.prev {
	font-size: 0;
}
/* 스크롤 박스 */
.inbox .scr_box h1 {
	font-size:2rem;
	line-height:25px;
}
.inbox .scr_box h2 {
	font-size:1.4rem;
}
.inbox .scr_box dl {
	margin-bottom:20px;
}
.inbox .scr_box dl dt {
	float:left;
}
.inbox .scr_box p {
	margin-bottom:10px;
}
.scr_box dl dd ol {
	padding-left:15px;
}
.scr_box dl dd a {
	margin-top:10px;
	color:#006899;
	display: block;
}
/* 스티커 컬러 */
.sticker.soon {
	background: #976391;
}
/* 분양예정 */
.sticker.sales {
	background: #c35022;
}
/* 분양중 */
.sticker.sales_end {
	background: #747270;
}
/* 분양완료 */
.sticker.work {
	background: #175caf;
}
/* 공사중 */
.sticker.work_end {
	background: #686868;
}
/* 공사완료 */
.sticker.movein {
	background: #207a57;
}
/* 입주중 */
.sticker.movein_end {
	background: #5f677f;
}
/* 입주완료 */
.sticker.store {
	background: #5d96b1
}
/* 상가분양 */
/* 버튼 스타일 */
.submit,.btn_cancel {
	width:550px;
	height:70px;
	background:#434a5d;
	font-size:2.4rem;
	color:#fff;
	text-align:center;
	display:inline-block;
	line-height:70px;
	cursor:pointer;
}
.submit.btn2,.btn_cancel {
	width:200px;
	margin:0 10px;
	display:inline-block;
	color:#fff;
	line-height:70px;
}
.btn_cancel {
	background:#909193;
}
.btn_set .btn_list {
	width:150px;
	height:60px;
	background:#434a5d;
	font-size:2.4rem;
	color:#fff;
	display:table-cell;
	vertical-align:middle;
}
a.submit {
	color:#fff;
}
.btn_defualt {
	width:130px;
	height:35px;
	background:#939393;
	font-size:1.4rem;
	color:#fff;
}
a.btn_defualt {
	display:block;
	color:#fff;
}
.btns_set {
	clear:both;
	width:100%;
	padding:3rem 0 0;
}
.btns_set .tblbtn.lgbtn {
	font-size:1.5rem;
	padding:1.2rem 2.5rem;
}
.tblbtn.btn_blue {
	background:#006899;
	color:#fff !important;
	border:1px solid #006899;
	font-size:1.3rem;
}
.tblbtn.btn_dkgray {
	background:#434a5d;
	border:1px solid #434a5d;
	color:#fff !important;
}
.tblbtn.btn_gray {
	background:#909193;
	border:1px solid #909193;
	color: #fff !important;
}
/* input_style */
input[type="text"],input[type="password"],input[type="number"] {
	width:100%;
	height:100%;
	padding-left:30px;
	box-sizing:border-box;
	border:none;
	position:relative;
	z-index:2;
	background:transparent;
}
.input_box {
	width:100%;
	height:50px;
	box-sizing:border-box;
	border:1px #d2d2d2 solid;
	margin-bottom:20px;
	font-size:1.6rem;
	position:relative
}
.input_box span {
	height:100%;
	padding-left:30px;
	box-sizing:border-box;
	position:absolute;
	color:#bcbcbc;
	line-height:50px;
	text-align:left;
	z-index:1;
	top:0;
	left:0;
}
.input_box label {
	height:100%;
	padding-left:30px;
	box-sizing:border-box;
	position:absolute;
	color:#bcbcbc;
	line-height:50px;
	text-align:left;
	z-index:1;
	top:0;
	left:0;
}
textarea {
	box-sizing:border-box;
	border:none;
	position:relative;
	z-index:2;
	background:transparent;
	resize:none;
}
.select_wrap.iestyle select::-ms-expand {
	display:none;
}
.select_wrap.iestyle:after {
	content:'\f0dd';
	background:#fff;
	width:25px;
	padding-top:5px;
	font-family:'FontAwesome';
	position:absolute;
	right:1px;
	top:1px;
	bottom:1px;
	display:inline-block;
	color:#888;
	vertical-align:middle;
}
.select_wrap.iestyle {
	position:relative;
	display:inline-block;
}
.select_wrap.iestyle select {
	z-index:1;
}
.select_wrap.iestyle select {
	-webkit-appearance:none;
	-ms-appearance:none \9 !important;
}
html>body .select_wrap.iestyle select:after {
	content: '';
}
/* lnb */
.lnb {
	width:100%;
	height:50px;
	background:#3d4353;
	font-size:1.3rem;
}
.lnb a {
	color:#fff;
}
.lnb ul {
	width:1099px;
	height:100%;
	margin:0 auto;
	border-left:1px #2a2e3c solid;
}
.lnb ul li {
	height:100%;
	float:left;
	line-height:50px;
	color:#fff;
}
.lnb ul li::before {
	content:"";
	width:6px;
	height:100%;
	margin:0 20px;
	background:url('https://www.xi.co.kr/Content/static/css/page/img/common/icon_lnb.png') left center no-repeat;
	background-position:-40px;
	float:left;
	overflow:hidden;
}
.lnb ul li:first-child {
	width:14px;
	padding-left:20px;
	background:url('https://www.xi.co.kr/Content/static/css/page/img/common/icon_lnb.png') left center no-repeat;
	border-left:1px #4f5364 solid;
	overflow:hidden;
}
.lnb ul li:first-child a {
	width:100%;
	height:100%;
	display:block;
	text-indent:-9999rem;
}
.lnb ul li:first-child::before {
	display: none;
}
/* tab Style*******************************/
.tab_content * {
	box-sizing:border-box;
}
.tab_boxtype {
    display:flex;
    flex-wrap:wrap;
    align-items: flex-start;
    justify-content: flex-start;
	width:100%;
	overflow:hidden;
	border-bottom:1px solid #d7d7d7;
	font-size:18px;
}
.tab_boxtype li {
	flex:0 0 25%;
}
.tab_boxtype li a,.tab_boxtype li button {
	display:block;
	text-align:center;
	background:#fff;
	padding:1.5rem 0;
	border-left:1px solid #d7d7d7;
	border-right:1px solid #d7d7d7;
	border-top:1px solid #d7d7d7;
	margin-left:-1px;
	color:#666;
	font-size:1.8rem;
}
.tab_boxtype li button {
	width:100%;
	border-right:none;
}
.tab_boxtype li:last-child button {
	border-right:1px solid #d7d7d7;
}
.tab_boxtype li a {
	cursor:pointer;
}
.tab_boxtype li a:focus {
	outline:none;
	text-decoration:underline;
}
.tab_boxtype li a.on,.tab_boxtype li button.on {
	color:#fff;
	background:#4a525f;
	border-color:#4a525f;
}
.tab_boxtype.tablist_7 li {
	width:14.28571%;
}
.tab_boxtype.tablist_6 li {
	width:16.66666%;
}
.tab_boxtype.tablist_5 li {
	width:20%;
}
.tab_boxtype.tablist_4 li {
	width:25%;
}
.tab_boxtype.tablist_2 li {
	width:50%;
}
.tab_boxtype.tablist_3 li {
	width:33.33333%;
}
.tab_boxtype li:first-child a,.tab_boxtype li:first-child button {
	margin-left:0;
}
.tab_linetype {
	width:100%;
	height:auto;
	border-top:1px solid #d7d7d7;
	position:relative;
	overflow:hidden;
}
.tab_linetype li {
	width:16.6666%;
	display:block;
	float:left;
	position:relative;
	border-bottom:0;
	border-bottom:1px solid #d7d7d7;
}
.tab_linetype li::after {
	content:"";
	width:1px;
	height:10px;
	margin-top:-5px;
	background:#949494;
	position:absolute;
	top:50%;
	right:0;
	display: none;
}
.tab_linetype li a {
	display:block;
	text-align:center;
	background:#fff;
	padding:0.2rem 0;
	/*border-bottom:1px solid #d7d7d7;*/
	color:#666;
	font-size:1.6rem;
	letter-spacing:-0.05rem;
}
.tab_linetype li a:focus {
	outline:none;
}
.tab_linetype li a:focus span {
	background:#006899;
	color:#fff;
}
.tab_linetype li:before {
	content:'';
	position:absolute;
	left:0;
	top:50%;
	width:1px;
	height:10px;
	margin-top:-5px;
	background:#949494;
}
.tab_linetype.tablist_6 li {
	width:16.66666%;
}
.tab_linetype.tablist_6 li a span {
	display:inline-block;
	padding:0.7rem 1.5rem;
}
.tab_linetype.tablist_6 li a.on span {
	background:#006899;
	color:#fff;
}
.tab_linetype.tablist_3 li {
	width:33.33333%;
}
.tab_linetype.tablist_3 li span {
	display:inline-block;
	padding:0.7rem 0;
	border-bottom:1px solid #fff;
}
.tab_linetype.tablist_3 li a.on span {
	border-bottom:1px solid #006899;
	background:none;
	color:#006899;
}
.tab_linetype li:first-child:before {
	background:none;
}
.tab_linetype::before {
	content:"";
	width:100%;
	height:1px;
	display:block;
	position:absolute;
	bottom:0;
	left:0px;
	background:#d7d7d7;
}
.tab_linetype.choose2::before {
	background:none;
}
.tab_linetype li:last-child::after {
	display:none;
}
.tab_linetype li:nth-child( 6n+1 )::after {
	display:none;
}
.tab_linetype.unit li:first-child::after {
	display:block;
}
.tab_linetype.unit li:nth-child( 6n+1 )::after {
	display:none;
}
.tab_linetype.unit li:nth-child( 6n+1 )::before {
	display:none;
}
.tab_linetype li span {
	margin:0.8rem 0;
	padding:0.7rem 1.5rem;
	display:inline-block;
}
.tab_linetype li a,.tab_linetype li button {
	width:100%;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.tab_linetype li a.on span,.tab_linetype li button.on span {
	background:#006899;
	color:#fff;
}
.tab_linetype.btn7 {
	border-top:none;
}
.tab_linetype.btn7 li a,.tab_linetype li button {
	padding:0 0 0 0;
}
.tab_linetype.btn7 li {
	width:14.2857%;
}
.tab_linetype.btn7 li:nth-child(6n+2)::before {
	display:none;
}
.tab_linetype.btn7 li:first-child {
	width:calc(14.2857% - 2px);
	background:#f1f1f1;
}
.tab_linetype.tablist_2 li {
	width:50%;
}
.tab_linetype.tablist_2 li span {
	display:inline-block;
	padding:0.7rem 0;
	border-bottom:1px solid #fff;
}
.tab_linetype.tablist_2 li a.on span {
	border-bottom:1px solid #006899;
	background:none;
	color: #006899;
}
/*컨테이너 영역*/
#container {
	width:100%;
	padding-bottom:80px;
	min-height:600px;
}
#container .content {
	width:auto;
	max-width:1260px;
	height:auto;
	margin:0 auto;
	padding-top:80px;
}
#container .content.main {
	width:1100px;
}
/*#container .content .content_box{min-width: 1260px;}*/
#container.main {
	background:#f1f1f1;
	overflow-x:hidden;
}
p.summary {
	margin-bottom:50px;
	font-size:1.6rem;
	color:#767676;
	line-height:23px;
	-ms-word-break:keep-all;
	word-break:keep-all;
}
.full_content {
}
.full_content * {
	box-sizing:border-box;
}
.container_wrap {
	max-width:1100px;
	margin:0 auto;
	font-size:1.6rem;
	position:relative;
}
.container_wrap span.br:after {
	content:'';
	display: block;
}
/* 줄바꿈 리셋 */
/* 모달팝업 */
.modalpop {
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.8);
	position:fixed;
	top:0;
	left:0;
	z-index:9999;
	font-size:1.4rem;
	line-height:25px;
	display:none;
	overflow-y:auto;
}
.modalpop .pop_content:focus {
	outline:1px #006899 solid;
}
.modalpop .pop_content {
	background:#fff;
	margin:0 auto;
	position:absolute;
	top:50%;
	left:50%;
	opacity:0;
}
.pop_content button.btn_close,.pop_content a.btn_close,.pop_content .btn_new_close {
	width:35px;
	height:35px;
	margin:0 0 0 0;
	position:absolute;
	right:20px;
	top:20px;
	background:url('https://www.xi.co.kr/Content/static/css/page/img/common/btn_close.png') center no-repeat;
	background-position:-30px;
	background-size:auto 30px;
	text-indent:-201%;
	overflow:hidden;
}
.pop_content strong {
	margin-bottom:10px;
	font-size:2.8rem;
	font-family: 'notokr-bold';
}
/* 모달팝업(단지검색) */
.pop_content.search_complex {
	width:430px;
	height:470px;
	margin:-235px 0 0 -215px;
	padding:50px 30px;
	box-sizing:border-box;
	text-align:left;
}
.pop_content.search_complex .search_box {
	margin-top:30px;
	text-align:left;
}
.pop_content.search_complex .input_box {
	width:270px;
	height:40px;
	float:left;
}
.pop_content.search_complex .input_box input {
	padding-left:10px;
}
.pop_content.search_complex .input_box label {
	height:40px;
	line-height:40px;
}
.pop_content.search_complex .submit.search {
	width:90px;
	height:40px;
	margin-left:10px;
	float:right;
	font-size:1.8rem;
	font-family:'notokr-regular';
	line-height:40px;
}
.pop_content.search_complex .scr_box {
	width:100%;
	height:250px;
	border-top:1px #e0e0e0 solid;
	overflow-x:hidden;
}
.search_complex .scr_box p {
	font-size:1.6rem;
	font-family:'notokr-medium';
	color:#666;
}
.search_complex .scr_box p span {
	color:#006899;
	text-decoration:underline;
}
.search_complex .scr_box .complex_list li {
	width:100%;
	cursor:pointer;
}
.search_complex .scr_box .complex_list a {
	width:100%;
	color:#666;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	display:block;
}
.search_complex .scr_box .complex_list a:hover {
	text-decoration:underline;
}
.pop_content.counsel {
	width:650px;
	height:750px;
	margin:-375px 0 0 -325px;
	padding:50px 30px;
	box-sizing:border-box;
	color:#333;
	text-align:left;
}
.pop_content.counsel strong span {
	font-size:1.4rem;
	font-family:'notokr-regular';
}
.pop_content.counsel .title {
	width:100%;
	height:50px;
	margin-top:20px;
	padding-left:25px;
	box-sizing:border-box;
	background:#ebecef;
	border:1px #e0e0e0 solid;
	font-family:'notokr-medium';
	font-size:1.8rem;
	line-height:50px;
	display:block;
}
.pop_content .scr_box {
	width:100%;
	height:130px;
	padding:20px;
	box-sizing:border-box;
	overflow-y:scroll;
	border:1px #e0e0e0 solid;
	border-top:none;
}
.pop_content .scr_box h1 {
	font-size:2rem;
	line-height:25px;
}
.pop_content .scr_box h2,.pop_content .scr_box {
	font-size:1.4rem;
}
.pop_content .scr_box dl {
	margin-bottom:20px;
}
.pop_content .scr_box dl dt {
	float:left;
}
.pop_content .scr_box p {
	margin-bottom:10px;
}
.pop_content.counsel .agree_box {
	height:auto;
	margin:20px 0 10px;
	padding:0 0 0 0;
	text-align:right;
	position:relative;
}
.pop_content.counsel .agree_box label input {
	width:14px;
	height:14px;
	background:#fff;
	margin-right:5px;
}
.pop_content.counsel .agree_box label input:checked+span {
	background:url('https://www.xi.co.kr/Content/static/css/page/img/sub/check_box_on.png') no-repeat;
	background-size:cover;
}
.pop_content.counsel .agree_box label input:focus+span {
	outline:1px #ccc solid;
}
.pop_content.counsel .agree_box label {
}
.pop_content.counsel .agree_box label strong {
	padding-left:10px;
	font-family:'notokr-regular';
	font-size:2rem;
}
.pop_content.counsel .agree_box label span {
	width:20px;
	height:20px;
	position:absolute;
	top:3px;
	z-index:2;
	background:url('https://www.xi.co.kr/Content/static/css/page/img/sub/check_box_off.png') no-repeat;
	background-size:cover;
	display:block;
	cursor:pointer;
}
.pop_content.counsel .input_box {
	margin:0 0 0 0;
	border:none;
	border-bottom:1px #d2d2d2 solid;
}
.pop_content.counsel .input_box.txtarea {
	height:auto;
}
.pop_content.counsel .input_box textarea {
	width:100%;
	height:120px;
	padding:10px 30px;
	box-sizing:border-box;
	border:none;
	background:transparent;
	resize:none;
}
.pop_content.counsel .btn_set {
	width:100%;
}
.pop_content.counsel .btn_set button,.pop_content.counsel .btn_set a {
	width:100%;
	margin-top:20px;
}
.pop_content.counsel .btn_set a {
	display:block;
	color:#fff;
	line-height: 70px;
}
/* 모달팝업(자이플러스원) */
.pop_content.request {
	width:650px;
	height:auto;
	top:15%;
	margin:0 0 0 -325px;
	padding:50px 30px;
	box-sizing:border-box;
	color:#333;
	text-align:left;
}
.pop_content.request h3 {
	font-size:2.8rem;
	line-height:35px;
	font-family:'notokr-medium';
}
.pop_content.request .title {
	width:100%;
	height:50px;
	margin-top:20px;
	padding-left:25px;
	box-sizing:border-box;
	background:#ebecef;
	border:1px #e0e0e0 solid;
	font-family:'notokr-medium';
	font-size:1.8rem;
	line-height:50px;
}
.pop_content.request label select {
	width:100%;
	height:50px;
	padding-left:20px;
	border:1px #e0e0e0 solid;
}
.pop_content.request li {
	margin-top:50px;
}
.pop_content.request li:last-child {
	margin-bottom:10px;
}
.pop_content.request li::after {
	content:"";
	display:block;
	clear:both;
}
.pop_content.request li:first-child label {
	width:100%;
}
.pop_content.request li:first-child label select {
	width:calc(100% - 180px);
	float:left
}
.pop_content.request li:first-child label.date select,.pop_content.request li:first-child label.time select {
	width:100%;
}
.pop_content.request li:last-child label {
	width:49%;
	margin-right:2%;
}
.pop_content.request li:last-child label:last-child {
	margin-right:0;
}
.pop_content.request span {
	color:#ff0000;
	-ms-word-break:keep-all;
	word-break:keep-all;
}
.pop_content.request label strong {
	font-size:2rem;
	font-family:'notokr-medium';
	display:block;
}
.pop_content.request label {
	float:left;
}
.pop_content.request .input_box {
	width:80px;
	margin:0 0 0 10px;
	float:left
}
.pop_content.request .btn_set {
	width:100%;
	margin-top:30px;
}
.pop_content.request .btn_set a {
	width:100%;
	margin-top:20px;
}
	 .pop_content.request .call_num {
	font-size:20px;
	text-align:center;
	margin-top:20px;
	color:#ff0000;
}
.pop_content.detail {
	width:960px;
	height:670px;
	margin:-335px 0 0 -480px;
	padding:50px 30px;
	box-sizing:border-box;
	color:#333;
	text-align:left;
	-ms-word-break:keep-all;
	word-break:keep-all;
}
.pop_content.detail h3 {
	font-size:2.8rem;
	line-height:35px;
	font-family:'notokr-medium';
}
.pop_content.detail table {
	width:100%;
	margin-top:40px;
	margin-bottom:30px;
	border-top:1px #dfdfdf solid;
}
.pop_content.detail tr {
	height:40px;
}
.pop_content.detail tr th {
	width:15%;
	vertical-align:middle;
	text-align:center;
	background:#dfdfdf;
	border-bottom:1px #fff solid;
}
.pop_content.detail tr:last-child th {
	border-bottom:1px #dfdfdf solid;
}
.pop_content.detail tr td {
	width:85%;
	padding-left:20px;
	vertical-align:middle;
	border-bottom:1px #dfdfdf solid;
}
.pop_content.detail li {
	margin-right:40px;
	margin-bottom:20px;
	float:left;
}
.pop_content.detail li img {
	width:100%
}
.pop_content.detail li:nth-child(4n) {
	margin-right: 0;
}
/* 모달팝업(입주사전방문신청) */
#request .pop_content.request,#request_contract .pop_content.request {
	top:50%;
}
.pop_content.pre_visit {
	top:50%;
	width:500px;
	margin-left:-250px;
}
.pop_content.pre_visit h3 {
	margin-bottom:3rem;
	text-align:center;
}
.pop_content.pre_visit p {
	font-size:1.8rem;
	text-align:center;
	line-height:1.7;
}
.pop_content.pre_visit p strong {
	font-family:'notokr-medium';
	font-size:1.8rem;
}
.pop_content.pre_visit .btn_set {
	text-align:center;
}
.pop_content.pre_visit .btn_set .btn {
	display:inline-block;
	overflow:hidden;
	width:40%;
	height:50px;
	line-height:50px;
	font-size:1.7rem;
	color:#fff;
}
.pop_content.pre_visit .btn_set .btn.apply {
	background:#434a5d;
}
.pop_content.pre_visit .btn_set .btn.complete {
	background:#006899;
}
.c_search {
	position:relative;
}
.pop_content.request .btn_new_modalpop {
	width:83px;
	height:50px;
	background:#a39787;
	display:inline-block;
	text-align:center;
	line-height:50px;
	font-size:1.3rem;
	color:#fff;
	margin-top:6.5%;
	position:absolute;
	bottom:0;
	left: 50.5%;
}
/* 모달팝업(자이스토리) */
.pop_content.video {
	width:1200px;
	height:550px;
	margin:0 0 0 -600px;
	padding:50px 30px;
	box-sizing:border-box;
	color:#333;
	text-align:left;
}
.pop_content.video strong {
	width:400px;
	height:60px;
	margin:0 0 0 0;
	padding-left:30px;
	box-sizing:border-box;
	font-size:1.8rem;
	font-family:'notokr-medium';
	line-height:60px;
	float:left;
	border-top:2px #c8c8c8 solid;
	border-bottom:1px #c8c8c8 solid;
}
.pop_content.video .video_content .scr_box {
	width:400px;
	height:260px;
	margin:0 auto;
	border:none;
	border-bottom:1px #ccc solid;
}
.pop_content.video .video_content .scr_box pre {
	font-size:1.4rem;
	font-family:'notokr-regular';
	line-height:20px;
	white-space:pre-line;
	-ms-word-break:keep-all;
	word-break:keep-all;
}
.pop_content.video .video_content .video_box {
	width:720px;
	margin-right:20px;
}
.pop_content.video .video_content .btn_set {
	width:400px;
	height:50px;
	line-height:50px;
	float:left;
}
.pop_content.video .video_content .btn_set a {
	width:100%;
	height:100%;
	margin-top:20px;
	display:block;
	background:#8b7f6e;
	color:#fff;
	text-align: center;
}
/* 모달팝업(지도서비스) */
.pop_content.map {
	width:610px;
	height:530px;
	margin:0 0 0 -305px;
	padding:50px 30px;
	box-sizing:border-box;
	text-align:left;
}
.pop_content.map dt {
	float:left;
}
.pop_content.map dt::after {
	content:":";
	margin:0 5px;
}
.pop_content.map .map_box {
	width:100%;
	height:340px;
	margin-top: 30px;
}
/* 모달팝업(당첨자발표_미당첨) */
.pop_content.fail {
	width:500px;
	margin:0 0 0 -250px;
	padding:50px 30px;
	box-sizing:border-box;
	text-align:left;
	-ms-word-break:keep-all;
	word-break:keep-all;
}
.pop_content.fail h3 {
	font-size:2.2rem;
	font-family:'notokr-medium';
}
.pop_content.fail .result_box {
	padding:30px;
	margin:30px 0;
	border-width:2px 0;
	border-color:#434a5d;
	border-style:solid;
	text-align:center;
}
.pop_content.fail .result_box p {
	margin-top:20px;
}
.pop_content.fail .result_box p span {
	color:#006899;
}
.pop_content.fail .result_box strong {
	color:#006899;
	font-size:2.6rem;
}
.pop_content.fail .btn_defualt {
	margin:0 auto;
	background:#434a5d;
	color:#fff;
	text-align:center;
	line-height: 35px;
}
/* 모달팝업(당첨자발표_당첨) */
.pop_content.win {
	width:500px;
	margin:0 0 0 -250px;
	padding:50px 30px;
	box-sizing:border-box;
	text-align:left;
	-ms-word-break:keep-all;
	word-break:keep-all;
}
.pop_content.win h3 {
	font-size:2.2rem;
	font-family:'notokr-medium';
}
.pop_content.win .result_box {
	padding:30px;
	margin:30px 0;
	border-width:2px 0;
	border-color:#434a5d;
	border-style:solid;
	text-align:center;
}
.pop_content.win .result_box strong {
	color:#006899;
	margin-bottom:0;
	font-size:2.6rem;
	display:block;
	line-height:30px;
}
.pop_content.win .result_box dl {
	margin:20px auto;
	text-align:left;
	min-width:80%;
	max-width:100%;
	display:inline-block;
}
.pop_content.win .result_box dt {
	float:left;
}
.pop_content.win .result_box dd {
	overflow:hidden;
	white-space:nowrap;
}
.pop_content.win .result_box dt::after {
	content:":";
	margin:0 5px;
}
.pop_content.win .result_box p {
	color:#006899;
}
.pop_content.win .btn_defualt {
	margin:0 auto;
	background:#434a5d;
	color:#fff;
	text-align:center;
	line-height: 35px;
}
/* 자이스토리 */
.content_box.story {
	position:relative
}
.content_box.story .select_more {
	width:100%;
	position:static;
	text-align:right;
}
.content_box.story .select_more select {
	vertical-align:top;
	display:inline-block;
	float:none;
}
.content_box.story .select_more a {
	display:inline-block;
	float:none;
}
.content_box.story .story_box {
	width: 370px;
	margin:0 0 20px;
}
.content_box.story .story_box .share_btn {
	position:absolute;
	top:0;
	right:0;
	padding:10px 10px 0 0;
	z-index:99;
}
.story_box .img {
	width:100%;
	position:relative;
	overflow:hidden;
	background:url('https://www.xi.co.kr/Content/static/images/sub/brand/thumb_cate7.jpg') center;
	no-repeat;
	background-size:cover;
}
.story_box .img .tmb_txt {
	position:absolute;
	width:100%;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
}
.story_box .img .tmb_txt span {
	color:#fff;
	font-size:23px;
	font-weight:700;
	text-align:center;
	line-height:25px;
}
.story_box .img .tmb_txt .play_btn {
	background:url('../../../images/sub/brand/btn_thumb_play.png') center;
	no-repeat;
	width:27px;
	height:27px;
	background-size:cover;
	margin-top:10px;
}
.story_box .img .movie_btn {
	position:absolute;
	width:100%;
	height:100%;
}
.story_box .img {
	padding:20px 0
}
.story_box .img img {
	width:100%;
}
.story_box .img a {
	/* width:100%;height:100%;position:absolute;z-index:2;background:url('../img/sub/btn_play.png') center no-repeat;display:block;text-indent:-200%;overflow:hidden;*/
}
.story_box ul {
	width:100%;
	padding:15px 0 0 0;
	box-sizing:border-box;
	background:#fff;
	text-align:left;
}
.story_box ul li {
	padding-top:15px;
	font-weight:700;
	height: auto;
}
.story_box ul li:first-child {
	margin-bottom:10px;
	/*font-size:2.2rem;*/
	overflow:hidden;
	line-height:25px;
	font-family:'notokr-medium';
	word-wrap:break-word;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
}
.story_box ul li span {
	font-size: 1.4rem;
}
/* 메인페이지 */
#container .main_visual {
	width:100%;
	height:610px;
	background:#000;
	position:relative;
}
.main_visual .tab_category {
	height:80px;
	margin-left:-120px;
	position:absolute;
	z-index:10;
	top:0;
	left:50%;
	box-shadow:2px 2px 4px rgba(0,0,0,0.3);
	font-size:0;
}
.main_visual .tab_category button {
	width:80px;
	height:80px;
	box-sizing:border-box;
	display:inline-block;
	font-size:1.4rem;
	color:#fff;
}
.main_visual .tab_category button span {
	width:100%;
	height:100%;
	padding-top:50px;
	box-sizing:border-box;
	display:block;
	opacity:0.6;
}
.main_visual .tab_category button.btn_new {
	background:#988d7f;
}
.main_visual .tab_category button.btn_new.on span {
	opacity:1;
}
.main_visual .tab_category button.btn_brand {
	background:#434a5d;
}
.main_visual .tab_category button.btn_brand.on span {
	opacity:1;
}
.main_visual .tab_category button.btn_search {
	background:#1b6486;
}
.main_visual .tab_category button.btn_search.on span {
	opacity:1;
}
.main_visual .tab_category button.btn_new span {
	background:url('https://www.xi.co.kr/Content/static/css/page/img/bg_visualtab.png');
}
.main_visual .tab_category button.btn_brand span {
	background:url('https://www.xi.co.kr/Content/static/css/page/img/bg_visualtab.png') -85px;
}
.main_visual .tab_category button.btn_search span {
	background:url('https://www.xi.co.kr/Content/static/css/page/img/bg_visualtab.png') -170px;
}
.main_visual .slider_01 {
	width:100%;
	height:100%;
	display:none;
	overflow:hidden;
	position:absolute;
	left:0;
	top:0;
}
.main_visual .slider_01 .ind {
	width:100%;
	height:14px;
	position:absolute;
	z-index:3;
	bottom:30px;
}
.main_visual .slider_01 .ind #new_control {
	font-size:2rem;
	color:#fff;
	margin:0 10px;
	cursor:pointer;
	position:relative;
}
.main_visual .slider_01 .ind #new_control input {
	width:100%;
	height:20px;
}
.main_visual .slider_01 .ind li {
	width:14px;
	height:14px;
	margin:0 10px;
	border-radius:7px;
	background:#fff;
	display:inline-block;
	cursor:pointer;
	position:relative;
}
.main_visual .slider_01 .ind li.on {
	background:#006899;
}
.main_visual .slider_01 .ind input {
	width:14px;
	height:14px;
	font-size:0;
	overflow:hidden;
	position:absolute;
	left:0;
	top:0;
	background:transparent;
	border:none;
}
.main_visual .slider_01 .visual_list {
	width:200%;
	height:100%;
	position:relative;
	z-index:1;
}
.main_visual .slider_01 .visual_list>li {
	width:25%;
	height:100%;
	float:left;
	position:relative;
}
.main_visual .slider_01 .visual_list li .con_box {
	width:1100px;
	height:100%;
	margin:0 auto;
	padding-top:110px;
	box-sizing:border-box;
	position:relative;
}
.main_visual .slider_01 .visual_list li .con_box>.txt {
	width:100%;
	color:#fff;
	text-align:center;
	text-shadow:1px 1px 1px rgba(51,51,51,0.3);
	position:absolute;
}
.main_visual .slider_01 .visual_list li .con_box>.txt strong {
	font-size:6rem;
	font-family:'notokr-medium';
}
.main_visual .slider_01 .visual_list li .con_box>.txt span {
	display:block;
	font-size:1.8rem;
	line-height:25px;
}
.main_visual .slider_01 .visual_list li .con_box>.txt p {
	margin-top:20px;
}
.main_visual .slider_01 .visual_list li .con_box>.area_btn {
	display:block !important;
	position:absolute;
	left:0;
	top:50%;
	z-index:5;
	width:100%;
	margin-top:-23px;
	text-align:center;
}
.main_visual .slider_01 .visual_list li .con_box>.area_btn a.btn_link {
	height:45px;
	padding:0 15px;
	font-size:1.8rem;
	background:rgba(0,0,0,0.5);
	display:inline-block;
	line-height:45px;
	color:#fff;
}
.main_visual .slider_01 .visual_list li .con_box>.area_btn a.btn_link::after {
	content:"\f0c1";
	margin-left:5px;
	font-family:'FontAwesome';
}
.main_visual .slider_01 .visual_list li .con_box>.banner {
	width:130px;
	height:auto;
	box-sizing:border-box;
	border-radius:0;
	font-size:1.5rem;
	line-height:25px;
	float:right;
	position:relative;
	z-index:10;
}
.main_visual .slider_01 .visual_list li .con_box>.banner>li {
	border-color:#c97725;
	background:#e18932;
	padding:10px 0;
	border-bottom-width:1px;
	border-style:solid;
}
.main_visual .slider_01 .visual_list li .con_box>.banner>li:first-child {
	border-color:#135877;
	background:#1b6485;
}
.main_visual .slider_01 .visual_list li .con_box>.banner>li span {
	display:block;
}
.main_visual .slider_01 .visual_list li .con_box>.banner>li p:first-child {
	color:#ffefc1;
}
.main_visual .slider_01 .visual_list li .con_box>.banner>li p:last-child {
	color:#fff;
}
.main_visual .slider_01 .visual_list li .con_box>.banner>li:first-child p {
	color: #fff;
}
/* 가로형 */
.main_visual .slider_01 .visual_list li.style_wide .txt>strong {
	display:inline-block;
}
.main_visual .slider_01 .visual_list li.style_wide .txt>p {
	padding:0 10px;
	display:inline-block;
	text-align:left;
}
.main_visual .slider_02 {
	width:100%;
	height:100%;
	overflow:hidden;
	display:none;
	position:absolute;
	left:0;
	top:0;
}
.main_visual .slider_02 .ind {
	width:100%;
	height:14px;
	position:absolute;
	z-index:3;
	bottom:30px;
}
.main_visual .slider_02 .ind #brand_control {
	font-size:2rem;
	color:#fff;
	margin:0 10px;
	cursor:pointer;
	position:relative;
}
.main_visual .slider_02 .ind #brand_control input {
	width:100%;
	height:20px;
}
.main_visual .slider_02 .ind li {
	width:14px;
	height:14px;
	margin:0 10px;
	border-radius:7px;
	background:#fff;
	display:inline-block;
	cursor:pointer;
	position:relative;
}
.main_visual .slider_02 .ind li.on {
	background:#006899;
}
.main_visual .slider_02 .ind input {
	width:14px;
	height:14px;
	font-size:0;
	overflow:hidden;
	position:absolute;
	left:0;
	top:0;
	background:transparent;
	border:none;
}
.main_visual .slider_02 .visual_list {
	width:500%;
	height:100%;
	position:relative;
	z-index:1;
}
.main_visual .slider_02 .visual_list li {
	width:20%;
	height:100%;
	float:left;
}
.main_visual .slider_02 .visual_list li .con_box {
	width:1100px;
	margin:0 auto;
	color:#fff;
	text-align:left;
	font-size:3rem;
	font-family:'notokr-light';
}
.main_visual .slider_02 .visual_list li .con_box>p {
	margin-top:130px;
	float:left;
	text-shadow:1px 1px 1px #333;
}
.main_visual .slider_02 .visual_list li .con_box>p .smalltxt {
	margin-bottom:30px;
	font-size:1.8rem;
	letter-spacing:5px;
	display:block;
}
.main_visual .slider_02 .visual_list li .con_box>p strong {
	margin-top:15px;
	font-size:5.5rem;
	display:block;
	font-family:'notokr-regular';
}
/*.main_visual .slider_02 .visual_list li:nth-child(3) .con_box>p{color: #333;}*/
.main_visual .slider_02 .visual_list li .con_box .cast_link {
	width:400px;
	height:480px;
	margin-top:65px;
	float:right;
	font-family:'notokr-regular';
	box-shadow:5px 5px 4px rgba(0,0,0,0.6);
}
.main_visual .slider_02 .visual_list li .con_box .cast_link .img {
	height:290px;
}
.main_visual .slider_02 .visual_list li .con_box .cast_link .txt_box {
	height:190px;
	padding:40px;
	box-sizing:border-box;
	background:#fff;
	color:#333;
	font-size:2rem;
}
.main_visual .slider_02 .visual_list li .con_box .cast_link .txt_box p {
	height:50px;
}
.main_visual .slider_02 .visual_list li .con_box .cast_link .txt_box p a>span {
	height:24px;
	padding-top:5px;
	font-size:20px;
	display:block;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow-x:hidden;
}
.main_visual .slider_02 .visual_list li .con_box .cast_link .txt_box span {
	height:16px;
	margin-bottom:5px;
	display:block;
	font-size:1.6rem;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.main_visual .slider_02 .visual_list li .con_box .cast_link .txt_box a.btn_link {
	width:120px;
	margin-top:20px;
	padding:10px 0;
	font-size:1.4rem;
	background:#798092;
	color:#fff;
	display:block;
	text-align:center;
}
.main_visual .slider_03 {
	width:100%;
	height:100%;
	display:none;
	overflow:hidden;
	position:absolute;
	left:0;
	top:0;
}
.main_visual .slider_03 .ind {
	width:100%;
	height:14px;
	position:absolute;
	z-index:3;
	bottom:30px;
}
.main_visual .slider_03 .ind #search_control {
	font-size:2rem;
	color:#fff;
	margin:0 10px;
	cursor:pointer;
	position:relative;
}
.main_visual .slider_03 .ind #search_control input {
	width:100%;
	height:20px;
}
.main_visual .slider_03 .ind li {
	width:14px;
	height:14px;
	margin:0 10px;
	border-radius:7px;
	background:#fff;
	display:inline-block;
	cursor:pointer;
	position:relative;
}
.main_visual .slider_03 .ind li.on {
	background:#006899;
}
.main_visual .slider_03 .ind input {
	width:14px;
	height:14px;
	font-size:0;
	overflow:hidden;
	position:absolute;
	left:0;
	top:0;
	background:transparent;
	border:none;
}
.main_visual .slider_03 .con_box {
	width:100%;
	position:absolute;
	z-index:3;
	margin-top:220px;
}
.main_visual .slider_03 .con_box p {
	font-size:5rem;
	color:#fff;
	text-shadow:1px 1px 1px #333;
}
.main_visual .slider_03 .con_box a {
	margin-top:30px;
	padding:15px 20px;
	color:#fff;
	font-size:3rem;
	border:2px #fff solid;
	display:inline-block;
}
.main_visual .slider_03 .visual_list {
	width:200%;
	height:100%;
	position:relative;
	z-index:1;
}
.main_visual .slider_03 .visual_list li {
	width:25%;
	height:100%;
	float:left;
	opacity:0.85;
}
.main_visual .slider_03 .search_box {
	width:1100px;
	height:400px;
	margin:-200px 0 0 -550px;
	position:absolute;
	z-index:10;
	left:50%;
	top:50%;
	text-align:center;
	display:block;
}
.main_visual .slider_03 .search_box .title {
	width:100%;
	height:60px;
	background:rgba(0,0,0,0.75);
	line-height:60px;
	font-size:2.2rem;
	color:#fff;
}
/*.main_visual .slider_03 .search_box .title p{float:left;margin-left:30px;}.main_visual .slider_03 .search_box .title .input_box{width:200px;height:35px;vertical-align:top;margin-bottom: 0;}*/
.main_visual .slider_03 .search_box .choose_box {
	width:366px;
	height:340px;
	padding:20px;
	box-sizing:border-box;
	margin-right:1px;
	float:left;
	background:rgba(0,0,0,0.95);
	text-align:left;
	position:relative;
}
.main_visual .slider_03 .search_box .choose_box>span {
	height:30px;
	color:#fff;
	font-size:2.2rem;
	display:block;
}
.main_visual .slider_03 .search_box .choose_box input {
	position:absolute;
	opacity:0;
	left:0;
}
.main_visual .slider_03 .search_box .choose_box input:focus+label {
	outline:1px #006899 solid;
}
.main_visual .slider_03 .search_box .choose_box>label {
	opacity:0.5;
}
.main_visual .slider_03 .search_box .choose_box.area>label {
	width:100%;
	padding:10px 0;
	margin-top:10px;
	color:#fff;
	font-size:1.8rem;
	display:block;
	text-align:center;
	border:1px #fff solid;
	cursor:pointer;
}
.main_visual .slider_03 .search_box .choose_box.area input:checked+label {
	opacity:1;
}
.main_visual .slider_03 .search_box .choose_box.type>label {
	width:163px;
	height:135px;
	float:left;
	float:left;
	cursor:pointer;
	text-indent:-200%;
	overflow:hidden;
}
.main_visual .slider_03 .search_box .choose_box.type>label.type_01 {
	background:url('https://www.xi.co.kr/Content/static/css/page/img/main/visual_03/type_01.png') center no-repeat;
}
.main_visual .slider_03 .search_box .choose_box.type>label.type_02 {
	background:url('https://www.xi.co.kr/Content/static/css/page/img/main/visual_03/type_02.png') center no-repeat;
}
.main_visual .slider_03 .search_box .choose_box.type>label.type_03 {
	background:url('https://www.xi.co.kr/Content/static/css/page/img/main/visual_03/type_03.png') center no-repeat;
}
.main_visual .slider_03 .search_box .choose_box.type>label.type_04 {
	background:url('https://www.xi.co.kr/Content/static/css/page/img/main/visual_03/type_04.png') center no-repeat;
}
.main_visual .slider_03 .search_box .choose_box.type input:checked+label {
	opacity:1;
}
.main_visual .slider_03 .search_box .choose_box.size>label {
	width:108px;
	height:135px;
	padding-top:105px;
	box-sizing:border-box;
	float:left;
	float:left;
	cursor:pointer;
	text-align:center;
	font-size:1.6rem;
}
.main_visual .slider_03 .search_box .choose_box.size>label>span {
	color:#fff;
}
.main_visual .slider_03 .search_box .choose_box.size>label.size_01 {
	background:url('https://www.xi.co.kr/Content/static/css/page/img/main/visual_03/size_01.png') center 15px no-repeat;
}
.main_visual .slider_03 .search_box .choose_box.size>label.size_02 {
	background:url('https://www.xi.co.kr/Content/static/css/page/img/main/visual_03/size_02.png') center 15px no-repeat;
}
.main_visual .slider_03 .search_box .choose_box.size>label.size_03 {
	background:url('https://www.xi.co.kr/Content/static/css/page/img/main/visual_03/size_03.png') center 15px no-repeat;
}
.main_visual .slider_03 .search_box .choose_box.size>label.size_04 {
	background:url('https://www.xi.co.kr/Content/static/css/page/img/main/visual_03/size_04.png') center 15px no-repeat;
}
.main_visual .slider_03 .search_box .choose_box.size>label.size_05 {
	background:url('https://www.xi.co.kr/Content/static/css/page/img/main/visual_03/size_05.png') center 15px no-repeat;
}
.main_visual .slider_03 .search_box .choose_box.size input:checked+label {
	opacity:1;
}
.main_visual .slider_03 .search_box .choose_box.size {
	margin-right:0;
}
.main_visual .slider_03 .search_box a.btn_search {
	width:60px;
	height:60px;
	background:#a39787;
	color:#fff;
	font-size:2.5rem;
	line-height:60px;
	position:absolute;
	right:0;
	bottom:0
}
.main_visual .slider_03 .search_box a.btn_close {
	width:60px;
	height:60px;
	color:#fff;
	font-size:3rem;
	line-height:60px;
	position:absolute;
	right:0;
	top:0
}
.area_xiinfo {
	height:300px;
	margin-bottom:60px;
	font-size:1.4rem;
	position:relative;
	z-index:1;
}
.area_xiinfo a:hover {
	text-decoration:underline;
}
.area_xiinfo .schedule_box {
	width:840px;
	height:100%;
	background:#fff;
	float:left;
	left:0;
}
.area_xiinfo .schedule_box .sale_list {
	width:280px;
	height:100%;
	float:left;
}
.area_xiinfo .schedule_box .btn_gosch {
	width:150px;
	height:35px;
	padding:0 10px;
	box-sizing:border-box;
	background:url('https://www.xi.co.kr/Content/static/css/page/img/icon_arrow.png') 90% center no-repeat #6c7383;
	display:block;
	float:right;
	line-height:35px;
	color:#fff;
	text-align:left;
	position:relative;
	top:-14px;
	right:30px;
}
.sale_list .month {
	width:100%;
	height:60px;
	background:#434a5d;
	color:#fff;
	line-height:60px;
	font-size:1.8rem;
}
.sale_list .month::before {
	content:"";
	width:1px;
	height:20px;
	margin-top:-10px;
	display:block;
	background:#976391;
	position:absolute;
	top:50%;
	left:0;
}
.sale_list:nth-of-type(1n) .month::before {
	display:none;
}
.sale_list .schedule_list {
	width:100%;
	height:240px;
	padding:20px;
	box-sizing:border-box;
	text-align:left;
	overflow-y:auto;
	overflow-x:hidden;
	position:relative;
}
.sale_list .schedule_list.no_list {
	background:url('https://www.xi.co.kr/Content/static/css/page/img/main/cal_bg.gif') center no-repeat;
	background-size:50%;
}
.sale_list .schedule_list ul::before {
	content:"";
	width:1px;
	height:200px;
	margin-top:-100px;
	display:block;
	background:#ddd;
	position:absolute;
	left:0;
	top:50%;
}
.sale_list:nth-of-type(1) .schedule_list ul::before {
	display:none;
}
.sale_list .schedule_list li {
	width:100%;
	height:26px;
	margin-bottom:10px;
	line-height:26px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.sale_list .schedule_list li span {
	width:70px;
	height:100%;
	margin-right:10px;
	box-sizing:border-box;
	display:block;
	border:1px #976391 solid;
	background:#976391;
	border-radius:5px;
	text-align:center;
	float:left;
	color:#fff;
}
.sale_list .schedule_list li span.ing {
	border-color:#c35022;
	background:#c35022;
	color:#fff;
}
.area_xiinfo .btn_set {
	width:100%;
	height:50px;
	position:absolute;
	display:none;
}
.area_xiinfo .btn_set a {
	width:50px;
	height:50px;
	display:block;
	float:right;
	line-height:50px;
	background:rgba(0,0,0,0.3);
	color:#fff;
}
.area_xiinfo .btn_set a.btn_prev {
	float:left;
}
.area_xiinfo .news_box {
	width:240px;
	height:100%;
	float:right;
	text-align:left;
}
.news_box .title {
	width:100%;
	height:40px;
	padding:10px 0;
	display:table;
}
.news_box h2 {
	margin:0 0 0 0;
	font-size:2.8rem;
	display:table-cell;
	vertical-align:middle;
}
.news_box .title>a {
	width:40px;
	height:40px;
	display:block;
	float:right;
	background:url('https://www.xi.co.kr/Content/static/css/page/img/icon_arrow.png') center no-repeat #798091;
}
.news_box ul {
	width:100%;
	height:240px;
}
.news_box li {
	width:100%;
	height:30px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.news_box li a {
}
.news_box li::before {
	content:"·";
	margin-right:10px;
}
.area_notice {
	margin-bottom:60px;
	text-align:left;
}
.area_notice h2 {
	font-size:2.8rem
}
.area_notice .notice_list {
	height:275px;
	word-break:break-all;
	font-size:1.4rem;
}
/* .area_notice .notice_list li:hover .link_box{opacity: 1;}*/
.area_notice .notice_list .link_box {
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.7) url('https://www.xi.co.kr/Content/static/css/page/img/notice_bg.png') center no-repeat;
	position:absolute;
	top:0;
	left:0;
	z-index:2;
	text-align:center;
	opacity:0;
	transition-duration:0.5s;
	display:table;
}
.area_notice .notice_list .link_box strong {
	display:table-cell;
	vertical-align:middle;
	text-decoration:underline;
	font-size:1.6rem;
}
.area_notice .notice_list li {
	width:275px;
	height:100%;
	box-sizing:border-box;
	float:left;
	position:relative;
	background-size:cover;
	z-index:1;
}
.area_notice .notice_list li::before {
	content:"";
	width:30px;
	height:30px;
	display:block;
	position:absolute;
	right:0;
	top:0;
	z-index:2;
	background:url('https://www.xi.co.kr/Content/static/css/page/img/icon_notice.png') no-repeat;
}
.area_notice .notice_list li:nth-child(1) {
	background:#dba90f;
}
.area_notice .notice_list li:nth-child(2) {
	background:#1b6485;
}
.area_notice .notice_list li:nth-child(3) {
	background:#252733;
}
.area_notice .notice_list li:nth-child(4) {
	background:#a39787;
}
.area_notice .notice_list li a {
	display:block;
	color:#fff;
	position:relative;
	padding:30px;
	box-sizing:border-box;
	height:100%;
}
.area_notice .notice_list li strong {
	font-size:2.5rem;
	letter-spacing:-1px;
}
.area_notice .notice_list li strong span {
	font-family:'notokr-thin';
	display:block;
	line-height:33px;
}
.area_notice .notice_list li p {
	margin-top:30px;
	line-height:18px;
	font-family:'notokr-light';
	-ms-word-break:keep-all;
	word-break:keep-all;
}
.area_notice .notice_list li a>span {
	font-size:1.2rem;
	position:absolute;
	bottom:30px;
	left:30px;
	text-decoration:underline;
	opacity:0.7;
}
.area_community {
	width:100%;
	height:455px;
	margin-bottom:60px;
	text-align:left;
}
.area_community ul {
	width:100%;
	height:100%;
}
.area_community li {
	float:left;
}
.area_community li>a {
	display:block;
	position:relative;
	height:100%;
}
.area_community li>a>span {
	width:274px;
	height:60px;
	padding:0 20px;
	box-sizing:border-box;
	position:absolute;
	z-index:2;
	font-size:1.8rem;
	color:#fff;
	font-family:'notokr-medium';
	line-height:60px;
	text-align:left;
}
.area_community li:nth-child(1) {
	width:410px;
	height:100%;
}
.area_community li:nth-child(2) {
	width:274px;
	height:100%;
}
.area_community li:nth-child(3) {
	width:416px;
	height:200px;
}
.area_community li:nth-child(4) {
	width:416px;
	height:225px;
}
.area_community li .img_box {
	display:inline-block;
	overflow:hidden;
}
.area_community li:nth-child(1) .img_box {
	width:342px;
	height:314px;
	float:right;
}
.area_community li:nth-child(2) .img_box {
	width:100%;
	height:100%;
}
.area_community li:nth-child(3) .img_box {
	width:340px;
	height:100%;
}
.area_community li:nth-child(4) .img_box {
	width:340px;
	height:100%;
}
.area_community li .img_box>span {
	display:block;
}
.area_community li:nth-child(1) .img_box>span {
	width:100%;
	height:100%;
	background:url('https://www.xi.co.kr/Content/static/css/page/img/img_community_01.jpg') center no-repeat;
}
.area_community li:nth-child(2) .img_box>span {
	width:100%;
	height:100%;
	background:url('https://www.xi.co.kr/Content/static/css/page/img/img_community_02.jpg') center top no-repeat;
}
.area_community li:nth-child(3) .img_box>span {
	width:100%;
	height:100%;
	background:url('https://www.xi.co.kr/Content/static/css/page/img/img_community_03.jpg') center no-repeat;
}
.area_community li:nth-child(4) .img_box>span {
	width:100%;
	height:100%;
	background:url('https://www.xi.co.kr/Content/static/css/page/img/img_community_04.jpg') left no-repeat #798092;
}
.area_community li a>span {
	display:block;
	background:url('https://www.xi.co.kr/Content/static/css/page/img/icon_arrow.png') 240px center no-repeat;
}
.area_community li:nth-child(1) a>span {
	background-color:#937143;
	top:0;
	left:0;
}
.area_community li:nth-child(2) a>span {
	background-color:#18698f;
	left:0;
	bottom:0;
}
.area_community li:nth-child(3) a>span {
	background-color:#434a5d;
	top:0;
	right:0;
}
.area_community li:nth-child(4) a>span {
	background-color:#5f5e65;
	bottom:0;
	right:0;
}
.area_community li:nth-child(4) .img_box strong {
	position:absolute;
	z-index:2;
	top:30px;
	left:30px;
	font-size:1.4rem;
	line-height:20px;
	color:#fff;
}
.area_customer {
	height:290px;
	color:#fff;
	text-align:left;
}
.area_customer .center_info {
	width:410px;
	height:100%;
	background:#434a5d;
	float:left;
	padding:50px;
	box-sizing:border-box;
}
.area_customer .center_info p {
	margin-bottom:10px;
	font-size:2.8rem;
	line-height:30px;
}
.area_customer .center_info p span {
	display:block;
}
.area_customer .center_info strong {
	font-size:4.8rem;
}
.area_customer .center_info span {
	font-size:1.6rem;
	margin-top:10px;
}
.area_customer .link_center {
	width:690px;
	height:100%;
	padding:50px;
	box-sizing:border-box;
	background:#a39787;
	float:left;
	position:relative;
	color:#333;
}
.area_customer .link_center::after {
	content:"";
	width:100%;
	height:100%;
	display:block;
	background:#a39787;
	position:absolute;
	top:0;
	right:-100%;
}
.area_customer .link_center .box {
	width:158px;
	height:100%;
	padding:30px 20px 20px;
	box-sizing:border-box;
	margin:0 19px;
	background:#fff;
	float:left;
	text-align:center;
}
.area_customer .link_center .box strong {
	font-size:1.8rem;
	font-family:'notokr-medium';
}
.area_customer .link_center .box span {
	width:100%;
	height:41px;
	margin:10px 0;
	display:block;
}
.area_customer .link_center .box:nth-of-type(1) span {
	background:url('https://www.xi.co.kr/Content/static/css/page/img/icon_cscenter_01.png') center no-repeat;
}
.area_customer .link_center .box:nth-of-type(2) span {
	background:url('https://www.xi.co.kr/Content/static/css/page/img/icon_cscenter_02.png') center no-repeat;
}
.area_customer .link_center .box:nth-of-type(3) span {
	background:url('https://www.xi.co.kr/Content/static/css/page/img/icon_cscenter_03.png') center no-repeat;
}
.area_customer .link_center .box a {
	width:100%;
	height:26px;
	margin-bottom:5px;
	font-size:1.3rem;
	box-sizing:border-box;
	display:block;
	line-height:26px;
	border:1px #ccc solid;
}
.area_sns {
	height:132px;
	margin-top:60px;
	text-align:left;
}
.area_sns ul {
	height:100%
}
.area_sns ul li {
	width:320px;
	height:100%;
	margin-right:70px;
	float:left;
	font-size:1.4rem;
	line-height:18px;
}
.area_sns ul li:nth-child(3) {
	margin-right:0;
	line-height:17px;
	overflow:hidden;
}
.area_sns ul li:nth-child(3) a {
	height:68px;
	overflow:hidden;
	display:block;
}
.area_sns ul li .title {
	width:100%;
	height:22px;
	padding-left:30px;
	box-sizing:border-box;
	margin-bottom:25px;
	font-size:2rem;
	line-height:22px;
}
.area_sns ul li:nth-child(1) .title {
	background:url('https://www.xi.co.kr/Content/static/css/page/img/icon_naverblog.png') left no-repeat;
}
.area_sns ul li:nth-child(2) .title {
	background:url('https://www.xi.co.kr/Content/static/css/page/img/icon_facebook.png') left no-repeat;
}
.area_sns ul li:nth-child(3) .title {
	background:url('https://www.xi.co.kr/Content/static/css/page/img/icon_instagram.png') left no-repeat;
}
.area_sns ul li .title::after {
	content:"";
	display:block;
	clear:both;
}
.area_sns ul li .title span {
	float:left;
}
.area_sns ul li .title a {
	font-size:1.2rem;
	float:right;
	line-height:20px;
	text-decoration:underline;
}
.area_sns ul li p {
	height:72px;
	margin-bottom:10px;
	overflow:hidden;
	color:#777;
}
.area_sns ul li:nth-child(1) p {
	height:55px;
	margin-bottom:10px;
	overflow:hidden;
	color:#777;
}
.area_sns ul li:nth-child(3) .img {
	width:85px;
	margin-right:10px;
	height:85px;
	float:left;
}
.area_sns ul li:nth-child(3) .img img {
	width:100%;
}
@media screen and (max-width:1100px) {
	.main_visual .slider_01 .visual_list li .con_box {
		width:95%;
		position:relative;
	}
	.main_visual .slider_02 .visual_list li .con_box {
		width:100%;
	}
	.main_visual .slider_02 .visual_list li .con_box>p {
		width:100%;
		float:none;
		text-align:center;
	}
	.main_visual .slider_02 .visual_list li .con_box .cast_link {
		width:600px;
		height:200px;
		margin:60px auto 0;
		float:none;
	}
	.main_visual .slider_02 .visual_list li .con_box .cast_link .img {
		width:250px;
		height:100%;
		float:left;
	}
	.main_visual .slider_02 .visual_list li .con_box .cast_link .txt_box {
		width:350px;
		height:100%;
		float:left;
	}
	.main_visual .slider_03 .search_box {
		width:95%;
		margin:0 0 0 2.5%;
		left:0;
		top:130px;
	}
	.main_visual .slider_03 .search_box .title {
		font-size:2rem;
	}
	.main_visual .slider_03 .search_box .choose_box {
		width:33.3333%;
		margin:0 0 0 0;
		font-size:1.6rem;
	}
	.main_visual .slider_03 .search_box .choose_box.area>label {
		width:100%;
		font-size:1.6rem;
	}
	.main_visual .slider_03 .search_box .choose_box>label {
		border:1px #fff solid;
		margin-top:10px;
	}
	.main_visual .slider_03 .search_box .choose_box.type>label {
		width:100%;
		height:auto;
		padding:0;
		text-indent:0;
		color:#fff;
		padding:10px 0;
		text-align:center;
	}
	.main_visual .slider_03 .search_box .choose_box.type>label.type_01 {
		background:none;
	}
	.main_visual .slider_03 .search_box .choose_box.type>label.type_02 {
		background:none;
	}
	.main_visual .slider_03 .search_box .choose_box.type>label.type_03 {
		background:none;
	}
	.main_visual .slider_03 .search_box .choose_box.type>label.type_04 {
		background:none;
	}
	.main_visual .slider_03 .search_box .choose_box.size>label {
		width:100%;
		height:auto;
		padding:10px 0;
	}
	.main_visual .slider_03 .search_box .choose_box.size>label.size_01 {
		background:none;
	}
	.main_visual .slider_03 .search_box .choose_box.size>label.size_02 {
		background:none;
	}
	.main_visual .slider_03 .search_box .choose_box.size>label.size_03 {
		background:none;
	}
	.main_visual .slider_03 .search_box .choose_box.size>label.size_04 {
		background:none;
	}
	.main_visual .slider_03 .search_box .choose_box.size>label.size_05 {
		background:none;
	}
	.main_visual .slider_03 .search_box a.btn_search {
		width:45px;
		height:45px;
		line-height:45px;
	}
	.area_xiinfo,.area_notice,.area_community {
		width:90%;
		margin:0 auto;
	}
	.area_notice,.area_community {
		height:auto;
	}
	.area_sns {
		width:90%;
		margin:0 auto;
		margin-top:30px;
	}
	.area_xiinfo .schedule_box,.area_xiinfo .news_box {
		width:100%;
	}
	.area_xiinfo .schedule_box .sale_list {
		width:33.3333%;
	}
	.area_xiinfo .news_box {
		height:auto;
		margin-top:30px;
		float:left;
	}
	.area_xiinfo .news_box ul {
		height:auto;
	}
	.area_xiinfo .news_box li {
		width:48%;
		margin:0 1%;
		float:left;
	}
	.area_notice {
		margin-top:20px;
	}
	.area_notice .notice_list li {
		width:50%;
		height:200px;
	}
	.area_notice .notice_list li strong {
		font-size:2.2rem;
	}
	.area_notice .notice_list li p {
		margin-top:10px;
		margin-bottom:25px;
	}
	.area_community {
		margin-top:30px;
	}
	.area_community li .img_box {
		height:190px;
	}
	.area_community li:nth-child(1),.area_community li:nth-child(2),.area_community li:nth-child(3),.area_community li:nth-child(4) {
		width:50%;
		height:190px;
	}
	.area_community li:nth-child(1) .img_box,.area_community li:nth-child(2) .img_box,.area_community li:nth-child(3) .img_box,.area_community li:nth-child(4) .img_box {
		width:100%;
	}
	.area_community li:nth-child(1) .img_box>span,.area_community li:nth-child(2) .img_box>span,.area_community li:nth-child(3) .img_box>span {
		background-size:cover;
		background-position:center;
	}
	.area_community li:nth-child(1) a>span,.area_community li:nth-child(2) a>span,.area_community li:nth-child(3) a>span,.area_community li:nth-child(4) a>span {
		left:0;
		top:0;
	}
	.area_community li:nth-child(4) .img_box strong {
		top:auto;
		left:auto;
		bottom:30%;
		right:15%;
	}
	.area_customer .link_center::after {
		display:none;
	}
	.area_customer {
		margin-top:50px;
	}
	.area_customer .center_info {
		width:30%;
		padding:50px 20px;
		-ms-word-break:keep-all;
		word-break:keep-all;
		text-align:center;
	}
	.area_customer .link_center {
		width:70%;
		padding:50px 20px;
	}
	.area_customer .link_center .box {
		width:31.3333%;
		margin:0 1%;
	}
	.area_customer .center_info strong {
		font-size:3rem;
	}
	.area_sns ul li {
		width:30%;
		margin-right:5%;
	}
	.area_sns ul li:last-child {
		margin-right:0;
	}
}
@media screen and (max-width:1024px) {
	.area_notice .notice_list li:hover .link_box {
		opacity:0;
	}
	.main_visual .slider_03 .con_box p {
		font-size:4rem;
	}
	.main_visual .slider_03 .con_box a {
		font-size:2.5rem;
	}
}
@media screen and (max-width:820px) {
	.main_visual .slider_01 .visual_list li.visual_01 .con_box>p strong {
		display:block;
	}
	.main_visual .slider_01 .visual_list li.visual_01 .con_box>p span {
		display:block;
	}
	.main_visual .slider_03 .con_box p {
		font-size:3.5rem;
	}
	.main_visual .slider_03 .con_box a {
		font-size:2.5rem;
	}
}
@media screen and (max-width:640px) {
	#container .main_visual {
		height:450px;
	}
	.lnb ul {
		width:100%;
		border:none;
	}
	.main_visual .slider_01 .visual_list li .con_box {
		height:100%;
	}
	.main_visual .slider_01 .visual_list li .con_box>.txt {
		position:static;
	}
	.main_visual .slider_01 .visual_list li .con_box>.txt strong {
		font-size:4rem;
	}
	.main_visual .slider_01 .visual_list li .con_box>.txt p span {
		font-size:1.4rem;
	}
	.main_visual .slider_01 .visual_list li .con_box>.txt p span.area_btn {
		margin-top:10px !important;
	}
	.main_visual .slider_01 .visual_list li .con_box>.txt p span.area_btn a.btn_link {
		font-size:1.3rem;
	}
	.main_visual .slider_01 .visual_list li .con_box>.area_btn {
		top:inherit;
		bottom:120px;
		margin-top:0;
	}
	.main_visual .slider_01 .visual_list li .con_box>.area_btn a.btn_link {
		height:3.6rem;
		font-size:1.3rem;
		line-height:3.6rem;
	}
	.main_visual .slider_01 .visual_list li .con_box>.banner {
		width:100%;
		position:absolute;
		margin:64px 0 0 0;
		font-size:1.3rem;
		line-height:20px;
		float:none;
		bottom:50px;
	}
	.main_visual .slider_01 .visual_list li .con_box>.banner>li {
		width:100%;
		border-bottom:none;
		border-right-width:1px;
		float:left;
		box-sizing:border-box;
	}
	.main_visual .slider_01 .visual_list li .con_box>.banner.ba3>li {
		width:33.3333%;
	}
	.main_visual .slider_01 .visual_list li .con_box>.banner.ba2>li {
		width:50%;
	}
	.main_visual .slider_01 .visual_list li .con_box>.banner.ba1>li {
		width:50%;
		margin-left:25%;
	}
	.main_visual .slider_01 .visual_list li .con_box>.win {
		width:33.3333%;
		margin:40px 0 0 0;
		position:static;
		float:left;
		border-radius:0;
		font-size:1.4rem;
		line-height:20px;
		border-bottom:none;
		border-right:1px #c97725 solid;
	}
	.main_visual .slider_01 .visual_list li .con_box>.contract {
		width:33.3333%;
		margin:40px 0 0 0;
		position:static;
		float:left;
		border-radius:0;
		font-size:1.4rem;
		line-height:20px;
	}
	.main_visual .slider_02 .visual_list li .con_box>p {
		margin-top:125px;
		font-size:2rem;
	}
	.main_visual .slider_02 .visual_list li .con_box>p .smalltxt {
		font-size:1.4rem;
		margin-bottom:20px;
	}
	.main_visual .slider_02 .visual_list li .con_box>p strong {
		font-size:3.5rem;
	}
	.main_visual .slider_02 .visual_list li .con_box .cast_link {
		width:300px;
		height:100px;
		margin:50px auto 0;
	}
	.main_visual .slider_02 .visual_list li .con_box .cast_link .img {
		width:100px;
	}
	.main_visual .slider_02 .visual_list li .con_box .cast_link .txt_box {
		width:200px;
		padding:25px;
		font-size:1.8rem;
	}
	.main_visual .slider_02 .visual_list li .con_box .cast_link .txt_box span {
		font-size:1.4rem;
	}
	.main_visual .slider_02 .visual_list li .con_box .cast_link .txt_box a.btn_link {
		display:none;
	}
	.main_visual .slider_03 .search_box {
		width:100%;
		height:100%;
		margin:0 0 0 0;
		top:0;
		background:rgba(0,0,0,0.9)
	}
	.main_visual .slider_03 .search_box .title {
		width:100%;
		padding-top:20px;
		height:auto;
		font-size:1.6rem;
		letter-spacing:-1px;
		line-height:50px;
	}
	.main_visual .slider_03 .search_box .choose_box {
		height:auto;
		padding:20px 5px;
		background:none;
	}
	.main_visual .slider_03 .search_box .choose_box>span {
		height:25px;
		font-size:1.8rem;
		text-align:center;
	}
	.main_visual .slider_03 .search_box .choose_box.area label,.main_visual .slider_03 .search_box .choose_box.type label,.main_visual .slider_03 .search_box .choose_box.size label {
		margin-top:5px;
		font-size:1.4rem;
	}
	.main_visual .slider_03 .search_box a.btn_search {
		width:30%;
		height:40px;
		bottom:50px;
		left:18%;
		line-height:40px;
		font-size:1.4rem;
	}
	.main_visual .slider_03 .search_box a.btn_search::after {
		content:"검색하기";
		margin-left:10px;
		font-size:1.4rem;
		line-height:40px;
	}
	.main_visual .slider_03 .search_box a.btn_close {
		width:30%;
		height:40px;
		top:auto;
		bottom:50px;
		right:18%;
		line-height:40px;
		font-size:1.4rem;
		background:#fff;
		color:#333
	}
	.main_visual .slider_03 .search_box a.btn_close::after {
		content:"닫기";
		margin-left:10px;
		font-size:1.4rem;
		line-height:40px;
	}
	.main_visual .slider_03 .con_box {
		padding:0 2.5%;
		box-sizing:border-box;
		margin-top:145px;
	}
	.main_visual .slider_03 .con_box p {
		font-size:2.5rem;
		line-height:35px;
	}
	.main_visual .slider_03 .con_box p>span {
		display:block;
	}
	.main_visual .slider_03 .con_box a {
		font-size:1.8rem;
	}
	.news_box h2 {
		font-size:2.3rem;
	}
	.area_xiinfo {
		overflow:hidden;
	}
	.area_xiinfo .schedule_box {
		width:300%;
		position:relative;
	}
	.area_xiinfo .schedule_box .sale_list {
		width:33.3333%;
	}
	.area_xiinfo .schedule_box .sale_list .schedule_list {
		height:160px;
	}
	.area_xiinfo .schedule_box .sale_list .schedule_list::-webkit-scrollbar {
		-webkit-appearance:none;
	}
	.area_xiinfo .schedule_box .sale_list .schedule_list::-webkit-scrollbar:vertical {
		width:10px;
	}
	.area_xiinfo .schedule_box .sale_list .schedule_list::-webkit-scrollbar:horizontal {
		height:10px;
	}
	.area_xiinfo .schedule_box .sale_list .schedule_list::-webkit-scrollbar-thumb {
		background-color:rgba(0,0,0,.2);
		border-radius:8px;
		border:2px solid #ffffff;
	}
	.area_xiinfo .schedule_box .sale_list .schedule_list::-webkit-scrollbar-track {
		border-radius:10px;
		background-color:#ffffff;
	}
	.sale_list .schedule_list ul::before {
		display:none;
	}
	.sale_list .month {
		height:50px;
		line-height:50px;
	}
	.sale_list .month::before {
		display:none;
	}
	.area_xiinfo .news_box {
		margin-top:30px;
		padding-top:20px;
		border-top:1px #ccc solid;
	}
	.area_xiinfo .news_box ul {
		height:120px;
	}
	.area_xiinfo .news_box li {
		width:98%;
		margin:0 1%;
		float:none;
	}
	.area_xiinfo .btn_set {
		display:block
	}
	.area_xiinfo .schedule_box .btn_gosch {
		display:none;
	}
	.area_xiinfo {
		height:auto;
	}
	.area_notice {
		margin-top:30px;
		padding-top:30px;
		border-top:1px #ccc solid;
	}
	.area_notice .notice_list {
		width:400%;
		height:150px;
		position:relative;
	}
	.area_notice .notice_list li {
		width:25%;
		height:150px;
	}
	.area_notice .notice_list li strong {
		font-size:2rem;
	}
	.area_notice .notice_list li strong span {
		display:inline-block;
		margin-left:5px;
	}
	.area_notice .notice_list li a {
		padding:20px;
	}
	.area_notice .notice_list li a>span {
		left:20px;
		bottom:20px;
	}
	.area_notice .title {
		position:relative;
	}
	.area_notice .title .ind {
		margin-top:-5px;
		position:absolute;
		top:50%;
		right:0;
	}
	.area_notice .title .ind li {
		width:10px;
		height:10px;
		margin-left:10px;
		border-radius:5px;
		background:#fff;
		float:left;
	}
	.area_notice .title .ind li.on {
		background:#006899;
	}
	.area_notice .notice_container {
		width:100%;
		height:150px;
		overflow:hidden;
	}
	.area_community li:nth-child(1) .img_box,.area_community li:nth-child(2) .img_box,.area_community li:nth-child(3) .img_box,.area_community li:nth-child(3) .img_box {
		height:190px;
	}
	.area_community li:nth-child(1) a>span,.area_community li:nth-child(2) a>span,.area_community li:nth-child(3) a>span,.area_community li:nth-child(4) a>span {
		width:100%;
		height:40px;
		padding:0 5%;
		line-height:40px;
		font-size:1.4rem;
	}
	.area_community li:nth-child(4) .img_box span {
		background-position:center bottom;
		background-size:100%;
	}
	.area_community li:nth-child(4) .img_box strong {
		width:100%;
		box-sizing:border-box;
		padding:0 10px;
		top:30%;
		left:auto;
		bottom:auto;
		right:auto;
		text-align:center;
	}
	.area_customer {
		height:auto;
	}
	.area_customer .center_info {
		width:100%;
		height:auto;
		padding:20px;
		-ms-word-break:keep-all;
		word-break:keep-all;
		text-align:center;
	}
	.area_customer .center_info span,.area_customer .center_info strong {
		font-size:1.8rem;
		line-height:30px;
	}
	.area_customer .center_info strong {
		margin-right:10px;
	}
	.area_customer .center_info p,.area_customer .center_info span {
		margin:0 0 0 0;
	}
	.area_customer .link_center {
		width:100%;
		height:auto;
		padding:20px 0;
	}
	.area_customer .link_center .box {
		width:90%;
		margin:0 5%;
		display:block;
	}
	.area_customer .link_center .box:nth-of-type(2n) {
		border-top:1px #ccc dashed;
		border-bottom:1px #ccc dashed;
	}
	.area_customer .link_center .box strong {
		width:100%;
		margin-bottom:15px;
		float:left;
	}
	.area_customer .link_center .box span {
		float:left;
		display:none;
	}
	.area_customer .link_center .box a {
		width:49%;
		height:40px;
		margin:0 0.5%;
		float:left;
		line-height:40px;
	}
	.area_sns ul li {
		width:100%;
		height:auto;
		margin:10px 0;
	}
	.area_sns ul li:nth-child(2) {
		padding:30px 0;
		border-top:1px #ccc dashed;
		border-bottom:1px #ccc dashed;
	}
	.area_sns ul li:nth-child(1) p,.area_sns ul li:nth-child(2) p,.area_sns ul li:nth-child(3) p {
		height:auto;
		max-height:55px;
		margin:0 0 0 0;
	}
}
@media screen and (max-width:320px) {
	.area_community li.box {
		width:100%;
		height:40px;
	}
	.area_community li a>span {
		background-position:95% center;
	}
	.area_community li .img_box {
		display: none;
	}
}
/* 서브페이지 공통 */
#container.sub {
	background:#f4f4f4;
}
.content_box {
	width:100%;
	height:auto;
	padding:80px 0;
	box-sizing:border-box;
	background-color:#fff;
	font-size:1.6rem;
}
/*.content_box,.inbox{width:100%;height:auto;padding:80px;box-sizing:border-box;background-color:#fff;font-size: 1.6rem;}*/
/* 멤버 카테고리 공통 */
#container.sub .content.member {
	width:620px;
	height:auto;
	margin:0 auto;
}
#container.sub .content.member p.caution {
	margin:25px 0;
	text-align:center;
	color:#006899;
	font-size:1.6rem;
	line-height:1.5;
}
#container.sub .content.member p.caution.red {
	width:100%;
	color:#a90000;
	margin:10px 0;
	font-size:1.4rem;
	text-align:left;
	visibility:hidden;
}
#container.sub .content.member p.caution.red::before {
	content:"\f058";
	font-family:'FontAwesome';
	margin-right:5px;
}
#container.sub .content.member p.caution2 {
	margin:25px 0;
	text-align:center;
	color:#006899;
	font-size:1.6rem;
	line-height:1.5;
}
#container.sub .content.member p.caution2.red {
	width:100%;
	color:#a90000;
	margin:10px 0;
	font-size:1.4rem;
	text-align:left;
	visibility:hidden;
}
#container.sub .content.member p.caution2.red.chk::before {
	content:"\f058";
	font-family:'FontAwesome';
	margin-right:5px;
}
.agree_form input {
	width:38px;
	height:38px;
	opacity:0;
}
.agree_form input:checked+span {
	background:url('https://www.xi.co.kr/Content/static/css/page/img/sub/check_box_on.png') no-repeat;
}
.agree_form input:focus+span {
	outline:1px #ccc solid;
}
.agree_form label {
	height:100%;
	position:relative;
}
.agree_form label>span {
	width:38px;
	height:38px;
	position:absolute;
	z-index:2;
	background:url('https://www.xi.co.kr/Content/static/css/page/img/sub/check_box_off.png') no-repeat;
	display:block;
	cursor: pointer;
}
/* 로그인 */
.content_box.login {
	padding:50px 35px;
	border:1px solid #e0e0e0;
}
.login .title_form {
	width:100%;
	border-bottom:1px solid #e1e1e1;
}
.login .input_form {
	width:410px;
	margin:0 auto;
	padding-top:50px;
}
.login .link_form {
	width:100%;
	margin-top:20px;
	color:#767676;
}
.login .link_form li {
	display:inline-block;
	margin-left:-4px;
	padding:0 15px;
	position:relative;
	font-size:1.6rem;
}
.login .link_form li::after {
	content:"";
	width:1px;
	height:10px;
	margin-top:-5px;
	display:block;
	position:absolute;
	top:50%;
	right:0;
	background:#ccc;
	font-family:'notokr-light';
	color:#ccc;
}
.login .link_form li:last-child::after {
	display:none;
}
.login .link_form a {
	color:#333;
}
.login a.submit {
	width: 100%;
}
/* 회원가입(개인가입약관동의) */
.area_agree .info_box {
	width:100%;
	height:auto;
	margin:0 auto;
	text-align:left;
	font-family:'notokr-medium';
	outline:1px #e0e0e0 solid;
	font-size:13px;
	font-family:'notokr-regular';
}
.area_agree .info_box .agree_form {
	width:100%;
	height:70px;
	padding:0 20px;
	box-sizing:border-box;
	background:#ebecef;
	display:table;
}
.area_agree button.submit {
	margin-top:50px;
}
.area_agree .agree_form input {
	margin-top:6px;
	float:right;
	opacity:0;
}
.area_agree .agree_form label {
	font-size:2.5rem;
	display:table-cell;
	vertical-align:middle;
}
.area_agree .agree_form label>strong {
	line-height:50px;
	display:block;
	margin:0 0 0 0;
}
.area_agree .agree_form label>span {
	right:0;
	top:16px;
	z-index:2;
}
.area_agree .agree_form label>span:before {
	content:"동의";
	position:absolute;
	top:50%;
	left:-4rem;
	min-width:3.5rem;
	font-size:1.5rem;
	transform:translateY(-50%);
	text-align:center;
}
.info_box .scr_box {
	width:100%;
	height:350px;
	margin-bottom:20px;
	padding:30px 25px;
	box-sizing:border-box;
	background:#fff;
	overflow-y:scroll;
}
.scr_box h4.chapter {
	font-size:1.5rem;
	margin-bottom:15px;
}
.scr_box h3.title {
	font-size:2.2rem;
	margin-bottom:20px;
}
.scr_box dl {
	padding-left:10px;
	line-height:20px;
	-ms-word-break:keep-all;
	word-break:keep-all;
}
.scr_box dl dt {
	margin-bottom:10px;
}
.scr_box dl dd {
	margin-bottom:15px;
	color:#666;
}
.scr_box dl dd span {
	padding-left:10px;
	display:block;
}
.scr_box dl p {
	margin-bottom:5px;
}
.content.rules .content_box {
	text-align:left;
	-ms-word-break:keep-all;
	word-break:keep-all;
}
.content.rules .content_box h4.chapter {
	font-size:1.5rem;
	margin:25px 0;
	font-family:'notokr-medium';
}
.content.rules .content_box h3.title {
	font-size:2.2rem;
	margin-bottom:20px;
}
.content.rules .content_box dl {
	padding-left:10px;
	line-height:20px;
	-ms-word-break:keep-all;
	word-break:keep-all;
	font-size:1.4rem;
}
.content.rules .content_box dl dt {
	margin-bottom:10px;
}
.content.rules .content_box dl dd {
	margin-bottom:15px;
	color:#666;
}
.content.rules .content_box dl dd ol {
	padding:0 0 0 20px;
}
.content.rules .content_box dl dd span {
	padding-left:10px;
	display:block;
}
.content.rules .content_box p {
	margin-bottom:5px;
	font-size:1.4rem;
	color:#888;
	-ms-word-break:keep-all;
	word-break:keep-all;
}
.content.rules .content_box.video p {
	color:#666;
	line-height:20px;
}
.content.rules .content_box.video ul {
	color:#666;
	font-size:1.4rem;
	line-height:20px;
}
.content.rules .content_box.video ul li {
	line-height:23px;
}
.content.rules table {
	width:100%;
	margin:30px 0;
	text-align:center;
	font-size:1.4rem;
	line-height:25px;
	-ms-word-break:keep-all;
	word-break:keep-all;
}
.content.rules thead tr {
	background:#eeeeee;
	border-top:1px #ccc solid;
}
.content.rules th,.content.rules .content_box td {
	padding:15px 0;
	border-bottom:1px #ccc solid;
	vertical-align:middle;
}
.content.rules th {
	border-right:1px #fff solid;
}
.content.rules tbody th {
	border-right:none;
}
.content.rules th.title {
	border-right:1px #ccc solid;
}
.content.rules td {
	border-left:1px #ccc solid;
}
.content.rules th:last-child {
	border-right:none;
}
.content.rules td:first-child {
	border-left:none;
}
.content.rules table.pri tbody th {
	border-left:1px #ccc solid;
}
.content.rules table.pri tbody th:first-child {
	border-left:none;
}
.content.rules .content_box.video tbody th {
	border-right:1px #ccc solid;
}
.content.rules .content_box.video .old_rules,.content.rules .content_box.pri .old_rules {
	height:40px;
	margin-bottom:30px;
	text-align:right;
	line-height:40px;
}
.content.rules .content_box.video .old_rules a,.content.rules .content_box.pri .old_rules a {
	width:80px;
	height:40px;
	display:block;
	float:left;
	margin-left:5px;
	text-align:center;
	line-height:40px;
	background:#434a5d;
	color:#fff;
	font-size:1.4rem;
}
.content.rules .content_box.video .old_rules select,.content.rules .content_box.pri .old_rules select {
	height:40px;
	float:left;
	border:1px #ccc solid;
}
.content.rules .content_box.video .old_rules label,.content.rules .content_box.pri .old_rules label {
	display:inline-block;
}
.content.rules .content_box.pri p {
	margin-bottom:20px;
	font-size:15px;
	font-weight:400;
	color:#333;
	line-height:25px;
}
.content.rules .content_box.pri p strong {
	font-weight:bold;
}
.content.rules .content_box.pri div.chapter {
	padding:40px 0;
	border-top:1px #ccc dashed;
}
.content.rules .content_box.pri div.chapter h3 {
	font-size:26px;
	font-weight:400;
	line-height:36px;
	color:#333;
	box-sizing:border-box;
	margin:30px 0 10px 0;
	vertical-align:middle;
}
.content.rules .content_box.pri div.chapter dl dt {
	font-family:'notokr-medium';
}
.content.rules .content_box.pri div.chapter dl dd>p {
	margin:15px 0 10px;
}
.content.rules .content_box.pri div.chapter ul {
	padding-left:20px;
	font-size:1.4rem;
	line-height:25px;
}
.content.rules .content_box.pri div.chapter ul>li {
	margin-bottom:5px;
	position:relative;
}
.content.rules .content_box.pri div.chapter ul>li::before {
	content:"·";
	position:absolute;
	left:-10px;
}
.content.rules .content_box.pri div.chapter ol {
	margin-left:20px;
	font-size:1.4rem;
}
.content.rules .content_box.pri div.chapter ol li {
	line-height:25px;
}
.content.rules .content_box.pri div.chapter ol ul {
	padding-left:0;
	margin-bottom:20px;
}
.content.rules .content_box.pri div.chapter ol ul>li::before {
	display:none;
}
.table_scroll span.caution {
	font-size:1.4rem;
	color:red;
	display: none;
}
/* 회원가입(개인정보입력) */
.content_box.data_input {
	padding:15px 35px 35px;
	border:1px solid #e0e0e0;
}
.data_input li {
	height:50px;
	padding:10px 0;
	border-bottom:1px #eaeaea solid;
}
.data_input li label {
	width:100px;
	height:100%;
	font-size:1.6rem;
	color:#767676;
	line-height:50px;
	float:left;
	text-align:left;
}
.data_input li .input_box {
	width:448px;
	padding-left:0;
	float:left;
	border:none;
}
.data_input li .input_box.email_box {
	text-align:left;
	padding-left:20px;
}
.data_input li .input_box.email_box input#email {
	width:140px;
	border:1px solid #eaeaea;
	height:40px;
	padding-left:5px;
	padding-right:5px;
	font-size:1.4rem;
}
.data_input li .input_box.email_box input#email1 {
	width:140px;
	border:1px solid #eaeaea;
	height:40px;
	padding-left:5px;
	padding-right:5px;
	font-size:1.4rem;
}
.data_input li .input_box.email_box input#email2 {
	width:120px;
	border:1px solid #eaeaea;
	height:40px;
	padding-left:5px;
	padding-right:5px;
	font-size:1.4rem;
}
.data_input li .input_box.email_box span {
	display:none;
}
.data_input li .input_box.email_box .select_wrap {
	display:inline-block;
}
.data_input li .input_box.email_box .select_wrap select {
	height:40px;
	padding-left:5px;
	padding-right:5px;
	box-sizing:border-box;
	border:1px #eaeaea solid;
	color:#666;
	display:inline-block;
	font-size:1.4rem;
}
.data_input li .input_box.email_box .select_wrap::before {
	content:'@';
	display:inline-block;
	color:#bcbcbc;
}
.data_input .input_box a {
	width:18%;
	height:100%;
	text-align:center;
	background:#909193;
	float:right;
	color:#fff;
	line-height:50px;
	display:block;
}
.data_input li input {
	height:100%;
	border:none;
}
.agree_box {
	width:100%;
	height:38px;
	margin:30px 0;
	padding-left:40px;
	box-sizing:border-box;
	font-size:1.6rem;
	color:#666;
	text-align:left;
}
.agree_box .agree_form label {
	height:38px;
	display:table;
}
.agree_box .agree_form label strong {
	display:table-cell;
	vertical-align:middle;
	line-height:18px;
}
.agree_box .agree_form label strong>span {
	font-size:1.4rem;
}
.agree_box .agree_form span {
	left:0;
	top:0;
}
.agree_box .agree_form input {
	width:38px;
	height:38px;
	margin-right: 15px;
}
/* 회원가입(인증메일발송/가입완료 공통) */
.content_box.join strong {
	font-size:2.4rem;
	font-family:'notokr-medium';
}
.content_box.join p {
	margin:20px 0 35px;
	font-size:1.4rem;
	line-height:20px;
}
.content_box.join p span {
	color:#006899;
}
.content_box.join .btn_set {
	width:100%;
	padding:35px 10% 0;
	box-sizing:border-box;
	border-top:1px #e1e1e1 solid;
	color:#666;
}
.content_box.join .btn_set span {
	width:50%;
	float:left;
	font-size:1.6rem;
}
.content_box.join .btn_set span a {
	width:80%;
	height:50px;
	margin-top:10px;
	display:inline-block;
	border:1px #a8a8a8 solid;
	font-size:1.6rem;
	line-height:50px;
}
.content_box.join .btn_set span:first-child a {
	background:#a8a8a8;
	color:#fff;
}
.content_box.join.confirm strong {
	margin-bottom:10px;
}
.content_box.join.confirm span.summary {
	margin-bottom:30px;
	font-size:1.4rem;
	color:#666;
	display:block;
}
.content_box.join .mail_list {
	font-size:1.8rem;
	color:#006899;
	font-family:'notokr-medium';
	line-height:25px;
	margin-bottom: 30px;
}
/* 회원가입(인증메일발송) */
.content_box.join.mail {
	padding:170px 35px 50px;
	background: url('https://www.xi.co.kr/Content/static/css/page/img/sub/bg_email.png') center 50px no-repeat #fff;
}
/* 회원가입(가입완료) */
.join.end {
	padding:170px 35px 50px;
	background:url('https://www.xi.co.kr/Content/static/css/page/img/sub/bg_join_end.png') center 50px no-repeat #fff;
}
.join.end .btn_set span a {
	margin:0 10%;
	background:#434a5d;
	color:#fff;
	display: block;
}
/* 회원정보 찾기(아이디 찾기 / 비밀번호 변경) */
.content_box.join.search {
	padding:170px 35px 50px;
	border:1px solid #e0e0e0;
}
.content_box.join.search.mail {
	background:url('https://www.xi.co.kr/Content/static/css/page/img/sub/bg_email.png') center 50px no-repeat #fff;
}
.content_box.join.search.pw {
	background:url('https://www.xi.co.kr/Content/static/css/page/img/sub/bg_lock.png') center 50px no-repeat #fff;
}
.join.search strong {
	display:block;
	margin-bottom: 35px;
}
/* 회원정보 수정 */
.inbox.confirm_form {
	width:100%;
	margin:0 auto;
	padding:15px 100px 35px;
	border:1px solid #e0e0e0;
}
.confirm_form li {
	height:70px;
	padding:10px 0;
	border-bottom:1px #eaeaea solid;
}
.confirm_form li label {
	width:100px;
	height:100%;
	font-size:1.6rem;
	color:#767676;
	line-height:50px;
	float:left;
	text-align:left;
}
.confirm_form li .input_box {
	width:448px;
	margin:0 0 0 0;
	padding-left:0;
	float:left;
	border:none;
}
.confirm_form li a.submit {
	width:100px;
	height:50px;
	font-size:1.6rem;
	float:right;
	color:#fff;
	line-height:50px;
}
.confirm_form li input {
	height:100%;
	border:none;
}
.inbox.modify_form {
	margin-bottom:50px;
	padding:80px 40px;
	border:1px solid #e0e0e0;
	position:relative;
	text-align:left;
	color:#767676;
}
.inbox.modify_form p.caution.red {
	color:#a90000;
	margin-top:20px;
	font-size:1.4rem;
	visibility:hidden;
}
.inbox.modify_form p.caution.red::before {
	content:"\f058";
	font-family:'FontAwesome';
	margin-right:5px;
}
.inbox.modify_form h3 {
	font-size:3.4rem;
	margin-bottom:15px;
	text-align:center;
	color:#333;
}
.inbox.modify_form .summary {
	font-size:1.4rem;
	font-family:'notokr-medium';
	text-align:center;
}
.inbox.modify_form .summary span {
	color:#006899;
}
.modify_form li {
	padding:2rem 0;
	border-bottom:1px #eaeaea solid;
}
.modify_form li::after {
	content:"";
	display:block;
	clear:both;
}
.modify_form li label {
	width:120px;
	height:40px;
	font-size:1.6rem;
	color:#767676;
	line-height:40px;
	float:left;
	text-align:left;
}
.modify_form li .input_box {
	width:448px;
	height:40px;
	margin-bottom:0;
	padding-left:0;
	float:left;
	border:none;
}
.modify_form li .input_box span {
	line-height:40px;
}
.modify_form li input {
	height:100%;
	border:none;
}
.modify_form .btn_defualt {
	position:absolute;
	right:40px;
	top:40px;
	text-align:center;
	line-height:35px;
}
.modify_form.add_info input,.modify_form.add_info select {
	padding:0 0 0 10px;
	height:40px;
	box-sizing:border-box;
}
.modify_form.add_info input {
	border:1px #eaeaea solid;
}
.modify_form.add_info select {
	border:1px #ccc solid;
}
.add_info .input_name {
	width:150px;
}
.add_info .addr {
	width:200px;
	padding:0 15px;
	box-sizing:border-box;
	float:left;
	margin-right:50px;
}
.inbox.modify_form.add_info li .input_email {
	border:none;
}
.add_info .input_phone {
	width:150px;
}
.add_info .input_wrap {
	float:left;
}
.add_info .input_wrap span {
	margin-top:10px;
	display:block;
}
.add_info .input_wrap span input {
	margin-right:10px;
}
.add_info .input_wrap span input:last-child {
	margin-left:10px;
}
.add_info .input_wrap a {
	width:83px;
	height:40px;
	background:#a39787;
	display:inline-block;
	text-align:center;
	line-height:40px;
	font-size:1.3rem;
	color:#fff;
}
.add_info .input_wrap .input_wrap_con {
	position:relative;
	padding-right:250px;
	padding-top:1rem;
	margin-bottom:1.5rem;
	border-top:1px dashed #eee;
}
.add_info .input_wrap .input_wrap_con:first-child {
	padding-top:0;
	border-top:0;
}
.add_info .input_wrap .input_wrap_con .hidden {
	display:block;
	overflow:hidden;
	width:0;
	height:0;
	padding:0;
	margin:0;
	text-indent:-9999em;
}
.add_info .input_wrap .input_wrap_con .btn_con {
	display:block;
	position:absolute;
	right:205px;
	width:40px;
	height:40px;
	line-height:40px;
	text-align:center;
}
.add_info .input_wrap .input_wrap_con .btn_con.add {
	top:0;
	background:#1b6486;
}
.add_info .input_wrap .input_wrap_con .btn_con.add::after {
	display:inline-block;
	content:"\f067";
	font-family:'FontAwesome';
	font-size:1.5rem;
	color:#fff;
}
.add_info .input_wrap .input_wrap_con .btn_con.remove {
	top:1rem;
	background:#798091;
}
.add_info .input_wrap .input_wrap_con .btn_con.remove::after {
	display:inline-block;
	content:"\f068";
	font-family:'FontAwesome';
	font-size:1.5rem;
	color:#fff;
}
.add_info .input_mycomplex {
	width:300px;
}
.add_info .input_complexno {
	width:150px;
}
.add_info .input_wrap .func_etc {
	position:absolute;
	right:0;
	top:0;
}
.add_info .input_wrap .func_etc.other {
	top:10px;
}
.add_info .input_wrap .func_etc a {
	width:180px;
	display:block;
}
.add_info .input_wrap .func_etc a.btn_etc {
	margin-bottom:10px;
}
.add_info .input_wrap .func_etc a.btn_etc2 {
	background: #1b6486;
}
/* 회원탈퇴 */
.content_box.member_out {
	text-align:left;
}
.content_box.member_out h3 {
	margin-bottom:10px;
	font-size:3.4rem;
	text-align:center;
}
.content_box.member_out .summary {
	font-size:14px;
	text-align:center;
	color:#666;
	font-family:'notokr-medium';
}
.content_box.member_out h4 {
	margin-bottom:20px;
	font-size:2.6rem;
}
.content_box.member_out .in_box {
	margin:0 0 40px;
	padding:35px;
	border:1px #d6d6d6 solid;
	font-size:1.4rem;
	line-height:18px;
	color:#767676;
}
.content_box.member_out .in_box ul li {
	line-height:23px;
}
.content_box.member_out .in_box ul li input {
	margin-right:10px;
}
.content_box.member_out .in_box textarea {
	width:100%;
	height:100px;
	padding:15px 30px;
	box-sizing:border-box;
	border:1px #d6d6d6 solid;
	resize:none;
}
.content_box.member_out .in_box .caution {
	color:#006899;
}
.content_box.member_out .in_box .input_box {
	height:auto;
	margin-top:20px;
	border: none;
}
/* 캘린더 */
.inbox.calender {
	border:1px #e1e1e1 solid;
}
.inbox.calender .title {
	width:100%;
	height:70px;
	background:#a39787;
	color:#fff;
}
.inbox.calender .title h3 {
	margin:0 20px;
	line-height:70px;
	display:inline-block;
	font-size:2.8rem;
	font-family:'notokr-medium';
}
.inbox.calender .title button {
	padding:0 15px;
	display:inline-block;
	border:1px #fff solid;
	font-size:2.8rem;
}
.inbox.calender .title button.hidden {
	visibility:hidden;
}
.inbox.calender ul {
	padding:40px 45px;
}
.inbox.calender ul * {
	box-sizing:border-box;
}
.inbox.calender ul li {
	width:100%;
	padding:20px 0;
	border-bottom:1px #ccc dashed;
}
.inbox.calender ul li::after {
	content:"";
	display:block;
	clear:both;
}
.inbox.calender ul li:last-child {
	border-bottom:none;
}
.inbox.calender ul>li>dl {
	text-align:left;
	display:table;
	width:100%;
	table-layout:fixed;
}
.inbox.calender ul>li>dl>dt {
	display:table-cell;
	width:17%;
	font-size:2.0rem;
	font-family:'notokr-medium';
	vertical-align:top;
	padding:10px 0;
}
.inbox.calender ul>li>dl>dt>span {
	margin-left:10px;
	font-size:1.1rem;
	color:#adadad;
}
.inbox.calender ul>li>dl>dd {
	display:table-cell;
	vertical-align:middle;
	table-layout:fixed;
}
.inbox.calender ul>li>dl>dd>dl {
	margin:5px 5px 5px 0;
	display:inline-block;
	width:32%;
	vertical-align:top;
}
.inbox.calender ul>li>dl>dd>dl>dt {
	display:table-cell;
	line-height:1.5;
	width:70px;
}
.inbox.calender ul>li>dl>dd>dl>dt span {
	display:inline-block;
	color:#fff;
	text-align:center;
	padding:3px 0;
	width:100%;
	font-size:1.5rem;
	white-space:nowrap;
}
.inbox.calender ul>li>dl>dd>dl>dd {
	display:table-cell;
	padding:5px 10px;
	line-height:1.6;
}
.inbox.calender ul>li>dl>dd>dl>dd a {
	display:block;
	color:#666;
}
.inbox.calender ul>li>dl>dd>dl>dd a:focus,.inbox.calender ul>li>dl>dd>dl>dd a:hover {
	text-decoration:underline;
}
.inbox.calender ul>li>dl>dd span {
	display:block;
	padding:5px 0;
	line-height:1.4;
}
/*.inbox.calender ul>li>dl>dd>span{width:30%;margin:5px 5% 5px 0;font-size:1.5rem;color:#666;text-overflow:ellipsis;white-space:nowrap;float:left;overflow:hidden;}.inbox.calender ul>li>dl>dd>span a{display:inline-block;}.inbox.calender ul>li>dl>dd>span a:hover{text-decoration:underline;}.inbox.calender ul>li>dl>dd>span:nth-child( 3n ){margin-right:0;}.calender .sticker{width:65px;padding:5px 0;color:#fff;margin-right:10px;display:inline-block;text-align: center;}*/
/* 컨텐츠 css 시작 ****************************/
/* 단지정보 공통 스타일 */
.area_search {
	width:100%;
	height:40px;
	margin-bottom:20px;
	text-align:right;
}
.area_search p {
	float:left;
	line-height:40px;
}
.area_search p span {
	color:#a90000
}
.area_search .search_box {
	width:335px;
	height:100%;
	display:inline-block;
}
.area_search .input_box {
	width:250px;
	height:100%;
	margin-bottom:0;
	float:left;
}
.area_search .input_box input {
	padding-left:10px;
}
.area_search .input_box label {
	line-height:40px !important;
}
.area_search a.submit {
	width:80px;
	height:100%;
	margin-left:5px;
	font-size:1.4rem;
	line-height:40px;
	display:block;
	float:left;
}
.area_choose .tab_linetype.btn7.choose1 {
	margin-top:30px;
	border-top:1px #d6d6d6 solid
}
.btn_choose {
	display:none;
}
.complex_img {
	width:100%;
	height:229px;
	overflow:hidden;
	position:relative;
	z-index:1;
	background:url('https://www.xi.co.kr/Content/static/css/page/img/common/no_img.jpg') center no-repeat;
	background-size:cover;
}
.complex_img a {
	display:block;
	height:100%;
}
.complex_img img {
	width:100%;
	height:100%;
}
.area_complex_info .complex_img {
	width:346px;
	height:229px;
	overflow:hidden;
	float:left;
}
.complex_img .percent_circle {
	width:85px;
	height:85px;
	position:absolute;
	bottom:10px;
	left:5px;
}
.complex_img .percent_circle>strong {
	width:100%;
	height:100%;
	position:absolute;
	z-index:2;
	font-size:2rem;
	text-align:center;
	line-height:85px;
	color:#fff;
	font-family:'notokr-medium'
}
.complex_box {
	width:346px;
	height:auto;
	margin:0 31px 30px 0;
	float:left;
	text-align:left;
	font-size:1.4rem;
	color:#333;
	background:#f6f6f6;
	position:relative;
}
.complex_box>a {
	display:block;
}
.complex_box:nth-child(3n+3) {
	margin-right:0;
}
.complex_box .sticker {
	width:100px;
	height:50px;
	position:absolute;
	left:0;
	top:0;
	z-index:2;
	text-align:center;
	line-height:50px;
	font-size:1.6rem;
	color:#fff;
}
.complex_box .btn_clear {
	width:25px;
	height:25px;
	position:absolute;
	top:10px;
	right:10px;
	background:url('https://www.xi.co.kr/Content/static/css/page/img/common/btn_close.png') left no-repeat;
	background-size:cover;
	overflow:hidden;
	text-indent:-201%;
}
.complex_box .btn_favorite {
	width:57px;
	height:57px;
	position:absolute;
	top:-30px;
	right:25px;
	z-index:2;
	background:url('https://www.xi.co.kr/Content/static/css/page/img/sub/icon_favorite.png') left no-repeat;
	background-position:-62px;
	overflow:hidden;
	text-indent:-201%;
	opacity:0.9;
}
.complex_box .details {
	width:100%;
	height:280px;
	padding:30px 30px 40px;
	box-sizing:border-box;
	position:relative;
}
.complex_box .details h3 {
	height:6rem;
	margin-bottom:10px;
	font-size:2.4rem;
	font-family:'notokr-medium';
	line-height:30px;
	overflow:hidden;
	word-wrap:break-word;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
}
.complex_box .details dl {
	font-size:1.4rem;
	color:#666;
	line-height:25px;
}
.complex_box .details dl dt {
	width:80px;
	float:left;
}
.complex_box .details dl dd {
	width:calc(100% - 80px);
	text-overflow:ellipsis;
	white-space:nowrap;
	float:left;
	overflow:hidden;
}
.complex_box .details dl dd:nth-last-of-type(2n) {
	max-height:50px;
	white-space:normal;
	text-overflow:ellipsis;
	overflow-y:hidden;
}
.complex_box .btn_set {
	width:100%;
	height:5rem;
	background:#e6e6e6;
	font-size:1.5rem;
	text-align:center;
	line-height:50px;
}
.complex_box .btn_set li {
	width:114px;
	height:100%;
	float:left;
	border-right:1px #f3f3f3 solid;
	color:#aaa;
}
.complex_box .btn_set li:last-child {
	border:none;
}
.complex_box .btn_set li a,.complex_box .btn_set li button {
	width:100%;
	height:100%;
	display:block;
	color:#333;
}
.complex_box .btn_set.btn1 li {
	width:100%;
}
.complex_box .btn_set.btn2 li {
	width:50%;
}
.complex_box .btn_set.btn3 li {
	width:114px;
}
.complex_box.favorite {
	color:#fff;
	background:#a39787;
}
.complex_box.favorite .btn_favorite {
	background-position:0px;
	opacity:1;
}
.complex_box.favorite .btn_set {
	color:#e6e3e0;
	background:#8b7f6e;
}
.complex_box.favorite .btn_set li {
	border-right:1px #a39787 solid;
	color:#cfc2af;
}
.complex_box.favorite .btn_set li a,.complex_box.favorite .btn_set li button {
	color:#fff;
}
.complex_box.favorite .btn_set li:last-child {
	border-right:none;
}
.complex_box.favorite dl {
	color: #e6e3e0;
}
/* 단지정보 상세페이지 공통스타일 */
.select_more {
	width:100%;
	height:40px;
	margin-bottom:30px;
	text-align:right;
	font-size:0;
}
.select_more select,.select_more a {
	height:40px;
	box-sizing:border-box;
	border:1px #ccc solid;
	color:#666;
	display:inline-block;
	font-size:1.6rem;
}
.select_more select {
	padding:0 0 0 0;
	vertical-align:top;
}
.select_more a {
	width:80px;
	text-align:center;
	margin-left:5px;
	line-height:40px;
	background:#434a5d;
	color:#fff;
	font-size:1.4rem;
}
.area_complex_info .select_more a {
	border:0;
}
.area_complex_info {
	width:100%;
	height:auto;
	margin-bottom:55px;
	position:relative;
	text-align:left;
}
.area_complex_info .details {
	width:calc(100% - 346px);
	margin-bottom:70px;
	padding-left:70px;
	box-sizing:border-box;
	float:left;
	font-size:1.4rem;
	color:#000;
}
.area_complex_info .details h3 {
	font-size:3.2rem;
	margin-bottom:10px;
}
.area_complex_info .details dl {
	margin-bottom:15px;
	font-size:1.4rem;
	color:#666;
	line-height:27px;
}
.area_complex_info .details dl dt {
	width:80px;
	height:27px;
	float:left;
}
.area_complex_info .details dl dd {
	width:calc(100% - 80px);
	height:27px;
	text-overflow:ellipsis;
	white-space:nowrap;
	float:left;
	overflow:hidden;
}
.area_complex_info .details .btn_set {
	width:100%;
}
.area_complex_info .details .btn_set li {
	width:115px;
	float:left;
	text-align:center;
	outline:1px #fff solid;
}
/*.area_complex_info .details .btn_set li:hover{background: #ccc;}*/
.area_complex_info .details .btn_set li a,.area_complex_info .details .btn_set li button {
	width:100%;
	padding:1.2rem 0;
	display:block;
	color:#000;
	background:#dfdfdf;
}
.area_complex_info .details .btn_set li button.on {
	background:#8b7f6e;
	color:#fff;
}
.area_complex_info .details .btn_set li:first-child button,.area_complex_info .details .btn_set li:first-child a {
	border-radius:6px 0 0 6px;
}
.area_complex_info .details .btn_set li:last-child button,.area_complex_info .details .btn_set li:last-child a {
	border-radius:0 6px 6px 0;
}
.area_complex_info .details .btn_set.btn1 li a,.area_complex_info .details .btn_set.btn1 li button {
	border-radius:6px;
}
.area_complex_info .details .btn_set.btn1 li {
	width:115px;
	background:#dfdfdf;
	color:#888
}
.area_complex_info .tab_container .tab_content {
	margin-top:30px;
}
.middle_payment .area_complex_info .details .btn_set.btn1 li {
	background:transparent;
}
.tab_container .tab_content .tb_summary {
	width:100%;
	height:auto;
	margin-bottom:30px;
	font-size:1.4rem;
	color:#767676;
}
.tab_container {
	margin-bottom:70px
}
.tb_summary thead {
	background:#dfdfdf;
}
.tb_summary th {
	vertical-align:middle;
}
.tb_summary th:first-child {
	border-right:1px #fff solid;
}
.tb_summary tr {
	height:4rem;
	border-bottom:1px #d6d6d6 solid;
}
.tb_summary tr:first-child {
	border-top:1px #d6d6d6 solid;
}
.tb_summary td {
	vertical-align:middle;
}
.tb_summary td:first-child {
	width:30%;
	border-right:1px #d6d6d6 solid;
}
.tb_summary td:last-child {
	padding-left:30px;
	box-sizing:padding-box;
}
.tb_summary tbody td:last-child {
	text-align:left;
}
.tab_container .tab_content {
	display:none;
}
.tab_container .tab_content:nth-child(1) {
	display:block;
}
.tab_container .tab_content .cg_box {
	width:100%;
	height:auto;
	margin-bottom:30px;
	text-align:left;
	position:relative;
}
.tab_container .tab_content .cg_box span {
	padding:20px 0 30px;
	display:block;
	font-size:2.4rem;
	font-family:'notokr-medium';
}
.tab_container .tab_content .cg_box span::before {
	content:"";
	width:35px;
	height:3px;
	background:#000;
	display:block;
	position:absolute;
	top:0;
	left:0;
}
.tab_container .tab_content ul.caution {
	font-size:1.4rem;
	color:#767676;
	text-align:left;
}
.tab_container .unit_content li {
	display:none;
}
.tab_container .unit_content li:first-child {
	display:block;
}
.content_box .btn_set {
	margin:0 auto;
	display:table;
}
.tab_content .no_result {
	width:100%;
	height:100%;
	padding:294px 30px 100px 30px;
	box-sizing:border-box;
	font-size:3rem;
	border:1px #d6d6d6 solid;
	background:url('https://www.xi.co.kr/Content/static/css/page/img/no_result.jpg') center 100px no-repeat;
}
.store_content {
	width:100%;
	height:auto;
	margin-bottom:60px;
	padding-top:30px;
	border-top:2px #000 solid;
	font-size:1.4rem;
	color:#767676;
}
.tab_date {
	width:100%;
	height:50px;
	border-top:3px #434a5d solid;
	background:#434a5d;
	color:#fff;
}
.tab_date a.btn_prev,.tab_date a.btn_next {
	width:40px;
	height:100%;
	color:#fff;
}
.tab_date a.btn_prev {
	border-right:1px #747d96 solid;
	float:left;
}
.tab_date a.btn_next {
	border-left:1px #747d96 solid;
	float:right;
}
.tab_date .list_container {
	width:calc(100% - 80px);
	height:100%;
	overflow:hidden;
	float:left;
}
.tab_date .list {
	height:100%;
	position:relative;
}
.tab_date .list li {
	width:204px;
	height:100%;
	float:left;
}
/*.tab_date .list li{width:12.5%;float: left;}*/
.tab_date .list li.on {
	background:#fff;
	font-family:'notokr-medium'
}
.tab_date .list li.on a {
	color:#434a5d;
}
.tab_date a {
	width:100%;
	height:100%;
	display:block;
	color:#fff;
	line-height:47px;
	word-wrap:break-word;
}
.percent_box {
	width:100%;
	height:auto;
	margin:30px auto 50px;
}
.percent_circle svg {
	transform:rotate(-90deg);
	transform-origin:center center 0px;
}
.percent_box .box {
	width:340px;
	height:270px;
	padding:25px;
	border:1px #e8e8e8 solid;
	box-sizing:border-box;
	float:left;
}
.percent_box .box.total {
	width:400px;
	height:550px;
	padding:60px;
	font-size:2.8rem;
}
.percent_box .box.total h4 {
	height:30px;
	margin:40px;
	font-size:2.8rem;
	display:block;
}
.percent_box .box.total .percent_circle {
	width:280px;
	height:280px;
	margin:0 auto;
	font-size:2.8rem;
	color:#333;
	position:relative;
}
.percent_box .box.total .percent_circle>strong {
	width:100%;
	position:absolute;
	top:85px;
	z-index:2;
	font-size:3rem;
	text-align:center;
	line-height:50px;
	font-family:'notokr-regular';
}
.percent_box .box.total .percent_circle>strong>span {
	font-size:5rem;
	font-family:'notokr-medium';
}
.box_container {
	margin-bottom:10px;
	float:left;
}
.box_container .box {
	margin-left:10px;
	text-align:left;
	font-size:2rem;
	position:relative;
}
.box_container .box .txt {
	float:left;
}
.box_container .box h4 {
	margin-bottom:15px;
	font-family:'notokr-medium';
}
.box_container .box pre {
	width:100%;
	font-size:1.4rem;
	height:90px;
	color:#666;
	line-height:20px;
	overflow-y:auto;
	overflow-x:hidden;
	word-wrap:break-word;
	white-space:pre-wrap;
	font-family:'notokr-regular';
}
.box_container .box .percent_circle {
	width:85px;
	height:85px;
	position:absolute;
	bottom:25px;
	right:25px;
}
.box_container .box .percent_circle>strong {
	width:100%;
	height:100%;
	position:absolute;
	z-index:2;
	font-size:2rem;
	text-align:center;
	line-height:85px;
	color:#666;
	font-family:'notokr-medium'
}
.gallery_box {
	height:auto;
}
.gallery_box .img_view {
	width:100%;
	height:auto;
	float:left;
	overflow:hidden;
	position:relative;
}
.gallery_box .img_view img {
	width:100%;
	height:100%;
}
.gallery_box .img_view span.date {
	padding:10px 20px;
	display:block;
	background:#777;
	position:absolute;
	z-index:2;
	top:0;
	left:0;
	color:#fff;
	font-size: 1.8rem;
}
/*공사중현황 191031*/
.gallery_box .img_view .prev_btn {
	display:none;
	width:38px;
	height:38px;
	position:absolute;
	top:50%;
	left:14px;
	margin-top:-15px;
	z-index:999999;
}
.gallery_box .img_view .next_btn {
	display:none;
	width:38px;
	height:38px;
	position:absolute;
	top:50%;
	right:14px;
	margin-top:-15px;
	z-index: 99999;
}
/*공사중현황 끝*/
.gallery_box .thum_list {
	width:100%;
	height:100%;
	float:left;
	margin-bottom:10px;
	box-sizing:border-box;
}
.gallery_box .thum_list>a {
	width:40px;
	height:70px;
	background:#ccc;
	line-height:70px;
	float:left;
}
.gallery_box .thum_list .thum_con {
	width:calc( 100% - 80px );
	height:70px;
	box-sizing:border-box;
	overflow:hidden;
	float:left;
}
.gallery_box .thum_list ul {
	height:100%;
}
.gallery_box .thum_list ul li {
	width:12.5%;
	height:100%;
	background:#ccc;
	overflow:hidden;
	cursor:pointer;
	float:left;
	outline:5px #fff solid;
	background:#000;
}
.gallery_box .thum_list ul li a {
	display:block;
	width:100%;
	height:100%;
}
.gallery_box .thum_list ul li:last-child img {
	padding-right:0;
}
.gallery_box .thum_list ul li img {
	width:100%;
	height:100%;
	opacity:0.6;
	padding-right:5px;
}
.gallery_box .thum_list ul li.on img {
	opacity: 1;
}
/* 마이페이지 */
.tab_content {
	display:flex;
	flex-wrap:wrap;
	gap:45px;
	margin-top:30px;
}
.content_box .btn_more {
	width:100%;
	height:50px;
	margin-top:50px;
	line-height:50px;
	outline:1px #efefef solid;
	background:#fafafa;
}
.content_box .btn_more::after {
	content:"+";
	margin-left:10px;
}
.content_box .btn_more:focus {
	outline:1px #047ab3 solid;
	text-decoration:none;
}
.content_box a.btn_more {
	display: block;
}
/* 고객문의현황 */
.tab_content .board_top {
	width:100%;
	margin-bottom:20px;
	display:table;
}
.tab_content .board_top p {
	display:table-cell;
	vertical-align:middle;
	font-size:1.4rem;
	color:#666;
	text-align:left;
}
.tab_content .board_top p span {
	color:#3789af;
}
.tab_content.qna .btn_set {
	float:right;
}
.tab_content.qna .btn_set a {
	display:inline-block;
	margin-left:5px;
	line-height:35px;
}
.tab_content.qna .state_box {
	width:100%;
	height:auto;
	margin-bottom:50px;
	padding:35px 0;
	background:#f5f5f5;
	text-align:center;
}
.state_box ul {
	height:90px;
	margin:0 auto;
	display:inline-block;
}
.state_box ul li {
	height:100%;
	float:left;
	position:relative;
}
.state_box ul li::before {
	content:"";
	width:70px;
	height:50%;
	margin:0 30px;
	border-bottom:1px #333 solid;
	float:left;
}
.state_box ul li:first-child::before {
	display:none;
}
.state_box ul li span {
	width:90px;
	height:90px;
	margin-right:15px;
	float:left;
}
.state_box ul li>div {
	height:100%;
	float:left;
	display:table;
}
.state_box ul li dl {
	display:table-cell;
	vertical-align:middle;
	line-height:30px;
	text-align:left;
}
.state_box ul li dt {
	font-size:2.2rem;
	font-family:'notokr-medium';
}
.state_box ul li dd {
	font-size:1.4rem;
	color:#666;
}
.state_box ul li:nth-child(1) span {
	background:url('https://www.xi.co.kr/Content/static/css/page/img/sub/icon_qna.png') left center no-repeat;
}
.state_box ul li:nth-child(1) span.on {
	background:url('https://www.xi.co.kr/Content/static/css/page/img/sub/icon_qna.png') -94px center no-repeat;
}
.state_box ul li:nth-child(2) span {
	background:url('https://www.xi.co.kr/Content/static/css/page/img/sub/icon_qna.png') -188px center no-repeat;
}
.state_box ul li:nth-child(2) span.on {
	background:url('https://www.xi.co.kr/Content/static/css/page/img/sub/icon_qna.png') -282px center no-repeat;
}
.state_box ul li:nth-child(3) span {
	background:url('https://www.xi.co.kr/Content/static/css/page/img/sub/icon_qna.png') -376px center no-repeat;
}
.state_box ul li:nth-child(3) span.on {
	background:url('https://www.xi.co.kr/Content/static/css/page/img/sub/icon_qna.png') -470px center no-repeat;
}
.tab_content.qna h3 {
	margin-bottom:20px;
	font-size:2.6rem;
	font-family:'notokr-medium';
	text-align:left;
}
.tab_content.qna table {
	width:100%;
	margin-bottom:50px;
	text-align:left;
	-ms-word-break:keep-all;
	word-break:keep-all;
}
.tab_content.qna table thead {
	text-align:center;
}
.tab_content.qna table tbody tr:first-child {
	border-top:1px #d6d6d6 solid;
}
.tab_content.qna table tbody tr:last-child th {
	border-bottom:1px #d6d6d6 solid;
}
.tab_content.qna table tbody th {
	width:20%;
	padding:15px 0;
	background:#dfdfdf;
	text-align:center;
	vertical-align:middle;
	border-bottom:1px #fff solid;
}
.tab_content.qna table tbody td {
	padding:15px 10px;
	font-size:1.4rem;
	color:#767676;
	line-height:21px;
	border-bottom:1px #d6d6d6 solid;
	vertical-align:middle;
}
.tab_content.qna table tbody td a {
	color:#006899;
}
.common_tb.qna thead th {
	background:#fff;
	border-top:2px #000 solid;
}
.common_tb.qna thead .num {
	width:70px;
}
.common_tb.qna thead .type {
	width:120px;
}
.common_tb.qna thead .date,.common_tb thead .state {
	width:120px;
}
.common_tb.qna {
	padding-left:10px;
	font-size:1.4rem;
}
.common_tb.qna td a span {
	margin-left:5px;
	color:#3789af;
	font-family: 'notokr-medium';
}
/* 서비스 신청 현황 */
.common_tb.service tbody td,.common_tb.service thead th {
	-ms-word-break:keep-all;
	word-break:keep-all;
}
.common_tb.service thead th {
	background:#fff;
	border-top:2px #000 solid;
}
/*.common_tb.service thead .type1{width:10%;}.common_tb.service thead .type2{width:10%;}.common_tb.service thead .state{width:20%;}.common_tb.service thead .date,.common_tb.service thead .time{width: 20%;}*/
.common_tb.service col.col1 {
	width:15%;
}
.common_tb.service col.col2 {
	width:20%;
}
.common_tb.service col.col3 {
	width:30%;
}
.common_tb.service col.col4 {
	width:10%;
}
.common_tb.service col.col5 {
	width:10%;
}
.common_tb.service col.col6 {
	width:15%;
}
.common_tb.service td {
	font-size:1.4rem;
}
.tab_content.service a.btn_defualt {
	width:80px;
	height:30px;
	line-height:30px;
	display:inline-block;
	outline:1px #fff solid;
	cursor:pointer;
}
.tab_content.service a.btn_defualt.change,.tab_content.service a.btn_defualt.check {
	background:#a39787;
}
.tab_content.service a.btn_defualt.check {
	width:auto;
	padding:0 10px
}
.tab_content.service .board_top p {
	text-align: right;
}
/* A/S안내 */
.content_box.as .info_box {
	width:100%;
	text-align:left;
	font-size:1.4rem;
}
.content_box.as .info_box li {
	float:left;
}
.content_box.as .info_box li:last-child {
	padding-left:20px;
	box-sizing:border-box;
}
.content_box.as .info_box li strong {
	font-size:3.4rem;
}
.content_box.as .info_box li dl {
	margin:30px 0 10px 0;
}
.content_box.as .info_box li dt {
	float:left;
}
.content_box.as .info_box li dt::after {
	content:":";
	margin:0 10px;
}
.content_box.as .info_box li .btn_set {
	margin:30px 0 0 0;
}
.content_box.as .info_box li .btn_defualt {
	text-align:center;
	vertical-align:middle;
	display:table-cell;
	background:#434a5d;
	color:#fff;
}
.content_box.as h3 {
	margin:50px 0 20px 0;
	font-size:2.6rem;
	text-align:left;
}
.content_box.as table {
	width:100%;
	font-size:1.4rem;
}
.content_box.as table th {
	background:#dfdfdf;
}
.content_box.as table tr {
	border-top:1px #d6d6d6 solid;
	border-bottom:1px #d6d6d6 solid;
}
.content_box.as table td {
	border-right:1px #d6d6d6 solid;
}
.content_box.as table td:last-child {
	border-right:none;
}
.content_box.as table td,.content_box.as table th {
	width:50%;
	padding:15px;
}
.content_box.as .process_box {
	width:100%;
	height:auto;
	padding:30px 50px;
	box-sizing:border-box;
	background:#f8f8f8;
	-ms-word-break:keep-all;
	word-break:keep-all;
}
.content_box.as .process_box ul {
	width:100%;
}
.content_box.as .process_box>ul>li {
	width:20%;
	height:auto;
	float:left;
	position:relative;
	font-size:1.4rem;
}
.content_box.as .process_box>ul>li>strong {
	font-size:1.8rem;
	color:#006899;
	display:block;
	line-height:20px;
}
.content_box.as .process_box>ul>li::before {
	content:"";
	width:100%;
	border-bottom:1px #ddd solid;
	position:absolute;
	left:0;
	top:73px;
	z-index:1;
}
.content_box.as .process_box>ul>li>span {
	width:100%;
	height:100px;
	display:block;
	position:relative;
	z-index:2;
}
.content_box.as .process_box>ul>li:nth-child(1)>span {
	background:url('https://www.xi.co.kr/Content/static/css/page/img/sub/as/icon_asstep_01.png') top center no-repeat
}
.content_box.as .process_box>ul>li:nth-child(2)>span {
	background:url('https://www.xi.co.kr/Content/static/css/page/img/sub/as/icon_asstep_02.png') top center no-repeat
}
.content_box.as .process_box>ul>li:nth-child(3)>span {
	background:url('https://www.xi.co.kr/Content/static/css/page/img/sub/as/icon_asstep_03.png') top center no-repeat
}
.content_box.as .process_box>ul>li:nth-child(4)>span {
	background:url('https://www.xi.co.kr/Content/static/css/page/img/sub/as/icon_asstep_04.png') top center no-repeat
}
.content_box.as .process_box>ul>li:nth-child(5)>span {
	background:url('https://www.xi.co.kr/Content/static/css/page/img/sub/as/icon_asstep_05.png') top center no-repeat
}
.content_box.as .process_box>ul>li ul {
	width:80%;
	margin:20px auto 0;
}
.content_box.as .process_box>ul>li li {
	color:#666;
	line-height:20px;
}
.content_box.as .process_box>ul>li li::before {
	content:"·";
	margin-right: 5px;
}
/* 고객문의 */
.inbox.customer {
	text-align:left;
}
.inbox.customer .title {
	margin-bottom:50px;
	display:table;
}
.inbox.customer .title a {
	height:25px;
	display:table-cell;
	text-align:center;
	vertical-align:middle;
}
.inbox.customer h3 {
	margin-right:10px;
	font-size:3.4rem;
}
.inbox.customer .list_box h4 {
	height:100%;
	padding-left:30px;
	box-sizing:border-box;
	font-size:2.4rem;
	color:#434a5d;
	float:left;
	line-height:60px;
}
.inbox.customer .list_box {
	width:200px;
	height:260px;
	margin:0 20px 0 0;
	float:left;
	border:1px #d7d7d7 solid;
	box-sizing:border-box
}
.inbox.customer .list_box:nth-of-type(5) {
	margin-right:0;
}
.inbox.customer .list_box ul {
	padding:30px
}
.inbox.customer .list_box ul a {
	font-size:1.6rem;
	line-height:30px;
	color:#333;
}
.inbox.customer .list_box ul a::before {
	content:"·";
	margin-right:5px;
}
.inbox.customer .list_box ul a:hover {
	text-decoration:underline;
}
.inbox.customer .list_box>li:first-child {
	width:100%;
	height:60px;
	border-bottom:1px #d7d7d7 solid;
}
.inbox.customer .list_box>li:first-child span {
	width:31px;
	height:100%;
	display:block;
	float:right;
	margin-right:20px;
}
.inbox.customer .list_box>li:first-child::after {
	content:"";
	display:block;
	clear:both;
}
.inbox.customer .list_box:nth-child(2)>li:first-child span {
	background:url('https://www.xi.co.kr/Content/static/css/page/img/sub/icon_customer.gif') left center no-repeat;
}
.inbox.customer .list_box:nth-child(3)>li:first-child span {
	background:url('https://www.xi.co.kr/Content/static/css/page/img/sub/icon_customer.gif') -35px center no-repeat;
}
.inbox.customer .list_box:nth-child(4)>li:first-child span {
	background:url('https://www.xi.co.kr/Content/static/css/page/img/sub/icon_customer.gif') -70px center no-repeat;
}
.inbox.customer .list_box:nth-child(5)>li:first-child span {
	background:url('https://www.xi.co.kr/Content/static/css/page/img/sub/icon_customer.gif') -105px center no-repeat;
}
.service_center {
	width:100%;
	height:90px;
	margin-top:50px;
	float:left;
}
.service_center ul {
	width:100%;
	height:100%;
	display:table;
}
.service_center li {
	width:50%;
	height:100%;
	background:#434a5d;
	color:#fff;
	text-align:center;
	font-size:4.0rem;
}
.service_center li:first-child {
	width:100%;
	font-size:2.4rem;
	color:#c7bbab;
	text-align:center;
}
.service_center li:first-child>div {
	height:100%;
	display:inline-block;
}
.service_center li:first-child span {
	display:inline-block;
	line-height:90px;
	float:left;
}
.service_center li:first-child span.cs {
	background:url('https://www.xi.co.kr/Content/static/css/page/img/sub/bg_qna_05.png') left center no-repeat;
}
.service_center li:first-child span.cs span {
	margin-right:10px;
}
.service_center li:first-child span.tell {
	margin-left:30px;
	font-size:4.0rem;
	color:#fff;
}
.service_center li:last-child i {
	margin-right:10px;
}
.service_center li:last-child {
	background:#a39787;
	font-size:1.6rem;
	display:table-cell;
	vertical-align:middle;
	-ms-word-break:keep-all;
	word-break:keep-all;
	line-height:20px;
}
.service_center li:last-child span {
	padding-right:10px;
	margin-right:10px;
	position:relative;
	background:url('https://www.xi.co.kr/Content/static/css/page/img/sub/bg_qna_06.png') left center no-repeat;
}
.service_center li:last-child span::after {
	content:"";
	width:1px;
	height:14px;
	margin-top:-7px;
	background:#fff;
	position:absolute;
	top:50%;
	right: 0;
}
/* 고객문의(write) */
.inbox.qna_write {
	width:830px;
	margin:0 auto;
	color:#767676;
}
.inbox.qna_write .scr_box {
	width:100%;
	height:200px;
	padding:30px 25px;
	overflow:hidden;
	overflow-y:scroll;
	box-sizing:border-box;
	border:1px #e0e0e0 solid;
	font-size:1.4rem;
	line-height:22px;
	text-align:left;
}
.inbox.qna_write .agree_box {
	text-align:right;
	font-size:1.4rem;
	line-height:20px;
}
.inbox.qna_write .agree_box label {
	margin-left:10px;
}
.inbox.qna_write .agree_box label input {
	width:14px;
	height:14px;
	margin-right:5px;
}
.inbox.qna_write .choose_box {
	width:100%;
	height:40px;
	font-size:1.4rem;
}
.inbox.qna_write .choose_box select {
	width:185px;
	height:100%;
	padding-left:10px;
	box-sizing:border-box;
	border:1px #d0d0d0 solid;
	float:left;
}
.inbox.qna_write .choose_box .input_box {
	margin:0 0 0 0;
	width:562px;
	height:100%;
	float:left;
	outline:none;
	border-left:none;
}
.inbox.qna_write .choose_box a.btn_defualt {
	width:83px;
	height:100%;
	float:left;
	line-height:40px;
	display:block;
}
.inbox.qna_write.input_data {
	margin-top:20px;
	padding:40px 60px;
	box-sizing:border-box;
	border:1px #d0d0d0 solid;
}
.inbox.qna_write.input_data li input {
	border-bottom:1px #d0d0d0 solid;
}
.inbox.qna_write.input_data li:last-child {
	border-bottom:1px #d0d0d0 solid;
}
.inbox.qna_write.input_data li:nth-child(4) .input_box {
	height:auto;
}
.inbox.qna_write.input_data li:nth-child(4) label {
	padding:0 0;
}
.input_data .input_box {
	margin:0 0 0 0;
	height:70px;
	border:none;
}
.input_data .input_box label {
	line-height:70px;
}
.input_data .add_info,.input_data .add_file {
	width:100%;
	height:40px;
	padding:15px 0;
	text-align:left;
}
.input_data .add_info input {
	width:35%;
	margin:0 10px;
	color:#767676;
}
.input_data .add_file {
	line-height:40px;
	text-align:center;
}
.input_data .add_file span {
	width:100px;
	float:left;
	display:block;
}
.input_data .add_file input {
	width:525px;
	display:block;
	float:left;
	color:#ccc;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.input_data .add_file label.enter_file {
	float:right;
	width:83px;
	height:40px;
	background:#a39787;
	font-size:1.3rem;
	color:#fff;
	display:block;
	cursor:pointer;
}
.input_data .add_file input[type="file"] {
	display:none;
}
.input_data textarea {
	width:100%;
	height:150px;
	padding:30px 0;
}
.inbox.qna_write .btn_set {
	width:100%;
	margin-top:20px;
}
.inbox.qna_write .submit {
	width: 100%;
}
/* 계약가이드 */
.content_box.guide .process_box {
	width:100%;
	height:auto;
	margin-top:30px;
	padding:30px 50px;
	box-sizing:border-box;
	background:#f8f8f8;
	-ms-word-break:keep-all;
	word-break:keep-all;
}
.content_box.guide .process_box ul {
	width:100%;
}
.content_box.guide .process_box.type3>ul>li {
	width:33.3333%;
	height:auto;
	float:left;
	position:relative;
	font-size:1.4rem;
}
.content_box.guide .process_box>ul>li {
	width:20%;
	height:auto;
	float:left;
	position:relative;
	font-size:1.4rem;
}
.content_box.guide .process_box>ul>li>strong {
	font-size:1.8rem;
	color:#006899;
	display:block;
	line-height:20px;
}
.content_box.guide .process_box>ul>li::before {
	content:"";
	width:100%;
	border-bottom:1px #ddd solid;
	position:absolute;
	left:0;
	top:81px;
	z-index:1;
}
.content_box.guide .process_box>ul>li>span {
	width:100%;
	height:100px;
	display:block;
	position:relative;
	z-index:2;
}
.content_box.guide .process_box.type3>ul>li:nth-child(1)>span {
	background:url('https://www.xi.co.kr/Content/static/css/page/img/sub/contract/icon_conguide3_01.png') top center no-repeat
}
.content_box.guide .process_box.type3>ul>li:nth-child(2)>span {
	background:url('https://www.xi.co.kr/Content/static/css/page/img/sub/contract/icon_conguide3_02.png') top center no-repeat
}
.content_box.guide .process_box.type3>ul>li:nth-child(3)>span {
	background:url('https://www.xi.co.kr/Content/static/css/page/img/sub/contract/icon_conguide3_03.png') top center no-repeat
}
.content_box.guide .process_box.type5>ul>li:nth-child(1)>span {
	background:url('https://www.xi.co.kr/Content/static/css/page/img/sub/contract/icon_conguide5_01.png') top center no-repeat
}
.content_box.guide .process_box.type5>ul>li:nth-child(2)>span {
	background:url('https://www.xi.co.kr/Content/static/css/page/img/sub/contract/icon_conguide5_02.png') top center no-repeat
}
.content_box.guide .process_box.type5>ul>li:nth-child(3)>span {
	background:url('https://www.xi.co.kr/Content/static/css/page/img/sub/contract/icon_conguide5_03.png') top center no-repeat
}
.content_box.guide .process_box.type5>ul>li:nth-child(4)>span {
	background:url('https://www.xi.co.kr/Content/static/css/page/img/sub/contract/icon_conguide5_04.png') top center no-repeat
}
.content_box.guide .process_box.type5>ul>li:nth-child(5)>span {
	background:url('https://www.xi.co.kr/Content/static/css/page/img/sub/contract/icon_conguide5_05.png') top center no-repeat
}
.content_box.guide .tab_content.plus_one>dl>dd>span dl {
	margin-top:20px;
	background:#f1f1f1;
	padding:20px
}
.content_box.guide .tab_content.plus_one>dl>dd>span dl dt {
	font-size:1.6rem;
}
.content_box.guide .tab_content.plus_one>dl>dd>span dl dd {
	font-size:1.3rem;
}
.content_box.guide .tab_content.plus_one>dl>dd ul {
	clear:both;
	color:#888;
}
.content_box.guide .tab_content.plus_one>dl>dd ul li::before {
	content:"-";
	width:10px;
	margin:0;
	float:left;
}
.content_box.guide .tab_content.plus_one>dl>dd ul li span {
	width:calc(100% - 10px);
	float:left;
}
.content_box.guide .tab_content.plus_one>dl>dd>span dl dd ul {
	padding-left:15px;
	clear:both;
	color: #888;
}
/* 브랜드 */
.search_box {
	width:100%;
	height:50px;
	margin-bottom:10px;
	text-align:right;
}
.search_box span {
	display:inline-block;
}
.search_box span select {
	height:35px;
	padding:0 0;
	border:1px #ccc solid;
	float:left;
}
.search_box span .input_box {
	width:250px;
	height:35px;
	margin:0 5px;
	float:left;
}
.search_box span .input_box input,.search_box .input_box label {
	padding-left:10px;
	line-height:35px;
}
.search_box span .btn_defualt {
	width:80px;
	float:left;
}
.title_box {
	width:100%;
	padding:30px;
	box-sizing:border-box;
	border-top:2px #000 solid;
	border-bottom:1px #d6d6d6 solid;
	text-align:left;
}
.title_box h3 {
	margin-bottom:20px;
	font-size:2.2rem;
	color:#333;
	font-family:'notokr-medium';
}
.title_box dl {
	font-size:1.4rem;
}
.title_box dt {
	float:left;
}
.title_box dt::after {
	content:":";
	margin:0 5px;
}
.title_box dd {
	margin-right:15px;
	float:left;
	color:#666;
}
.view_box {
	padding:60px 130px;
	box-sizing:border-box;
	text-align:left;
	font-size:1.4rem;
	color:#666;
	line-height:25px;
	-ms-word-break:keep-all;
	word-break:keep-all;
}
.view_box img {
	max-width:100%;
}
.list_box {
	width:100%;
	margin-bottom:50px;
	border-top:2px #000 solid;
	text-align:left;
}
.list_box dl {
	padding:20px 0;
	box-sizing:border-box;
	border-bottom:1px #d6d6d6 solid;
	font-size:1.4rem;
}
.list_box dt {
	padding:0 30px;
	float:left;
}
.list_box dt span {
	margin-right:10px;
}
.list_box dd {
	padding:0 30px;
	float:left;
}
.list_box dd a {
	color: #000;
}
/* 자이캐스트 */
.sns_box,.photo_box {
	width:32%;
	height:279px;
	margin-right:2%;
	margin-bottom:2%;
	position:relative;
	float:left;
	cursor:pointer;
	overflow:hidden;
}
.sns_box>a,.photo_box>a {
	width:100%;
	height:100%;
	display:block;
}
.sns_box a:focus img,.photo_box a:focus img {
	border:1px #006899 solid;
	box-sizing:border-box;
}
.sns_box img,.photo_box img {
	width:100%;
	height:100%;
}
.sns_box:nth-child(3n+1),.photo_box:nth-child(3n+1) {
	margin-right:0;
}
.sns_box .title_box {
	position:absolute;
	z-index:2;
	left:0;
	bottom:0;
	background:rgba(0,0,0,0.6);
	color:#fff;
	border:none;
	display:none;
}
.sns_box .title_box h3 {
	height:50px;
	color:#fff;
	-ms-word-break:keep-all;
	word-break:keep-all;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;
	line-height:25px;
}
.sns_box .title_box span {
	font-size:1.4rem;
	color:#d6d6d6;
}
.photo_box .txt_box {
	width:100%;
	height:100%;
	padding:30px;
	box-sizing:border-box;
	position:absolute;
	z-index:2;
	left:0;
	bottom:0;
	background:rgba(0,0,0,0.6);
	color:#fff;
	border:none;
	display:none;
}
.photo_box .txt_box p {
	height:75%;
	font-size:1.4rem;
	word-wrap:break-word;
	display:-webkit-box;
	-webkit-line-clamp:12;
	-webkit-box-orient:vertical;
	overflow:hidden;
	line-height:22px;
}
.photo_box .txt_box span.more {
	width:30%;
	padding:1rem 0;
	color:#fff;
	display:inline-block;
	border:1px #fff solid;
	position:absolute;
	left:35%;
	bottom: 30px;
}
/* 이벤트 */
.area_event {
	width:100%;
	margin-bottom:50px;
	border-top:2px #000 solid;
	border-bottom:1px #000 solid;
}
.event_list {
	width:100%;
	height:auto;
	padding:30px 0;
	text-align:left;
	border-bottom:1px #d9d9d9 solid;
}
.event_list>a {
	display:block;
}
.event_list::after {
	content:"";
	display:block;
	clear:both;
}
.event_list img {
	width:370px;
	height:150px;
	float:left;
}
.event_list .detail_box {
	width:calc(100% - 370px);
	padding:0 20px;
	box-sizing:border-box;
	float:left;
}
.event_list .detail_box p {
	margin-bottom:15px;
	padding-right:60px;
	box-sizing:border-box;
	font-size:1.8rem;
	font-family:'notokr-medium';
	display:table;
	position:relative;
}
.event_list .detail_box p a {
	color:#000;
}
.event_list .detail_box p span {
	width:50px;
	height:28px;
	margin-top:-14px;
	position:absolute;
	top:50%;
	right:0;
	background:#a39787;
	color:#fff;
	font-size:1.2rem;
	line-height:28px;
	text-align:center;
}
.event_list .detail_box p.end {
	margin-top:15px;
	font-size:1.4rem;
	color:#666;
}
.event_list .detail_box dl {
	font-size:1.4rem;
}
.event_list .detail_box dt {
	padding:5px 10px;
	margin-right:10px;
	margin-bottom:5px;
	box-sizing:border-box;
	float:left;
	outline:1px #047ab3 solid;
	color:#047ab3;
}
.event_list .detail_box dt span {
	width:20px;
	height:100%;
	text-align:center;
}
.event_list .detail_box dd {
	padding:6px 11px;
	margin-bottom:5px;
}
.event_list .detail_box dt:last-child,.event_list .detail_box dd:last-child {
	margin-bottom:0;
}
.event_list .detail_box.end dt {
	outline:1px #666 solid;
	color:#666;
}
.content_box.event ul {
	width:100%;
	display:table;
}
.content_box.event li {
	display:table-cell;
	vertical-align:middle;
}
.content_box.event li:last-child {
	float:right;
}
.title_box .detail_box {
	width:370px;
	box-sizing:border-box;
}
.title_box .detail_box p {
	margin-bottom:15px;
	padding-right:60px;
	box-sizing:border-box;
	font-size:1.8rem;
	font-family:'notokr-medium';
	display:table;
	position:relative;
}
.title_box .detail_box p a {
	color:#000;
}
.title_box .detail_box p span {
	width:50px;
	height:28px;
	margin-top:-14px;
	position:absolute;
	top:50%;
	right:0;
	background:#a39787;
	color:#fff;
	font-size:1.2rem;
	line-height:28px;
	text-align:center;
}
.title_box .detail_box p.end {
	margin-top:15px;
	font-size:1.4rem;
	color:#666;
}
.title_box .detail_box dl {
	font-size:1.4rem;
}
.title_box .detail_box dt {
	padding:5px 10px;
	margin-right:10px;
	margin-bottom:5px;
	box-sizing:border-box;
	float:left;
	outline:1px #047ab3 solid;
	color:#047ab3;
}
.title_box .detail_box dt span {
	width:20px;
	height:100%;
	text-align:center;
}
.title_box .detail_box dd {
	padding:6px 11px;
	margin-bottom:5px;
}
.title_box .detail_box dt:last-child,.event_list .detail_box dd:last-child {
	margin-bottom:0;
}
.title_box .detail_box.end dt {
	outline:1px #666 solid;
	color: #666;
}
/* 청약가점제도 소개 */
.sale_guide_tit {
	display:table;
	width:100%;
	margin-bottom:2rem;
}
.sale_guide_tit dt {
	display:table-cell;
	text-align:left;
	line-height:1.4;
	font-size:1.5rem;
}
.sale_guide_tit dd {
	display:table-cell;
	vertical-align:middle;
	padding:0 20px 0 40px;
}
.sale_guide_tit dd .tblbtn {
	font-size:1.6rem;
}
.tbl_guide_list dl {
	display:table;
	width:100%;
	table-layout:fixed;
}
.tbl_guide_list dt {
	display:table-cell;
	width:150px;
	text-align:left;
	line-height:1.4;
	font-size:1.5rem;
	background:#dfdfdf;
	border-top:1px solid #fff;
	vertical-align:middle;
	padding:0 20px;
}
.tbl_guide_list dd {
	display:table-cell;
	text-align:left;
	line-height:1.4;
	font-size:1.5rem;
	border-bottom:1px solid #d6d6d6;
	border-right:1px solid #d6d6d6;
	padding:2rem;
}
.tbl_guide_list dl:first-child dt {
	border-top:1px solid #d6d6d6;
}
.tbl_guide_list dl:first-child dd {
	border-top:1px solid #d6d6d6;
}
.tbl_guide_intbl {
	margin:15px 0;
}
.tbl_guide_intbl table {
	width:100%;
	font-size:1.4rem;
	border-right:1px solid #d6d6d6;
}
.tbl_guide_intbl thead th {
	border-bottom:1px solid #d6d6d6;
	border-top:1px solid #d6d6d6;
	padding:1.4rem 0;
	vertical-align:middle;
	text-align:center;
	font-weight:normal;
	color:#222;
	background:#dfdfdf;
	border-left:1px solid #fff;
}
.tbl_guide_intbl thead th:first-child {
	border-left:1px solid #d6d6d6;
}
.tbl_guide_intbl tbody th {
	padding:1rem 0;
	text-align:center;
	border-bottom:1px solid #d6d6d6;
	vertical-align:middle;
	line-height:1.6;
	border-left:1px solid #d6d6d6;
}
.tbl_guide_intbl tbody td {
	text-align:center;
	border-bottom:1px solid #d6d6d6;
	vertical-align:middle;
	line-height:1.6;
	padding:1rem 0;
	word-break:break-all;
	border-left:1px solid #d6d6d6;
}
.tbl_guide_list dd .tbl_comment_btm {
	text-align:right;
	font-size:1.4rem;
}
.tbl_cal_sales {
}
.tbl_cal_sales thead th {
	border-bottom:1px solid #d6d6d6;
	border-top:1px solid #d6d6d6;
	padding:1.4rem 0;
	vertical-align:middle;
	text-align:center;
	font-weight:normal;
	color:#222;
	background:#dfdfdf;
	border-left:1px solid #fff;
	font-size:1.6rem;
}
.tbl_cal_sales tbody th {
	font-size:1.5rem;
	padding:1rem 0;
	text-align:center;
	border-bottom:1px solid #d6d6d6;
	vertical-align:middle;
	line-height:1.6;
}
.tbl_cal_sales tbody td {
	text-align:center;
	border-bottom:1px solid #d6d6d6;
	vertical-align:middle;
	line-height:1.6;
	padding:1rem 1.5rem;
	word-break:break-all;
	border-left:1px solid #d6d6d6;
	font-size:1.5rem;
}
.tbl_cal_sales tr.total_data th {
	font-size:1.5rem;
	padding:1rem 0;
	text-align:center;
	border-bottom:1px solid #d6d6d6;
	vertical-align:middle;
	line-height:1.6;
}
.tbl_cal_sales tr.total_data td {
	text-align:center;
	border-bottom:1px solid #d6d6d6;
	vertical-align:middle;
	line-height:1.6;
	padding:1rem 1.5rem;
	word-break:break-all;
	border-left:1px solid #d6d6d6;
	font-size:1.5rem;
}
.tbl_cal_result {
	padding-top:4rem;
}
.tbl_cal_result table {
	width:100%;
	table-layout:fixed;
}
.tbl_cal_result thead th {
	border-bottom:1px solid #d6d6d6;
	border-top:1px solid #d6d6d6;
	padding:1.4rem 0;
	vertical-align:middle;
	text-align:center;
	font-weight:normal;
	color:#222;
	background:#dfdfdf;
	border-left:1px solid #fff;
	font-size:1.6rem;
}
.tbl_cal_result thead th:first-child {
	border-left:0;
}
.tbl_cal_result tbody th {
	font-size:1.5rem;
	padding:1rem 0;
	text-align:center;
	border-bottom:1px solid #d6d6d6;
	vertical-align:middle;
	line-height:1.6;
}
.tbl_cal_result tbody td {
	text-align:center;
	border-bottom:1px solid #d6d6d6;
	vertical-align:middle;
	line-height:1.6;
	padding:1rem 1.5rem;
	word-break:break-all;
	border-left:1px solid #d6d6d6;
	font-size:1.5rem;
}
.tbl_cal_result tfoot th,.tbl_cal_result tfoot td {
	text-align:center;
	border-bottom:1px solid #d6d6d6;
	vertical-align:middle;
	line-height:1.6;
	padding:1rem 1.5rem;
	word-break:break-all;
	border-left:1px solid #d6d6d6;
	font-size:1.5rem;
}
.tbl_cal_result tfoot th {
	border-left:0;
}
.poll_tbl th .br:after {
	content:'';
	display:block;
}
.tbl_cal_sales tbody td.cl_label {
	text-align:left;
	padding:1rem 1.5rem;
}
.tbl_cal_sales td.etc {
	vertical-align:top;
	padding:0 1.5rem;
}
.tbl_inner_box {
}
.tbl_inner_list {
	text-align:left;
	margin:1.5rem 0;
}
.tbl_inner_list dt {
	font-size:1.6rem;
	color:#222;
	margin-bottom:5px;
	font-family:'notokr-medium';
}
.tbl_inner_list dd {
}
.tbl_inner_list dd ul {
	overflow:hidden;
}
.tbl_inner_list dd ul li {
	padding-left:12px;
	position:relative;
	font-size:1.4rem;
	line-height:1.6;
}
.tbl_inner_list dd ul li:before {
	content:'';
	width:5px;
	height:1px;
	position:absolute;
	left:1px;
	top:9px;
	background: #222;
}
/* 청약당첨조회 */
.tab_content .search_form {
	width:810px;
	margin:70px auto 0;
	padding-top:230px;
	background:url('https://www.xi.co.kr/Content/static/css/page/img/sub/bg_applythanks.jpg') top center no-repeat;
	color:#666;
	-ms-word-break:keep-all;
	word-break:keep-all;
}
.tab_content .search_form strong {
	margin-bottom:10px;
	font-size:3.2rem;
	display:inline-block;
	color:#434a5d;
}
.tab_content .search_form span.summary {
	display:block;
	font-size:1.4rem;
	margin-bottom:40px;
}
.tab_content .search_form label {
	width:10%;
	height:50px;
	float:left;
	line-height:50px;
	display:block;
	text-align:left;
}
.tab_content .search_form .input_box {
	width:90%;
	float:left;
	border:none;
	text-align:left;
}
.tab_content .search_form .input_box select {
	width:100%;
	height:100%;
	padding-left:30px;
	line-height:100%;
	border:1px #d2d2d2 solid;
}
.tab_content .search_form .input_box strong {
	margin-left:10px;
	font-size:1.4rem;
}
.tab_content .search_form .input_box input {
	width:50%;
	border:1px #d2d2d2 solid;
}
.tab_content .search_form .btn_set {
	width:100%;
	margin-top:50px;
	float:left;
}
.tab_content .search_form a.submit {
	width:110px;
	height:40px;
	font-size:1.4rem;
	line-height:40px;
}
.tab_content .search_form p.result {
	font-size:2.2rem;
	margin:30px 0;
	color:#006899;
}
.tab_content .search_form .result_form {
	width:450px;
	margin:0 auto;
	padding:10px 20px;
	box-sizing:border-box;
	text-align:left;
	line-height:25px;
	border-bottom:3px #d6d6d6 solid;
	border-top:3px #d6d6d6 solid;
}
.tab_content .search_form .result_form dt {
	width:20%;
	padding:10px 0;
	float:left;
	text-align:right;
	font-family:'notokr-medium';
	font-size:1.6rem;
}
.tab_content .search_form .result_form dt::after {
	content:":";
	margin:0 10px;
}
.tab_content .search_form .result_form dd {
	width:80%;
	padding:10px 0 10px 20px;
	box-sizing:border-box;
	float:left;
	border-bottom:1px #d6d6d6 solid;
}
.tab_content .search_form .result_form dd:last-child {
	border-bottom:none;
}
.tab_content .search_form p.caution {
	color:#434a5d;
	font-size:1.6rem;
	margin-top:20px;
	line-height:25px;
}
.tab_content .search_form p.caution span {
	font-family:'notokr-medium';
}
.tab_content .search_form .btn_set a {
	width:150px;
	height:40px;
	margin:0 10px;
	font-size:1.4rem;
	text-align:center;
	display:inline-block;
	background:#434a5d;
	line-height:40px;
	color:#fff;
}
.tab_content .search_form .btn_set a.btn_payment {
	background: #a39787;
}
/* 중도금 조회 */
.tab_content .search_form.middle_payment {
	width:510px;
	margin:70px auto 0;
	padding-top:130px;
	background:url('https://www.xi.co.kr/Content/static/css/page/img/sub/bg_payschbox.jpg') top center no-repeat;
	color:#666;
}
.search_form.middle_payment strong {
	margin-bottom:10px;
	font-size:3.2rem;
	display:inline-block;
	color:#434a5d;
}
.search_form.middle_payment span.summary {
	display:block;
	font-size:1.4rem;
	margin-bottom:40px;
}
.search_form.middle_payment label {
	width:100px;
}
.search_form.middle_payment .input_box {
	width:calc(100% - 100px);
	float:left;
	border:none;
	text-align:left;
}
.search_form.middle_payment.input_box select {
	width:100%;
	height:100%;
	padding-left:30px;
	line-height:100%;
	border:1px #d2d2d2 solid;
}
.search_form.middle_payment .input_box strong {
	margin-left:10px;
	font-size:1.4rem;
}
.search_form.middle_payment .input_box input {
	width:80%;
	border:1px #d2d2d2 solid;
}
.search_form.middle_payment .input_box span {
	width:80%;
}
.search_form.middle_payment .input_box a {
	width:18%;
	height:100%;
	text-align:center;
	background:#909193;
	float:right;
	color:#fff;
	line-height:50px;
	display:block;
}
.search_form.middle_payment .btn_set {
	width:100%;
	margin-top:50px;
	float:left;
}
.search_form.middle_payment button.submit {
	width:110px;
	height:40px;
	font-size:1.4rem;
}
.search_form.middle_payment span.caution {
	width:100%;
	margin-top:20px;
	display:block;
	float:left;
}
.search_form.middle_payment span.caution a {
	font-size:1.4rem;
	color:#666;
}
.search_form.middle_payment span.caution a:hover {
	text-decoration:underline;
}
.area_complex_info .details .btn_set.btn1 li a.btn_counsel {
	background:#006899;
	color:#fff
}
.content_box.middle_payment h3 {
	margin-bottom:20px;
	font-size:2.2rem;
	text-align:left;
}
.content_box.middle_payment .area_complex_info {
	margin-bottom:0;
}
.content_box.middle_payment .table_box {
	margin-bottom:40px;
}
table.middle_payment {
	width:100%;
	font-size:1.4rem;
}
table.middle_payment th,table.middle_payment td {
	padding:10px 0;
}
table.middle_payment thead th {
	border-right:1px #fff solid;
	background:#d6d6d6;
}
table.middle_payment thead th:last-child {
	border-right:none;
}
table.middle_payment tbody tr,table.middle_payment tfoot tr {
	border-top:1px #d6d6d6 solid;
}
table.middle_payment tfoot tr:last-child {
	border-bottom:1px #d6d6d6 solid;
}
table.middle_payment tbody td,table.middle_payment tfoot td,table.middle_payment tbody th,table.middle_payment tfoot th {
	border-right:1px #d6d6d6 solid;
}
table.middle_payment tbody td:last-child,table.middle_payment tfoot td:last-child {
	border-right:none;
}
table.middle_payment tfoot {
	background:#f1f1f1
}
table.middle_payment.etc tbody tr:last-child {
	border-bottom:1px #d6d6d6 solid;
}
.content_box.middle_payment p.caution {
	font-size:1.4rem;
	text-align:left;
}
.content_box.middle_payment p.caution.red {
	color:#ff0000;
	margin-bottom:10px;
	display:none
}
.content_box.middle_payment .service_center {
	float: none;
}
/* 자이플러스원 / 입주사전방문행사 */
.tab_content.plus_one {
	text-align:left;
	-ms-word-break:keep-all;
	word-break:keep-all;
}
.tab_content.plus_one h3 {
	font-size:2.6rem;
	margin-bottom:30px;
	font-family:'notokr-medium';
}
.tab_content.plus_one>dl {
	margin-bottom:30px;
	line-height:30px;
}
.tab_content.plus_one>dl dt {
	margin-bottom:10px;
	font-size:1.8rem;
	font-family:'notokr-medium';
}
.tab_content.plus_one>dl dd {
	width:100%;
	margin-bottom:10px;
	font-size:1.4rem;
	line-height:22px;
}
.tab_content.plus_one>dl dd::after {
	content:"";
	display:block;
	clear:both;
}
.tab_content.plus_one>dl dd::before {
	content:"·";
	width:10px;
	margin:0;
	float:left;
}
.tab_content.plus_one>dl dd span {
	width:calc(100% - 10px);
	float:left;
}
.tab_content.plus_one>dl dd strong.red {
	font-family:"notokr-medium";
	color:#ff0000;
}
.tab_content.plus_one>dl dd.caution {
	font-family:"notokr-medium";
	color:#ff0000;
}
.tab_content.plus_one>dl dd.caution::after,.tab_content.plus_one>dl dd.caution::before {
	display:none;
}
.tab_content.plus_one>dl dd.caution span.space {
	display:inline-block;
	float:none;
	width:auto;
	padding-left: 15px;
}
	/*견본주택사전방문예약*/
.ar_check_list {
	border:1px solid #eaeaea;
	padding:3%;
	box-sizing:border-box;
	margin-bottom:30px;
}
	.ar_check_list ul li {
	border-bottom:1px solid #eaeaea;
	margin-bottom:30px;
}
	.m_view {
	display:none;
}
	.ar_check_list ul li.clf_last {
	margin-bottom:0;
}
	.ar_check_list label {
	width:15%;
	height:50px;
	float:left;
	line-height:50px;
	display:block;
	text-align:left;
}
	.ar_check_list .input_box {
	width:85%;
	float:left;
	border:none;
	text-align:left;
}
	.ar_check_list .input_box strong {
	margin-left:20px;
}
	.ar_check_list .input_box.input_box_line {
	line-height:50px;
}
	.ar_check_list .input_box select {
	width:50%;
	height:100%;
	padding-left:30px;
	line-height:100%;
	border:1px #eaeaea solid;
}
	.ar_check_list .input_box input {
	width:50%;
	border:1px #eaeaea solid;
	margin-right:7px;
}
	.ar_check_list .input_box input.gender_select {
	width:3%;
}
.ar_check_list .input_box input.phone {
	width:13%;
	height:40px;
}
.ar_check_list .input_box input.phone_input {
	margin-right:0;
}
	.ar_check_list .input_box input.m_left {
	margin-left:20px;
}
	.ar_check_list .input_box #name {
	width:31%;
}
	.ar_check_list .input_box select.address_box {
	height:40px;
	width:12%;
	padding-left:5px;
	padding-right:5px;
	box-sizing:border-box;
	border:1px #eaeaea solid;
	color:##bcbcbc;
	display:inline-block;
	font-size:1.4rem;
}
	.ar_check_list .input_box select.address_box02 {
	width:19%;
}
	.ar_check_list .input_box select.address_box03 {
	width:19%;
}
	.ar_check_list .input_box #visitDate {
	width:31%;
}
	.ar_check_list .input_box #h_size {
	width:31%;
}
	.ar_check_list .input_box #age {
	width: 31%;
}
			/*카카오채널*/
.kakao_ch {
	margin-bottom:30px;
}
	.kakao_ch>a>img {
	height:200px;
}
.tab_content.plus_one .scr_box {
	width:100%;
	height:160px;
	padding:20px;
	box-sizing:border-box;
	overflow-y:scroll;
	border:1px #e0e0e0 solid;
	font-size:1.4rem;
	line-height:20px;
}
.tab_content.plus_one .scr_box h1 {
	font-size:2rem;
	line-height:25px;
}
.tab_content.plus_one .scr_box dl {
	margin-bottom:20px;
}
.tab_content.plus_one .scr_box dl dt {
	float:left;
}
.tab_content.plus_one .scr_box p {
	margin-bottom:10px;
}
.tab_content.plus_one .agree_box {
	height:auto;
	margin:20px 0 60px;
	padding:0 0 0 0;
	text-align:right;
	position:relative;
	font-size:1.4rem;
}
.tab_content.plus_one .agree_box label input {
	width:14px;
	height:14px;
	background:#fff;
	margin-right:5px;
}
.tab_content.plus_one .agree_box label input:checked+span {
	background:url('https://www.xi.co.kr/Content/static/css/page/img/sub/check_box_on.png') no-repeat;
	background-size:cover;
}
.tab_content.plus_one .agree_box label input:focus+span {
	outline:1px #ccc solid;
}
.tab_content.plus_one .agree_box label {
	margin-left:10px;
}
.tab_content.plus_one .agree_box label strong {
	padding-left:10px;
	font-family:'notokr-regular';
	font-size:2rem;
}
.tab_content.plus_one .agree_box label span {
	width:20px;
	height:20px;
	position:absolute;
	top:3px;
	z-index:2;
	background:url('https://www.xi.co.kr/Content/static/css/page/img/sub/check_box_off.png') no-repeat;
	background-size:cover;
	display:block;
	cursor:pointer;
}
.tab_content.plus_one .txt_blue {
	color:#006999 !important;
}
.tab_content.plus_one .txt_red {
	color:#ff0000 !important;
}
.tab_content.plus_one .plus_one_comment {
	clear:both;
	padding-top:10px;
}
.tab_content.plus_one .plus_one_comment li {
	padding-left:18px;
	position:relative
}
.tab_content.plus_one .plus_one_comment li:before {
	content:'※';
	position:absolute;
	left:0;
	top:0;
}
.service_box {
	width:346px;
	height:auto;
	margin:0 10px 30px 10px;
	float:left;
	text-align:left;
	font-size:1.4rem;
	color:#333;
	background:#f6f6f6;
	position:relative;
}
.service_box .details {
	width:100%;
	height:150px;
	padding:20px;
	box-sizing:border-box;
	position:relative;
}
.service_box .details dl {
	width:100%;
	line-height:20px;
}
.service_box .details dl dt {
	font-size:1.8rem;
	margin-bottom:10px;
	font-family:'notokr-medium';
}
.service_box .btn_set {
	width:100%;
	height:5rem;
	background:#e6e6e6;
	font-size:1.5rem;
	text-align:center;
	line-height:50px;
}
.service_box .btn_set a {
	width:50%;
	position:relative;
	display:block;
	float:left;
}
.service_box .btn_set a::after {
	content:"";
	width:1px;
	height:100%;
	background:#fff;
	position:absolute;
	right:0;
	top:0;
}
.service_box .btn_set a:last-child::after {
	display:none;
}
.service_box.type_02 {
	width:100%;
	background:transparent;
}
.service_box.type_02 img {
	float:left;
}
.service_box.type_02 .details {
	width:auto;
	height:auto;
	padding:20px;
	box-sizing:border-box;
	position:relative;
	float:left;
	line-height:20px;
}
.service_box.type_02 .details dl {
	width:100%;
}
.service_box.type_02 .details dl dt {
	font-size:1.8rem;
	margin-bottom:10px;
	font-family:'notokr-medium';
}
.service_box.type_02 .details ul {
	padding:20px 0;
	box-sizing:border-box;
}
.service_box.type_02 .details ul li::before {
	content:"·";
	margin: 0 5px 0 5px;
}
/* 브랜드 */
.brand_top {
	background:#fff;
}
.brand_top .vis_img {
	float:right;
	margin-right:-79px;
	padding-left:310px;
}
.brand_top .vis_img img {
	max-width:814px;
	width:100%;
}
.brand_top .left_sec {
	position:absolute;
	top:17%;
	background:#b3a696;
	text-align:right;
	padding-right:80px;
	width:690px;
	left:-80px;
}
.brand_top .left_sec .b_tit {
	margin-top:-55px;
	font-size:7.2rem;
	font-family:'notokr-medium';
	letter-spacing:-0.1rem;
	line-height:55px;
}
.brand_top .left_sec .b_tit strong {
	display:block;
	height:55px;
	margin-bottom:5px;
}
.brand_top .left_sec .b_txt {
	color:#fff;
	line-height:1.5;
	letter-spacing:-0.5px;
	padding:8% 0 12%;
}
.brand_top .b_util {
	clear:both;
	padding:80px 0 120px;
}
.brand_top .b_util ul {
	clear:both;
	width:100%;
	display:table;
}
.brand_top .b_util li {
	display:table-cell;
}
.brand_top .b_util li .b_list_con {
	white-space:nowrap;
	text-align:center;
	position:relative;
}
.brand_top .b_util li .b_list_con:after {
	content:'';
	width:1px;
	height:100%;
	background:#e0e0e0;
	position:absolute;
	left:0;
	top:0;
}
.brand_top .b_util li:first-child .b_list_con:after {
	background:none;
}
.brand_top .b_util li .b_list_con .b_icon {
	display:inline-block;
}
.brand_top .b_util li .b_list_con .b_icon img {
	width:100%;
}
.brand_top .b_util li .b_list_con dl {
}
.brand_top .b_util li .b_list_con dl dt {
	color:#006899;
	font-size:1.8rem;
	padding-top:1.8rem;
}
.brand_top .b_util li .b_list_con dl dd {
	padding-top:1.4rem;
	line-height:1.6;
	font-size:1.5rem;
}
.brand_color {
	position:relative;
	width:100%;
}
.brand_color .color_img {
	float:right;
	margin-top:-50px;
	padding-right:50px;
	position:relative;
	padding-bottom:4%;
	padding-left:500px;
}
.brand_color .color_img img {
	max-width:478px;
	width:100%;
}
.brand_color .color_img:after {
	content:'';
	width:80px;
	position:absolute;
	right:-80px;
	top:0;
	background:#fff;
	height:120%;
	z-index:999;
}
.brand_color dl.color_txt {
	text-align:left;
	padding-top:6.3rem;
	white-space:nowrap;
}
.brand_color dl.color_txt dt {
	font-size:2.6rem;
	line-height:1.4;
}
.brand_color dl.color_txt dd {
	font-size:1.5rem;
	line-height:1.6;
	letter-spacing:-0.5px;
	padding-top:2rem;
}
.brand_logo {
	clear:both;
	background:#ffffff;
	padding-bottom:8rem;
}
.brand_logo .bi_logo_list {
	padding-top:4rem;
	padding-bottom:3rem;
	border-bottom:1px solid #d6d6d6;
	overflow:hidden;
}
.brand_logo .bi_logo_list li {
	float:left;
	width:50%;
	text-align:left;
}
.brand_logo .bi_logo_list li .logo_con {
	display:inline-block;
	text-align:left;
	margin-top:7.5rem;
}
.brand_logo .bi_logo_list li:nth-child(even) {
	text-align:right;
}
.brand_logo .bi_logo_list li .logo_con h4 {
	position:relative;
	text-align:left;
	color:#333;
	font-size:1.8rem;
	font-family:'notokr-medium';
	padding:1.5rem 0 2rem;
}
.brand_logo .bi_logo_list li .logo_con h4:before {
	content:'';
	width:70px;
	position:absolute;
	top:0;
	height:3px;
	background:#333;
}
.brand_logo .bi_logo_list li .logo_con .logo_img {
	padding-bottom:20px;
}
.brand_logo .bi_logo_list li .logo_con .logo_img img {
	max-width:520px;
	width:100%;
}
.brand_logo .btns_set {
	text-align: right;
}
/* 갤러리 */
.white_bg_con {
	background:#fff;
	box-sizing:border-box;
	padding:8rem 0 0;
}
.gallery_top {
	width:100%;
	padding-top:6rem;
}
.gallery_top .container_wrap {
	max-width:1260px;
}
.gallery_top .vis_img {
}
.gallery_top .vis_img img {
	width:100%;
}
.gallery_top .txt_con {
	position:relative;
	margin-top:-16.5rem;
	padding:0 4rem;
}
.gallery_top .txt_con:after {
	content:'';
	width:100%;
	height:100%;
	background:#8894b4;
	position:absolute;
	left:-50%;
	top:0;
	z-index:21;
}
.gallery_top .txt_con.sepia:after {
	background:#9f907b;
}
.gallery_top .txt_con .gall_tit_box {
	color:#fff;
	font-size:3.4rem;
	padding:80px 0 0 0;
	letter-spacing:-0.2rem;
	text-align:left;
	position:relative;
	z-index:22;
}
.gallery_top .txt_con .gall_tit_box strong {
	font-size:5.6rem;
	display:block;
	padding-top:1rem;
}
.gallery_top .gall_txt_box {
	padding-top:3.5rem;
	z-index:22;
	position:relative;
	text-align:left;
	display:table;
	padding-bottom:5rem;
}
.gallery_top .gall_txt_box .left_sec {
	font-size:2.0rem;
	color:#fff;
	font-family:notokr-light;
	letter-spacing:-0.2rem;
	line-height:1.5;
	display:table-cell;
	white-space:nowrap;
	padding-right:4rem;
}
.gallery_top .gall_txt_box .right_sec {
	display:table-cell;
	padding-left:2rem;
	line-height:1.8;
	vertical-align:top;
	position:relative;
}
.gallery_top .gall_txt_box .right_sec:before {
	content:'';
	width:2px;
	height:96%;
	position:absolute;
	left:0;
	top:2.5%;
	background:#000;
}
.gallery_top .gall_txt_box .right_sec p:first-child {
	margin-bottom:2rem;
}
.gall_slide_con {
	position:relative;
}
.gall_slide_con .nav_btns {
	position:absolute;
	left:7%;
	bottom:-30px;
	z-index:2;
}
.gall_slide_con .nav_btns a {
	display:block;
	text-indent:-9999em;
	color:transparent;
	width:136px;
	height:75px;
	float:left;
	background:#434a5d;
	position:relative;
}
.gall_slide_con img {
	width:100%;
}
.gall_slide_con .slider_con {
	width:100%;
	position:relative;
	overflow:hidden;
}
.gall_slide_con .gall_slider {
	width:400%;
	position:relative;
}
.gall_slide_con .gall_slider li {
	width:25%;
	float:left;
}
a.icobtn:before {
	content:'';
	position:absolute;
	display:inline-block;
	left:50%;
	top:50%;
}
a.icobtn.ico_left {
	border-right:1px solid #8e929e;
}
a.icobtn.ico_right {
	border-left:1px solid #8e929e;
}
a.icobtn.ico_left:before {
	width:18px;
	height:25px;
	margin-left:-9px;
	margin-top:-13px;
	background:url(https://www.xi.co.kr/Content/img/sub/brand/icon_prev_gal.png) no-repeat 0 0;
}
a.icobtn.ico_right:before {
	width:18px;
	height:25px;
	margin-left:-9px;
	margin-top:-13px;
	background:url(https://www.xi.co.kr/Content/img/sub/brand/icon_next_gal.png) no-repeat 0 0;
}
.gallery_btm {
	margin-top:8rem;
}
.gallery_btm .container_wrap {
	max-width:1260px;
}
.gallery_btm .left_sec {
	display:table-cell;
	width:50%;
	vertical-align:middle;
	padding:0 50px;
	text-align:left;
	line-height:1.8;
}
.gallery_btm .left_sec p:first-child {
	margin-bottom:2rem;
}
.gallery_btm .right_img {
	display:table-cell;
	text-align:right;
}
.gallery_btm .right_img img {
	width:100%;
	display:inline-block;
}
.gallery_btm.dc_btm .left_sec {
	width:70%;
}
.gallery_btm.dc_btm .right_img img {
	max-width:336px;
}
.space_tab_con {
	margin-top:5rem;
}
.gallery_space {
	position:relative;
}
.gallery_space .space_tab {
	position:absolute;
	left:0;
	top:0;
	z-index:22;
	border-top:1px solid #c0c0c0;
}
.gallery_space .space_tab>li {
	display:block;
	color:#ddd;
	border-bottom:1px solid #c0c0c0;
}
.gallery_space .space_tab>li>a {
	background:#f8f8f8;
	color:#333;
	display:block;
}
.gallery_space .space_tab>li>a.on {
	background:#434a5d;
	color:#fff;
}
.gallery_space .space_tab>li dl {
	display:table;
}
.gallery_space .space_tab>li dl>dt {
	display:table-cell;
	width:100px;
	line-height:1.8;
	font-size:2.6rem;
	text-align:center;
	vertical-align:middle;
	height:80px;
}
.gallery_space .space_tab>li dl>dd {
	display:table-cell;
	text-align:left;
	line-height:1.8;
	width:230px;
	padding-right:3rem;
	vertical-align:middle;
	height:80px;
}
.gallery_space .tab_content_wrap {
	height:470px;
	overflow:hidden;
	padding-left:400px;
	position:relative;
}
.gallery_space .tab_content_wrap::after {
	content:'';
	width:75%;
	height:100%;
	border:1px solid #c0c0c0;
	display:inline-block;
	position:absolute;
	top:0;
	right:0;
	z-index:20;
	box-sizing:border-box;
}
.gallery_space .tab_content_wrap .tab_content {
	float:right;
	text-align:right;
	padding-right:2rem;
	margin:2.5rem 0;
}
.gallery_space .tab_content_wrap .tab_content img {
	max-width:583px;
	width:100%;
}
ul.bl_dot li {
	font-size:1.5rem;
	position:relative;
	padding-left:1rem;
	width:40%;
	white-space:nowrap;
}
ul.bl_dot li:before {
	content:'';
	width:2px;
	height:2px;
	position:absolute;
	left:0;
	top:11px;
	background:#aaa;
}
.gallery_space .space_tab>li dl>dd ul li {
	display:inline-block;
}
.gallery_location {
}
.gallery_location .mapbox {
	border:1px solid #d6d6d6;
	position:relative;
	margin:3rem 0;
}
.gallery_location .mapbox img {
	width:100%;
}
.gallery_location .mapbox .btns_set {
	position:absolute;
	left:0;
	bottom:0;
	text-align:right;
	padding:2.5rem;
	box-sizing:border-box;
}
.gallery_location .mapbox .btns_set a {
	padding:1rem 2rem;
	display:inline-block;
	font-size:1.6rem;
}
.gallery_location dl.addr_txt {
	margin-bottom:2rem;
	text-align:left;
}
.gallery_location dl.addr_txt dt {
	font-size:1.8rem;
	color:#333;
	display:inline-block;
	text-align:left;
}
.gallery_location dl.addr_txt dt span {
	display:inline-block;
}
.gallery_location dl.addr_txt dd {
	display:inline-block;
	font-size:1.4rem;
}
.gallery_location dl.addr_txt dd span {
	display:inline-block;
	margin-left:1.5rem;
	padding-left:1.5rem;
	position:relative;
}
.gallery_location dl.addr_txt dd span:before {
	content:'';
	width:1px;
	height:12px;
	position:absolute;
	left:0;
	top:50%;
	background:#ddd;
	display:inline-block;
	margin-top:-6px;
}
.gallery_location .traffic_list {
	box-sizing:border-box;
	overflow:hidden;
}
.gallery_location .traffic_list li {
	display:table-cell;
	font-size:1.5rem;
	padding-right:2rem;
}
.gallery_location .traffic_list i.ico {
	display:inline-block;
	width:35px;
	height:35px;
	vertical-align:middle;
	padding-right:1rem;
	font-size:0;
	color:transparent;
}
.gallery_location .traffic_list i.ico.ico-bus {
	background:url(https://www.xi.co.kr/Content/img/sub/brand/icon_bus.png) no-repeat 0 0;
}
.gallery_location .traffic_list i.ico.ico-subway {
	background: url(https://www.xi.co.kr/Content/img/sub/brand/icon_subway.png) no-repeat 0 0;
}
/* tv광고 */
.video_content {
	width:100%;
}
.video_content .video_box {
	width:700px;
	height:390px;
	float:left;
	background:#000;
}
.video_content .src_box_tit {
	padding:0 0 0 30px;
	height:60px;
	line-height:60px;
	text-align:left;
	border-top:2px #c8c8c8 solid;
	border-bottom:1px #ccc solid;
	font-family:'notokr-medium';
	font-size:1.8rem;
}
.video_content .scr_box_con {
	float:left;
	width:400px;
	padding-left:20px;
}
.video_content.tvad .scr_box_con {
	width:380px;
}
.video_content .scr_box {
	height:330px;
	margin-bottom:20px;
	padding:30px;
	box-sizing:border-box;
	overflow-y:scroll;
	text-align:left;
	border-bottom:1px #ccc solid;
}
.video_content .scr_box pre,.video_content .scr_box p,.video_content .scr_box p span,.video_content .scr_box p font {
	width:100%;
	line-height:20px;
	font-size:1.4rem;
	font-family:'notokr-regular' !important;
	white-space:pre-line;
	word-break:break-all;
	color:#666;
}
.video_content .title_box {
	padding:0 0 0 0;
	border:none;
}
.video_content .title_box h3 {
	float:left;
}
.video_content .title_box dl {
	float:right;
	line-height:22px;
}
.video_content .title_box dl dt {
	margin-left:10px;
}
.video_content .title_box dl dt::before {
	content:"·";
	margin-right:5px;
}
.video_list {
	width:100%;
	margin-top:50px;
	padding-top:50px;
	border-top:1px #ccc solid;
	box-sizing:border-box;
}
.video_list .thum_box {
	width:237px;
	height:auto;
	margin:0 19px 50px;
	float:left;
	overflow:hidden;
	vertical-align:middle;
	box-sizing:border-box;
}
.video_list .thum_box img {
	width:100%;
	display:block;
	box-sizing:border-box;
}
.video_list .thum_box img:hover,.video_list .thum_box img.on {
	border:5px #006999 solid;
}
.video_list .thum_box img:hover+p,.video_list .thum_box img.on+p {
	color:#006999;
}
.video_list .thum_box p {
	margin-top:15px;
	font-size:1.4rem;
	color:#666;
	line-height:26px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.tab_content .video_list {
	padding:30px;
	border:1px #ccc solid;
}
.tab_content .video_list .thum_box {
	width:24%;
	margin:0 0.5% 20px;
}
.area_search.guidebook {
	margin:20px 0 20px;
}
.con_tbl tbody td.nodata {
	text-align:center;
}
.tblbtn {
	cursor:pointer;
	background:transparent;
	white-space:nowrap;
	vertical-align:middle;
	touch-action:manipulation;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	background-image:none;
	border:1px solid transparent;
	line-height:1.42857143;
	font-size:1.2rem;
	padding:.5rem 2rem;
	display:inline-block;
	font-family:Noto Sans KR;
	-webkit-font-smoothing:antialiased;
	font-family:'notokr-regular';
	text-decoration:none !important;
}
.tblbtn.lgwh {
	padding:.5rem 3rem;
}
.tblbtn.btn_beige {
	background:#796e5d;
	color:#fff !important;
	border:1px solid #796e5d;
	font-size:1.3rem;
}
.tblbtn.btn_white {
	background:#fff;
	color:#707070 !important;
	border:1px solid #707070;
	font-size:1.3rem;
}
.tblbtn.btn_blue {
	background:#006899;
	color:#fff !important;
	border:1px solid #006899;
	font-size:1.3rem;
}
.con_tbl {
	border-top:1px solid #aaa;
	margin:10px 0 0;
	box-sizing:border-box;
}
.con_tbl * {
	box-sizing:border-box;
}
.con_tbl a:visited {
	color:#333333;
	text-decoration:none;
}
.con_tbl a:link {
	color:#333333;
	text-decoration:none;
}
.con_tbl a:hover {
	text-decoration:underline;
}
.con_tbl table {
	width:100%;
	font-size:1.4rem;
}
.con_tbl thead th {
	border-bottom:1px solid #d6d6d6;
	padding:1.6rem 0;
	text-align:center;
	font-weight:normal;
	color:#333;
	font-size:1.5rem;
	background:#dfdfdf;
	border-left:1px solid #fff;
}
.con_tbl tbody th {
	border-bottom:1px solid #d6d6d6;
	padding:1.4rem 0;
	vertical-align:middle;
	text-align:center;
	font-weight:normal;
	color:#222;
}
.con_tbl tbody td {
	text-align:center;
	border-bottom:1px solid #d6d6d6;
	vertical-align:middle;
	line-height:1.6;
	padding:1rem 0;
	word-break:break-all;
	border-left:1px solid #d6d6d6;
}
.con_tbl tbody td.sbj {
	color:#333;
	text-align:left;
	padding:1.4rem 2rem;
}
.con_tbl tbody td.sbj a {
	cursor:text;
	text-decoration:none;
}
.con_tbl tbody td .tbl_btns {
	padding:0 1rem;
}
.con_tbl tbody td .tbl_btns a {
	margin:.2rem 0;
}
.visit_info_tbl span.br::after {
	display:block;
	height:0;
	content:"";
}
.visit_info_tbl.con_tbl thead th {
	line-height:1.5;
	vertical-align:middle;
}
.visit_info_tbl.con_tbl table {
	table-layout:fixed;
}
.visit_info_tbl.con_tbl tbody td .tbl_btns {
	padding:0 0.5rem;
}
.area_sitemap dl {
	width:31.3333%;
	height:500px;
	margin:0 1%;
	float:left;
	text-align:left;
}
.area_sitemap dl dt {
	width:100%;
	height:40px;
	padding:10px 0;
	font-size:2.6rem;
	line-height:40px;
	border-bottom:1px #434a5d solid;
}
.area_sitemap dl dt::after {
	content:"";
	width:40px;
	height:40px;
	display:block;
	float:right;
	background:url('https://www.xi.co.kr/Content/static/css/page/img/sub/icon_sitemap.png') no-repeat;
	background-size:cover;
}
.area_sitemap dl:nth-child(1),.area_sitemap dl:nth-child(2),.area_sitemap dl:nth-child(3) {
	height:250px;
}
.area_sitemap dl:nth-child(1) dt::after {
	background-position:0;
}
.area_sitemap dl:nth-child(2) dt::after {
	background-position:-40px;
}
.area_sitemap dl:nth-child(3) dt::after {
	background-position:-120px;
}
.area_sitemap dl:nth-child(4) dt::after {
	background-position:-160px;
}
.area_sitemap dl:nth-child(5) dt::after {
	background-position:-200px;
}
.area_sitemap dl:nth-child(6) dt::after {
	background-position:-240px;
}
.area_sitemap dl:nth-child(7) dt::after {
	background-position:-280px;
}
.area_sitemap dl:nth-child(8) dt::after {
	background-position:-320px;
}
.area_sitemap dl dd {
	width:100%;
	padding:20px 10px;
	;
	box-sizing:border-box;
	font-size:1.5rem;
}
.area_sitemap dl dd>ul>li {
	width:100%;
	height:30px;
	line-height:30px;
}
.area_sitemap dl dd>ul>li::after {
	content:"";
	display:block;
	clear:both;
}
.area_sitemap dl dd>ul>li>a {
	display:block;
	float:left;
}
.area_sitemap dl dd>ul>li.depth>a {
	width:50%;
	display:block;
}
.area_sitemap dl dd>ul>li>a:hover {
	color:#006899;
}
.area_sitemap dl dd>ul>li>a::before {
	content:"·";
	margin-right:5px;
}
.area_sitemap dl dd>ul>li>ul {
	width:50%;
	float:left;
}
.area_sitemap dl dd>ul>li>ul>li {
	font-size:1.3rem;
}
.area_sitemap dl dd>ul>li>ul>li>a {
	color:#666;
}
.area_sitemap dl dd>ul>li>ul>li>a:hover {
	color: #000;
}
@media only screen and (max-width:1280px) {
	/* 자이스토리 */
	.modify_form.add_info select {
		width:calc(50% - 150px);
		margin-right: 20px;
	}
	/* 단지리스트 */
	.complex_box {
		width:31.3333%;
		margin:0 1% 30px;
		float:none;
		float:left;
	}
	.complex_box .btn_set li {
		width:33%;
		height:100%;
		float:left;
		border-right:1px #f3f3f3 solid;
		color:#aaa;
	}
	.complex_box .btn_set.btn3 li {
		width:33%;
	}
	.inbox.customer .list_box {
		width:23.5%;
		margin:0 2% 0 0;
	}
	.sns_box,.photo_box {
		height: auto;
	}
	/* 자이플러스원 */
	.service_box {
		width:32.3333%;
		margin:0 0.5% 30px;
	}
	.service_box img {
		width:100%;
	}
	.service_box.type_02 img {
		width:35%;
	}
	.service_box.type_02 .details {
		width:65%;
		padding:0 20px;
	}
	.service_box.type_02 .details ul {
		padding: 20px 0;
	}
	/* tv광고 */
	.video_content .video_box {
		width:100%;
	}
	.video_content .scr_box {
		width:100%;
		height:150px;
		margin:0 0 0 0;
	}
	.video_list .thum_box {
		width:24%;
		margin:0 0.5% 20px;
	}
	.video_list .thum_box img {
		height: auto;
	}
	/* 공사중 단지 상세 */
	.area_complex_info .details .btn_set li {
		margin-bottom:1px;
	}
	.area_complex_info .details .btn_set li:first-child button,.area_complex_info .details .btn_set li:first-child a {
		border-radius:0;
	}
	.area_complex_info .details .btn_set li:last-child button,.area_complex_info .details .btn_set li:last-child a {
		border-radius:0;
	}
	.area_complex_info .details .btn_set.btn1 li a,.area_complex_info .details .btn_set.btn1 li button {
		border-radius:0;
	}
	.percent_box .box.total {
		width:100%;
		height:auto;
		padding:0 0 50px 0;
	}
	.box_container {
		width:100%;
		margin-bottom:0;
	}
	.percent_box .box {
		width:50%;
		margin-left:0;
		padding:30px;
	}
	.tab_content .video_content .video_box {
		width:100%;
	}
	.video_content .scr_box_con {
		float:none;
		width:100%;
		padding-left:0;
		clear:both;
	}
	.video_content .src_box_tit {
		height:auto;
	}
	.video_content.tvad .scr_box_con {
		width:100%;
	}
	.tab_content .video_content .scr_box {
		width:100%;
		height:150px;
		margin:0 0 0 0;
	}
	.tab_content .video_content .src_box_tit {
		padding-left:10px;
	}
	.tab_content .video_list .thum_box {
		width:24%;
		margin:0 0.5% 20px;
	}
	.tab_content .video_list .thum_box img {
		height:auto;
	}
}
@media only screen and (max-width:1200px) {
	.full_content .container_wrap {
		padding:0 20px;
	}
	.gallery_top .container_wrap,.gallery_btm .container_wrap {
		padding:0;
	}
	.gallery_space .container_wrap {
		padding:0;
	}
}
@media only screen and (max-width:1100px) {
	.tab_boxtype li a,.tab_boxtype li button {
		font-size:1.7rem;
		padding:1.4rem 0;
	}
	.tab_boxtype.tablist_7 li a {
		font-size:1.6rem;
	}
	#container .content.main {
		width: 100%;
	}
	/* 브랜드 */
	.brand_top .left_sec .b_txt {
		padding:6% 0 8%;
	}
	.brand_color .color_img {
		padding-right:10px;
	}
	.brand_logo .bi_logo_list li .logo_con .logo_img img {
		max-width:480px;
	}
}
@media only screen and (max-width:1024px) {
	a.submit {
		width:100%;
	}
	#container .content .content_box {
		width:100%;
		padding: 40px;
	}
	/* 모달팝업(자이플러스원) */
	.pop_content.detail {
		width:95%;
		height:auto;
		margin-left:2.5%;
		left:0;
	}
	.pop_content.detail li {
		width:23.5%;
		margin-right:2%;
	}
	.data_input li .input_box {
		width:calc(100% - 100px);
	}
	.data_input li .input_box.email_box {
		padding-left:0;
	}
	.data_input li .input_box.email_box input#email {
		width:30%;
	}
	.data_input li .input_box.email_box input#email2 {
		width:30%;
	}
	.data_input li .input_box.email_box .select_wrap select {
		width: 33%;
	}
	/* 회원가입 */
	#container.sub .content.member .content_box.join.mail {
		padding:150px 15px 20px;
	}
	#container.sub .content.member .content_box.join.end {
		padding:150px 15px 20px;
	}
	.content_box.join.mail {
		background-position:center 30px;
	}
	.content_box.join.end {
		background-position: center 30px;
	}
	/* 회원정보 찾기(아이디 찾기 / 비밀번호 변경) */
	#container .content_box.join.search {
		padding:150px 15px 20px;
	}
	.content_box.join.search.mail {
		background-position:center 30px;
	}
	.content_box.join.search.pw {
		background-position:center 30px;
	}
	.join.search strong {
		line-height:30px;
		margin-bottom: 20px;
	}
	/* 캘린더 */
	.inbox.calender ul>li>dl>dt {
		width:100%;
		display:block;
	}
	.inbox.calender ul>li>dl>dd {
		display:block;
	}
	.inbox.calender ul>li>dl>dd>dl {
		width:45%;
	}
	.inbox.calender ul>li>dl>dd>dl>dd a {
		text-overflow:ellipsis;
		white-space:normal;
		overflow:hidden;
	}
	/* .inbox.calender ul dd>span{width:45%;}.inbox.calender ul dd>span:nth-child( 3n ){margin-right: 5%;}*/
	/* 자이스토리 */
	.pop_content.video {
		width:90%;
		height:auto;
		margin-left:0;
		left:5%;
	}
	.pop_content.video strong {
		width:100%;
		height:60px;
		padding-left:20px;
	}
	.pop_content.video .video_content .video_box {
		width:100%;
		margin:0 auto;
	}
	.pop_content.video .video_content .scr_box {
		width:100%;
		height:130px;
		padding:20px;
	}
	.pop_content.video .video_content .btn_set {
		width:100%;
	}
	/* 단지리스트 */
	.complex_box {
		width:49%;
		margin:0 2% 30px 0;
		float:none;
		float:left;
	}
	.complex_box:nth-child(3n+3) {
		margin-right:2%;
	}
	.complex_box:nth-child(2n+2) {
		margin-right:0;
	}
	.complex_box .btn_set li {
		width:33%;
		height:100%;
		float:left;
		border-right:1px #f3f3f3 solid;
		color:#aaa;
	}
	.complex_box .btn_set.btn3 li {
		width: 33%;
	}
	/* 고객문의현황 */
	.common_tb.qna thead .num {
		width:70px;
	}
	.state_box ul li::before {
		width:30px;
		margin: 0 15px;
	}
	/* 서비스 신청 현황 */
	.common_tb.service thead th {
		background:#fff;
		border-top:2px #000 solid;
	}
	.common_tb.service thead .type1 {
		width:130px;
	}
	.common_tb.service thead .type2 {
		width:130px;
	}
	.common_tb.service thead .date,.common_tb.service thead .time {
		width: 80px;
	}
	/* A/S안내 */
	.content_box.as .info_box li {
		width:35%;
	}
	.content_box.as .info_box li img {
		width:100%;
	}
	.content_box.as .info_box li:last-child {
		width:65%;
	}
	.content_box.as .info_box li dl,.content_box.as .info_box li .btn_set {
		margin-top: 20px;
	}
	/* 고객문의 */
	.inbox.customer .list_box {
		width:49.5%;
		margin:0 1% 10px 0;
	}
	.service_center li:last-child span {
		display:block;
		margin:0 0 5px 0;
	}
	.service_center li:last-child span::after {
		display:none;
	}
	.inbox.customer .list_box:nth-of-type(2) {
		margin-right: 0;
	}
	/* 자이소식 */
	.view_box {
		padding: 60px 60px;
	}
	/* 이벤트 */
	.event_list .detail_box p a {
		line-height:25px;
	}
	.event_list .detail_box {
		padding: 0 0 0 20px;
	}
	/* 청약당첨조회 */
	.tab_content .search_form {
		width:100%
	}
	.tab_content .search_form label {
		width:15%;
	}
	.tab_content .search_form .input_box {
		width:85%;
	}
	.tab_content .search_form .input_box input {
		width:45%;
	}
	.content_box.event ul {
		display:block;
	}
	.content_box.event li {
		width:100%;
		display:block;
	}
	.content_box.event li:last-child {
		float: none;
	}
	/* 중도금 납부 조회 */
	.search_form.middle_payment .input_box input {
		width: 80%;
	}
	/* 자이플러스원 */
	.content_box .btn_set.service {
		width: 550px;
	}
	/* 탭쪽에 붙여주세요 */
	.tbl_guide_list dt {
		width:120px;
	}
	.tbl_guide_list dt span.br:before {
		content:'';
		display:block;
	}
	.tbl_cal_sales span.br:before {
		content:'';
		display:block;
	}
	.white_bg_con .tablist_3.mt20 {
		margin-top: -1px;
	}
	/* 브랜드 */
	.white_bg_con {
		padding:4rem 0 0;
	}
	.brand_top .left_sec .b_tit {
		font-size:6.5rem;
		line-height:inherit;
		margin-top:-59px;
	}
	.brand_top .left_sec .b_txt {
		padding:4% 0 6%;
		font-size:1.5rem;
	}
	.brand_top .left_sec {
		padding-right:60px;
		left:-110px;
	}
	.brand_top .vis_img {
		padding-left:0;
	}
	.brand_top .b_util {
		padding:40px 0 80px;
	}
	.brand_top .b_util li .b_list_con {
		white-space:normal;
	}
	.brand_top .b_util li .b_list_con .b_icon {
		padding:0 25%;
		min-height:130px;
		max-height:220px;
		height:100%;
	}
	.brand_top .b_util li .b_list_con dl dt {
		font-size:1.6rem;
	}
	.brand_top .b_util li .b_list_con dl dd {
		font-size:1.4rem;
	}
	.brand_color dl.color_txt {
		padding-bottom:30px;
	}
	.brand_color dl.color_txt dt {
		font-size:2rem;
	}
	.brand_color .color_img {
		padding-left:0;
		width:50%;
		padding-left:30px;
		margin-top:0;
		padding-top:20px;
	}
	.brand_color dl.color_txt dd span.br:after {
		display:inline;
	}
	.brand_color dl.color_txt dd {
		white-space:normal;
	}
	.brand_logo .bi_logo_list {
		margin-right:-10px;
		padding-top:2rem;
		padding-bottom:1.5rem;
	}
	.brand_logo .bi_logo_list li {
		padding-right:10px;
	}
	.brand_logo .bi_logo_list li .logo_con {
		margin-top:3rem;
	}
	.brand_logo .bi_logo_list li .logo_con h4 {
		font-size: 1.6rem;
	}
	/* 갤러리 */
	.gallery_top {
		padding-top:2rem;
	}
	.gallery_top .txt_con {
		margin-top:-10rem;
		padding:0 2.5rem;
	}
	.gallery_top .txt_con:after {
		left:-45%;
	}
	.gallery_top .txt_con .gall_tit_box {
		font-size:2.8rem;
	}
	.gallery_top .txt_con .gall_tit_box strong {
		font-size:4.4rem;
	}
	.gallery_top .gall_txt_box {
		padding-top:2rem;
		padding-bottom:3rem;
	}
	.gallery_top .gall_txt_box .left_sec {
		font-size:1.7rem;
		letter-spacing:-0.1rem;
	}
	.gallery_top .gall_txt_box .right_sec {
		line-height:1.6;
	}
	.gallery_top .gall_txt_box .right_sec p:first-child {
		margin-bottom:1.5rem;
	}
	.gall_slide_con .nav_btns {
		position:absolute;
		left:7%;
		bottom:-30px;
	}
	.gall_slide_con .nav_btns a {
		width:110px;
		height:60px;
	}
	.gallery_btm {
		margin-top:4rem;
	}
	.gallery_btm .left_sec {
		padding:0 30px;
		line-height:1.6;
	}
	.gallery_btm .left_sec p:first-child {
		margin-bottom:1.5rem;
	}
	.space_tab_con {
		margin-top:4rem;
	}
	.gallery_space .space_tab {
		position:static;
	}
	.gallery_space .tab_linetype {
		margin-top:-1px
	}
	.gallery_space .space_tab:after {
		content:'';
		clear:both;
		display:table;
	}
	.gallery_space .space_tab>li {
		display:block;
		width:50%;
		float:left;
	}
	.gallery_space .tab_content_wrap::after {
		display:none;
	}
	.gallery_space .tab_content_wrap {
		padding:0;
		margin-top:2rem;
		border:1px solid #d6d6d6;
	}
	.gallery_space .tab_content_wrap .tab_content {
		float:none;
		text-align:center;
		padding:0 2rem;
		width:inherit;
	}
	.gallery_location .tab_linetype {
		margin-top:-1px
	}
	.gallery_location .mapbox {
		border:0;
	}
	.gallery_location .mapbox img {
		border:1px solid #d6d6d6;
		display:block;
	}
	.gallery_location .mapbox .btns_set {
		position:static;
		text-align:right;
		padding:2.5rem 0;
	}
	.gallery_location .mapbox .btns_set a {
		font-size:1.4rem;
	}
	.gallery_location dl.addr_txt {
		margin-bottom:2.5rem;
	}
	.gallery_location dl.addr_txt dt {
		font-size:1.6rem;
		margin-bottom:1rem;
	}
	.gallery_location dl.addr_txt dd {
		display:block;
		font-size:1.4rem;
	}
	.gallery_location dl.addr_txt dd span {
		display:inline-block;
	}
	.gallery_location dl.addr_txt dd span:first-child {
		margin-left:0;
		padding-left:0;
	}
	.gallery_location dl.addr_txt dd span:first-child:before {
		background:none;
	}
	.gallery_location .traffic_list li {
		display:block;
		text-align:left;
		margin-bottom:1.2rem;
	}
	.full_container {
		margin:0 -40px;
	}
	.area_sitemap dl {
		width:48%;
	}
	.area_sitemap dl dd>ul>li.depth>a {
		width:50%;
	}
	.area_sitemap dl dd>ul>li>ul {
		width:50%;
	}
	.visit_info_tbl.con_tbl tbody td .tblbtn {
		padding: 0.5rem 1rem;
	}
}
@media only screen and (max-width:960px) {
	/* 고객문의(write) */
	.inbox.qna_write .choose_box select {
		width:20%;
	}
	.inbox.qna_write .choose_box .input_box {
		width:68%;
	}
	.inbox.qna_write .choose_box a.btn_defualt {
		width:12%;
	}
	.inbox.qna_write,.inbox.qna_write.input_data {
		width:100%;
	}
	.inbox.qna_write .choose_box {
		width:100%;
	}
	.input_data .add_info input {
		width:30%;
	}
	.input_data .add_file label {
		width:20%;
	}
	.input_data .add_file input {
		width:60%;
	}
	.input_data .add_file a {
		width: 15%;
	}
}
@media only screen and (max-width:890px) {
	/* 회원정보 수정 */
	.inbox.confirm_form {
		width:100%;
	}
	.confirm_form li .input_box {
		width: calc( 100% - 200px );
	}
	/* 고객문의현황 */
	.state_box ul li span {
		width:55px;
		height:54px;
		margin:18px 15px;
		float:left;
	}
	.state_box ul li:nth-child(1) span {
		background-size:cover;
	}
	.state_box ul li:nth-child(1) span.on {
		background-size:cover;
		background-position:-56px;
	}
	.state_box ul li:nth-child(2) span {
		background-size:cover;
		background-position:-112px;
	}
	.state_box ul li:nth-child(2) span.on {
		background-size:cover;
		background-position:-169px
	}
	.state_box ul li:nth-child(3) span {
		background-size:cover;
		background-position:-225px
	}
	.state_box ul li:nth-child(3) span.on {
		background-size:cover;
		background-position: -281px
	}
}
@media only screen and (max-width:840px) {
	/* 고객문의 */
	.service_center li:last-child {
		width:100%;
		display:block;
		padding:10px 0;
	}
	.service_center li,.service_center {
		height:auto;
	}
	.service_center li:first-child {
		padding:10px 0;
	}
	.service_center li:first-child span {
		line-height:100%;
	}
	.service_center li:first-child span.cs {
		font-size:2.5rem;
	}
	.service_center li:first-child span.tell {
		font-size:2.5rem;
		margin-left:10px;
	}
	.inbox.customer .title {
		width:100%;
		height:35px;
		margin-bottom:20px;
		display:block;
		line-height:35px;
	}
	.inbox.customer h3 {
		font-size:2.6rem;
		display:block;
		float:left;
	}
	.inbox.customer .title a {
		height:100%;
		float:right;
		display: block;
	}
	/* 중도금 조회 */
	.content_box.middle_payment p.caution.red {
		display:block;
	}
	.content_box.middle_payment .table_box {
		width:100%;
		height:auto;
		overflow-x:scroll;
	}
	table.middle_payment {
		width:1100px;
	}
	.add_info .input_wrap .input_wrap_con {
		padding-right:50px;
	}
	.add_info .input_wrap .func_etc {
		position:static;
		width:inherit;
		padding-top:10px;
	}
	.add_info .input_wrap .input_wrap_con .btn_con.add {
		right:0;
	}
	.add_info .input_wrap .input_wrap_con .btn_con.remove {
		right:0;
	}
	.add_info .input_wrap .func_etc a {
		display:inline-block;
		width:inherit;
		padding-left:15px;
		padding-right: 15px;
	}
}
@media only screen and (max-width:768px) {
	/* table Style */
	.common_tb .tb_count {
		width:auto;
	}
	.common_tb .tb_date {
		width:auto;
	}
	.common_tb thead th.count,.common_tb tbody td.count {
		display:none;
	}
	.common_tb tbody td a:hover {
		text-decoration:none;
	}
	.submit.btn2,.btn_cancel {
		width:150px;
		height:50px;
		font-size:2rem;
		line-height:50px;
	}
	.tab_boxtype li a {
		font-size:1.6rem;
		padding:1.3rem 0;
	}
	.tab_boxtype.tablist_4 li:nth-child(2n+1) a {
		margin-left:0;
	}
	.tab_boxtype.tablist_4 li {
		width:50%;
	}
	.tab_boxtype.tablist_4 li:nth-child(1) a,.tab_boxtype.tablist_4 li:nth-child(2) a {
		border-bottom:0;
	}
	.tab_boxtype.tablist_5 li:nth-child(1),.tab_boxtype.tablist_5 li:nth-child(2),.tab_boxtype.tablist_5 li:nth-child(3) {
		width:33.33333%;
	}
	.tab_boxtype.tablist_5 li:nth-child(4) {
		width:50%;
	}
	.tab_boxtype.tablist_5 li:nth-child(4) a {
		margin-left:0;
	}
	.tab_boxtype.tablist_5 li:nth-child(5) {
		width:50%;
	}
	.tab_boxtype.tablist_5 li:nth-child(4) a,.tab_boxtype.tablist_5 li:nth-child(5) a {
		/* border-top:0;*/
	}
	.tab_boxtype.tablist_7 li {
		width:33.33333%;
	}
	.tab_boxtype.tablist_7 li:nth-child(4),.tab_boxtype.tablist_7 li:nth-child(5),.tab_boxtype.tablist_7 li:nth-child(6),.tab_boxtype.tablist_7 li:nth-child(7) {
		width:25%;
	}
	.tab_boxtype.tablist_7 li:nth-child(4) a {
		margin-left:0;
	}
	.tab_boxtype.tablist_6 li {
		width:33.33333%;
	}
	.tab_boxtype.tablist_6 li:nth-child(1) a,.tab_boxtype.tablist_6 li:nth-child(2) a,.tab_boxtype.tablist_6 li:nth-child(3) a {
		border-bottom:0;
	}
	.tab_boxtype.tablist_6 li:nth-child(3n+1) a {
		margin-left:0;
	}
	.tab_linetype.tablist_6 li {
		width:33.33333%;
		margin-bottom:10px;
		padding-left:10px;
	}
	.tab_linetype.tablist_6 li:nth-child(3n+1) {
		padding-left:0;
	}
	.tab_linetype.tablist_6 li:before {
		background:none;
	}
	.tab_linetype.tablist_6 li a {
		font-size:1.4rem;
		border-bottom:0;
		padding:0;
	}
	.tab_linetype.tablist_6 li a span {
		padding:1rem 0;
		width:100%;
		border:1px solid #cccccc;
	}
	.tab_linetype.tablist_6 li a.on span {
		border-color:#006899;
	}
	.tab_linetype.tablist_3 li a {
		font-size:1.4rem;
	}
	/*.tab_boxtype.tablist_4 li:nth-child(2n+1) a{margin-left:0;}.tab_boxtype.tablist_4 li{width:50%;}.tab_boxtype.tablist_4 li:nth-child(1) a,.tab_boxtype.tablist_4 li:nth-child(2) a{border-bottom:0;}.tab_boxtype.tablist_5 li:nth-child(1),.tab_boxtype.tablist_5 li:nth-child(2),.tab_boxtype.tablist_5 li:nth-child(3){width:33.33333%;}.tab_boxtype.tablist_5 li:nth-child(4){width:50%;}.tab_boxtype.tablist_5 li:nth-child(4) a{margin-left:0;}.tab_boxtype.tablist_5 li:nth-child(5){width:50%;}.tab_boxtype.tablist_5 li:nth-child(4) a,.tab_boxtype.tablist_5 li:nth-child(5) a{border-top:0;}.tab_boxtype.tablist_6 li{width:33.33333%;}.tab_boxtype.tablist_6 li:nth-child(1) a,.tab_boxtype.tablist_6 li:nth-child(2) a,.tab_boxtype.tablist_6 li:nth-child(3) a{border-bottom:0;}.tab_boxtype.tablist_6 li:nth-child(3n+1) a{margin-left: 0;}*/
	.tab_linetype li {
		font-size:1.3rem
	}
	.tab_linetype.btn7 {
		padding:20px 0 15px;
		box-sizing:border-box;
	}
	.tab_linetype.btn7.choose2 {
		padding-bottom:0;
	}
	.tab_linetype.btn7 li:first-child {
		display:none;
	}
	.tab_linetype.btn7 li {
		width:32%;
		margin-right:1.8%;
		margin-bottom:10px;
	}
	.tab_linetype.btn7 li::before {
		display:none;
	}
	.tab_linetype.btn7 li:nth-child(3n+1) {
		margin-right:0;
	}
	.tab_linetype.btn7 li a {
		height:35px;
		border:0 0 0 0;
		border:1px #d1d1d1 solid;
		padding:0 0 0 0;
	}
	.tab_linetype.btn7 li a span {
		width:100%;
		height:100%;
		margin:0 0 0 0;
		padding:0 0 0 0;
		line-height: 35px;
	}
	/* 모달팝업(자이플러스원) */
	.pop_content.request {
		width:95%;
		height:auto;
		margin:0 0 0 2.5%;
		padding:50px 30px;
		left:0;
	}
	.pop_content.detail {
		width:95%;
		height:auto;
		margin-left:2.5%;
		left:0;
	}
	.pop_content.detail li {
		width:23.5%;
		margin-right:2%;
	}
	.modify_form li .input_box {
		width: calc(100% - 120px);
	}
	/* 단지리스트 */
	.area_search {
		width:100%;
		height:auto;
	}
	.area_search .search_box {
		width:100%;
	}
	.area_search .input_box {
		width:80%;
		height:40px;
	}
	.area_search a.submit {
		width:20%;
		margin-left:0;
	}
	a.btn_choose {
		padding:10px 15px;
		margin-bottom:10px;
		border:1px #d7d7d7 solid;
		display:inline-block;
		border-radius:20px;
		color:#999;
	}
	a.btn_choose span {
		color:#666;
		font-family:'notokr-regular'
	}
	.area_choose {
		display:none;
		padding:20px;
		background:#eee;
	}
	.select_more {
		width:100%;
		position:relative;
		top:0;
		right:0;
		display:block;
	}
	.store_content img {
		width:100%;
	}
	.area_choose .tab_linetype.btn7 a {
		border:none;
		font-size:1.4rem;
	}
	.area_choose .tab_linetype.btn7.choose1 {
		margin-top: 20px;
	}
	/*공사중단지 상세*/
	.area_complex_info .complex_img {
		width:100%;
		height:auto;
		float:none;
	}
	.area_complex_info .details {
		width:100%;
		float:none;
		margin:30px 0;
		padding:0;
	}
	.area_complex_info .details .btn_set li {
		width:20%;
	}
	.tab_container .tab_content img {
		width: 100%;
	}
	/* 고객문의현황 */
	.state_box ul li span {
		margin:18px 5px;
	}
	.state_box ul li::before {
		width:15px;
		margin:0 10px;
	}
	.state_box ul li dt {
		font-size: 1.8rem;
	}
	/* A/S안내 */
	.content_box.as .info_box li strong {
		font-size:2.5rem;
	}
	.content_box.as .process_box {
		padding:20px
	}
	.content_box.as .process_box>ul>li>strong {
		font-size: 1.6rem;
	}
	/* 고객문의(write) */
	.inbox.qna_write.input_data {
		padding:30px;
	}
	.inbox.qna_write .choose_box select {
		width:25%;
	}
	.inbox.qna_write .choose_box .input_box {
		width:60%;
	}
	.inbox.qna_write .choose_box a.btn_defualt {
		width: 15%;
	}
	/* A/S안내 */
	.content_box.guide .process_box {
		padding:20px
	}
	.content_box.guide .process_box>ul>li>strong {
		font-size:1.6rem;
	}
	.sns_box .title_box h3 {
		font-size: 1.8rem;
	}
	/* 이벤트 */
	.event_list {
		width:49%;
		height:350px;
		margin:0 0.5%;
		float:left;
		box-sizing:border-box;
	}
	.event_list img {
		width:100%;
		height:auto;
	}
	.event_list .detail_box {
		width:100%;
		padding:20px 0 0 0;
	}
	.title_box .detail_box {
		width:100%;
	}
	.event_list .detail_box p {
		height:53px;
		padding:0 0 0 0;
		overflow:hidden;
		display:block;
	}
	.event_list .detail_box p span {
		position:static;
		display:inline-block;
	}
	.event_list .detail_box dd {
		overflow:hidden;
		white-space:nowrap;
		text-overflow: ellipsis;
	}
	/* 자이플러스원 */
	.tab_content.plus_one h3 {
		font-size:2.2rem;
	}
	.service_box {
		width:100%;
		margin:0 0 30px;
	}
	.service_box img {
		width:35%;
		float:left;
	}
	.service_box .details {
		width:65%;
		height:auto;
		float:left;
	}
	.service_box .details dl dt {
		font-size:1.6rem;
	}
	#container .content .content_box {
		padding: 30px 20px;
	}
	/* 레이아웃 프페임 임시 */
	/* 탭쪽에 붙여주세요 */
	/*.tab_linetype.tablist_2 li a{display: block;}*/
	.tbl_guide_intbl table {
		border:0;
	}
	.tbl_guide_intbl tbody td,.tbl_guide_intbl tbody th {
		border-left:0;
	}
	.tbl_guide_intbl thead th {
		border-left:0;
	}
	.tbl_guide_list dd .tbl_comment_btm {
		text-align:left;
		font-size: 1.2rem;
	}
	/* 브랜드 */
	.tbl_inner_box {
	}
	.tbl_cal_sales .br:after {
		content:'';
		display:block;
	}
	.tbl_cal_sales table {
		width:100%;
		display:block;
	}
	.tbl_cal_sales table tfoot {
		display:block;
	}
	.tbl_cal_sales tbody {
		display:block;
		position:relative;
		overflow:hidden;
		height:100%;
	}
	.tbl_cal_sales tbody td.etc {
		display:none;
	}
	.tbl_cal_sales thead th {
		display:none;
	}
	.tbl_cal_sales tbody th {
		display:block;
		width:100%;
		border-bottom:0;
		padding:1.5rem 0;
		border-top:1px solid #aaa;
		font-size:1.6rem;
		border-bottom:1px solid #aaa;
	}
	.tbl_cal_sales tbody td,.tbl_cal_sales tfoot td {
		display:block;
		text-align:left;
		padding:0;
		font-size:1.4rem;
		line-height:40px;
	}
	.tbl_cal_sales tbody tr,.tbl_cal_sales tfoot tr {
		display:block;
	}
	.tbl_cal_sales tbody td.cl_label {
		float:left;
		width:70%;
		border-left:0;
		padding:0 0 0 1.2rem;
	}
	.tbl_cal_sales tbody td.cl_label label {
		display:block;
		cursor:pointer;
	}
	.tbl_cal_sales tbody td.cl_radio {
		float:left;
		width:15%;
		text-align:center;
	}
	.tbl_cal_sales tbody td.cl_val {
		float:left;
		width:15%;
		text-align:center;
	}
	.tbl_cal_sales tbody td.cl_val:after {
		content:'';
		clear:both;
		display:table;
	}
	.tbl_cal_sales tbody td.lght {
		height:70px;
		line-height:25px !important;
	}
	.tbl_cal_sales tbody td.lght.cl_label {
		padding-top:10px;
	}
	.tbl_cal_sales tbody td.lght.cl_radio {
		line-height:65px !important;
	}
	.tbl_cal_sales tbody td.lght.cl_val {
		line-height:65px !important;
	}
	.tbl_cal_sales tr.total_data th {
		width:100%;
		display:block;
	}
	.tbl_cal_sales tr.total_data td.cl_label {
		display:none !important;
	}
	.tbl_cal_sales tr.total_data td.cl_radio {
		border-left:0;
		border-bottom:1px solid #aaa;
	}
	.tbl_cal_sales tr.total_data td.etc {
		display:none !important;
	}
	.tbl_cal_result thead th,.tbl_cal_result tbody th,.tbl_cal_result tbody td,.tbl_cal_result tfoot th,.tbl_cal_result tfoot td {
		font-size: 1.4rem;
	}
	/* 갤러리 */
	.full_container {
		margin:0 -20px;
	}
	.white_bg_con {
		padding:4rem 0 0;
	}
	.brand_top .left_sec {
		width:auto;
		padding:0 50px;
		left:0;
	}
	.brand_top .left_sec .b_tit {
		font-size:5.5rem;
		line-height:inherit;
		margin-top:-50px;
	}
	.brand_top .left_sec .b_tit strong {
		height:inherit;
		margin-bottom:0;
	}
	.brand_top .left_sec .b_txt {
		padding:4% 0 6%;
		font-size:1.4rem;
	}
	.brand_top .vis_img {
		margin:0 -20px;
	}
	.brand_top .b_util li .b_list_con dl dd {
		padding-left:10px;
		padding-right:10px;
		font-size:1.3rem
	}
	.brand_top .b_util .br:after {
		display:inline;
	}
	.brand_color .br:after {
		display:inline;
	}
	.brand_color .color_img {
		float:none;
		margin-top:-40px;
		padding-top:0;
		padding-right:0;
		padding-bottom:10px;
		padding-left:0;
		text-align:center;
		width:100%;
	}
	.brand_color .color_img img {
	}
	.brand_color .color_img:after {
		display:none;
	}
	.brand_color dl.color_txt {
		text-align:center;
		padding:0 20px 40px;
		white-space:normal;
	}
	.brand_color dl.color_txt dt {
		font-size:2.2rem;
	}
	.brand_color dl.color_txt dd {
		font-size:1.4rem;
	}
	.gallery_top .txt_con {
		margin-top:0;
		padding:0;
		background:#8894b4;
	}
	.gallery_top .txt_con.sepia {
		background:#9f907b;
	}
	.gallery_top .txt_con:after {
		display:none;
	}
	.gallery_top .txt_con .gall_tit_box {
		font-size:2.2rem;
		padding:4rem 2rem 0;
		letter-spacing:-0.1rem;
	}
	.gallery_top .txt_con .gall_tit_box strong {
		font-size:3.6rem;
		padding-top:.6rem;
	}
	.gallery_top .gall_txt_box {
		padding-top:2.5rem;
		display:block;
		padding-bottom:0;
	}
	.gallery_top .gall_txt_box .left_sec {
		font-size:1.6rem;
		display:block;
		white-space:normal;
		padding:0 2rem 3rem;
	}
	.gallery_top .gall_txt_box span.br:after {
		display:inline;
	}
	.gallery_top .gall_txt_box .right_sec {
		display:block;
		background:#fff;
		padding:2.5rem 2rem;
		line-height:1.8;
		position:relative;
		font-size:1.5rem;
	}
	.gallery_top .gall_txt_box .right_sec:before {
		display:none;
	}
	.gallery_top .gall_txt_box .right_sec p:first-child {
		margin-bottom:2rem;
	}
	.gallery_btm .left_sec {
		display:block;
		width:100%;
		padding:0 2rem;
		line-height:1.6;
		font-size:1.5rem;
	}
	.gallery_btm .right_img {
		display:block;
		padding:2rem;
	}
	.gallery_btm.dc_btm .left_sec {
		width:100%;
	}
	.gallery_btm.dc_btm .right_img {
		text-align:center;
	}
	.gallery_btm.dc_btm .right_img img {
		max-width:300px;
	}
	.space_tab_con {
		margin-top:2rem;
	}
	.gallery_space .space_tab>li dl>dt {
		height:inherit;
		padding:.5rem 0;
		font-size:2rem;
	}
	.gallery_space .space_tab>li dl>dd {
		width:inherit;
		height:inherit;
		padding:.5rem 2rem .5rem 0;
	}
	.gallery_space .space_tab>li {
		width:100%;
		float:none;
	}
	.gallery_space .space_tab>li ul.bl_dot li {
		font-size:1.4rem;
		width:auto;
	}
	.gallery_space .tab_content_wrap .tab_content {
		padding: 0 1rem;
	}
	/* 공사중 단지 상세 */
	.area_complex_info .complex_img {
		width:100%;
		height:auto;
		float:none;
	}
	.area_complex_info .details {
		width:100%;
		float:none;
		margin:30px 0;
		padding:0;
	}
	.area_complex_info .details .btn_set li {
		width:20%;
	}
	.tab_container .tab_content img {
		width:100%;
	}
	.con_tbl tbody td {
		border-left: 0;
	}
	/* 회원정보수정 */
	.inbox.confirm_form {
		padding: 15px 35px 35px;
	}
}
@media only screen and (max-width:720px) {
	/* 서비스 신청 현황 */
	.common_tb.service thead .type1 {
		width:100px;
	}
	.common_tb.service thead .date,.common_tb.service thead .time {
		width:80px;
	}
	.con_tbl {
		border-top:0;
	}
	.con_tbl table {
		width:100%;
		display:block;
	}
	.con_tbl thead th {
		display:none;
	}
	.con_tbl tbody th {
		display:none;
		width:100%;
		border-bottom:0;
		border-top:1px solid #aaa;
	}
	.con_tbl tbody td {
		display:block;
		width:100%;
		text-align:left;
		padding:1.4rem 0;
	}
	.con_tbl tbody td>a {
		display:table-cell;
		padding-left:1rem;
	}
	.con_tbl tbody td .in_cell {
		display:table-cell;
		padding-left:1rem;
	}
	.con_tbl tbody tr {
		display:block;
		margin-bottom:20px;
	}
	.con_tbl tbody td .tbl_btns {
		display:table-cell;
	}
	.con_tbl tbody td .txtblock {
		display:table-cell;
		padding-left:1rem;
	}
	.con_tbl tbody td.sbj {
		padding:1.4rem 0;
		border-top:1px solid #aaa;
	}
	.con_tbl tbody td.danzi {
		padding:1.4rem 0.5rem;
		border-top:1px solid #aaa;
	}
	.con_tbl tbody td.local {
		border-top:1px solid #aaa;
	}
	.con_tbl tbody td.local:before {
		content:'지역:';
		display:table-cell;
		color:#222;
		width:100px;
		padding-left:1rem;
	}
	.con_tbl tbody td.sbj:before {
		content:'제목:';
		display:table-cell;
		width:120px;
		color:#222;
		padding-left:1rem;
	}
	.con_tbl tbody td.localpre:before {
		content:'지역:';
		display:table-cell;
		width:120px;
		color:#222;
		padding-left:1rem;
	}
	.con_tbl tbody td.danzi:before {
		content:'단지명:';
		display:table-cell;
		width:120px;
		color:#222;
		padding-left:1rem;
	}
	.con_tbl tbody td.datepre:before {
		content:'준공년월:';
		display:block;
		width:120px;
		color:#222;
		float:left;
		padding-left:1rem;
	}
	.con_tbl tbody td.date:before {
		content:'사전방문행사일:';
		display:block;
		width:120px;
		color:#222;
		float:left;
		padding-left:1rem;
	}
	.con_tbl tbody td.btninner:before {
		content:'입주안내책자:';
		display:table-cell;
		width:120px;
		color:#222;
		padding-left:1rem;
	}
	.con_tbl tbody td.btninner21:before {
		content:'행사안내:';
		display:table-cell;
		width:120px;
		color:#222;
		padding-left:1rem;
	}
	.con_tbl tbody td.btninner22:before {
		content:'자주하는 질문:';
		display:table-cell;
		width:120px;
		color:#222;
		padding-left:1rem;
	}
	.con_tbl tbody td.btninner23:before {
		content:'입주 시 지급 및 설치품목:';
		display:table-cell;
		width:120px;
		color:#222;
		padding-left:1rem;
	}
	.con_tbl tbody td.btninner24:before {
		content:'하자 오접수 사례:';
		display:table-cell;
		width:120px;
		color:#222;
		padding-left:1rem;
	}
	.con_tbl tbody td.btninner25:before {
		content:'점검입력 매뉴얼:';
		display:table-cell;
		width:120px;
		color:#222;
		padding-left:1rem;
	}
	.con_tbl tbody td.loc_view:before {
		content:'위치:';
		display:table-cell;
		width:120px;
		color:#222;
		padding-left:1rem;
	}
	.con_tbl tbody td.test_view:before {
		content:'공기질 테스트 결과:';
		display:table-cell;
		width:120px;
		color:#222;
		padding-left: 1rem;
	}
}
@media only screen and (max-width:768px) {
	/* 견본주택사전방문예약 */
	.ar_check_list ul li {
		border-bottom:none;
		margin-bottom:10px;
	}
		.ar_check_list label {
		width:100%;
		text-align:center;
		background:#f1f1f1;
		border:1px #d6d6d6 solid;
		border-bottom:none;
	}
		.ar_check_list .input_box #visitDate {
		width:100%;
	}
	.ar_check_list .input_box #visitTime {
		width:100%;
	}
		.ar_check_list .input_box #h_size {
		width:100%;
	}
	.ar_check_list .input_box #h_type {
		width:100%;
	}
		.ar_check_list .input_box {
		width:100%;
		height:auto;
		white-space:normal
	}
		.ar_check_list .input_box input {
		width:100%;
	}
		.ar_check_list .input_box span {
		width:100%;
		text-align:center;
	}
		.ar_check_list .input_box #name {
		width:100%;
		height:50px;
	}
		.ar_check_list .input_box #phone {
		height:50px;
	}
		.ar_check_list .input_box strong {
		display:block;
		width:100%;
		margin-left:0;
		margin-top:10px;
	}
		.ar_check_list .input_box strong.time_info {
		height:20px;
		line-height:20px;
		margin-top:0;
		margin-bottom:10px;
	}
		.ar_check_list .input_box input.gender_select {
		display:inline-block;
	}
		.ar_check_list .input_box #age {
		width:100%;
	}
		.ar_check_list .input_box #vschedule {
		width:100%;
	}
		.ar_check_list .input_box #interest_type {
		width:100%;
	}
		.ar_check_list .input_box #ranking {
		width:100%;
	}
		.ar_check_list .input_box.input_box_line {
		text-align:center;
		border:1px #eaeaea solid;
	}
		.ar_check_list .input_box.pc_view {
		display:none;
	}
		.ar_check_list .input_box.m_view {
		display:block;
		width:100%;
	}
		.ar_check_list .input_box input {
		margin-right:10px;
	}
		.ar_check_list .input_box input.m_input {
		width:38%;
	}
		.ar_check_list .input_box input.m_input02 {
		margin-right:0;
	}
		.ar_check_list .input_box select {
		height:50px;
	}
		.ar_check_list .input_box select.address_box {
		width:21.5%;
	}
		.ar_check_list .input_box select.address_box02 {
		width:38%;
	}
		.ar_check_list .input_box select.address_box03 {
		width: 38%;
	}
				/*카카오채널*/
	.kakao_ch {
		margin-bottom:30px;
	}
		.kakao_ch>a>img {
		width:100%;
		height: auto;
	}
}
@media only screen and (max-width:640px) {
	/* paging */
	.paging a {
		width:30px;
		height:30px;
		line-height:30px;
	}
	.paging strong {
		width:30px;
		height:30px;
		line-height:30px;
	}
	#container {
		min-height:0;
		padding-bottom:30px;
	}
	#container.sub .content.member {
		width:95%;
		height:auto;
		margin:0 auto;
	}
	a.submit {
		height:50px;
		font-size:2rem;
		line-height:50px;
	}
	.lnb {
		display:none;
	}
	.input_box {
		font-size:1.4rem;
		white-space:nowrap;
		text-overflow:ellipsis;
		overflow:hidden;
		margin-bottom:10px;
	}
	.last_address .m_address_box_wrap {
		overflow:visible;
	}
	.input_box input,.input_box span,.input_box label {
		padding-left:10px
	}
	.tab_linetype.unit li {
		width:33.3333%;
	}
	.tab_linetype.unit li a {
		font-size:1.4rem;
		padding:0 0 0 0;
	}
	.tab_linetype.unit li:nth-child( 3n+1 )::before {
		display:none;
	}
	#container .content {
		padding-top:40px;
	}
	h2 {
		font-size:3rem;
	}
	p.summary {
		margin-bottom:30px;
		font-size:1.4rem;
		line-height:2rem;
		padding:0 10px;
	}
	.mobile_lnb {
		width:100%;
		text-align:center;
		border-top:1px #e1e1e1 solid;
		border-bottom:1px #e1e1e1 solid;
		overflow:hidden;
		font-family:'notokr-medium';
		display:block;
	}
	.mobile_lnb::-webkit-scrollbar {
		display:none;
	}
	.mobile_lnb ul {
		position:relative;
	}
	.mobile_lnb li {
		width:50%;
		line-height:50px;
		font-size:1.6rem;
		position:relative;
		float:left;
	}
	.mobile_lnb li a {
		display:block;
		position:relative;
	}
	.mobile_lnb li.on a {
		color:#006899;
	}
	.mobile_lnb li.on::after {
		content:"";
		width:80%;
		height:3px;
		margin-left:10%;
		display:block;
		position:absolute;
		background:#006899;
		left:0;
		bottom:0;
	}
	.pop_content.search_complex .search_box {
		height:auto;
		margin-bottom:20px;
	}
	.pop_content.search_complex .input_box {
		width:calc(100% - 95px);
	}
	.pop_content.search_complex .submit.search {
		font-size:1.4rem;
		margin:0 0 0 0;
	}
	.pop_content .scr_box p {
		font-size:1.4rem;
	}
	.pop_content.search_complex .scr_box .complex_list {
		font-size:1.4rem;
		line-height:30px;
	}
	.pop_content button.btn_close,.pop_content a.btn_close {
		top:10px;
		right:10px;
		width:30px;
		height:30px;
		background-position:-25px;
		background-size:auto 25px;
	}
	#container .content .content_box.login {
		padding:30px;
	}
	.login .input_form {
		width:100%;
		padding-top:30px;
	}
	.login .link_form li {
		font-size:1.4rem;
		padding:0 5px;
	}
	.login .link_form li::after {
		margin:-5px 0 0;
	}
	#container.sub .content.member p.caution {
		font-size:1.4rem;
		-ms-word-break:keep-all;
		word-break:keep-all;
		line-height:20px;
	}
	.area_agree a.submit {
		width:100%;
	}
	.area_agree .info_box .agree_form {
		height:50px;
		padding:0 10px;
	}
	.area_agree .agree_form label>strong {
		font-size:2rem;
	}
	.area_agree .agree_form label>span {
		top:6px;
	}
	.info_box .scr_box {
		height:150px;
		margin-bottom:20px;
		padding:20px;
	}
	.scr_box h3.title {
		font-size:1.8rem;
		margin-bottom:10px;
	}
	.content.rules .content_box h3.title {
		font-size:1.8rem;
	}
	.content.rules .content_box.video .old_rules,.content.rules .content_box.pri .old_rules {
		height:auto;
	}
	.content.rules .content_box.video .old_rules select,.content.rules .content_box.pri .old_rules select {
		width:80%;
		font-size:1.4rem;
	}
	.content.rules .content_box.video .old_rules a,.content.rules .content_box.pri .old_rules a {
		width:20%;
		margin-left:0;
	}
	.content.rules .content_box.video .old_rules label,.content.rules .content_box.pri .old_rules label {
		width:100%;
	}
	.content.rules .content_box.pri div.chapter h3 {
		font-size:2rem;
	}
	.content.rules .content_box h4.chapter {
		line-height:20px;
	}
	.content.rules .content_box.pri div.chapter ol {
		margin-left:10px;
	}
	.table_scroll {
		width:100%;
		height:auto;
		overflow-x:scroll;
	}
	.content.rules .table_scroll table {
		width:800px
	}
	.table_scroll span.caution {
		display:block;
	}
	.data_input li label {
		width:100px;
		height:100%;
		font-size:1.4rem;
	}
	.agree_box {
		height:auto;
		margin:30px 0;
		padding-left:0;
	}
	.agree_box .agree_form label {
		height:38px;
		display:table;
	}
	.agree_box .agree_form label strong {
		display:table-cell;
		vertical-align:middle;
		line-height:18px;
	}
	.agree_box .agree_form label strong>span {
		font-size:1.4rem;
	}
	.agree_box .agree_form span {
		left:0;
		top:0;
	}
	.agree_box .agree_form input {
		width:38px;
		height:38px;
		margin-right:15px;
	}
	.content_box.join .btn_set span,.content_box.join .btn_set span a {
		font-size:1.4rem;
	}
	#container .content .content_box.mail {
		padding:150px 15px 20px;
	}
	.content_box.join {
		-ms-word-break:keep-all;
		word-break:keep-all;
	}
	.content_box.join .btn_set {
		padding:20px 0;
	}
	.content_box.join .btn_set span {
		line-height:18px;
	}
	#container .content .content_box.end {
		padding:150px 15px 20px;
	}
	.join.end {
		background-position:center 30px;
	}
	.content_box.end p {
		text-align:center;
	}
	.inbox.modify_form h3 {
		font-size:3rem;
	}
	.inbox.modify_form {
		padding:40px 20px;
	}
	.modify_form select {
		width:calc(100% - 100px);
		margin:5px 0;
	}
	.modify_form select.address_box {
		width:21%;
	}
	.modify_form select.address_box02 {
		width:38%;
	}
	.modify_form select.address_box03 {
		width:38%;
	}
	.modify_form .last_address {
		height:185px !important;
	}
	.modify_form.add_info select {
		width:calc(100% - 100px);
		margin:5px 0;
	}
	.modify_form li .input_box {
		width:calc(100% - 100px);
	}
	.add_info .input_wrap {
		width:calc(100% - 100px);
	}
	.modify_form.add_info input.input_mycomplex {
		width:calc(100% - 90px);
	}
	.modify_form li label,.modify_form li input,.modify_form li .input_box span,.modify_form.add_info select,.add_info .input_wrap span {
		font-size:1.4rem;
	}
	.add_info .input_phone,.add_info .input_name,.add_info .input_mycomplex {
		width:100%;
	}
	.modify_form .btn_defualt {
		width:100px;
		top:0;
		right:0;
	}
	.modify_form li label {
		width:100px;
	}
	.add_info .input_wrap span input.input_complexno {
		width: 30%;
	}
	/* 캘린더 */
	.inbox.calender .title h3 {
		font-size:2rem;
		line-height:50px;
	}
	.inbox.calender .title {
		height:50px;
	}
	.inbox.calender .title button {
		height:40px;
		margin:5px 0;
		line-height:38px;
	}
	.inbox.calender ul {
		padding:30px;
	}
	.inbox.calender ul dd {
	}
	.inbox.calender ul>li>dl>dd>dl>dt span {
		padding:3px 5px;
		font-size:1.3rem;
	}
	.inbox.calender ul>li>dl>dd>dl>dd {
		font-size:1.4rem;
	}
	.inbox.calender ul>li>dl>dd>dl>dd a {
		font-size:1.4rem;
	}
	.inbox.calender .sticker {
		font-size:1.4rem;
	}
	.inbox.calender ul>li>dl>dd>dl {
		width: 100%;
	}
	/* 모달팝업(자이플러스원) */
	.pop_content.detail h3,.pop_content.request h3 {
		font-size:2rem;
	}
	.pop_content.pre_visit h3 {
		font-size:2.5rem;
	}
	.pop_content.request label strong {
		font-size:1.8rem;
	}
	.pop_content.request li {
		margin-top:30px
	}
	.pop_content.detail,.pop_content.request {
		padding:50px 20px 20px;
	}
	.pop_content.detail table {
		margin-top:20px;
		line-height:18px;
	}
	.pop_content.detail tr th {
		width:30%;
	}
	.pop_content.detail tr td {
		padding: 10px;
	}
	/* 자이스토리 */
	.pop_content.video {
		width:95%;
		left:2.5%;
		padding:40px 10px;
	}
	.pop_content.video .video_content .video_box {
		width:100%;
		margin:0 auto;
	}
	.pop_content.video .video_content .scr_box {
		width:100%;
		height:130px;
		padding:20px;
	}
	.pop_content.video .video_content .btn_set {
		width:100%;
	}
	.pop_content.video button.btn_close {
		right: 10px;
	}
	/* 지도서비스 */
	.pop_content.map {
		width:95%;
		height:auto;
		padding:50px 20px 20px;
		margin-left:2.5%;
		left: 0;
	}
	/* 모달팝업(당첨자발표) */
	.modalpop .pop_content.win,.modalpop .pop_content.fail {
		left:50%;
	}
	.content_box.story .select_more select {
		width:80%;
		float:left
	}
	.story_box ul li:first-child {
		font-size:1.8rem;
	}
	.content_box.story .story_box {
		width:100%;
		margin: 0 0 20px;
	}
	/* 분양상담 */
	.pop_content strong {
		font-size:2rem;
		line-height:14px;
	}
	.modalpop .pop_content {
		width:95%;
		height:auto;
		padding:50px 20px 40px;
		margin-left:2.5%;
		left:0;
	}
	.modalpop .pop_content.counsel strong span {
		font-size:1.2rem;
	}
	.pop_content .scr_box {
		font-size:1.2rem;
		line-height:16px;
	}
	.pop_content .scr_box h1 {
		font-size:1.6rem;
	}
	.pop_content.counsel .title {
		height:40px;
		padding-left:20px;
		font-size:1.6rem;
		line-height:40px;
	}
	.pop_content.counsel .input_box {
		font-size:1.2rem;
	}
	.pop_content.counsel .input_box textarea {
		height: 80px;
	}
	/* 단지리스트 */
	.complex_box .sticker {
		width:80px;
		height:40px;
		line-height:40px;
		font-size:1.4rem;
	}
	.area_complex_info .details h3 {
		font-size:2.2rem;
	}
	.complex_box .details {
		height:auto;
	}
	.complex_box {
		width:100%;
		margin:0 auto 30px;
		float:none;
		float:none;
	}
	.complex_box:nth-child(3n+3) {
		margin-right:0;
	}
	.tab_content .no_result {
		padding:244px 30px 50px;
		font-size:1.8rem;
		-ms-word-break:keep-all;
		word-break:keep-all;
		line-height:22px;
		background-position:center 70px;
	}
	.area_choose .tab_boxtype.tablist_3 {
		overflow:visible
	}
	.area_choose .tab_boxtype.tablist_3 li {
		width:33.3333%;
		float:left;
	}
	.area_choose .tab_boxtype.tablist_3 li a {
		border:none;
		outline:1px solid #d7d7d7;
	}
	.select_more select {
		width:100%;
	}
	.area_complex_info .details dl dd {
		height:auto;
		text-overflow:clip;
		overflow:visible;
		white-space: normal;
	}
	/* 고객문의현황 */
	.state_box ul li {
		height:70px;
	}
	.tab_content.qna .state_box {
		padding:10px 0;
	}
	.tab_content.qna .state_box ul {
		height:auto;
	}
	.state_box ul {
		width:250px;
	}
	.state_box ul li::before {
		display:none;
	}
	.state_box ul li dt,.state_box ul li dd {
		float:left;
	}
	.state_box ul li dt {
		margin-right:10px;
	}
	.state_box ul li span {
		margin:8px 20px 8px 0;
	}
	.common_tb.qna thead th {
		font-size:1.4rem;
	}
	.common_tb.qna thead .type {
		display:none;
	}
	.common_tb.qna tbody .type {
		width:100%;
		border-bottom:none;
		text-align:left;
		padding:10px 0 0 10px;
		float:left;
	}
	.common_tb.qna tbody .title {
		width:100%;
		float:left;
		padding-top:5px;
	}
	.common_tb.qna thead .num,.common_tb.qna tbody .num {
		display:none;
	}
	.tab_content.qna table tbody th {
		padding:0 5px;
		font-size:1.4rem;
	}
	.tab_content.qna h3 {
		font-size:2rem;
	}
	.common_tb.service tbody td.noList {
		width: 100%;
	}
	/* 서비스 신청 현황 */
	.common_tb.service thead th {
		font-size:1.4rem;
		background:#fff;
		border-top:2px #000 solid;
	}
	.common_tb.service tbody .type1 {
		font-size:1.4rem;
		color:#333;
		font-family:'notokr-medium';
	}
	.common_tb.service thead {
		display:none;
	}
	.common_tb.service tbody td {
		width:100%;
		height:inherit;
		padding:0 0 0 0;
		float:left;
		line-height:40px;
	}
	.common_tb.service tbody tr {
		border-top:2px #d6d6d6 solid;
		clear:both;
		overflow:hidden;
		display:block;
	}
	.common_tb.service tbody .date::before {
		content:"신청일:";
	}
	.common_tb.service tbody .time::before {
		content:"신청시간:";
	}
	.common_tb.service tbody .state {
		width:100%;
		margin-bottom:20px;
		border-bottom:none;
	}
	.common_tb.service tbody .state::after {
		content:"";
		display:block;
		clear:both;
	}
	.common_tb.service tbody td.state.pluse_one {
		height:inherit;
		/*font-size:0;*/
	}
	.tab_content.service a.btn_defualt {
		width:50%;
		height:40px;
		float:left;
		line-height:40px;
	}
	.tab_content.service a.btn_defualt.check {
		width: 100%;
	}
	/* A/S안내 */
	.content_box.as .info_box li,.content_box.as .info_box li:last-child,.content_box.as .info_box li .btn_set {
		width:100%;
	}
	.content_box.as .info_box li:last-child {
		margin-top:20px;
		padding:0 0;
	}
	.content_box.as h3 {
		font-size:2rem;
	}
	.content_box.as .process_box {
		padding:20px;
	}
	.content_box.as .process_box>ul>li {
		width:100%;
		margin:20px 0;
		text-align:left;
	}
	.content_box.as .process_box>ul>li>strong {
		font-size:1.4rem;
	}
	.content_box.as .process_box>ul>li ul {
		margin-top:10px;
		margin-right:0;
		font-size:1.2rem;
	}
	.content_box.as .process_box>ul>li ul li {
		line-height:15px;
	}
	.content_box.as .process_box>ul>li::before {
		top:auto;
		bottom:-10px;
		border-bottom:1px #ddd dashed;
	}
	.content_box.as .process_box>ul>li>span {
		width:100px;
		height:60px;
		margin-right:20px;
		float:left;
	}
	.content_box.as .process_box>ul>li:nth-child(1)>span {
		margin-bottom:40px;
	}
	.content_box.as .process_box>ul>li:nth-child(5)::before {
		display: none;
	}
	/* 고객문의(write) */
	.input_data textarea {
		padding:10px 0;
	}
	.inbox.qna_write.input_data {
		padding:20px;
		font-size:1.4rem;
	}
	.inbox.qna_write.input_data li .input_box {
		height:50px;
	}
	.inbox.qna_write.input_data li .input_box input {
		height:100%;
	}
	.inbox.qna_write.input_data li .input_box label {
		height:100%;
		line-height:50px;
	}
	.inbox.qna_write.input_data label.textarea {
		white-space:pre-wrap;
		line-height:25px !important;
		padding-top:10px !important;
	}
	.input_data .add_info {
		height:auto;
	}
	.input_data .add_file {
		height:auto;
	}
	.input_data .add_file::after {
		content:"";
		display:block;
		clear:both;
	}
	.input_data .add_info label::after {
		content:"";
		display:block;
		clear:both;
	}
	.input_data .add_info span {
		width:100%;
		height:40px;
		display:block;
	}
	.input_data .add_info span input {
		width:43%;
		margin:10px 0 0 0;
		padding:0 0 0 10px;
	}
	.input_data .add_file label {
		width:100%;
	}
	.input_data .add_file input {
		width:70%;
		padding:0;
		height:40px;
	}
	.input_data .add_file a {
		width: 27%;
	}
	/* A/S안내 */
	.content_box.guide .process_box.type3 {
		padding:20px 0;
	}
	.content_box.guide .process_box>ul>li>strong {
		font-size:1.4rem
	}
	.content_box.guide .process_box.type5 {
		padding:20px;
	}
	.content_box.guide .process_box.type5>ul>li {
		width:100%;
		margin:20px 0;
		text-align:left;
	}
	.content_box.guide .process_box.type5>ul>li>strong {
		font-size:1.4rem;
	}
	.content_box.guide .process_box.type5>ul>li ul {
		margin-top:10px;
		margin-right:0;
		font-size:1.2rem;
	}
	.content_box.guide .process_box.type5>ul>li ul li {
		line-height:15px;
	}
	.content_box.guide .process_box.type5>ul>li::before {
		top:auto;
		bottom:-10px;
		border-bottom:1px #ddd dashed;
	}
	.content_box.guide .process_box.type5>ul>li>span {
		width:100px;
		height:60px;
		margin-right:20px;
		float:left;
	}
	.content_box.guide .process_box.type5>ul>li:nth-child(5)::before {
		display: none;
	}
	/* 자이소식 */
	.common_tb tbody td {
		font-size:1.4rem;
	}
	.title_box {
		padding:20px 10px;
	}
	.title_box h3 {
		font-size:2rem;
		line-height:25px;
		-ms-word-break:keep-all;
		word-break:keep-all;
	}
	.view_box {
		padding:30px 10px;
	}
	.view_box>div,.view_box>div>div,.view_box>div>div>div {
		width:100% !important;
	}
	.list_box dt {
		width:30%;
		padding:0 0 0 0;
		box-sizing:border-box;
		text-align:center;
	}
	.list_box dd {
		width:70%;
		padding:0 0 0 0;
		box-sizing:border-box;
		overflow:hidden;
		white-space:nowrap;
		text-overflow:ellipsis;
	}
	.search_box {
		height:auto;
	}
	.search_box .num {
		display:none;
	}
	.search_box span {
		width:100%
	}
	.search_box span select {
		width:100%;
		margin:0 0;
		font-size:1.4rem;
		border-bottom:none;
	}
	.search_box span .input_box {
		width:80%;
		margin:0 0;
	}
	.search_box span .btn_defualt {
		width:20%;
	}
	.content_box.news .common_tb thead th,.content_box.award .common_tb thead th {
		font-size:1.4rem;
	}
	.content_box.news .common_tb .num,.content_box.award .common_tb .num {
		display:none;
	}
	.content_box.news .common_tb .title,.content_box.award .common_tb .title {
		width:75%;
	}
	.sns_box,.photo_box {
		width:100%;
		margin-right:0;
		margin-bottom:20px;
	}
	.sns_box .title_box {
		display:block;
	}
	.sns_box.trend .title_box {
		display:none;
	}
	.photo_box .txt_box {
		display: block;
	}
	/* 이벤트 */
	.event_list {
		width:100%;
		height:auto;
		margin:0 0;
	}
	.event_list .detail_box p {
		height:auto;
	}
	.event_list .detail_box dl {
		height:auto;
	}
	.event_list .detail_box dt {
		margin-right:0;
	}
	.event_list .detail_box dd {
		overflow:hidden;
		white-space:nowrap;
		text-overflow:ellipsis;
	}
	.title_box .detail_box dl::after {
		content:"";
		display:block;
		clear:both;
	}
	.title_box .detail_box dt::after {
		display:none;
	}
	.title_box .detail_box dd {
		width:100%;
		overflow:hidden;
		white-space:nowrap;
		text-overflow: ellipsis;
	}
	/* 청약당첨조회 */
	.tab_content .search_form span.summary {
		line-height:20px;
	}
	.tab_content .search_form {
		padding-top:230px;
		margin-top:30px;
		padding-top:150px;
		background-size:250px;
	}
	.tab_content .search_form label {
		width:100%;
		text-align:center;
		background:#f1f1f1;
		border:1px #d6d6d6 solid;
		border-bottom:none;
	}
	.tab_content .search_form .input_box {
		width:100%;
		height:auto;
	}
	.tab_content .search_form .input_box input,.tab_content .search_form .input_box select,.tab_content .search_form .input_box span {
		width:100%;
		height:50px;
		text-align:center;
	}
	.tab_content .search_form .input_box strong {
		display:block;
		margin-top:10px;
	}
	.tab_content .search_form .btn_set {
		margin: 20px 0;
	}
		 /* 중도금 조회 */
	.tab_content .search_form strong {
		font-size:2.5rem;
		line-height:35px;
	}
	.tab_content .search_form.middle_payment {
		width:100%;
	}
	.search_form.middle_payment label {
		width:100%;
	}
	.search_form.middle_payment .input_box {
		width:100%;
	}
	.search_form.middle_payment .input_box input#name {
		width:100%;
	}
	.search_form.middle_payment .input_box span.name {
		width:100%;
	}
	.search_form.middle_payment .input_box input#birthday {
		width:100%;
	}
	.search_form.middle_payment .input_box span.birthday {
		width:100%;
	}
	.search_form.middle_payment .input_box input {
		width:80%;
	}
	.search_form.middle_payment .input_box span {
		width:80%;
		padding-left:0;
		overflow:hidden;
	}
	.search_form.middle_payment .input_box a {
		width: 20%;
	}
	/* 자이플러스원 */
	.service_box img {
		width:100%;
		float:left;
	}
	.service_box .details {
		width:100%;
		height:auto;
		float:left;
	}
	.service_box.type_02 img {
		width:100%;
	}
	.service_box.type_02 .details {
		width:100%;
		padding:20px;
	}
	.content_box .btn_set.service {
		width:100%;
	}
	.tab_content {
		margin-top:20px;
	}
	#container .content .content_box {
		padding:20px 15px;
	}
	.white_bg_con {
		padding:2rem 0 0;
	}
	.full_container {
		margin:0 -15px;
	}
	.white_bg_con .container_wrap {
		padding:0;
	}
	.full_container .container_wrap {
		padding: 0;
	}
	/* 공통버튼쪽 붙여주세요 */
	.btns_set {
		padding:2rem 0;
	}
	.btns_set .tblbtn.lgbtn {
		font-size:1.3rem;
		padding: 1rem 2rem;
	}
	/* 탭쪽에 붙여주세요 */
	.tab_boxtype.tablist_3 li {
		width:100%;
	}
	.tab_boxtype.tablist_3 li a,.tab_boxtype.tablist_3 li button {
		margin-left:0;
	}
	/*.tab_linetype.tablist_2 li span{font-size: 1.4rem;}*/
	/* 브랜드 */
	.sale_guide_tit dt {
		display:block;
		margin-bottom:15px;
		font-size:1.4rem;
	}
	.sale_guide_tit dd {
		display:block;
	}
	.tbl_guide_list dl {
		margin-bottom:1rem;
	}
	.tbl_guide_list dt {
		display:block;
		width:100%;
		text-align:center;
		padding:1.2rem 0;
	}
	.tbl_guide_list dd {
		display:block;
		width:100%;
		padding:1.5rem 1.2rem;
		border-left:1px solid #d6d6d6;
		text-align:center;
		font-size:1.4rem;
	}
	.tbl_guide_intbl {
		margin:0 0 10px 0;
	}
	.tbl_guide_intbl thead th {
		background:#fff;
		border-top:1px solid #aaa;
	}
	.tbl_guide_intbl thead th:first-child {
		border-left:0;
	}
	.tbl_guide_list dd .br {
		display:block;
	}
	.tbl_cal_result thead th,.tbl_cal_result tbody th,.tbl_cal_result tbody td,.tbl_cal_result tfoot th,.tbl_cal_result tfoot td {
		font-size:1.3rem;
	}
	.brand_top .left_sec {
		position:static;
		margin:-10% -18% 0;
		top:0;
		text-align:left;
		margin-top:-10%;
		display:inline-block;
		padding:0 20%;
	}
	.brand_top .left_sec .b_tit {
		font-size:4.5rem;
		margin-top:-42px;
		display:inline-block;
	}
	.brand_top .left_sec .b_tit strong {
		height:inherit;
		margin-bottom:0;
	}
	.brand_top .left_sec .b_txt {
		padding:4% 0 6%;
		font-size:1.4rem;
	}
	.brand_top .vis_img {
		margin:0 -20px;
	}
	.container_wrap span.br:after {
		display:inline;
	}
	.brand_top .b_util {
		padding:0;
		padding-bottom:20px;
	}
	.brand_top .b_util ul {
		display:block;
	}
	.brand_top .b_util li {
		display:block;
	}
	.brand_top .b_util li .b_list_con {
		text-align:left;
		white-space:normal;
	}
	.brand_top .b_util li .b_list_con:after {
		width:100%;
		height:1px;
		top:0;
		left:0;
	}
	.brand_top .b_util li .b_list_con .b_icon {
		display:table-cell;
		padding:0;
		vertical-align:middle;
		width:110px;
		padding:15px 15px 15px 0;
	}
	.brand_top .b_util li .b_list_con dl {
		display:table-cell;
		vertical-align:middle;
	}
	.brand_top .b_util li .b_list_con dl dt {
		padding-top:10px;
	}
	.brand_top .b_util li .b_list_con dl dd {
		padding:10px 0;
	}
	.brand_color .color_img {
		float:none;
		margin-top:-20px;
		padding-top:0;
		padding-right:0;
		padding-bottom:10px;
		padding-left:0;
		text-align:center;
		width:100%;
	}
	.brand_color .color_img img {
		max-width:239px;
	}
	.brand_color .color_img:after {
		display:none;
	}
	.brand_color dl.color_txt {
		padding:0 0 3rem;
		white-space:normal;
	}
	.brand_color dl.color_txt dt {
		font-size:1.6rem;
		text-align:left;
	}
	.brand_color dl.color_txt dd {
		padding-top:1rem;
		text-align:left;
		font-size:1.3rem;
	}
	.brand_logo .bi_logo_list li:nth-child(even) {
		text-align:left;
	}
	.brand_logo .bi_logo_list {
		margin-right:0;
		padding:1rem 0;
	}
	.brand_logo .bi_logo_list li {
		padding-right:0;
		float:none;
		width:100%;
	}
	.brand_logo .bi_logo_list li .logo_con {
		width:100%;
		margin-top:3rem;
	}
	.brand_logo .bi_logo_list li .logo_con .logo_img img {
		max-width:none;
	}
	.brand_logo .bi_logo_list li .logo_con h4 {
		font-size:1.4rem;
	}
	.brand_logo .bi_logo_list li .logo_con h4:before {
		height:2px;
		width:40px;
	}
	.gall_slide_con .nav_btns {
		left:2rem;
		bottom:-3rem;
	}
	.gall_slide_con .nav_btns a {
		width:80px;
		height:50px;
		float:left;
		background:#434a5d;
		position:relative;
	}
	a.icobtn.ico_left:before {
		width:9px;
		height:12px;
		margin-left:-5px;
		margin-top:-6px;
		background-size:cover;
	}
	a.icobtn.ico_right:before {
		width:9px;
		height:12px;
		margin-left:-5px;
		margin-top:-6px;
		background-size:cover;
	}
	.gallery_space .tab_content_wrap {
		height:auto;
		position:relative;
	}
	.gallery_space .tab_content_wrap img {
		width:100%;
	}
	.gallery_location .mapbox {
		margin:2rem 0 3rem;
	}
	.gallery_location .mapbox .btns_set {
		padding:1.5rem 0 0;
	}
	.gallery_location .mapbox .btns_set a {
		font-size:1.3rem;
	}
	.gallery_location dl.addr_txt {
		margin-bottom:1.5rem;
	}
	.gallery_location dl.addr_txt dt {
		font-size:1.5rem;
		margin-bottom:1rem;
	}
	.gallery_location dl.addr_txt dt span {
		display:inline-block;
		margin-top:5px;
	}
	.gallery_location dl.addr_txt dd {
		display:block;
		font-size:1.4rem;
	}
	.gallery_location dl.addr_txt dd span {
		display:block;
		margin-left:0;
		padding-left:0;
		margin-bottom:5px;
	}
	.gallery_location dl.addr_txt dd span:before {
		background:none;
	}
	.gallery_location .traffic_list li {
		display:table;
		padding-left:50px;
		line-height:1.6;
		font-size:1.3rem;
		margin-bottom:2rem;
		vertical-align:middle;
	}
	.gallery_location .traffic_list i.ico {
		position:absolute;
		left: 0;
	}
	/* 공사중 단지 상세 */
	.select_more {
		width:100%;
		position:static;
		margin-bottom:20px;
	}
	.select_more::after {
		content:"";
		display:block;
		clear:both;
	}
	.select_more select {
		width:80%;
		box-sizing:border-box;
	}
	.select_more a {
		width:20%;
		margin-left:0;
	}
	.area_complex_info .details .btn_set li {
		width:33.3333%;
	}
	.percent_box .box {
		width:100%;
		height:auto;
		margin-left:0;
		padding:30px 30px 130px 30px;
	}
	.tab_date .list_container {
		font-size:1.4rem;
	}
	.tab_content .video_list .thum_box {
		width:49%;
		margin:0 0.5% 20px;
	}
	.content_box .btn_set a.btn_list {
		width:auto;
		height:0;
		padding:15px 30px;
		font-size:1.6rem;
	}
	.box_container .box pre {
		height:auto;
	}
	.content_box .tab_boxtype li a {
		font-size:1.4rem;
	}
	.area_sitemap dl,.area_sitemap dl:nth-child(1),.area_sitemap dl:nth-child(2),.area_sitemap dl:nth-child(3) {
		width:100%;
		height:auto;
		margin:0 0 30px 0;
	}
	.area_sitemap dl dt {
		font-size: 2rem;
	}
	/* tv광고 */
	.video_content .title_box h3 {
		margin-bottom:10px;
	}
	.video_content .title_box dl {
		width:100%;
		margin-bottom:10px;
	}
	.video_content .title_box dl dt {
		width:60px;
		margin-left:0;
	}
	.video_content .title_box dl dd {
		float:none;
	}
	.tab_content .video_list {
		padding:10px;
	}
	.video_list .thum_box,.tab_content .video_list .thum_box {
		width:47%;
		margin:0 1.5% 20px;
	}
	.video_content .scr_box {
		padding: 10px;
	}
}
@media only screen and (max-width:560px) {
	/* 고객문의(write) */
	.inbox.qna_write .agree_box span {
		display:block;
	}
	.input_data .add_info label span input {
		width:42%;
	}
	.inbox.qna_write .choose_box {
		height:auto;
	}
	.inbox.qna_write .choose_box::after {
		content:"";
		display:block;
		clear:both;
	}
	.inbox.qna_write .choose_box select,.inbox.qna_write .choose_box .input_box,.inbox.qna_write .choose_box button.btn_defualt {
		height:40px;
	}
	.inbox.qna_write .choose_box select {
		width:100%;
		margin-bottom:5px;
	}
	.inbox.qna_write .choose_box .input_box {
		width:77%;
		border-left:1px #d2d2d2 solid;
	}
	.inbox.qna_write .choose_box a.btn_defualt {
		width: 23%;
	}
	/* 모달팝업(당첨자발표) */
	.modalpop .pop_content.win,.modalpop .pop_content.fail {
		width:95%;
		left:2.5%;
		margin:0 0 0 0;
		padding:50px 20px;
	}
	.pop_content.win .result_box,.pop_content.fail .result_box {
		padding:30px 10px;
	}
	.pop_content.win .result_box strong,.pop_content.fail .result_box strong {
		font-size: 2rem;
	}
}
@media only screen and (max-width:520px) {
	/* 고객문의현황 */
	.tab_content.qna .btn_set a.btn_defualt {
		width: 90px;
	}
}
@media screen and (max-width:480px) {
	/* 회원정보 수정 */
	.confirm_form li .input_box {
		width:calc( 100% - 70px );
	}
	.confirm_form li label {
		width:70px;
	}
	.confirm_form li a.submit {
		width:100%;
		margin-top:10px
	}
	.data_input li.email_line {
		height:100px;
	}
	.data_input li .input_box.email_box input#email {
		width:94%;
		margin-bottom:5px;
	}
	.data_input li .input_box.email_box input#email2 {
		width:43%;
	}
	.data_input li.email_line .input_box {
		white-space:normal;
		height:100px;
	}
	.data_input li .input_box.email_box .select_wrap select {
		width:42%;
	}
	.data_input label {
		width: 90px !important;
	}
}
@media only screen and (max-width:450px) {
	/* 청약당첨조회 */
	.tab_content .search_form .result_form {
		width:95%;
	}
	.tab_content .search_form .result_form dt {
		width:25%;
		font-size:1.4rem;
	}
	.tab_content .search_form .result_form dd {
		width:75%;
		font-size:1.4rem;
	}
	.tab_content .search_form p.result {
		font-size:2rem;
	}
	.tab_content .search_form p.caution {
		font-size:1.4rem;
	}
	.tab_content .search_form .btn_set a {
		width:40%;
		margin:0 5px;
		font-size: 1.2rem;
	}
}
@media only screen and (max-width:420px) {
	/* 고객문의현황 */
	.common_tb.qna thead {
		display:none;
	}
	.common_tb.qna tbody .state,.common_tb.qna tbody .date {
		width:50%;
		padding:5px 0;
		margin-top:10px;
		background:#f1f1f1;
		border-bottom:none;
		float:left;
		border-top:1px #d6d6d6 solid;
		letter-spacing:-1px;
	}
	.common_tb.qna tbody .state::before {
		content:"진행상황:";
	}
	.common_tb.qna tbody .date::before {
		content:"등록일:";
	}
	.common_tb.qna tbody .title {
		width:100%;
		padding-bottom:0;
		border-bottom:none;
	}
	.common_tb.qna tbody tr {
		border-bottom:1px #d6d6d6 solid;
	}
	.tab_content .board_top {
		margin-bottom:10px;
	}
	.tab_content .board_top p {
		display:block;
		margin-bottom:10px;
	}
	.tab_content.qna .btn_set {
		width:100%;
		display:block;
		float:none;
	}
	.tab_content.qna .btn_set a.btn_defualt {
		width:50%;
		margin:0 0 0 0;
		float:left;
		outline: 1px #fff solid;
	}
	/* 고객문의 */
	.inbox.customer .list_box {
		width:100%;
		height:auto;
		margin:0 0 10px 0;
	}
	.service_center li:first-child span.cs {
		font-size:2rem;
	}
	.service_center li:first-child span.tell {
		font-size:2rem;
	}
	.service_center li:last-child {
		font-size:1.4rem;
	}
}
@media only screen and (max-width:400px) {
	.tab_boxtype li a {
		font-size:1.4rem;
		padding:1.5rem 0;
	}
	.tab_linetype li a {
		font-size:1.4rem;
		padding:1.2rem 0;
	}
	.tab_linetype.tablist_3 {
		display:table;
	}
	.tab_linetype.tablist_3 li {
		display:table-cell;
		width:auto;
		float:none;
	}
	.tab_linetype.tablist_3 li a {
		padding:0;
		min-width:50px;
	}
	.submit.btn2,.btn_cancel {
		width:100px;
	}
	.inbox.modify_form h3 {
		font-size:2.5rem;
	}
	.modify_form li label {
		width:100%;
		text-align:center;
		background:#f1f1f1;
		margin-bottom:5px;
	}
	.modify_form li .input_box,.add_info .input_wrap,.modify_form.add_info select {
		width:100%;
	}
	.modify_form.add_info select {
		margin:0 0 0 0;
	}
	.inbox.modify_form.add_info li .input_email {
		border:1px #eaeaea solid;
	}
	.modify_form .btn_defualt {
		width:70px;
		height:30px;
		line-height: 30px;
	}
	/* 캘린더 */
	.inbox.calender ul {
		padding:20px;
	}
	.inbox.calender ul dt {
		width:100%;
		display:block;
		text-align:left;
	}
	.inbox.calender ul dd {
		width:100%;
		display:block;
	}
	.inbox.calender.movein ul dd {
		text-align: left;
	}
	/* 고객문의 */
	.inbox.customer h3 {
		font-size:2.2rem;
		display:block;
		float: left;
	}
	/* 자이소식 */
	.content_box.news .common_tb .common_tb tbody td,.content_box.award .common_tb .common_tb tbody td {
		font-size:1.3rem;
	}
	.tbl_guide_intbl thead th {
		font-size:1.3rem;
	}
	.tbl_guide_intbl tbody th {
		font-size:1.3rem;
		padding:.5rem;
	}
	.tbl_guide_intbl tbody td {
		font-size:1.3rem;
		padding:.5rem;
	}
	.brand_top .left_sec .b_tit {
		font-size:3.9rem;
		margin-top:-3.6rem;
	}
	.brand_top .left_sec .b_txt {
		font-size:1.3rem;
		padding:4% 0 10%;
	}
	.gallery_top .txt_con .gall_tit_box {
		font-size:1.7rem;
		padding:3rem 1.5rem 0;
	}
	.gallery_top .txt_con .gall_tit_box strong {
		font-size:2.8rem;
	}
	.gallery_top .gall_txt_box {
		padding-top:1.5rem;
	}
	.gallery_top .gall_txt_box .left_sec {
		font-size:1.5rem;
		padding:0 1.5rem 2rem;
		font-size:1.4rem;
	}
	.gallery_top .gall_txt_box .right_sec {
		padding:2rem 1.5rem;
		line-height:1.6;
		font-size:1.4rem;
	}
	.gallery_btm .left_sec {
		font-size:1.4rem;
		padding:0 1.5rem;
	}
	.gallery_btm .right_img {
		padding: 1.5rem;
	}
	/* 모달팝업(자이플러스원) */
	.pop_content.request li:first-child label select {
		width:100%;
		margin-bottom:10px;
		padding:0 0 0 10px
	}
	.pop_content.request label select {
		padding:0 0 0 10px
	}
	.pop_content.request .input_box {
		width:49.5%;
		margin:0 1% 0 0;
	}
	.pop_content.request .input_box:nth-of-type(2) {
		margin:0 0 0 0;
	}
	.pop_content.request li:last-child label {
		width:100%;
		margin:0 0 20px 0;
	}
	.pop_content.request li.c_search>label {
		margin:0;
	}
	.pop_content.request .btn_new_modalpop {
		left:0;
		position:static;
		width:100%;
		height:30px;
		line-height:30px;
		margin-top:0;
	}
	.pop_content.request li:first-child label>strong {
		text-align:left;
	}
	.pop_content.request li:first-child input,.pop_content.request li:first-child label {
		text-align:center;
		padding: 0 0 0 0;
	}
	/* 모달팝업(당첨자발표) */
	.modalpop .pop_content.win {
		width:95%;
		left:2.5%;
		margin:0 0 0 0;
		padding:50px 20px;
	}
	.pop_content.win .result_box dl {
		width:100%;
	}
	.pop_content.win .result_box dt {
		width:100%;
		float:none;
		text-align:center;
		background:#f1f1f1;
	}
	.pop_content.win .result_box dt::after {
		display:none;
	}
	.pop_content.win .result_box dd {
		width:100%;
		text-align:center;
		padding:10px 0;
	}
}
@media only screen and (max-width:340px) {
	h2 {
		font-size:2.5rem;
	}
	 p.summary {
		margin-bottom:30px;
		font-size:1.4rem;
		line-height:2rem;
		letter-spacing:-1px;
	}
	.area_agree .agree_form label>strong {
		font-size:1.6rem;
	}
	.scr_box h3.title {
		font-size:1.6rem;
		margin-bottom: 20px;
	}
	/* A/S안내 */
	.content_box.as .process_box>ul>li>span {
		margin-right: 0;
	}
	/* 고객문의 */
	.inbox.customer .title a {
		width:100%;
		margin-bottom:10px;
	}
	.content_box.guide .process_box>ul>li>span {
		margin-right:0;
	}
	.photo_box .txt_box p {
		line-height: 23px;
	}
	/* 공사중 단지 상세 */
	.gallery_box .thum_list a {
		height:50px;
		line-height:50px;
	}
	.gallery_box .thum_list .thum_con {
		height:50px;
	}
	.content_box .tab_boxtype li a {
		font-size:1.2rem;
	}
}
.sales_guide {
	text-align:left;
}
.sales_guide .pdt0 {
	padding-top:0 !important;
}
.sales_guide span.br::after {
	content:"";
	clear:both;
	display:block;
}
.sales_guide .step_arrow_list {
	border-top:1px solid #d7d7d7;
	border-bottom:1px solid #d7d7d7;
	padding:1rem 0;
}
.sales_guide .step_arrow_list ul {
	width:100%;
	display:table;
}
.sales_guide .step_arrow_list ul.step_cnt6 li {
	display:table-cell;
	padding:0 20px;
	position:relative;
	vertical-align:middle;
	width:16.6666%;
	text-align:center;
}
.sales_guide .step_arrow_list ul.step_cnt8 li {
	display:table-cell;
	padding:0 15px;
	position:relative;
	vertical-align:middle;
	text-align:center;
}
.sales_guide .step_arrow_list li:before {
	content:"\f054";
	font-family:'FontAwesome';
	speak:none;
	font-style:normal;
	font-weight:400;
	font-variant:normal;
	text-transform:none;
	line-height:1;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	font-size:1.8rem;
	display:inline-block;
	color:#2f5288;
	position:absolute;
	left:-10px;
	top:38px;
}
.sales_guide .step_arrow_list li:first-child:before {
	display:none;
}
.sales_guide .step_arrow_list li dl {
	color:#888;
	padding:.5rem 0;
	display:inline-block;
}
.sales_guide .step_arrow_list li dl dt {
	font-size:1.4rem;
	color:#888888;
	padding:0.5rem 0;
	text-transform:uppercase;
}
.sales_guide .step_arrow_list li dl dd {
	font-size:1.7rem;
	color:#888888;
	padding:0.5rem 0;
	line-height:1.4;
	font-family:'notokr-medium';
}
.sales_guide .step_arrow_list ul.step_cnt8 li dl dd {
	font-size:1.6rem;
}
.sales_guide .step_arrow_list li:last-child dl dd {
	color:#2f5288;
}
ul.bl_dot_guide li:before {
	content:'';
	width:2px;
	height:2px;
	position:absolute;
	left:0;
	top:11px;
	background:#aaa;
}
ul.bl_dot_guide li {
	font-size:1.5rem;
	position:relative;
	padding-left:1rem;
	text-align:left;
}
.sales_guide table {
	width:100%;
}
.sales_guide h3 {
	margin-top:3.5rem;
	font-size:1.8rem;
	font-family:'notokr-medium';
	padding-bottom:1rem;
}
.sales_guide h3.bl_bk_tit {
	color:#000;
	padding-left:12px;
	position:relative;
}
.sales_guide h3.bl_bk_tit::before {
	content:'';
	position:absolute;
	width:3px;
	height:3px;
	border-radius:3px;
	left:0;
	top:8px;
	background:#000;
}
.sales_guide>dl {
	padding:0 1.2rem;
}
.sales_guide>dl dt {
	font-family:'notokr-medium';
	padding:1rem 0;
	line-height:1.5;
}
.sales_guide>dl dt.bl_line {
	position:relative;
	color:#494949;
	padding-left:10px;
}
.sales_guide>dl dt.bl_line::before {
	content:"";
	position:absolute;
	width:4px;
	height:1px;
	left:0;
	top:2.1rem;
	background:#494949;
}
.sales_guide .txt_red {
	color:#f64e21;
}
.sales_guide>dl dd {
	line-height:1.5;
	font-size:1.4rem;
	color:#808080;
	padding:0 0 2rem;
}
.sales_guide>dl dd h4 {
	font-size:1.5rem;
	color:#494949;
	font-family:'notokr-medium';
	padding-bottom:0.5rem;
}
.sales_guide .tbl_scroll {
	padding:2rem 0 0;
	margin:0 -1.2rem;
}
.sales_guide .tbl_scroll table {
	width:100%;
	font-size:1.4rem;
}
.sales_guide .tbl_scroll thead th {
	border-bottom:1px solid #d6d6d6;
	border-top:1px solid #d6d6d6;
	padding:1.4rem 0;
	vertical-align:middle;
	text-align:center;
	font-weight:normal;
	color:#222;
	background:#e5e5e5;
	border-left:1px solid #d7d7d7;
	font-size:1.6rem;
	font-family:'notokr-medium';
}
.sales_guide .tbl_scroll thead th:first-child {
	border-left:none;
}
.sales_guide .tbl_scroll tbody th {
	padding:1rem 0;
	text-align:center;
	border-bottom:1px solid #d6d6d6;
	vertical-align:middle;
	line-height:1.6;
	border-left:1px solid #d6d6d6;
}
.sales_guide .tbl_scroll tbody td {
	text-align:center;
	border-bottom:1px solid #d6d6d6;
	vertical-align:middle;
	line-height:1.6;
	padding:1rem 1rem;
	word-break:break-all;
	border-left:1px solid #d6d6d6;
}
.sales_guide .tbl_scroll tbody td.line_first {
	border-left:0;
}
.sales_guide .guide_bg_box {
	background:#f4f4f4;
	padding:15px 20px;
	border:1px solid #e5e5e5;
}
.sales_guide .guide_bg_box ul li {
	color:#494949;
}
.tbl_guide_list dl.inner_tbl {
	table-layout:auto;
}
.tbl_guide_list dl.inner_tbl dt {
	background:none;
	width:auto;
	white-space:nowrap;
	padding:5px 10px;
	vertical-align:top;
	line-height:1.6;
}
.tbl_guide_list dl.inner_tbl dd {
	width:100%;
	vertical-align:top;
	border:0;
	line-height:1.6;
}
.tbl_guide_list dl.inner_tbl dd {
	padding:5px 10px;
}
.tbl_guide_list dl.inner_tbl:first-child dt {
	border: 0;
}
/* 자이꼴라주 */
.collage_con {
	padding:60px 0;
	background:#fff;
	line-height:1.5;
}
.collage_con span.br::after {
	display:block;
	clear:both;
	content:"";
	line-height:0;
}
.collage_con .top_sec {
	text-align:center;
	padding-bottom:40px;
}
.collage_con .top_sec h2 {
	margin-bottom:0;
}
.collage_con .top_sec .comment {
	font-size:2rem;
	color:#222;
}
.subscription .result_txt .tit {
	font-size:2.2rem;
}
.collage_con .body_sec {
	position:relative;
}
.collage_con .body_sec .btn_con {
}
.collage_con .body_sec .btn_con a {
	display:block;
	width:245px;
	height:229px;
	background:transparent;
	opacity:0;
	position:absolute;
	left:50%;
	z-index:99;
	text-indent:-9999em;
}
.collage_con .body_sec .btn_con a.btn_link1 {
	top:23px;
	margin-left:-620px;
	/*+23px */
}
.collage_con .body_sec .btn_con a.btn_link2 {
	top:420px;
	margin-left:-370px;
}
.collage_con .body_sec .btn_con a.btn_link3 {
	top:38px;
	margin-left:220px;
	/*+23px */
}
.collage_con .body_sec .btn_con a.btn_link4 {
	top:425px;
	margin-left:420px;
}
.collage_con .body_sec .collage_bg {
	text-align:center;
	position:relative;
	z-index:2;
	padding:80px 0;
}
.collage_con .body_sec .collage_bg img {
	max-width:1520px;
	width:100%;
}
.collage_con .body_sec .box_wrap {
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	z-index:1;
}
.collage_con .body_sec .box_con {
	position:relative;
	max-width:1100px;
	margin:0 auto;
}
.collage_con .body_sec .box_con .box_num {
	display:inline-block;
	position:absolute;
	left:50%;
}
.collage_con .body_sec .box_con .box_num .box_inner {
	position:relative;
}
.collage_con .body_sec .box_con .box_num .box_inner dl {
	position:absolute;
	display:table;
	width:100%;
	top:70px;
	table-layout:fixed;
	white-space:nowrap;
	z-index:4;
	transition:all .4s cubic-bezier(0.645,0.045,0.355,1);
}
.collage_con .body_sec .box_con .box_num.on .box_inner dl {
	color:#fff;
}
.collage_con .body_sec .box_con .box_num .box_inner dl dt {
	padding-left:40px;
	font-size:2.4rem;
	line-height:1.3;
	text-align:left;
	font-family:'notokr-medium';
}
.collage_con .body_sec .box_con .box_num .box_inner dl dd {
	padding-left:40px;
	padding-top:20px;
	font-size:1.6rem;
	line-height:1.5;
	text-align:left;
}
.collage_con .body_sec .box_con .box_num.box_num_1 {
	top:0;
	margin-left:-620px;
}
.collage_con .body_sec .box_con .box_num.box_num_2 {
	top:420px;
	margin-left:-370px;
}
.collage_con .body_sec .box_con .box_num.box_num_3 {
	top:15px;
	margin-left:220px;
}
.collage_con .body_sec .box_con .box_num.box_num_4 {
	top:425px;
	margin-left:420px;
}
.collage_con .body_sec .box_con .box_num.box_num_2 .box_inner dl {
	top:50px;
}
.collage_con .body_sec .box_con .box_num.box_num_4 .box_inner dl {
	top:50px;
}
.collage_con .body_sec .box_con .mobj {
	position:absolute;
	z-index:3;
}
.collage_con .body_sec .box_con .mobj.mobj1 {
	right:-35px;
	top:-25px;
}
.collage_con .body_sec .box_con .mobj.mobj2 {
	left:-100px;
	top:90px;
}
.collage_con .body_sec .box_con .mobj.mobj3 {
	right:-90px;
	top:35px;
}
.collage_con .body_sec .box_con .mobj.mobj4 {
	left:-90px;
	top:70px;
}
.collage_con .body_sec .box_con a {
}
.collage_con .body_sec .box_con .box_img {
}
.collage_con .body_sec .box_con .box_img img {
}
.collage_con .body_sec .box_con .box_img.img_off {
	opacity:1;
}
.collage_con .body_sec .box_con .box_img.img_on {
	opacity:0;
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	z-index: 2;
}
/* 자이소셜클럽 */
.social_club {
}
.social_club span.br::after {
	display:block;
	clear:both;
	content:"";
	line-height:0;
}
.social_club .top_sec {
}
.social_club .body_sec {
	background:#fff;
	padding-bottom:100px;
}
.social_club .body_sec .tit_con {
	position:absolute;
	top:100px;
	text-align:left;
	text-align:left;
	width:960px;
	left:50%;
	margin-left:-480px;
}
.social_club .body_sec .tit_con p {
	padding-bottom:30px;
}
.social_club .body_sec .tit_con p strong {
	font-family:'notokr-medium';
	color:#006899;
}
.social_club .body_sec .tit_con p.social_logo {
}
.social_club .body_sec .tit_con p.social_tit {
}
.social_club .body_sec .tit_con p.social_txt {
	font-size:1.8rem;
	line-height:1.6;
	font-family:'notokr-demilight';
}
.social_club .body_sec .con_wrap {
	padding:0 50px;
	position:relative;
	overflow:hidden;
}
.social_club .body_sec .social_club_bg {
	float:right;
	margin-right:-50px;
	margin-left:-50px;
}
.social_club .body_sec .social_club_bg img {
}
.social_club .body_sec .btn_con {
	clear:both;
	margin:-230px auto 0;
	position:relative;
	max-width:958px;
}
.social_club .body_sec .btn_con ul {
	overflow:hidden;
	margin:0 -7px;
}
.social_club .body_sec .btn_con ul li {
	float:left;
	padding:0 7px;
	margin-bottom:15px;
}
.social_club .body_sec .btn_con ul li .btn_box {
	width:220px;
	height:220px;
	padding:4px;
	border-radius:12px;
	text-align:left;
}
.social_club .body_sec .btn_con ul li .btn_box a {
	display:block;
	height:100%;
	border-radius:9px;
	position:relative;
	color:#fff;
	transition:all .3s;
}
.social_club .body_sec .btn_con ul li .btn_box a.on {
	background:#fff;
}
.social_club .body_sec .btn_con ul li.list-1 .btn_box {
	background:#32b34a;
}
.social_club .body_sec .btn_con ul li.list-2 .btn_box {
	background:#3c5b9a;
}
.social_club .body_sec .btn_con ul li.list-3 .btn_box {
	background:#c2c2c2;
	background-image:-webkit-linear-gradient(bottom,rgb(194,194,194) 27%,rgb(221,221,221) 63%);
	background-image:-ms-linear-gradient(bottom,rgb(194,194,194) 27%,rgb(221,221,221) 63%);
}
.social_club .body_sec .btn_con ul li.list-4 .btn_box {
	background:#09d3bb;
	background-image:-webkit-linear-gradient(bottom,rgb(9,211,187) 24%,rgb(0,225,146) 63%);
	background-image:-ms-linear-gradient(bottom,rgb(9,211,187) 24%,rgb(0,225,146) 63%);
}
.social_club .body_sec .btn_con ul li.list-5 .btn_box {
	background:#ee3160;
	background-image:-webkit-linear-gradient(bottom,rgb(239,134,41) 0%,rgb(238,49,96) 48%);
	background-image:-ms-linear-gradient(bottom,rgb(239,134,41) 0%,rgb(238,49,96) 48%);
}
.social_club .body_sec .btn_con ul li.list-6 .btn_box {
	background:#32b34a;
}
.social_club .body_sec .btn_con ul li.list-7 .btn_box {
	background:#fbc500;
	background-image:-webkit-linear-gradient(bottom,rgb(251,197,0) 27%,rgb(255,221,0) 63%);
	background-image:-ms-linear-gradient(bottom,rgb(251,197,0) 27%,rgb(255,221,0) 63%);
}
.social_club .body_sec .btn_con ul li.list-3 .btn_box a,.social_club .body_sec .btn_con ul li.list-7 .btn_box a {
	color:#272104;
}
.social_club .body_sec .btn_con ul li.list-2 {
	margin-right:450px;
}
.social_club .body_sec .btn_con ul li.list-4 {
	padding-top:245px;
}
.social_club .body_sec .btn_con ul li.list-7 {
	padding-left:250px;
}
.social_club .body_sec .btn_con ul li.list-1 .btn_box a.on {
	color:#33b34b;
}
.social_club .body_sec .btn_con ul li.list-2 .btn_box a.on {
	color:#3c5b9a;
}
.social_club .body_sec .btn_con ul li.list-3 .btn_box a.on {
	color:#272104;
}
.social_club .body_sec .btn_con ul li.list-4 .btn_box a.on {
	color:#00e193;
}
.social_club .body_sec .btn_con ul li.list-5 .btn_box a.on {
	color:#ee3855;
}
.social_club .body_sec .btn_con ul li.list-6 .btn_box a.on {
	color:#32b34a;
}
.social_club .body_sec .btn_con ul li.list-7 .btn_box a.on {
	color:#fbb100;
}
.social_club .body_sec .btn_con ul li .btn_box dl {
	padding:25px 20px;
}
.social_club .body_sec .btn_con ul li .btn_box dl dt {
	font-size:2.3rem;
	line-height:1.3;
	font-family:'notokr-medium';
}
.social_club .body_sec .btn_con ul li .btn_box dl dd {
	font-size:1.2rem;
	padding:10px 0;
}
.social_club .body_sec .btn_con ul li .btn_box span.social_ico {
	width:52px;
	height:52px;
	font-size:0;
	display:inline-block;
	position:absolute;
	right:20px;
	bottom:25px;
	text-align:center;
}
.social_club .body_sec .btn_con ul li .btn_box span.social_ico img {
	position:absolute;
	opacity:0;
	right:0px;
}
.social_club .body_sec .btn_con ul li .btn_box span.social_ico img.on {
	z-index:31;
	opacity:0;
}
.social_club .body_sec .btn_con ul li .btn_box span.social_ico img.off {
	z-index:30;
	opacity: 1;
}
/* 꼴라주 gnb */
.gnb .area_main_nav nav>ul>li .last_menu {
	position:absolute;
	width:100%;
	text-align:center;
	left:0;
	top:35px;
	z-index:99;
}
.gnb .area_main_nav nav>ul>li .gnb_motion {
	height:100%;
	position:relative;
}
.gnb .area_main_nav nav>ul>li .gnb_motion span {
	position:absolute;
	display:inline-block;
}
.gnb .area_main_nav nav>ul>li .gnb_motion span.m_obj_1 {
	top:-15px;
	opacity:0;
}
.gnb .area_main_nav nav>ul>li .gnb_motion span.m_obj_2 {
	left:-8px;
	bottom:0;
	opacity:0;
}
.gnb .area_main_nav nav>ul>li .gnb_motion span.m_obj_3 {
	right:0;
	bottom:0;
	opacity:0;
}
.gnb .area_main_nav nav>ul>li .gnb_motion span.m_obj_4 {
	right:-50px;
	bottom:-30px;
	opacity:0;
}
@media screen and (max-width:1024px) {
	.social_club .body_sec .con_wrap {
	}
	.social_club .body_sec .btn_con ul {
		text-align:center;
	}
	.social_club .body_sec .btn_con ul li {
		display:inline-block;
		float:none;
	}
	.social_club .body_sec .btn_con ul li.list-2 {
		margin-right:0;
	}
	.social_club .body_sec .btn_con ul li.list-4 {
		padding:0 7px;
	}
	.social_club .body_sec .btn_con ul li.list-7 {
		padding:0 7px;
	}
	.social_club .body_sec .btn_con {
		max-width:inherit;
		padding:0 0 0 50px;
	}
	.social_club .body_sec .social_club_bg img {
		width:100%;
	}
	.social_club .body_sec .tit_con {
		left:0;
		top:15%;
		margin:0;
		padding-left:50px;
	}
	.social_club .body_sec .tit_con .social_logo img {
		width:108px;
	}
	.social_club .body_sec .tit_con .social_tit img {
		width:280px;
	}
	.social_club .body_sec .tit_con p.social_txt {
		font-size:1.6rem;
	}
	.gnb .area_main_nav nav>ul>li .last_menu {
		position:static;
	}
}
@media screen and (max-width:960px) {
	.sales_guide .step_arrow_list ul {
		display:block;
		overflow:hidden;
	}
	.sales_guide .step_arrow_list ul.step_cnt6 li {
		float:left;
		display:block;
		width:33.3333%;
		padding:1rem 0;
	}
	.sales_guide .step_arrow_list ul.step_cnt8 li {
		float:left;
		display:block;
		width:33.3333%;
		padding:1rem 0;
	}
	.sales_guide .step_arrow_list li:nth-child(3n+1)::before {
		display:none;
	}
	.sales_guide .step_arrow_list li:before {
		top:50px;
		margin-top:0;
	}
	.collage_con .body_sec .box_wrap {
		position:static;
	}
	.collage_con .top_sec .comment {
		font-size:1.6rem;
	}
	.collage_con .body_sec .box_con {
		overflow:hidden;
	}
	.collage_con .body_sec .box_con .box_num {
		float:left;
		width:50%;
		position:static;
	}
	.collage_con .body_sec .btn_con {
		display:none;
	}
	.collage_con .body_sec .box_con .mobj {
		display:none;
	}
	.collage_con .body_sec .box_con a {
		display:inline-block;
		overflow:hidden;
		margin-bottom:30px;
	}
	.collage_con .body_sec .box_con .box_num_2 a,.collage_con .body_sec .box_con .box_num_4 a {
		padding-top:24px;
	}
	.collage_con .body_sec .box_con .box_num .box_inner dl {
	}
	.collage_con .body_sec .collage_bg {
		padding:0;
	}
	.social_club * {
		box-sizing:border-box;
	}
	.social_club .body_sec .btn_con {
		padding:0 20px;
	}
	.social_club .body_sec .btn_con ul {
		text-align:left;
		width:100%;
		margin:0;
		padding:0 5px;
	}
	.social_club .body_sec .btn_con ul li {
		width:33.3333%;
		float:left;
	}
	.social_club .body_sec .btn_con ul li .btn_box {
		width:100%;
		height:180px;
	}
}
@media screen and (max-width:768px) {
	.gallery_box .img_view .prev_btn {
		display:block;
		width:30px;
		height:30px;
		margin-top:-15px;
		z-index:99999999;
	}
	.gallery_box .img_view .next_btn {
		display:block;
		width:30px;
		height:30px;
		margin-top:-15px;
		z-index:99999999;
	}
	.social_club .body_sec {
		padding-bottom:50px;
	}
	.social_club .body_sec .social_club_bg {
		float:none;
	}
	.social_club .body_sec .tit_con {
		top:18%;
	}
	.social_club .body_sec .tit_con p {
		padding-bottom:15px;
	}
	.social_club .body_sec .btn_con {
		margin-top:-150px;
	}
	.social_club .body_sec .btn_con ul {
	}
	.social_club .body_sec .btn_con ul li .btn_box {
		height:150px;
	}
	.social_club .body_sec .btn_con ul li .btn_box dl dt {
		font-size:2rem;
	}
	.social_club .body_sec .btn_con ul li .btn_box span.social_ico {
		right:10px;
		width:40px;
		height:40px;
		bottom:15px;
	}
	.social_club .body_sec .btn_con ul li .btn_box span.social_ico img {
		width:100%;
	}
}
@media screen and (max-width:640px) {
	.sales_guide>dl {
		padding:0 0.5rem;
	}
	.sales_guide .tbl_scroll tbody td {
		font-size:1.4rem;
	}
	.sales_guide .tbl_scroll table {
		white-space:nowrap;
	}
	.sales_guide .tbl_scroll {
		margin:0 -1.5rem;
		overflow-x:auto;
		-webkit-overflow-scrolling:touch;
	}
	.sales_guide .step_arrow_list {
		padding:.3rem 0;
	}
	.sales_guide .step_arrow_list ul.step_cnt6 li {
		padding:0.5rem 0;
	}
	.sales_guide .step_arrow_list ul.step_cnt8 li {
		padding:0.5rem 0;
	}
	.sales_guide .step_arrow_list li:before {
		font-size:1.6rem;
		top:40px;
	}
	.sales_guide .step_arrow_list li dl dt {
		font-size:1.3rem;
	}
	.sales_guide .step_arrow_list li dl dd {
		font-size:1.4rem;
	}
	.collage_con .top_sec h2 img {
		width:152px;
	}
	.collage_con .top_sec .comment {
		font-size:1.4rem;
		padding:0 20px;
	}
	.collage_con .body_sec .box_con .box_num {
		width:260px;
		text-align:left;
		float:none;
	}
	.collage_con span.br::after {
		display:inline-block;
	}
	.collage_con {
		padding-top:40px;
	}
	.social_club .body_sec .btn_con {
		margin-top:-50px;
		padding:0;
	}
	.social_club .body_sec .btn_con ul {
		width:100%;
		overflow:hidden;
	}
	.social_club .body_sec .btn_con ul li {
		width:50%;
	}
	.social_club .body_sec .btn_con ul li .btn_box {
		border-radius:9px;
	}
	.social_club .body_sec .tit_con p.social_txt {
		text-shadow:1px 1px 2px rgba(255,255,255,.8);
	}
}
@media screen and (max-width:480px) {
	.sales_guide .step_arrow_list li:nth-child(3n+1)::before {
		display:inline-block;
	}
	.sales_guide .step_arrow_list li:nth-child(2n+1)::before {
		display:none;
	}
	.sales_guide .step_arrow_list ul.step_cnt6 li {
		width:50%;
	}
	.sales_guide .step_arrow_list ul.step_cnt8 li {
		width:50%;
	}
	.social_club .body_sec * {
		box-sizing:border-box;
	}
	.social_club .body_sec .tit_con {
		padding:0 15px;
		bottom:13%;
		top:inherit;
		width:inherit;
	}
	.social_club .body_sec .tit_con .social_tit img {
		width:228px;
	}
	.social_club .body_sec .tit_con p.social_txt {
		font-size:1.3rem;
	}
	.social_club .body_sec .tit_con p.social_txt span.br::after {
		display:inline;
	}
	.social_club .body_sec .btn_con {
		margin-top:0;
	}
	.social_club .body_sec .btn_con ul li {
		width:50%;
		margin-bottom:10px;
		padding:0 5px;
	}
	.social_club .body_sec .btn_con ul li .btn_box {
		height:100px;
		padding:2px;
	}
	.social_club .body_sec .btn_con ul li .btn_box dl {
		padding:12px 15px;
	}
	.social_club .body_sec .btn_con ul li .btn_box dl dt {
		font-size:1.7rem;
	}
	.social_club .body_sec .btn_con ul li .btn_box span.br::after {
		display:block;
		margin-left:0;
	}
	.social_club .body_sec .btn_con ul li .btn_box span.social_ico {
		bottom:15px;
		width:26px;
		height: 26px;
	}
}
/* group */
.group-content figure .img-fluid {
	display:block;
	margin: 0 auto;
}
/* location */
.location-content>figure {
	margin-bottom:35px;
}
.location-content>figure .img-fluid {
	display:block;
	margin:0 auto;
}
.location-content article ~ article {
	margin-top:50px;
}
.location-content article .dot-list {
	padding-left:10px;
}
.location-content article .dot-list>li>dl {
	overflow:hidden;
}
.location-content article .dot-list>li>dl>dt {
	width:45px;
	float:left;
	font-size:12px;
	color:#106ba0;
	font-weight:400;
	line-height:20px;
	letter-spacing:-2px;
	text-align:justify;
}
.location-content article .dot-list>li>dl>dd {
	font-size:12px;
	color:#666;
	line-height:20px;
	font-weight:400;
	padding-left: 140px;
}
/*댓글 이동*/
.location-content article .dot-list>li>dl>dd a {
	display:inline-block;
}
@media (min-width:1200px) {
	.location-content article .dot-list>li>dl>dd a {
		cursor:default;
	}
}
.location-content article .dot-list>li:before {
	color:#2079d8;
}
.location-content article.directions h6 {
	font-size:13px;
	color:#004483;
	font-weight:400;
	margin-top:20px;
}
.location-content article.directions dl {
	overflow:hidden;
	margin-top:20px;
}
.location-content article.directions dl dt {
	float:left;
	clear:both;
	color:#fff;
	line-height:20px;
	text-align:center;
	margin-bottom:6px;
}
.location-content article.directions dl dt.blue-bus {
	background-color:#3b83c6;
}
.location-content article.directions dl dt.green-bus {
	background-color:#aacd06;
}
.location-content article.directions dl dt.line-two {
	background-color:#1cb939;
}
.location-content article.directions dl dt.bundang-line {
	background-color:#fcc727;
}
.location-content article.directions dl dt.gyeongui-line {
	background-color:#2bbfb8;
}
.location-content article.directions dl dd {
	float:left;
	display:inline-block;
	font-size:12px;
	color:#666;
	line-height:20px;
	margin-left:10px;
	margin-bottom:7px;
}
.location-content article.directions dl dd>ul>li {
	display:inline-block;
}
.location-content article.directions dl dd>ul>li:after {
	content:",";
}
.location-content article.directions dl dd>ul>li:last-child:after {
	content:"";
}
.location-content article.directions dl.bus {
	margin-bottom:30px;
}
.location-content article.directions dl.bus dt {
	width:40px;
}
.location-content article.directions dl.subway dt {
	width:50px;
	border-radius:30px;
}
@media (min-width:320px) {
	.location-content>figure {
		margin-bottom:50px;
	}
	.location-content article .sub-title {
		margin-bottom:25px;
	}
	.location-content article ~ article {
		margin-top:60px;
	}
	.location-content article .dot-list>li>dl>dt {
		width:150px;
		font-size:14px;
		line-height:25px;
		padding-left:60px;
	}
	.location-content article .dot-list>li>dl>dd {
		font-size:14px;
		line-height:20px;
		padding-left:160px;
	}
	.location-content article.directions .information {
		overflow:hidden;
	}
	.location-content article.directions .information.space {
		margin-top:40px;
	}
	.location-content article.directions .information .details {
		float:left;
		padding-top:10px;
		margin-left:30px;
	}
	.location-content article.directions .information .details h6 {
		font-size:14px;
		margin-top:0;
		margin-bottom:8px;
	}
	.location-content article.directions .information .details dl {
		margin:0;
	}
	.location-content article.directions .information .details dl dt {
		width:150px;
		font-size:12px;
		line-height:22px;
		margin-bottom:8px;
	}
	.location-content article.directions .information .details dl dd {
		font-size:13px;
		line-height:22px;
		margin-bottom:8px;
	}
	.location-content article.directions .information figure {
		float:left;
		width:100px;
		height:100px;
		border-radius:50%;
		text-align:center;
		line-height:100px;
	}
	.location-content article.directions .information figure img {
		width:160px;
		display:inline-block;
	}
	.location-content article.directions .information figure.ico-bus {
		background-color:#004483;
	}
	.location-content article.directions .information figure.ico-subway {
		background-color:#2079d8;
	}
}
@media (min-width:768px) {
	.location-content>figure {
		margin-bottom:50px;
	}
	.location-content article .sub-title {
		margin-bottom:25px;
	}
	.location-content article ~ article {
		margin-top:60px;
	}
	.location-content article .dot-list>li>dl>dt {
		width:240px;
		font-size:14px;
		line-height:20px;
		padding-left:50px;
	}
	.location-content article .dot-list>li>dl>dd {
		font-size:14px;
		line-height:20px;
		padding-left:100px;
	}
	.location-content article.directions .information {
		overflow:hidden;
	}
	.location-content article.directions .information.space {
		margin-top:40px;
	}
	.location-content article.directions .information .details {
		float:left;
		padding-top:10px;
		margin-left:30px;
	}
	.location-content article.directions .information .details h6 {
		font-size:14px;
		margin-top:0;
		margin-bottom:8px;
	}
	.location-content article.directions .information .details dl {
		margin:0;
	}
	.location-content article.directions .information .details dl dt {
		width:150px;
		font-size:12px;
		line-height:22px;
		margin-bottom:8px;
	}
	.location-content article.directions .information .details dl dd {
		font-size:13px;
		line-height:22px;
		margin-bottom:8px;
	}
	.location-content article.directions .information figure {
		float:left;
		width:100px;
		height:100px;
		border-radius:50%;
		text-align:center;
		line-height:100px;
	}
	.location-content article.directions .information figure img {
		width:160px;
		display:inline-block;
	}
	.location-content article.directions .information figure.ico-bus {
		background-color:#004483;
	}
	.location-content article.directions .information figure.ico-subway {
		background-color:#2079d8;
	}
}
@media (min-width:992px) {
	.location-content>figure {
		margin-bottom:70px;
	}
	.location-content article ~ article {
		margin-top:85px;
	}
	.location-content article .dot-list>li>dl>dt {
		width:240px;
		font-size:16px;
		line-height:25px;
		padding-left:60px;
	}
	.location-content article .dot-list>li>dl>dd {
		font-size:15px;
		line-height:23px;
		padding-left:240px;
	}
	.location-content article .dot-list>li:before {
		top:2px;
		font-size:28px;
	}
	.location-content article.directions .information.space {
		margin-top:0;
	}
	.location-content article.directions .information .details {
		padding-top:12px;
	}
	.location-content article.directions .information .details h6 {
		font-size:15px;
	}
	.location-content article.directions .information .details dl dt {
		font-size:12px;
	}
	.location-content article.directions .information .details dl dd {
		font-size:15px;
	}
	.location-content article.directions .information figure {
		width:120px;
		height:120px;
		line-height:120px;
	}
	.location-content article.directions .information figure img {
		width:70px;
	}
}
@media (min-width:1200px) {
	.location-content article.directions .information .details {
		padding-top:25px;
	}
	.location-content article.directions .information figure {
		width:180px;
		height:140px;
		line-height:140px;
	}
}
.section-content {
	padding-bottom:50px;
}
@media (min-width:768px) {
	.section-content {
		padding-bottom:100px;
	}
}
@media (min-width:992px) {
	.section-content {
		padding-bottom: 150px;
	}
}
/*청약가점 check*/
.tab_content .search_form.check_list {
	background:url('https://www.xi.co.kr/Content/static/css/page/img/sub/bg_end.png') top center no-repeat;
	color:#666;
	-ms-word-break:keep-all;
	word-break:keep-all;
	padding-top:190px;
}
.tab_content .search_form .btn_set.check_btn {
	margin-top: 40px;
}
/*청약가점 check STEP01*/
.tab_content .search_form.step {
	padding-top:0px;
	background:none;
}
.tab_content .search_form .btn_set.check_btn.check_btn01 {
	margin-top:80px;
}
.question {
	padding:0;
	margin:0 auto;
	width:100%;
	font-size:1.3em;
	text-align:center;
}
.question table {
	width:100%;
	max-width:700px;
	background:#fff;
}
.question table th {
	text-align:left;
	letter-spacing:-0.7px;
	font-weight:400;
	color:#666;
	padding:20px;
	font-size:16px;
	line-height:22px;
}
.question table th.top_space {
	padding:40px 20px 20px 20px;
}
.question table th span {
	font-family:'NanumSquare',sans-serif;
	font-size:20px;
	color:#0082a1;
	font-weight:900;
	padding-right:10px;
}
.question table td {
	text-align:left;
	padding-left:8%;
	height:40px;
	font-size:1.4em;
}
.question table td label.choice {
	width:33.333%;
	font-size:16px;
}
.question table td label>a>img {
	vertical-align:middle !important;
	margin-top:13px;
}
.question table td label input {
	margin-right:10px;
}
.question table td .explanation {
	display:block;
	font-size:14px;
	color:#0082a1;
	margin-top:8px;
}
.question table td .explanation02 {
	margin-top: 0;
}
input[type=radio] {
	/* Double-sized Checkboxes */
	-ms-transform:scale(1.5);
	/* IE */
	-moz-transform:scale(1.5);
	/* FF */
	-webkit-transform:scale(1.5);
	/* Safari and Chrome */
	-o-transform:scale(1.5);
	/* Opera */
	padding:5px;
	background:#fff;
}
.question .select_date {
	height:38px;
	padding-left:2%;
	font-size:16px;
	border:1px solid #d7d7d7;
}
.question .select_date01 {
	width:40%;
}
.question .select_date02 {
	width:28%;
}
.question .select_date03 {
	width: 28%;
}
/*레이어팝업*/
.layer_popup_wrap {
	display:none;
}
#popup_inner {
	position:fixed;
	top:50%;
	left:50%;
	margin:-200px 0 0 -300px;
	width:100%;
	max-width:600px;
	background:#fff;
	padding:20px;
	box-sizing:border-box;
	box-shadow:1px 1px 30px rgba(0,0,0,0.2);
	z-index:9999999;
}
.layer_popup_wrap .layer_popup_tit {
	position:relative;
}
.layer_popup_wrap .layer_popup_tit h2 {
	font-size:18px;
	color:#4a525f;
	font-weight:600;
	border-bottom:1px solid #3d4353;
	padding-bottom:20px;
}
.popup_close_btn {
	display:block;
	position:absolute;
	top:0;
	right:0;
}
.popup_content {
	text-align:left;
	margin-bottom:30px;
}
.popup_content span {
	display:block;
	margin:10px 0;
	font-size:16px;
	color:#0082a1;
	font-weight:500;
}
.popup_content:last-child {
	margin-bottom:0;
}
.popup_list li {
	position:relative;
	font-size:14px;
	color:#5b5b5b;
	line-height:20px;
	font-weight:500;
	padding-left:5px;
}
.popup_list li:before {
	content:'·';
	position:absolute;
	top:0;
	left:0;
}
.popup_bg {
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.5);
}
.question table td.popup_area02 {
	padding-left:0;
}
.popup_open_btn02 {
	display:block;
	width:100%;
	padding-left:8%;
}
.popup_open_btn03 {
	display:block;
	width:100%;
	padding-left: 8%;
}
/*청약가점 check STEP02*/
.person {
	width:100%;
	height:38px;
	padding-left:10px;
	font-size:16px;
	border: 1px solid #d7d7d7;
}
/*청약가점 check STEP03*/
.popup_area02 {
	padding-top: 10px;
}
/*청약가점 check 완료*/
.tab_content .search_form strong>span {
	color:#0082a1;
}
.total_score_wrap {
	max-width:580px;
	margin:50px auto;
	box-shadow:1px 1px 30px rgba(0,0,0,0.2);
	padding:30px 50px;
}
.total_tb {
	width:100%;
}
.total_tb td {
	width:50%;
	text-align:center;
	font-size:16px;
	padding:20px 0;
	color:#666;
}
.total_tb td:first-child {
	font-weight:600;
}
.total_score td {
	border-top:1px solid #d7d7d7;
	color:#0082a1;
	font-weight: 600;
}
/*회원가입_개인정보입력 190919*/
.data_input li.last_address {
	height:100px;
}
.address_box_wrap {
	margin-top:5px;
}
.address_box {
	height:40px;
	width:21%;
	padding-left:5px;
	padding-right:5px;
	box-sizing:border-box;
	border:1px #eaeaea solid;
	color:#666;
	display:inline-block;
	font-size:1.4rem;
}
.address_box.address_box02 {
	width:31%;
}
.address_box.address_box03 {
	width:41%;
}
.address_box_wrap .rest_address {
	width:95%;
	border:1px solid #eaeaea;
	height:40px;
	padding-left:5px;
	padding-right:5px;
	font-size:1.4rem;
	box-sizing:border-box;
}
.rest_address_box {
	margin-top:10px;
	position:relative;
}
.rest_address_box>span {
	height:100%;
	padding-left:20px;
	box-sizing:border-box;
	position:absolute;
	color:#bcbcbc;
	line-height:40px;
	text-align:left;
	z-index:1;
	top:0;
	left:0;
	display: block;
}
/* Start 개인정보 처리방침 라벨링 style 20230130 추가*/
/* 텍스트 */
/*font,text*/
.txtl {
	text-align:left !important;
}
.txtr {
	text-align:right !important;
}
.txtc {
	text-align:center !important;
}
.tit_main {
	margin:60px 0 20px 0;
	font-size:26px;
	font-weight:400;
	color:#444;
	word-break:keep-all;
	text-align:center;
}
.tit_main.tell_num br {
	display:none;
}
.tit_main>* {
	font-size:inherit;
	font-weight:inherit;
}
.tit_main strong {
	color:#4374ac;
}
.tit_sub {
	margin:30px 0 0 0;
	padding-left:1em;
	line-height:1.3em;
	background:url('https://www.privacy.go.kr/images/sub/scommon/bu_h.png') 0 7px no-repeat;
	color:#444;
	font-weight:500;
	font-size:16px;
	word-break:keep-all;
}
.sub_wrap .cont p strong {
	color:#4374ac;
	font-weight:500;
}
.tit_ex {
	margin:.5em 0;
	text-align:center;
	color:#333;
	font-weight:bold;
	font-size:1.200em;
}
.tit_list {
	font-weight:500;
}
.ta_center {
	text-align:center;
}
.content.rules .content_box.pri .label_section {
	border-top:1px #ccc dashed;
}
.content.rules .content_box.pri div.chapter.bd_none {
	border:none;
}
.content.rules .content_box.pri .label_section .tit_main {
	margin:50px 0 40px 0;
}
.content.rules .content_box.pri .label_wrap {
	width:100%;
	box-sizing:border-box;
	padding:0px 10px;
	display:flex;
	flex-flow:row wrap;
	justify-content:space-around;
	position:relative;
}
.content.rules .content_box.pri .label_box {
	position:relative;
	width:30%;
	height:200px;
	box-sizing:border-box;
	border-radius:10px;
	box-shadow:0 0.2rem 0.8rem rgba(22,71,170,0.2);
	cursor:pointer;
	margin-bottom:20px;
	background-color:#fff;
	border:1px solid #fff;
}
.content.rules .content_box.pri .label_box.on {
	transition:0.2s;
	border:1px solid #1647aa;
}
.content.rules .content_box.pri .label_box a {
	display:block;
	width:100%;
	height:100%;
	display:flex;
	flex-flow:column;
	justify-content:center;
	align-items:center;
	padding:20px 30px;
	box-sizing:border-box;
}
.content.rules .content_box.pri .label_cnt {
	font-size:14px;
	margin-top:20px;
	margin-bottom:0;
	font-weight:600;
	color:#111;
}
/* .content.rules .content_box.pri .label_box .label_layer{display: none;}*/
/* .content.rules .content_box.pri .label_box:hover .label_layer{display: block;}*/
/* @media (hover:hover){.content.rules .content_box.pri .label_box:hover .label_layer{display:block;}.content.rules .content_box.pri .label_box:hover{transition:0.2s;border: 1px solid #1647aa;}}*/
.content.rules .content_box.pri .label_layer {
	display:none;
	position:absolute;
	box-sizing:border-box;
	border-radius:10px;
	background-color:#fff;
	border:1px solid #eee;
	width:500px;
	z-index:999;
}
.content.rules .content_box.pri .label_layer.on {
	display:block;
}
.content.rules .content_box.pri .label_layer.on1 {
	display:block;
}
.content.rules .content_box.pri .label_layer.num0 {
	top:0;
	left:110%;
}
.content.rules .content_box.pri .label_layer.num1 {
	top:0;
	left:110%;
}
.content.rules .content_box.pri .label_layer.num2 {
	top:0;
	right:110%;
}
.content.rules .content_box.pri .label_layer.num3 {
	top:0;
	left:110%;
}
.content.rules .content_box.pri .label_layer.num4 {
	top:0;
	left:110%;
}
.content.rules .content_box.pri .label_layer.num5 {
	top:0;
	right:110%;
}
.content.rules .content_box.pri .label_desc_top {
	width:100%;
	box-sizing:border-box;
	padding:10px;
	background-color:#1647aa;
	border-top-right-radius:10px;
	border-top-left-radius:10px;
}
.content.rules .content_box.pri .label_desc_top p {
	color:#fff;
	margin:0;
}
.content.rules .content_box.pri .label_desc_btm {
	width:100%;
	box-sizing:border-box;
	padding:15px 20px;
}
.content.rules .content_box.pri .desc_wrap {
	display:flex;
	flex-flow:row wrap;
}
.content.rules .content_box.pri .desc_box {
	width:100%;
	border-radius:10px;
	border:1px solid #eee;
	box-sizing:border-box;
	padding:10px 15px;
	margin-top:10px;
	display:flex;
	flex-flow:row wrap;
	justify-content: space-between;
}
.content.rules .content_box.pri .desc_tit {
	/* width:30%;*/
	font-weight:400;
	color:#1647aa;
	word-break:keep-all;
	margin:0;
}
.content.rules .content_box.pri .desc_cnt {
	/* width:48%;*/
	color:#333;
	font-size:14px;
	margin-bottom:0;
	word-break:keep-all;
}
.content.rules .content_box.pri .desc_icon {
	box-sizing:border-box;
	/* padding-left:30px;*/
	height:auto;
	margin-bottom:0;
}
/* .content.rules .content_box.pri .desc_icon.edu{background:url(../img/icon_edu.png)no-repeat 0 0;}.content.rules .content_box.pri .desc_icon.dem{background:url(../img/icon_dem.png)no-repeat 0 0;}.content.rules .content_box.pri .desc_icon.dec{background:url(../img/icon_dec.png)no-repeat 0 0;}.content.rules .content_box.pri .desc_icon.ins{background:url(../img/icon_ins.png)no-repeat 0 0;}.content.rules .content_box.pri .desc_icon.pro{background: url(../img/icon_pro.png)no-repeat 0 0;}*/
/*목차*/
/* panel_box */
.panel_box {
	position:relative;
	margin:20px 0 20px 0;
	padding:20px;
	color:#333;
	background-color:#fafafa;
	border:1px solid #e6e6e6;
	border-radius:5px;
	word-break:keep-all;
}
.panel_box.pds {
	padding:10px 20px;
}
.panel_box.pdm {
	padding:20px 25px;
}
.panel_box {
	float:none;
}
.panel_box .tit_panel {
	margin:0;
	margin-bottom:15px;
	line-height:24px;
	font-weight:700;
	color:#165e9b;
	font-size:20px;
}
.panel_box .tit_f17 {
	font-size:17px;
	font-weight:500;
}
.panel_box .tit_f17>* {
	font-size:17px;
	font-weight:500;
}
.panel_box .tit_f17 strong {
	color:#4374ac;
}
.panel_box.panel_step .tit_panel {
	color:#111;
	text-align:center;
	font-weight:300;
}
.panel_box.panel_white {
	background-color:#fff;
	border:1px solid #d9d9d9;
}
.panel_box .lineHeights li {
	margin-bottom:5px;
}
.cnt_list {
	width:85%;
	margin:20px auto 0px;
	display:flex;
	flex-flow:row wrap;
	justify-content:space-between;
}
.cnt_list li {
	width:45%;
	margin-bottom:30px;
	position:relative;
	box-sizing: border-box;
}
.cnt_list li a {
	color:#444;
	font-size:15px;
	font-weight:600;
	line-height:25px;
	box-sizing:border-box;
	padding-left:30px;
	/* height:25px;*/
	display:block;
}
.tit_list {
	font-size:18px;
	font-weight:600;
	color:#333;
	box-sizing:border-box;
	margin:30px 0 10px 0;
	vertical-align:middle;
}
.list_icon {
	margin-right:10px;
	vertical-align:middle;
}
.cnt_list li:first-child a {
	background:url(https://www.xi.co.kr/Content/static/css/page/img/img_object_20.png)no-repeat 0 0;
}
.cnt_list li:nth-child(2) a {
	background:url(https://www.xi.co.kr/Content/static/css/page/img/img_period_20.png)no-repeat 0 0;
}
.cnt_list li:nth-child(3) a {
	background:url(https://www.xi.co.kr/Content/static/css/page/img/img_third_20.png)no-repeat 0 0;
}
.cnt_list li:nth-child(4) a {
	background:url(https://www.xi.co.kr/Content/static/css/page/img/img_consign_20.png)no-repeat 0 0;
}
.cnt_list li:nth-child(5) a {
	background:url(https://www.xi.co.kr/Content/static/css/page/img/img_court_20.png)no-repeat 0 0;
}
.cnt_list li:nth-child(6) a {
	background:url(https://www.xi.co.kr/Content/static/css/page/img/img_private_20.png)no-repeat 0 0;
}
.cnt_list li:nth-child(7) a {
	background:url(https://www.xi.co.kr/Content/static/css/page/img/img_destruction_20.png)no-repeat 0 0;
}
.cnt_list li:nth-child(8) a {
	background:url(https://www.xi.co.kr/Content/static/css/page/img/img_safe_20.png)no-repeat 0 0;
}
.cnt_list li:nth-child(9) a {
	background:url(https://www.xi.co.kr/Content/static/css/page/img/img_cookie_20.png)no-repeat 0 0;
}
.cnt_list li:nth-child(10) a {
	background:url(https://www.xi.co.kr/Content/static/css/page/img/img_cpo_20.png)no-repeat 0 0;
}
.cnt_list li:nth-child(11) a {
	background:url(https://www.xi.co.kr/Content/static/css/page/img/img_browse_20.png)no-repeat 0 0;
}
.cnt_list li:nth-child(12) a {
	background:url(https://www.xi.co.kr/Content/static/css/page/img/img_help_20.png)no-repeat 0 0;
}
.cnt_list li:last-child a {
	background: url(https://www.xi.co.kr/Content/static/css/page/img/img_change_20.png)no-repeat 0 0;
}
/*개인정보 처리방침 반응형*/
@media only screen and (max-width:750px) {
	.tit_main {
		font-size:20px;
	}
	.content.rules .content_box.pri .label_wrap {
		justify-content:space-between;
	}
	.content.rules .content_box.pri .label_box {
		width:48%;
	}
	.cnt_list {
		width:100%;
		flex-direction:column;
	}
	.cnt_list li {
		width:100%;
	}
	.content.rules .content_box.pri .label_layer {
		width:110%;
		top:0;
		left:50%;
	}
	.content.rules .content_box.pri .label_layer.num0 {
		top:0;
		left:-50%;
		margin-left:46%;
	}
	.content.rules .content_box.pri .label_layer.num1 {
		top:0;
		left:-50%;
		margin-left:46%;
	}
	.content.rules .content_box.pri .label_layer.num2 {
		top:0;
		left:-50%;
		margin-left:46%;
	}
	.content.rules .content_box.pri .label_layer.num3 {
		top:0;
		left:-50%;
		margin-left:46%;
	}
	.content.rules .content_box.pri .label_layer.num4 {
		top:0;
		left:-50%;
		margin-left:46%;
	}
	.content.rules .content_box.pri .label_layer.num5 {
		top:0;
		left:-50%;
		margin-left:46%;
	}
}
@media only screen and (max-width:640px) {
	.content.rules .content_box.pri .label_wrap {
		flex-direction:column;
	}
	.content.rules .content_box.pri .label_box {
		width: 98%;
	}
}
/* END 개인정보 처리방침 라벨링 style 20230130 추가*/
/*청약가점제도 반응형*/
@media only screen and (max-width:640px) {
	.question table td label.choice {
		width:50%;
		border-bottom:1px solid #d6d6d6;
	}
	.question table td {
		padding:0;
	}
	.question table th {
		padding:20px 0;
	}
	.question table td label.choice.choice02 {
			background:none;
			border:none;
			width:100%;
			text-align:left;
			line-height:0;
	}
	.question table th.top_space {
		padding:40px 20px 20px 0;
	}
	.question table td .explanation02 {
		margin-top:8px;
	}
	.popup_open_btn03 {
		padding-left:0;
	}
	.popup_open_btn02 {
		padding-left:0;
	}
	#popup_inner {
		left:0;
		margin:-200px 0 0 5%;
		max-width:90%;
	}
}
@media only screen and (max-width:360px) {
	.question .select_date03 {
		width: 27%;
	}
}
/*자이멤버쉽*/
.m_membership {
	display:none;
}
.membership_box {
	position:relative;
	width:100%;
}
.membership_box>img {
	width:100%;
}
.m_membership_box_btn {
	display:none;
	position:absolute;
	width:100%;
	top:7.35%;
}
.m_membership_box_btn>.btn01 {
	margin-right:10px;
}
.m_membership_box_btn>a {
	display:inline-block;
	width:30%;
}
.m_membership_box_btn>a>img {
	width:100%;
}
@media only screen and (max-width:768px) {
	.pc_membership {
		display:none;
	}
	.m_membership {
		display:block;
	}
	.m_membership_box_btn {
		display:block;
	}
	#container .content .content_box_membership {
		padding:0;
	}
}
.subscription .submit_btns {
	padding:0;
}
@media only screen and (max-width:640px) {
	.subscription .submit_btns.btns-s a {
		width:46%;
		box-sizing:border-box;
		margin:1% 0.5%;
	}
}
.subscription .submit_btns {
	padding:0;
}
@media only screen and (max-width:640px) {
	.subscription .submit_btns.btns-s a {
		width:46%;
		box-sizing:border-box;
		margin:1% 0.5%;
	}
}
.tbl_cal_sales table {
	border-top:1px solid #d6d6d6;
	width:100%;
}
@media only screen and (max-width:768px) {
	.tbl_cal_sales table {
		border-top:0;
	}
	.tbl_cal_sales tbody td.cl_val {
		width:30%;
		border-left:0;
	}
	.tbl_cal_sales tbody td.cl_label {
		border-left: 1px solid #d6d6d6;
	}
}
/* 고객서비스>A/S안내 하단 표추가 */
.asRange_box {
	text-align:left;
}
.asRange_box br.mbr {
	display:none;
}
.asRange_box>ol {
	overflow:hidden;
	margin-top:35px;
	list-style-position:inside;
}
.asRange_box>ol li {
	overflow:hidden;
	margin-bottom:12px;
	line-height:1.4;
	font-weight:bold;
}
.asRange_box>ol li div {
	float:right;
	width:calc(100% - 180px);
	margin-bottom:12px;
	word-break:keep-all;
	font-weight:normal;
}
.asRange_box>h4 {
	color:rgba(0,0,0,.6);
	margin-bottom:10px;
}
.asRange_box>table {
}
.asRange_box>table td,.asRange_box>table th {
	width:initial !important;
	border:1px #d6d6d6 solid !important;
	vertical-align:middle;
	text-align:center;
	line-height:1.4;
}
.asRange_box .left {
	text-align:left;
}
.asRange_box .red {
	color:#851012;
	font-weight:bold;
	word-break:keep-all;
}
@media only screen and (max-width:768px) {
	.asRange_box>ol li div {
		float:none;
		width:100%;
		margin-top:8px;
		font-size:1.3rem;
	}
	.asRange_box>table td,.asRange_box>table th {
		font-size:1.2rem;
		padding-left:0;
		padding-right:0;
	}
	.asRange_box br.mbr {
		display: block;
	}
}
/* 클래스 230215- 20230216*/
.area_class {
	width:100%;
	margin-bottom:50px;
	border-top:2px #000 solid;
	border-bottom:1px #000 solid;
}
.class_list {
	width:100%;
	height:auto;
	padding:30px 0;
	text-align:left;
	border-bottom:1px #d9d9d9 solid;
}
.class_list>a {
	display:block;
}
.class_list::after {
	content:"";
	display:block;
	clear:both;
}
.class_list img {
	width:370px;
	height:150px;
	float:left;
}
.class_list .detail_box {
	width:calc(100% - 370px);
	padding:0 20px;
	box-sizing:border-box;
	float:left;
}
.class_list .detail_box p {
	margin-bottom:15px;
	padding-right:60px;
	box-sizing:border-box;
	font-size:1.8rem;
	font-family:'notokr-medium';
	display:table;
	position:relative;
}
.class_list .detail_box p a {
	color:#000;
	line-height:1.2;
}
.class_list .detail_box p span {
	width:50px;
	height:28px;
	position:absolute;
	top:-10%;
	right:0;
	background:#a39787;
	color:#fff;
	font-size:1.2rem;
	line-height:28px;
	text-align:center;
}
.class_list .detail_box p.end {
	margin-top:15px;
	font-size:1.4rem;
	color:#666;
}
.class_list .detail_box dl {
	font-size:1.4rem;
}
.class_list .detail_box dt {
	padding:5px 10px;
	margin-right:10px;
	margin-bottom:5px;
	box-sizing:border-box;
	float:left;
	outline:1px #047ab3 solid;
	color:#047ab3;
}
.class_list .detail_box dt span {
	width:20px;
	height:100%;
	text-align:center;
}
.class_list .detail_box dd {
	padding:6px 0px;
	margin-bottom:5px;
}
.class_list .detail_box dt:last-child,.class_list .detail_box dd:last-child {
	margin-bottom:0;
}
.class_list .detail_box.end dt {
	outline:1px #666 solid;
	color:#666;
}
.content_box.class ul {
	width:100%;
	display:table;
}
.content_box.class li {
	display:table-cell;
	vertical-align:middle;
}
.content_box.class li:last-child {
	float:right;
}
.class_view {
}
.class_view .title_box {
	padding:50px 30px;
}
.class_view .title_box h3 {
	margin-bottom:0;
}
.class_view .view_box {
}
.class_view .view_box.class {
	border-top:2px solid #000000;
}
.class_view .view_box.class.box_01 {
	display:flex;
	justify-content:flex-start;
	align-items:center;
	border-top:none;
	padding:35px 0 90px;
}
.class_view .view_box.class.box_01 .class_img_box {
	margin-right:25px;
}
.class_view .view_box.class.box_01 .class_img_box p {
	width:400px;
	height:400px;
}
.class_view .view_box.class.box_01 .class_info_box {
	width:675px;
	height:400px;
}
.class_view .view_box.class.box_01 .class_info_box table {
	width:100%;
	height:100%;
}
.class_view .view_box.class.box_01 .class_info_box table tr {
	border-top:1px solid #d6d6d6;
}
.class_view .view_box.class.box_01 .class_info_box table tr:last-child {
	border-bottom:1px solid #d6d6d6;
}
.class_view .view_box.class.box_01 .class_info_box table tr th {
	background:#f1f1f1;
	font-weight:400;
	color:#717171;
	text-align:center;
	vertical-align:middle;
}
.class_view .view_box.class.box_01 .class_info_box table tr td {
	padding-left:30px;
	vertical-align:middle;
}
.class_view .view_box.class.box_01 .class_info_box table tr td span {
	color:#ff0000;
}
.class_view .view_box.class.box_02 {
	padding:35px 30px 40px;
}
.class_view .view_box.class.box_02 .info_box {
}
.class_view .view_box.class.box_02 .info_box p {
	margin-bottom:30px;
	line-height:1.5;
}
.class_view .view_box.class.box_02 .info_box h3 {
	font-size:16px;
	font-weight:bold;
	margin-bottom:20px;
}
.class_view .view_box.class.box_02 .info_box:nth-child(2) h3 {
	font-size:20px;
}
.class_view .view_box.class.box_03 {
	padding:45px 30px 35px;
}
.class_view .view_box.class.box_03 h2 {
	font-size:30px;
	margin-bottom:30px;
}
.class_view .view_box.class.box_03 .privacy_agree_box {
}
.class_view .view_box.class.box_03 .privacy_agree_box .privacy_text {
	width:100%;
	height:180px;
	border:1px solid #e0e0e0;
	background:#ffffff;
	margin-bottom:20px;
}
.class_view .view_box.class.box_03 .privacy_agree_box .privacy_text h4 {
	display:block;
	width:100%;
	height:50px;
	line-height:50px;
	padding-left:30px;
	color:#333333;
	background:#ebecef;
	box-sizing:border-box;
	font-size:17px;
}
.class_view .view_box.class.box_03 .privacy_agree_box .privacy_text p {
	width:100%;
	height:130px;
	overflow:auto;
	padding:30px;
	box-sizing:border-box;
	font-size:15px;
}
.class_view .view_box.class.box_03 .privacy_agree_box .check_agree_box {
	text-align:right;
}
.class_view .view_box.class.box_03 .privacy_agree_box .check_agree_box div {
	display:inline-block;
	width:auto !important;
}
.class_view .view_box.class.box_03 .privacy_agree_box .check_agree_box div:first-child {
	margin-right:5px;
}
.class_view .view_box.class.box_03 .privacy_agree_box .check_agree_box div input {
}
.class_view .view_box.class.box_03 .privacy_agree_box .check_agree_box div label {
	padding-left:5px;
}
.class_view .bottom_set {
	display:flex;
	justify-content:space-between;
	align-items:flex-end;
	padding:0 30px;
}
.class_view .bottom_set .sel_set {
	text-align:left;
}
.class_view .bottom_set .sel_set div {
	display:inline-block;
	width:260px;
	height:auto;
}
.class_view .bottom_set .sel_set div:first-child {
}
.class_view .bottom_set .sel_set div>h5 {
	text-align:left;
	font-size:20px;
	margin-bottom:13px;
}
.class_view .bottom_set .sel_set select {
	width:100%;
	height:50px;
	padding-left:25px;
	border-color:#f1f1f1;
	color:#838383;
}
.class_view .bottom_set .btn_set {
	display:block;
	width:310px;
	margin:0 0 0 auto;
	font-size:0;
	text-align:right;
}
.class_view .bottom_set .btn_set .btn_list {
	display:inline-block;
	text-align:center;
	line-height:60px;
}
.class_view .bottom_set .btn_set .btn_list:first-child {
	margin-right:10px;
}
@media only screen and (max-width:1080px) {
	.class_view .bottom_set {
		display:block;
	}
	.class_view .bottom_set .sel_set {
		text-align:center;
		margin-bottom:2rem;
	}
	.class_view .bottom_set .btn_set {
		text-align:center;
		margin: 0 auto;
	}
}
@media only screen and (max-width:768px) {
	/* table Style */
	/* 클래스 */
	.class_list {
		width:49%;
		height:400px;
		margin:0 0.5%;
		float:left;
		box-sizing:border-box;
	}
	.class_list img {
		width:100%;
		height:auto;
	}
	.class_list .detail_box {
		width:100%;
		padding:20px 0 0 0;
	}
	.title_box .detail_box {
		width:100%;
	}
	.class_list .detail_box p {
		height:auto;
		padding:0 0 0 0;
		overflow:hidden;
		display:block;
	}
	.class_list .detail_box p.end {
		height:auto;
	}
	.class_list .detail_box p a {
		display:inline-block;
		margin-bottom:10px;
	}
	.class_list .detail_box p span {
		position:static;
		display:inline-block;
	}
	.class_list .detail_box dd {
		padding:6px 0;
		overflow:hidden;
		white-space:nowrap;
		text-overflow:ellipsis;
	}
	.class_view .view_box.class.box_01 {
		flex-direction:column;
	}
	.class_view .view_box.class.box_01 .class_img_box {
		margin-right:0;
		margin-bottom:25px;
	}
	.class_view .view_box.class.box_01 .class_img_box p {
		margin:0 auto;
	}
	.class_view .view_box.class.box_01 .class_info_box {
		width:100%;
	}
	.class_view .bottom_set {
		display:block;
	}
	.class_view .bottom_set .sel_set {
		text-align:left;
		margin-bottom:2.0rem;
	}
	.class_view .bottom_set .sel_set div {
		display:inline-block;
	}
	.class_view .bottom_set .btn_set {
		display:table;
		margin: 0 auto;
	}
}
@media only screen and (max-width:640px) {
	/* 이벤트 */
	.class_list {
		width:100%;
		height:auto;
		margin:0 0;
	}
	.class_list .detail_box p {
		height:auto;
	}
	.class_list .detail_box dl {
		height:auto;
	}
	.class_list .detail_box dt {
		margin-right:0;
	}
	.class_list .detail_box dd {
		overflow:hidden;
		white-space:nowrap;
		text-overflow:ellipsis;
	}
	.class_view .bottom_set .sel_set {
		text-align:center;
	}
	.class_view .bottom_set .sel_set div {
		width:100%;
		margin-bottom:2.0rem;
	}
	.class_view .bottom_set .btn_set {
		display:block;
		width:100%;
		text-align:center;
	}
	.class_view .bottom_set .btn_set .btn_list {
		width:auto;
		height:auto;
		padding:0px 30px;
		text-align: center;
	}
}
/* 클래스 end 20230215 - 20230216*/
/*movein_guide_video 추가 css - 241113*/
.btn-wrap {
	display:flex;
	gap:2px;
	margin-top:-10px;
	background:#f1f1f1;
}
.btn-wrap button {
	flex:1;
	height:46px;
	background:#e6e6e6;
	transition:.3s all;
}
.btn-wrap button:hover {
	background:#006999;
	color:#fff;
}
.modal-wrapper {
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.6);
	z-index:999;
}
.modal {
	position:fixed;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	background-color:#fff;
	padding:20px;
	padding-top:45px;
	box-shadow:0 0 10px rgba(0,0,0,0.3);
	transition:0.3s all;
	width:800px;
}
.modal .title {
	font-size: 21px;
	font-weight: 500;
	line-height: 28px;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-line-clamp: 1;
	height: 28px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	margin-bottom: 17px;
}
.modal .contents {
	border-top:1px solid #dbdbdb;
	border-bottom:1px solid #dbdbdb;
	padding:30px 0;
}
.modal .contents .video_wrap {
	position:relative;
	width:720px;
	height:405px;
	margin:0 auto;
}
.modal .video_wrap iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#player {
	width:100%;
	height: 100%;
}
.close-btn {
	position:absolute;
	top:0;
	right:12px;
	color:#fff;
	border:none;
	padding:10px;
	cursor:pointer;
	transition:0.3s all;
}
.close-btn:hover {
	/* background:#006999;*/
}
.close-btn:hover img {
	/*filter:invert(100%) sepia(100%) saturate(38%) hue-rotate(254deg) brightness(110%) contrast(110%);*/
}
.story_box .img img {
	cursor:pointer;
}
.content_box {
	width:100%;
	height:auto;
	padding:80px 20px 0 20px;
	box-sizing:border-box;
	background-color:#fff;
	font-size:1.6rem;
}
.content_box.stroy {
	position:relative;
}
.container {
	width:100%;
	padding-bottom:80px;
	min-height:600px;
}
.container .content {
	width:auto;
	max-width:1240px;
	height:auto;
	margin:0 auto;
}
.container .l_sub {
	padding-bottom:0;
}
.container .l_sub .section_02 {
	height:75vh
}
.box .content h2 {
	text-align:center;
	font-size:30px;
	font-weight:500
}
.box .content .p.summary {
	text-align:center;
	font-size:1rem;
}
.tab_boxtype li a,tab_boxtype li button {
	font-size:18px
}
.section_01 .tab_wrap ul li a {
	font-size:1rem !important
}
.story_box ul li:first-child {
	font-size:1.2rem
}
.btn-wrap button {
	font-size:1rem
}
.footer {
	margin-top:100px
}
.content_box .tab_boxtype li:nth-child(6) a.on .tab_content {
	margin-bottom: 250px
}