@charset "utf-8"; /* 초기화 */

/*
.con_section { margin:0; padding:0;}
*/
.down {padding:0px 5px;}
.down img {}
@media (max-width: 640px) {
	.down img { width:120px;}
	}

.copy a { color:#666;}	

.sns {padding:0px 5px;}
.sns img { width:20px;}

footer { width:100%; float:left; margin-top:50px;}

.pc_footer { display:block; margin-top:0;}

.app_footer { display:none;}



@media (max-width: 1040px) {
	
	.pc_footer { display:none;}
	.app_footer { display:block;}
		
	}

.tail_01 {width:100%; float:left; padding:30px 0px; color:#CCC; background-color:#656565; font-size:14px; text-align:left; position:relative; margin-top:0px; border-bottom:1px solid rgba(255,255,255,.1); }
.tail_01 ul {width:100%; max-width:1280px; margin:0 auto; padding:0 40px;     display: flex;
    justify-content: space-between;
    align-items: center;}

.tail_01 ul .left { font-size:30px; font-weight:600; padding-right:20px;}
.tail_01 ul .left p {float:left; }
.tail_01 ul .left span {display:block; font-size:14px; line-height:20px; min-height:20px; font-weight:500; color:#959595;}
.tail_01 ul .left .left_name {color:#1e3b90; margin-right:20px;}
.tail_01 ul .left .left_con {color:#000;}

.tail_01 ul .right {font-size:18px; font-weight:800; color:#363636;}
.tail_01 ul .right p {float:right; margin-left:40px;}
.tail_01 ul .right .right_item_01 {}
.tail_01 ul .right .right_item_02 {}

@media (max-width: 1040px) {
.tail_01 {padding:20px 0px; border-bottom:1px solid rgba(255,255,255,.1); padding:20px; margin-top:0; }
.tail_01 ul {padding:0 0px; display:block; }

.tail_01 ul .left { display:block; font-size:20px; padding-right:0px; width:100%; float:left; margin-bottom:15px;}
.tail_01 ul .left span {font-size:12px; line-height:16px; min-height:0; }
.tail_01 ul .left .left_name {color:#1e3b90; margin-right:10px;}
.tail_01 ul .left .left_con {color:#000;}

.tail_01 ul .right { display:block; font-size:16px; font-weight:600; display:flex;     justify-content: flex-start; width:100%; float:left; }
.tail_01 ul .right a { width:auto; text-align:center; margin-right:10px;}
.tail_01 ul .right img { width:100%; margin:0; max-width:140px;}
.tail_01 ul .right p { width:auto; float:none; margin-left:0px;}
.tail_01 ul .right .right_item_01 {}
.tail_01 ul .right .right_item_02 {}
}



.tail_02 {width:100%; float:left; padding:20px 0px 60px; color:#888; background-color:#000; font-size:14px; text-align:left; position:relative;}
.tail_02 ul {width:100%; max-width:1304px; margin:0 auto; padding:0px 40px;}
.tail_02 ul p.logo { display:inline-block;vertical-align: 10px; color:#fff; font-size:20px; font-weight:500; margin-bottom:0px; width:100%;}
.tail_02 ul p.logo img { width:auto; height:50px;}
.tail_02 ul p.logo span { float:right;}
.tail_02 ul p.logo span img { height:40px;}
.tail_02 ul li.tail_info {float:left; line-height:200%; width:100%; margin-top:5px;}
.tail_02 ul li.tail_info a { color:#888;}
.tail_02 ul li.tail_info p.ad { display:inline-block;}
.tail_02 ul li.tail_info strong {color:#aaa;}
.tail_02 ul li.tail_info span {display:inline-block; padding-left:10px; position:relative;}
.tail_02 ul li.tail_info span:before { content:'|'; font-weight:100; padding-right:10px;}
.tail_02 ul li.tail_copy {float:left; line-height:200%; width:100%; margin-top:10px;}
.tail_02 ul li.tail_copy p {color:#aaa; font-weight:400; display:inline-block; line-height:200%;}
.tail_02 ul li.tail_copy span { color:#fff;}


@media (max-width: 1040px) {
.tail_02 {padding:20px 20px 60px; }
.tail_02 ul { padding:0;}
.tail_02 ul p.logo {width:100%; padding-right:0px; width:100%;}
.tail_02 ul p.logo img {  height:40px; width:auto;}	
.tail_02 ul li.tail_info {line-height:150%; padding:10px 0px 0;}
.tail_02 ul li.tail_info p.ad { display:inline-block;}
.tail_02 ul li.tail_info strong {}
.tail_02 ul li.tail_info span {padding-left:6px;}
.tail_02 ul li.tail_copy {}
.tail_02 ul li.tail_copy p {line-height:200%; display:inline-block;}
}


.tail_03 {width:100%; float:left; padding:30px 0px 10px; color:#CCC; background-color:#000; font-size:14px; text-align:left; position:relative; }
.tail_03 ul {width:100%; max-width:1304px; margin:0 auto; padding:0px 40px;}
.tail_03 ul li.left {float:left;}
.tail_03 ul li.left p.menu { margin-top:10px; display:inline-block; font-size:16px;}
.tail_03 ul li.left span {color:#666; padding:0px 4px;}
.tail_03 ul li.left a.strong {color:#fff !important}
.tail_03 ul li.left a.point {}
.tail_03 ul li.left a.point span { display:inline-block; color:#2c91ff !important; font-weight:600;}
.tail_03 ul li.left a {color:#CCC;;}
.tail_03 ul li.right {float:right; text-align:right; }

.tail_03 ul li.right p {padding-left:10px; display:inline-block; margin:0;}
.tail_03 ul li.right p strong {color:#fff;}

@media (max-width: 1040px) {
	.tail_03 {font-size:16px; text-align:center; padding-top:20px;}
	.tail_03 ul {max-width:none; padding:0 20px;}
	.tail_03 ul li.left { width:100%; float:left; text-align:center;padding-bottom:10px;}
	.tail_03 ul li.left span {color:#333; padding:0px 5px;}
	.tail_03 ul li.left a.strong {color:#fff}
	.tail_03 ul li.left a {color:#CCC}
	.tail_03 ul li.right { width:100%; float:left;     margin-top: 0px;
    text-align: left !important;}
	.tail_03 ul li.right p { padding-left:0;}
	.tail_03 ul li.right p strong {}
	.tail_03 ul li.right p strong {color:#fff;}
}



.ft_info_sns {font-size:15px; margin-top:10px; display: flex; align-items: center; justify-content: flex-end;}
.ft_info_sns .ft_info_sns_icon {display:inline-block; width:40px; height:40px; border-radius:50%; padding:7px; border-radius:50%; margin-left:10px; background-color:#f9e000;}
.ft_info_sns .ft_info_sns_icon img {width:26px;}
.ft_info_time {font-size:14px; margin-top:20px; opacity:.5;}



.tail_03 .sns { display:block; margin-bottom:15px;}
.tail_03 .sns span { margin-right: 0px; display: inline-block;  width: 40px;  margin-left:10px; border-radius:50%; border:1px solid rgba(255,255,255,.4);  }
.tail_03 .sns span img { width:100%; border-radius:50%;}



/* 하단 */
.tail {position:fixed; justify-content:space-around; bottom:0; left:0; width:100%; background-color:#fff; padding:8px 0; text-align:center; display:flex; border-radius:20px 20px 0 0; box-shadow:0 -5px 10px rgba(0,0,0,.05); z-index:9999; }
.tail:after { content:''; width:32px; height:32px; position:absolute; top:6px; left:50%; transform:translateX(-50%); border-radius:38%; z-index:-1; background-image:url(../../../img/tail/tail_point_bg.png); background-size:cover; }

.tail ul { padding-top:32px; background-position:center 0px; background-repeat:no-repeat; background-size:30px; min-width:30px; position:relative; }
.tail ul img {width:30px; }
.tail ul p {font-size:10px; }
.tail ul p.point { color:#465bf0; }

.tail ul.home    { background-image:url(../../../img/tail/01.png); }  /* 하단메뉴 > 홈 */
.tail ul.rent    { background-image:url(../../../img/tail/02.png); }  /* 하단메뉴 > 임대정보 */
.tail ul.sale    { background-image:url(../../../img/tail/04.png); }  /* 하단메뉴 > 매매정보 */
.tail ul.scrap   { background-image:url(../../../img/tail/03.png); }  /* 하단메뉴 > 관심매물 */
.tail ul.mybldg  { background-image:url(../../../img/tail/08.png); }  /* 하단메뉴 > 매물관리 */
.tail ul.my      { background-image:url(../../../img/tail/05.png); }  /* 하단메뉴 > 더보기 */
.tail ul.outline { background-image:url(../../../img/tail/06.png); }  /* 하단메뉴 > 마루방소개 */

.tail ul.content { background-image:url(../../../img/tail/icon_content.png); } /* 하단메뉴 > 칼럼 배경이미지 */
.tail ul.more { background-image:url(../../../img/tail/icon_more.png); } /* 하단메뉴 > 더보기 배경이미지 */

.tail_block { width:100%; height:60px; float:left; }



/* 앱 알림, 로그아웃 등 체크박스 CSS */
.switch_checkbox{display:none; }
.switchbtn {width: 40px; height: 20px; background-color: #ccc; z-index: 0; margin: 0; padding: 0; cursor: pointer; position: relative; border-radius: 100px; float:right; margin-top: 20px;}
.switchbtn:before {content: ' '; position: absolute; left: 2px; top: 2px; width: 36px; height: 16px; background: #f5f5f5; z-index: 99; border-radius: 52px; }
.switchbtn:after {content: ''; height: 15px; width: 15px; border-radius: 52px; background-color: #fff; position: absolute; z-index: 999; top: 2px; left: 2px; text-align: center; box-shadow: 0 2px 5px rgba(0,0,0,.4); font-size: 12px; padding-top: 0px; }

.switchon, .switchon:before {background-color: #2c91fd !important; }
.switchon:after {left: 22px !important; content: ''; color: #2c91fd; }