@media ( max-width : 1080px) {
	.inner {
		width: 100%;
		max-width: 100%;
		padding: 0 24px;
	}
	.container {
		min-width: 100%;
		width: 100%;
		padding-bottom: 0;
	}
	.wrapper {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		padding-left: 0;
	}
	header {
		display: block;
	}
	header .header__wrap .toggle-btn {
		display: flex;
		justify-content: center; width : 50px;
		height: 64px;
		background: url("../img/menu/i-menu.svg") center/20px no-repeat;
		width: 50px;
	}
	nav.lnb {
		z-index: 501;
		width: 80%;
		min-width: 340px;
		/* left:-100%; */
		transform: translateX(calc(-100% + 64px));
		/* background-color: #fff; */
		top: 64px;
		height: calc(100% - 64px);
	}
	nav.lnb.on {
		transform: translateX(0);
	}
	nav.lnb .lnb__menu li.on a::before {
		top: 2px;
		left: 4px;
		width: 65px;
		height: 60px;
	}
	nav.lnb .lnb__header {
		display: block;
		width: 100%;
		background-color: #fff;
		border-bottom: 1px solid #ccc;
		position: relative;
	}
	nav.lnb .lnb__header .toggle-btn {
		position: absolute;
		right: 10px;
		top: 50%;
		transform: translateY(-50%);
		width: 24px;
		height: 24px;
		background: url("../img/close@3x.png") no-repeat center/cover;
	}
	nav.lnb .lnb__body {
		/* background-color: #fff; */
		width: 100%;
		height: 100%;
		position: relative;
	}
	nav.lnb .lnb__con .lnb__con__wrap .result__box .result__con .list__wrap ul li a
		{
		padding-top: 3px;
		padding-bottom: 3px;
	}
	nav.lnb .lnb__menu {
		float: left;
		width: 65px;
		display: inline-block;
		vertical-align: top;
		margin-top: 0;
		height: 100%;
		display: none;
	}
	nav.lnb .lnb__con {
		position: relative;
		display: inline-block;
		vertical-align: top;
		width: calc(100% - 65px);
		height: inherit;
		left: auto;
		top: auto;
		bottom: auto;
	}
	nav.lnb .lnb__con2__wrap {
		position: absolute;
		display: inline-block;
		vertical-align: top;
		width: calc(100% - 65px);
		height: auto;
		/* left: 65px; */
		left: 0;
		display: none;
	}
	nav.lnb .lnb__con .lnb__con__wrap {
		min-width: auto;
		width: 100%;
	}
	nav.lnb .lnb__menu li a .txt-box {
		font-size: 12px;
	}
	nav.lnb .lnb__menu li:nth-child(1) a {
		/* display: none; */
		
	}
	nav.lnb .lnb__menu li a {
		width: 100%;
		height: 0;
		padding-bottom: 100%;
		position: relative;
	}
	nav.lnb .lnb__menu li a {
		background-position: top 10px center;
	}
	nav.lnb .lnb__menu li a .txt-box {
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		white-space: nowrap;
		bottom: 6px;
		font-size: 11px;
	}
	nav.lnb .lnb__con .toggle-btn {
		right: -24px;
		z-index: 10000000;
		/* display: none; */
	}
	nav.lnb .lnb__con .search__box {
		display: none;
		right: 1rem;
		padding: 13px 10px;
		height: 63px;
		width: calc(100% - 9.25rem);
		position: relative;
	}
	nav.lnb .lnb__con .lnb__con__wrap .result__box .result__con .list__wrap ul li a .txt-box
		{
		font-size: 12px;
		line-height: 16px;
	}
	.pc_logo {
		display: none;
	}
	.lnb__mobile__cover {
		display: block;
		z-index: -9;
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0);
		transition: background .5s;
	}
	.lnb__mobile__cover.on {
		background: rgba(0, 0, 0, .6);
		z-index: 999;
	}
	nav.lnb__mobile {
		z-index: 999;
		position: fixed;
		left: 0;
		top: 0;
		background: #fff;
		width: 80%;
		max-width: 320px;
		height: calc(var(--vh, 1vh)* 100);
		transform: translateX(-100%);
		display: block;
		transition: all .5s;
	}
	nav.lnb__mobile.on {
		transform: translateX(0);
	}
	nav.lnb__mobile .close-btn {
		position: absolute;
		right: 10px;
		top: 10px;
		display: block;
		width: 20px;
		height: 20px;
	}
	nav.lnb__mobile .close-btn > i {width: 100%; height:100%;}
	nav.lnb__mobile .lnb__menu {
		padding-top: 40px;
	}
	nav.lnb__mobile .lnb__menu li {
		padding: 0 30px;
	}
	nav.lnb__mobile .lnb__menu li a {
		display: flex;
		flex-direction: row !important;
		font-size: 1rem;
		padding: 16px 0 16px 0;
		background: 0 center/28px no-repeat;
	}
	nav.lnb__mobile .lnb__menu li.on {
		background: #0056f4;
	}
	nav.lnb__mobile .lnb__menu li.on a .txt-box {
		color: #fff;
	}
	nav.lnb__mobile .lnb__mobile__info {
		padding: 30px;
		border-top: 2px solid rgba(0, 0, 0, .2);
	}
	nav.lnb__mobile .lnb__mobile__info a {
		font-size: 0.9rem;
	}
	nav.lnb__mobile .lnb__mobile__info a+a {
		padding-left: 10px;
		margin-left: 10px;
		border-left: 1px solid #999;
	}
	.map__menu {
		top: 74px;
		right: 10px;
		/* height: calc(100vh - 86px); */
	}
	.map__menu .map__menu__wrap .row li {
		height: 32px !important;
	}
	.map__menu .map__menu__wrap .row a {
		display: flex;
		width: 32px;
		height: 32px;
		padding-bottom: 2px;
		background-position: center top 4px !important;
		background-size: 18px !important;
	}
	.map__menu .map__menu__wrap .row li:not(:last-child) {
		height: 33px !important;
		border-bottom: 1px solid #C2C9D3;
	}
	.map__menu .map__menu__wrap .row a.gps-btn, .map__menu .map__menu__wrap .row a.save-btn,
		.map__menu .map__menu__wrap .row a.zoom-plus-btn, .map__menu .map__menu__wrap .row a.zoom-minus-btn
		{
		background-size: .8rem;
	}
	.map-write-popup, .map-join-popup, .map-host-popup {
		border-radius: 20px 20px 0 0;
		top: auto;
		min-width: 100%;
		padding-top: 1.8rem;
		max-height: calc(var(--vh)+ 330px);
		overflow-y: auto;
	}
	.pin__info, .transport-popup, .subway-popup {
		top: auto;
		border-radius: 2.4rem 2.4rem 0 0;
		max-width: 100%;
		/* padding: 4rem 4rem 2.8rem 4rem !important; */
		left: 0;
		bottom: 0;
	}

	/* 부동산 팝업*/
	.estate-popup {
		padding: 2.8rem 2rem 2.8rem 2rem !important;
	}
	.pin__info .pin__info__wrap .close-btn {
		width: 1.2rem;
		height: 1, 2rem;
		top: 1.2rem;
		right: 1.2rem;
	}
	.pin__info .pin__info__wrap .pin-con-box .info-box {
		padding-top: 20px;
	}
	section.map__wrap {
		overflow: hidden;
		height: calc(var(--vh, 1vh)* 100);
		/* height:calc(100% - 64px); */
		/* top:64px; */
	}
	section.map__wrap .map {
		height: calc(var(--vh, 1vh)* 100);
		/* height:calc(100% - 64px); */
		/* top:64px; */
	}
	.pin__info .pin__info__wrap {
		width: auto;
	}
	.participation-map-list {
		height: calc(134vh - 500px);
	}
	.icon-view {
		display: -webkit-box;
	}
	.download-popup.on {
		z-index: 999;
	}
	.map-bg-change-list {
		position: fixed;
		left: 0;
		right: 0;
		margin: 0 auto;
		width: fit-content;
	}
	.map-join-popup .map-join-list {
		padding: 0 1rem;
	}
	.three-theme-box .theme-btn-list>li {
		width: 60px;
		height: 80px;
		display: flex;
		box-sizing: border-box;
		text-align: center;
		border-radius: 20px;
		position: relative;
		flex-direction: column;
		align-items: center;
	}
	.three-theme-box .theme-btn-list>li>span {
		position: absolute;
		bottom: 0;
		font-size: 1rem;
	}
	.theme-btn-list>li:hover>span {
		color: #fff;
	}
	.three-theme-box .theme-btn-list>li::before {
		right: 1rem;
	}

	/* 모바일 환경 주제도 관련 */
	.result-cont-list .result-cont-title {
		font-size: 0.8rem;
		max-width: fit-content;
	}
	.them-set-popup, .them-set-pop-popup {
		bottom: 5px;
		right: 10px;
	}
	.them-set-popup .gradient div, .them-set-pop-popup .gradient div {
		height: 10px;
		font-size: 0.65rem;
	}
	.map-guide-popup {
		top: calc(180px + 1.9rem);
		right: calc(0px + 3.2rem);
	}
	.etc-box {
		height: calc(100% - 60px);
	}
	.three-theme-box .theme-dong-list>li {
		padding: 0.4rem 0.1rem;
	}
	.subject-map-box .data-list .data-cont {display: flex; flex-direction: column; align-items: center;}
	.subject-map-box .data-list .data-cont .data-img {width: 40px; height: 40px;}
	.subject-map-box .data-list .data-cont .data-img > i {font-size: 22px;}
	.subject-map-box .data-list .data-cont > span {font-size: .8rem;}
	.ranking-list-box .ranking-list > li > .ranking-label {display: none;}
	
	.three-theme-box .theme-btn-list > li > i {width: 60px; height: 60px; font-size: 2.5rem !important;}
}

@media ( max-width : 538px) {
	.transport-list-box > li {width: 100%}
	.three-theme-box .theme-btn-list > li > span {font-size: .68rem;bottom: 0;}
	.three-theme-box .theme-btn-list > li:hover > span {color: #FABD00}
	.three-theme-box .theme-btn-list > li::before {
		top: 0;
		left: auto;
		right: auto;
		transform: translateY(1vw) scale(0.6);
		bottom: 0;
	}
}