/* max-width : 1962px - line 18 */
/* min-width : 1500px - line 24 */
/* max-width : 1500px - line 30 */
/* max-width : 1280px - line 330 */
/* max-width : 1100px - line 396 */
/* max-width : 960px - line 436 */
/* max-width : 960px ~ min-width : 829px - line 694 */
/* max-width : 950px - line 705 */
/* max-width : 829px - line 753 */
/* max-width : 768px ~ min-width : 800px - line 759 */
/* max-width : 768px - line 765 */
/* max-width : 515px - line 2254 */
/* max-width : 500px - line 2285 */
/* max-width : 480px - line 2459 */
/* max-width : 420px - line 2708 */

@charset "UTF-8";

@media (max-width: 1962px){
	.contentsCardList {
    	grid-template-columns: repeat(3, 1fr);
	}
}

@media (max-width: 1900px) {
	#wrap.blueVer .visualArea > .inner {
		background: url(../images/mappickMain/section01.jpg) no-repeat center center / cover !important;
	}
}

@media (max-width: 1500px) {
	.m1500 {
		display: block !important;
	}
	.min1500 {
		display: none !important;
	}

	#header {
		top: 10px;
		left: 10px;
		width: calc(100% - 20px);
	}

	.tabWrap.type02 > .tabNav.pos1 {
		top: -65px;
	}

	/* .visualArea */
	#wrap .visualArea > .inner::after {
		display: none;
	}
	.visualArea > .inner::after {
		display: none;
	}

	/* header */
	#gnb, .utilArea {
		display: none;
	}
	.btnArea.mo {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}

	/* serviceMyArea */
	.serviceMyArea {
		display: none;
	}

	/* sideMenu */
	#sideMenu .utilArea {
		display: block;
	}

	/* footer */
	#footer .top .logo {
		margin-right: 48px;
	}

	/* cardList */
	.cardList {
		grid-template-columns: repeat(3, 1fr);
	}

	/* colList */
	.colList {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		row-gap: 20px;
		-webkit-column-gap: 0;
		   -moz-column-gap: 0;
		        column-gap: 0;
	}
	.colListArea {
		margin-bottom: 60px;
	}
	.colList .head {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		width: 100%;
		border-bottom: 0;
	}
	.colList .head .numArea {
		border-bottom: 1px solid #D8D9E3;
	}
	.colList .body {
		-webkit-box-flex: 0;
		    -ms-flex: none;
		        flex: none;
		width: 100%;
		margin-top: 62px;
	}
	.colList > li {
		width: 100%;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
	.colList > li:first-of-type {
		padding-top: 0;
	}
	.colList > li + li {
		padding-top: 0;
	}

	/* userCard */
	.userCard {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
	}
	.userCard .top {
		margin-right: 30px;
		margin-top: 0;
		margin-bottom: 0;
	}
	.userCard .bottom {
		padding-left: 0;
	}
	.userCardList {
		grid-template-columns: repeat(auto-fit, 200px);
		-webkit-column-gap: 20px;
		   -moz-column-gap: 20px;
		        column-gap: 20px;
		row-gap: 60px;
	}
	.btnCard {
		min-width: 78.5px;
	}
	.myArea {
		display: none;
	}

	/* activityArea */
	.activityArea {
		position: relative;
		left: 0;
		max-width: none;
		top: -60px;
	}

	.groupContentsArea {
		margin-top: -10px;
		top: 0;
	}

	.groupContents {
		padding: 30px 40px 50px;
		min-width: 400px;
	}

	.groupContentsArea .myActivity {
		font-size: 1.5rem;
		color: #484848;
		text-shadow: none;
		font-family: "SUIT ExtraBold";
		margin-bottom: 0;
		margin-left: 40px;
	}

	.activityInnerBox {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		row-gap: 10px;
	}
	.activityList {
		border-radius: 12px;
		-webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.16);
		        box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.16);
		min-width: 300px;
	}

	.activityItem {
		height: unset;
	}

	/* contentsContainer */
	.contentsContainer {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}

	.contentsContainer .groupContsInner {
		margin-top: 0px;
	}

	.innerContentsArea {
		margin-top: -50px !important;
	}

	.contentsContainer .innerContentsArea .cardList, .vgList {
		grid-template-columns: repeat(2, 1fr);
	}
	.contentsContainer .innerContentsArea .cardList li:nth-child(n+3) {
		display: none;
	}
	.contentsContainer .innerContentsArea .cardItem .top {
		padding-top: 45.2%;
	}
	.contentsContainer .innerContentsArea .cardItem .middle .tit {
		font-size: 1.125rem;
	}

	/* subTitleArea */
	.subTitleArea.bb2 {
		border-bottom: 0 !important;
	}
	.subTitleArea.bb2 .subTitleAreaBox {
		padding-bottom: 15px;
	}
	.subTitleArea.bb2 ~ .tabCont.viewType .selectContainer {
		margin-top: 0;
		margin-bottom: 0;
	}

	/* main mobile */
	/* introSection01 */
	.introSection01, .introSection02, .introSection03 {
		padding-left: 22px;
		padding-right: 22px;
	}
	.introSection01 .title, .introSection02 .title, .introSection03 .title {
		font-size: 2.25rem;
	}
	.introSection01 .boxArea .boxList {
		grid-template-columns: repeat(2, 1fr);
		gap: 30px;
	}
	.introSection01 .boxArea .boxList li::after {
		right: -25px;
	}
	.introSection01 .boxArea .boxList li:nth-of-type(2)::after {
		display: none;
	}

	/* btnArea.fixed */
	.btnArea.fixed {
		right: 20px;
		bottom: 50px;
		padding-right: 20px;
	}

	/* popup */
	.popup .innerContentsArea {
		margin-top: 0;
	}

	/* popup.jsGroup
	.popup.jsGroup {
		width: calc(100% + 1vw) !important;
		height: calc(100% + 1vh);
		max-width: none !important;
		padding: 0;
	} */

	/* cardList */
	.mapgalleryCardList, .contentsCardList {
    	grid-template-columns: repeat(3, 1fr);
  	}

	/* #wrap.myPage */
	#wrap.myPage .visualArea > .inner {
		padding: 35px 20px 0 20px;
		background-size: cover;
		height: 370px;
		padding-top: 30px !important;
		background: url(../images/mappickMain/mappickMain_myPage.jpg) no-repeat center / 100% 425px;
	}

	#wrap.myPage .visualArea > .inner::before {
		background-position: 26.5% 0;
	}
	#wrap.myPage .visualArea > .inner::after {
		background-position: 100% 0;
	}
	#wrap.agency .visualArea > .inner.type03::before, #wrap.agency .visualArea > .inner.type03::after {
		top: 25px;
	}
	#wrap .visualArea > .inner::after {
		display: block;
	}
	img {
		pointer-events: none;
	}
	#wrap.sub #container {
		padding-top: 30px !important;
	}
	#wrap.sub.type02 #container {
		padding-top: 110px;
	}
	#wrap.mp-intro .visualArea #rightBg {
		display: none;
	}

}

@media (max-width: 1280px) {
	/* 게시판 */
	.fileList li .eps {
		max-width: 92%;
	}

	#wrap.sub #container #content:has(.price_policy_area) {
		max-width: 1000px;
	}

	.price_policy_area {
		display: inline-block;
	}

	.price_policy_inner > div {
		padding: 30px 15px 30px;
		flex: 1;
	}

	.price_top > .price_top_inner {
		padding: 20px 15px;
	}

	.price_top .price_user {
		margin-bottom: 10px;
	}

	.price_top_inner > em {
		height: 40px;
		margin: 15px auto 20px;
	}

	.price_top_inner > em > br {
		display: block;
	}

	.btn.mwdType14 {
		min-width: unset;
	}

	.info_bottom > dt {
		font-size: 1rem;
	}

	.info_bottom > dd {
		padding: 10px 0;
		min-height: 145px;
	}

	.info_bottom > dd > ul > li .price_check {
		width: 14px;
	}


}

@media (max-width:1100px) {
	/* cardList */
	.mapgalleryCardList, .contentsCardList {
    	grid-template-columns: repeat(2, 1fr);
    	gap: 16px;
  	}
  	.myContentsCardList {
    	grid-template-columns: repeat(2, 1fr);
    	gap: 16px;
  	}

	.price_top_inner .priceTit > em {
		display: none;
		font-size: 0.9rem;
	}

	.price_top_inner > em > span {
		font-size: 0.95rem;
	}

}

@media (max-width: 960px) {
	/* tabWrap.type02 */
	.tabWrap.type02 .tabNav.pos1 {
		top: -90px;
	}

	.tabWrap.type02 .tabNav.pos1 > div {
		width: 100%;
	}
	.tabWrap.type02 .tabList {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		padding: 5px 6px;
	}
	.tabWrap.type02 .tabList .tabItem {
		width: 100%;
		-webkit-box-flex: 1;
		    -ms-flex: auto;
		        flex: auto;
		height: 55px;
		font-size: 1.125rem;
	}
	/* footer */
	#footer > .inner {
		padding: 30px 30px 50px 30px;
	}

	#footer .top {
		justify-content: space-between;
	}

	#footer .top .logo img {
		width: 100px;
	}

	#footer .body {
		flex-direction: column;
		margin: 30px 0;
		gap: 15px;
	}

	#footer .body .rowContainer {
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		row-gap: 7px;
	}

	#footer .body .row {
		font-size: 0.85rem;
	}

	.etcArea ul li {
		font-size: 0.9rem;
	}

	.etcArea ul li.privacy::before {
		margin: 0 8px;
		font-size: 1.3rem;
	}

	#footer .body .separator {
		margin-right: 10px;
	}

	/* groupCardList */
	.groupCardList {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		row-gap: 20px;
		-webkit-column-gap: 0;
		   -moz-column-gap: 0;
		        column-gap: 0;
	}

	/* tabBox */
	.tabBox {
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}
	.tabBox .tabWrap {
		margin-left: 0;
		width: 100%;
	}
	.tabBox.many {
		row-gap: 15px;
	}
	.tabBox.many .selectContainer {
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}

	/* logCont */
	.logCont {
		display: block;
		text-align: center;
	}
	.logCont .img {
		margin-bottom: 30px;
	}
	.logCont .descWrap {
		text-align: left;
	}
	.logCont .br {
		display: none;
	}
	.logMsg {
		font-size: 22px;
	}
	.btnArea.type01 {
		display: block;
	}
	.btnArea.type01 .btn + .btn {
		margin-top: 12px;
	}

	/* popup */
	.popup > .inner.type03 .btnClose {
		display: none;
	}
	.popup .right .middle .btnArea .mwdType09 {
		min-width: auto;
		width: 100%;
	}
	.tabBox.type02 .selectContainer {
		width: 100%;
	}
	.btn.mwdType07 {
		width: 100%;
	}

	/* tabCont */
	.tabCont {
		display: none;
	}
	.userCardList li:nth-child(n+4) {
		display: none;
	}
	.userCardList.active li:nth-child(n+4) {
		display: block;
	}

	/* main mobile */
	.section {
		overflow: hidden;
	}

	.btnShare.type02 {
		width: 30px;
		height: 30px;
		background-size: 15px;
	}
	.cardItem.type02 .bottom .name {
		margin-left: 18px;
	}

	.price_policy_inner {
		margin-top: -20px;
	}

	.price_top_inner .priceTit.colorType {
		/* mou 체결 시 무료 */
		font-size: 1.5rem;
		letter-spacing: -1px;
	}

}

@media (min-width: 768px) and (max-height: 800px) {
	.popup.sc > .inner {
		max-height: 90vh;
	}
}

@media (max-width: 768px) {
	.m768 {
		display: -webkit-box !important;
		display: -ms-flexbox !important;
		display: flex !important;
	}
	.min768 {
		display: none !important;
	}

	/* pcType */
	.pcType {
		display: none;
	}

	/* sideMenu */
	#sideMenu .bottom {
		overflow-x: hidden;
		overflow-y: auto;
	}
	#sideMenu .bottom::-webkit-scrollbar {
		width: 6px;
		height: 6px;
	}
	#sideMenu .bottom::-webkit-scrollbar {
		width: 6px;
	}
	#sideMenu .bottom::-webkit-scrollbar-thumb, #sideMenu .bottom::-webkit-scrollbar-track {
		border-radius: 0;
	}

	/* header */
	#header > .inner, .header > .inner {
		padding: 12px 20px;
	}
	#header .logoArea .logo img, .header .logoArea .logo img {
		width: 100px;
		height: 30px;
	}

	/* footer */
	#footer .top .logo img {
		width: 118px;
		height: 42px;
	}
	#footer .body {
		margin-top: 20px;
	}
	#footer .body .rowContainer {
		width: 69%;
	}
	#footer .body .rowContainer .row .separator, #footer .bottom .rowContainer .row .infoTxt {
		font-size: 0.8rem;
	}
	#footer .body .rowContainer .row .address {
		white-space: nowrap;
		font-size: 0.9rem;
	}

	#footer .body .row .infoTxt {
		font-size: 0.9rem;
	}

	#footer .body .separator {
		margin-right: 15px;
	}
	.copyArea .copy {
		font-size: 0.75rem;
	}

	/* btnArea.default */
	.btnArea.default.rowType01 {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-column-gap: 0;
		   -moz-column-gap: 0;
		        column-gap: 0;
		row-gap: 12px;
	}
	.btnArea.default.rowType01 button:first-of-type, .btnArea.default.rowType01 button:last-of-type {
		-webkit-box-flex: 1;
		    -ms-flex: auto;
		        flex: auto;
	}
	.btnArea.last button {
		height: 47px;
	}
	.btnArea.mFull {
		margin-top: 12px;
	}
	.btnArea.mFull button {
		width: 100%;
	}

	/* sideMenu */
	.btnSide, .btnClose {
		width: 30px;
		height: 30px;
	}

	/* stepArea */
	.stepArea {
		padding: 0 30px;
	}
	.stepArea.type02 {
		border-radius: 0;
		padding-top: 47px;
		padding-bottom: 40px;
	}
	.stepNext .btnArea.poS button {
		min-width: auto;
		width: 100%;
		height: 47px;
	}

	.inputContainer .inputArea input:not([type="checkbox"]) {
		height: 36px;
		min-width: 260px;
	}

	.newGroupBtn {
		font-size: 0.9rem;
		height: 36px;
		width: 100px;
	}

	.newDeleteBtn {
		width: 16px;
   		height: 16px;
	}

	.newDeleteBtn > span {
		height: 18px;
	}

	/* formArea */
	.formArea .row {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}

	.formArea .row .formLabel {
		width: 100%;
		margin-bottom: 10px;
		margin-right: 0;
	}
	.formArea .row .formLabel.middleType01 {
		top: 0;
	}
	.formArea .row input {
		width: 100%;
		-webkit-box-flex: 1;
		    -ms-flex: auto;
		        flex: auto;
	}
	.formArea .row .inputGroup {
		width: 100%;
	}
	.formArea .row .inputBox {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
	.formArea .row .inputBox.last {
		padding-left: 0;
	}
	.formArea .row .inputBox[class*="rgType"] {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-direction: row;
		        flex-direction: row;
	}
	.formArea .row .inputBox + .inputBox {
		margin-top: 10px;
	}
	.formArea .row .tipBox {
		width: 100%;
	}
	.formArea .row + .row {
		margin-top: 20px;
	}

	/* bodyContent */
	.bodyContent.type01 > .inner {
		padding: 127px 20px;
	}
	.bodyContent.pdType01 > .inner {
		padding: 100px 20px 80px 20px;
	}

	/* tabWrap.type01 */
	.tabWrap.type01 .tabNav {
		padding: 0 20px;
	}
	.tabWrap.type01 .tabList {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		width: 100%;
	}
	.tabWrap.type01 .tabList .tabItem {
		width: inherit;
		height: 55px;
		font-size: 1.125rem;
	}

	.tableNum_all p {
		top: -5px;
	}

	/* tabWrap.type03 */
	.tabWrap.type03.viewType {
		width: 100%;
		margin-top: 15px;
	}

	.tabWrap.type03.viewType .tabNav {
		width: 100%;
		position: unset;
	}

	.tabWrap.type03.viewType .tabList {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-direction: row;
		        flex-direction: row;
	}
	.tabWrap.type03.viewType .tabList .tabItem {
		height: auto;
	}

	/* tabWrap.type05 */
	.tabWrap.type05 .tabNav::-webkit-scrollbar {
		display: none;
	}
	.tabWrap .tabCont.viewType .selectContainer {
		margin-top: 15px;
		margin-bottom: 20px;
	}
	.tabBox .tabWrap.type03 {
		margin: 20px 0;
	}

	/* mapGallery */
	.cardList {
		grid-template-columns: repeat(2, 1fr);
		gap: 16px;
	}
	.cardItem .body {
		padding: 20px 12px;
	}
	.cardItem .body .category {
		top: -19px;
	}
	.cardItem .top {
		height: 135px;
		padding-top: 0;
	}
	.cardItem .middle {
		margin-bottom: 12px;
	}
	.cardItem .middle .tit {
		font-size: 0.875rem;
		margin-bottom: 8px;
	}
	.cardItem .middle .desc {
		font-size: 0.75rem;
	}
	.cardItem .bottom .date, .cardItem .bottom .name {
		font-size: 0.6875rem;
	}
	.cardItem .bottom .date::before, .cardItem .bottom .name::before {
		width: 12px;
		height: 12px;
		background-size: 12px;
		margin-right: 5px;
	}
	.cardItem .btnShare {
		bottom: 8px;
		right: 8px;
	}
	.category {
		width: 33px;
		height: 34px;
		background-size: 33px 34px;
	}

	/* sub - visualArea */
	.visualArea > .inner {
		padding: 70px 40px 20px 40px;
	}
	.visualArea > .inner::after {
		display: none;
	}
	.visualArea > .inner.type02 .leftObject {
		top: -93px;
		left: -85px;
		z-index: 10;
	}
	.visualArea > .inner.type02::before, .visualArea > .inner.type02::after {
		background-size: auto 250px;
	}
	.visualArea > .inner.type02::before {
		background-position: -200px 0;
	}
	.visualArea > .inner.type02::after {
		height: 250px;
		background-position: 100% 0;
	}
	.visualArea > .inner.type03 {
		height: 395px;
	}
	.visualArea > .inner.type03::before, .visualArea > .inner.type03::after {
		top: 65px;
	}
	.visualArea > .inner.type03 .subDescArea {
		padding-bottom: 60px;
	}

	/* subSearchArea */
	.subSearchArea {
		width: 100%;
	}
	.subSearchArea input {
		max-width: 100vw;
		width: 100%;
		min-width: auto;
		padding-left: 25px;
		font-size: 1.0625rem;
	}
	.subSearchArea input::-webkit-input-placeholder {
		font-size: 1.0625rem;
	}
	.subSearchArea input::-moz-placeholder {
		font-size: 1.0625rem;
	}
	.subSearchArea input:-ms-input-placeholder {
		font-size: 1.0625rem;
	}
	.subSearchArea input::-ms-input-placeholder {
		font-size: 1.0625rem;
	}
	.subSearchArea input::placeholder {
		font-size: 1.0625rem;
	}

	/* mapGallery */
	.dimmedArea .singleArea {
		right: 0;
		top: 5px;
	}
	.btnGallery {
		width: 34px;
		height: 34px;
	}
	.btnGallery.type02 {
		width: 30px;
		height: 30px;
	}
	.btnDdabong {
		background-size: 16.74px 16.1px;
	}
	.btnFavorites {
		background-size: 16.18px 16.17px;
	}
	.btnGallerySearch {
		background-size: 14.34px;
	}
	.btnGalleryClose {
		background-size: 15px;
	}
	.btnOpenInNew {
		background-size: 15.33px;
	}
	.btnSeeMore {
		min-width: 170px;
		height: 40px;
		font-size: 0.8125rem;
	}
	.btnSeeMore .count {
		font-size: inherit;
	}
	.btnSeeMore .count:first-of-type {
		margin-left: 10px;
	}
	.btnSeeMore .count:last-of-type::after {
		width: 13px;
		height: 13px;
		background-size: 13px;
	}
	.btnPrev.hType02, .btnNext.hType02 {
		height: 47px;
	}

	/* moreList */
	.moreList {
		-webkit-column-gap: 5px;
		   -moz-column-gap: 5px;
		        column-gap: 5px;
		padding-top: 25px;
	}
	.moreList li {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		width: 42px;
	}

	/* toolTip */
	.toolTip {
		height: 14px;
		font-size: 0.625rem;
		margin-top: 2px;
	}
	.toolTip.mxdType01 {
		margin: 1px auto;
	}

	.toolTip > span {
		font-size: 0.525rem;
	}

	/* popup */
	.popup {
		width: calc(100% + 1vw) !important;
		height: calc(100% + 1vh);
		max-width: none !important;
		padding: 0;
	}

	/* popup[class*="js"] */
	.popup[class*="js"] > .inner.type04 {
		border-radius: 0;
		height: calc(100% - 74px);
		max-height: none;
		padding-top: 40px;
		padding-left: 32px;
		padding-right: 32px;
		padding-bottom: 60px;
	}
	.popup[class*="js"] > .inner.type04 .bodyArea {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		height: calc(100% - 80px);
	}
	.popup[class*="js"] > .inner.type04 .listArea.type02 ul {
		max-height: 450px;
	}
	.popup[class*="js"] > .inner.type04.sbNone .bodyArea {
		-webkit-box-pack: start;
		    -ms-flex-pack: start;
		        justify-content: flex-start;
	}
	.popup[class*="js"] > .inner.type04.sbNone .bodyArea .groupDepthArea {
		height: 100%;
	}

	/* popup:not([class*="js"]) */
	.popup:not([class*="js"]) .inner.stepBox .stepNext {
		padding: 0 20px;
	}
	.popup:not([class*="js"]) .inner.stepBox.common {
		padding: 0;
	}
	.popup:not([class*="js"]) .inner .popup_inner {
		padding: 35px 20px;
	}

	/* popup > .inner .complete */
	.popup > .inner .complete img {
		width: 230px;
		height: auto;
	}
	.popup > .inner .complete p {
		font-size: 1.5rem;
	}

	/* popup .head.mo */
	.popup .head.mo {
		display: block;
		height: 74px;
		padding: 3px 15px 3px 25px;
		border-bottom: 1px solid #E6E8F0;
		background-color: #fff;
	}
	.popup .head.mo > .inner {
		height: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		padding: 0;
	}
	.popup .head.mo .btnArea {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		position: static;
	}
	.popup .head.mo .btnClose {
		width: 37px;
		height: 37px;
		background: url("../images/ico/ico-close.svg") no-repeat center;
		margin-top: 8px;
	}
	.popup .head.mo .logo {
		width: 117px;
		height: 37px;
		margin-top: 5px;
		object-fit: contain;
		background: #fff url(../images/common/logo-mapPick.svg) no-repeat center;
		background-size: contain;
	}
	.popup .head.mo .logo, .popup .head.mo .btnArea {
		height: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
	}

	/* popup .halfContainer */
	.popup .halfContainer, .popup .formContainer {
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		    -ms-flex-direction: column-reverse;
		        flex-direction: column-reverse;
	}
	.popup .halfContainer .right .category, .popup .formContainer .right .category {
		width: 52px;
		height: 52px;
		background-size: 52px;
	}

	/* popup .inner */
	.popup .inner.type02 .imgArea {
		margin-top: 120px;
	}
	.popup .inner.common {
		padding: 20px 36px;
	}
	.popup .inner .btnArea.type02 {
		display: none;
	}

	/* popup .left */
	.popup .left {
		width: 100%;
	}
	.popup .left.auto {
		width: 100%;
	}
	.popup .left .thumbnail {
		width: 100%;
	}
	.popup .left .thumbnail.type02 {
		width: 100%;
		height: 288px;
	}

	/* popup .right */
	.popup .right {
		padding-top: 0;
	}
	.popup .middle .btnArea {
		margin-bottom: 16px;
	}

	/* popup .mapDescription */
	.popup .mapDescription {
		max-height: 280px;
		overflow-x: hidden;
		overflow-y: auto;
	}
	.popup .mapDescription::-webkit-scrollbar {
		width: 6px;
		height: 6px;
	}
	.popup .mapDescription::-webkit-scrollbar {
		width: 6px;
	}
	.popup .mapDescription::-webkit-scrollbar-thumb, .popup .mapDescription::-webkit-scrollbar-track {
		border-radius: 0;
	}

	/* popup .inner */
	.popup > .inner {
		padding: 40px 20px;
		overflow-y: auto;
		max-height: calc(100% - 74px);
		overflow-x: hidden;
		overflow-y: auto;
		border-radius: unset;
		height: 100%;
	}

	.popup > .inner:has(.btnArea.outside) {
		max-height: calc(100% - 150px);
	}

	.popup > .inner::-webkit-scrollbar {
		width: 6px;
		height: 6px;
	}
	.popup > .inner::-webkit-scrollbar {
		width: 6px;
	}
	.popup > .inner::-webkit-scrollbar-thumb, .popup > .inner::-webkit-scrollbar-track {
		border-radius: 0;
	}
	.popup > .inner .btnArea.not {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
	.popup > .inner .btnArea.not:first-of-type {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
	.popup > .inner .btnArea:first-of-type {
		display: none;
	}

	/* popup .innerBox */
	.popup .innerBox {
		max-width: calc(100vw - 40px);
		width: 100%;
	}
	.popup .innerBox .title {
		font-size: 1.625rem;
	}
	.popup .innerBox .description {
		font-size: 1.375rem;
	}
	.popup .innerBox .btnArea {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		row-gap: 12px;
		-webkit-column-gap: 0;
		   -moz-column-gap: 0;
		        column-gap: 0;
	}
	.popup .innerBox .btnArea button {
		width: 100%;
	}
	.popup .imgArea img[alt="그룹 신청 이미지"] {
		width: 104px;
		height: 63px;
	}
	.popup::after {
		display: none;
	}
	.popup .formContainer {
		row-gap: 24px;
	}
	.popup .formContainer .left, .popup .formContainer .right {
		width: 100%;
	}
	.popup .formContainer + .listArea {
		margin-top: 25px;
		margin-bottom: 20px;
	}
	.popup .sectionBox .mobSm {
		min-width: 105px;
		border-radius: 5px;
	}
	.popup .contentsContainer {
		padding-top: 33px;
	}
	.popup .popTitArea::before {
		width: 102px;
		height: 90px;
		background-size: 102px 90px;
	}
	.popup .popTitArea > .title {
		font-size: 1.875rem;
	}
	.popup .popTitArea > .desc {
		font-size: 1rem;
	}
	.popup .btn.bgGradation {
		min-width: 300px;
	}
	.popup .btn.bgGradation::before {
		min-width: 300px;
	}
	.popup .btnArea.poS .btn {
		min-width: 150px;
	}
	/* selectContainer */
	.selectContainer {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		row-gap: 8px;
		margin-top: 30px;
		margin-bottom: 30px;
	}
	.selectContainer .selectArea, .selectContainer .inputArea {
		width: 100%;
	}
	.selectContainer .selectArea input, .selectContainer .inputArea input {
		-webkit-box-flex: 1;
		    -ms-flex: 1;
		        flex: 1;
	}
	.selectContainer.not {
		margin-top: 12px;
	}
	.selectContainer.not .selectArea .selected {
		height: 45px;
	}
	.selectContainer.not .selectArea .selectedTxt {
		font-size: 0.9375rem;
	}
	.selectContainer .inputArea .absBox {
		width: 100%;
	}
	.selectArea.active::before {
		display: none;
	}

	/* selectList */
	.selectList {
		overflow-x: hidden;
		overflow-y: auto;
	}
	.selectList::-webkit-scrollbar {
		width: 6px;
		height: 6px;
	}
	.selectList::-webkit-scrollbar {
		width: 6px;
	}
	.selectList::-webkit-scrollbar-thumb, .selectList::-webkit-scrollbar-track {
		border-radius: 0;
	}

	/* depthBox */
	.depthBox {
		overflow-x: hidden;
		overflow-y: auto;
	}
	.depthBox::-webkit-scrollbar {
		width: 6px;
		height: 6px;
	}
	.depthBox::-webkit-scrollbar {
		width: 6px;
	}
	.depthBox::-webkit-scrollbar-thumb, .depthBox::-webkit-scrollbar-track {
		border-radius: 0;
	}

	/* tableBox */
	.tableBox {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		row-gap: 30px;
	}
	.tableBox.col2 > div {
		width: 100%;
	}
	.tableBox div.agree {
		height: auto;
		padding: 50px 30px;
	}
	.tableBox div.agree .mType {
		display: block;
	}

	/* table */
	.table colgroup {
		display: none;
	}

	.table colgroup.mType {
		display: revert;
	}

	.table th.none, .table td.none {
		display: none;
	}
	.table th.fileCell, .table td.fileCell {
		width: 65px;
	}
	.table th.m768, .table td.m768 {
		display: revert !important;
	}

	/* table.col2 */
	.table.col2 th:first-of-type, .table.col2 td:first-of-type {
		width: 80px;
	}
	.table.col2 th:last-of-type, .table.col2 td:last-of-type {
		width: unset;
	}
	.table.col2 th.p50, .table.col2 td.p50 {
		padding: 0 15px 0 70px;
	}

	/* table.col3 */
	.table.col3 th:first-of-type, .table.col3 th:nth-of-type(2), .table.col3 td:first-of-type, .table.col3 td:nth-of-type(2) {
		width: 100px;
	}
	.table.col3 th:last-of-type, .table.col3 td:last-of-type {
		width: 100%;
	}
	.table.col3.wdType01 th:nth-of-type(2), .table.col3.wdType01 th:last-of-type, .table.col3.wdType01 td:nth-of-type(2), .table.col3.wdType01 td:last-of-type {
		width: 40%;
	}
	.table.col3.wdType01 th:nth-of-type(3), .table.col3.wdType01 td:nth-of-type(3) {
		width: 80px;
	}
	.table.col3.wdType02 th:first-of-type, .table.col3.wdType02 td:first-of-type {
		width: 80px;
	}
	.table.col3.wdType02 th:nth-of-type(2), .table.col3.wdType02 td:nth-of-type(2) {
		width: 120px;
	}
	.table.col3.wdType02 th:nth-of-type(3), .table.col3.wdType02 td:nth-of-type(3) {
		width: 150px;
	}
	.table.col3.wdType03 th:first-of-type, .table.col3.wdType03 th:nth-of-type(2), .table.col3.wdType03 td:first-of-type, .table.col3.wdType03 td:nth-of-type(2) {
		width: 100px;
	}
	.table.col3.wdType03 th:last-of-type, .table.col3.wdType03 td:last-of-type {
		width: auto;
	}

	/* table.col4 */
	.table.col4 th:first-of-type, .table.col4 th:nth-of-type(2), .table.col4 td:first-of-type, .table.col4 td:nth-of-type(2) {
		width: 80px;
	}
	.table.col4 th:nth-of-type(3), .table.col4 td:nth-of-type(3) {
		width: 100px;
	}
	.table.col4 th:last-of-type, .table.col4 td:last-of-type {
		width: 110px;
	}

	/* table.type01 */
	.table.type01 {
		overflow-x: hidden;
		overflow-y: auto;
	}
	.table.type01::-webkit-scrollbar {
		width: 6px;
		height: 6px;
	}
	.table.type01::-webkit-scrollbar {
		width: 6px;
	}
	.table.type01::-webkit-scrollbar-thumb, .table.type01::-webkit-scrollbar-track {
		border-radius: 0;
	}

	/* table.noData */
	.table.noData td[colspan].wd80 {
		width: 80px;
	}

	/* checkbox label */
	.checkbox label {
		display: inline-block;
		line-height: 19px;
	}
	.checkbox label::before {
		position: relative;
		top: 4px;
	}

	/* subTitleArea */
	.subTitleArea {
		font-size: 2.1875rem;
	}
	.subTitleArea.type02 {
		font-size: 1.875rem;
		margin-bottom: 12px;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-pack: start;
		    -ms-flex-pack: start;
		        justify-content: flex-start;
	}
	.subTitleArea.bb2 {
		margin-bottom: 0;
	}
	.subTitleAreaBox > h3 {
		font-size: 1.75rem;
	}
	.subTitleAreaBox > h3 + .tag {
		margin-left: 8px;
	}

	/* seeMoreArea */
	.seeMoreArea {
		margin-top: 16px;
		padding-bottom: 40px;
	}
	.seeMoreArea.type02 .btnSeeMore {
		height: 47px;
		font-size: 1.125rem;
		padding: 0 42.5px;
	}
	.seeMoreArea.type02 .btnSeeMore .count:first-of-type {
		margin-left: 15px;
	}
	.seeMoreArea.type02 .btnSeeMore .count:last-of-type::after {
		width: 18px;
		height: 18px;
		background-size: 18px;
		margin-top: 2px;
	}
	.seeMoreArea.double {
		padding-bottom: 60px;
	}

	/* boardArea */
	.boardArea.type01 {
		margin-bottom: 60px;
	}
	.boardHead {
		padding: 34px 20px 32px 20px;
	}
	.boardTitle {
		font-size: 1.5625rem;
		font-family: "Noto Sans Medium";
		color: #000;
	}
	.boardTitle.eps {
		width: 100%;
	}
	.boardBottom {
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-column-gap: 12px;
		   -moz-column-gap: 12px;
		        column-gap: 12px;
	}
	.boardBottom .btnArea {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-column-gap: 12px;
		   -moz-column-gap: 12px;
		        column-gap: 12px;
	}
	.boardEtcTxt {
		margin-top: 5px;
	}
	.absBox.type02 {
		-webkit-box-pack: start;
		    -ms-flex-pack: start;
		        justify-content: flex-start;
		margin-top: 16px;
	}
	.absBox.type02 .btnArea.last {
		top: 0;
	}
	.rowFormCell {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-align: start;
		    -ms-flex-align: start;
		        align-items: flex-start;
	}
	.rowFormHead {
		margin-right: 0;
		min-width: auto;
		margin-bottom: 8px;
	}
	.rowFormBody textarea.h500 {
		height: 344px;
	}
	.btnArea.default2 .btn {
		min-width: auto;
		width: 100%;
	}
	.btnArea.mwdType01 button {
		max-width: calc(100vw - 40px);
		width: 100%;
		min-width: auto;
	}
	.btnArea button.btnGroupCreate {
		height: 47px;
	}

	/* rowFormBody */
	.rowFormBody.full {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		row-gap: 8px;
	}
	.rowFormBody.full .selectArea, .rowFormBody.full input {
		-webkit-box-flex: 0;
		    -ms-flex: none;
		        flex: none;
	}

	/* userCardList */
	.userCardList > li:nth-child(n+3) {
		display: none;
	}
	.userCardList.active > li:nth-child(n+3) {
		display: block;
	}

	/* bothSideArea */
	.bothSideArea {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-align: start;
		    -ms-flex-align: start;
		        align-items: flex-start;
	}
	.bothSideArea .selectContainer {
		width: 100%;
	}
	.bothSideArea .selectContainer .inputArea + .btnArea {
		width: 100%;
	}
	.bothSideArea .btnAddToGroup {
		width: 100%;
		border-radius: 10px;
	}
	.bothSideArea ~ .resultArea {
		margin-bottom: 10px;
	}

	/* contentsContainer */
	.contentsContainer .innerContentsArea .cardItem .top {
		padding-top: 45.2%;
	}
	.contentsContainer .innerContentsArea .cardItem .middle .tit {
		font-size: 0.875rem;
	}
	.contentsContainer .innerContentsArea .cardItem .body {
		padding: 20px 12px;
	}
	.contentsContainer .innerContentsArea .cardItem .bottom .date, .contentsContainer .innerContentsArea .cardItem .bottom .name {
		font-size: 0.75rem;
	}
	.contentsContainer .innerContentsArea {
		margin-top: -26px;
	}
	.contentsContainer .innerContentsArea .btnArea button {
		width: 100%;
		min-width: auto;
	}
	.contentsContainer .innerContentsTitle {
		margin-bottom: 20px;
		font-size: 1.5rem;
	}
	.mobMyArea {
		max-width: calc(100vw - 62px);
		z-index: 20;
	}

	/* 2.사용자(로그인) */
	.groupContents {
		padding: 30px 0 20px;
	}

	.groupContentsArea .myActivity {
		margin-left: 0;
		font-size: 1.25rem;
	}

	/* activityItem */
	.activityItem {
		height: 116px;
		padding: 20px 15px 20px 15px;
	}
	.activityItem .head .title {
		font-size: 0.9rem;
        display: inline-block;
		width: calc(100% - 10px);
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
	}
	.activityItem .head .title::before {
		width: 19px;
		height: 19px;
		background-size: 19px;
		display: inline-block;
        position: relative;
        top: 3px;
	}

	.activityItem .bottom .valueCount {
		font-size: 3.0rem;
	}
	.activityItem .bottom .countTxt {
		font-size: 0.875rem;
	}
	.activityItem .bottom .countTxt > p {
		margin-top: -26px;
	}

	.inputContainer .inputArea > label {
		font-size: 0.95rem;
		width: 130px;
	}

	.formRowArea {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-column-gap: 0;
		   -moz-column-gap: 0;
		        column-gap: 0;
		row-gap: 12px;
	}

	/* userGuide - introSection01 */
	.introSection01 {
		padding-bottom: 55px;
	}
	.introSection01 .boxArea .boxList li {
		height: 270px;
		padding: 0 28px 52px 28px;
	}
	.introSection01 .boxArea .boxList li .boxTitle {
		font-size: 1.25rem;
		margin-bottom: 10px;
	}
	.introSection01 .boxArea .boxList li .boxDesc {
		font-size: 0.9375rem;
	}
	.introSection01 .boxArea .boxList li::before {
		width: 52px;
		height: 52px;
		background-size: 52px;
	}
	.introSection01 .boxArea .boxList li::after {
		width: 35px;
		height: 35px;
		background-size: 8px;
		right: -17px;
	}

	/* index.html */
	/* section */
	.section {
		height: 960px;
	}

	/* fileList */
	.fileList li .eps {
		max-width: 88%;
	}

	/* cardItem */
	.cardItem.type02 .bottom .name {
		margin-left: 10px;
	}
	.cardItem.type02 .btnShare {
		width: 26px;
		height: 26px;
		background-size: 13px;
	}
	.listArea.type02 ul li {
		line-height: 40px;
	}
	.groupDepthList {
		max-height: 450px;
		overflow-x: hidden;
		overflow-y: auto;
	}
	.groupDepthList::-webkit-scrollbar {
		width: 8px;
		height: 8px;
	}
	.groupDepthList::-webkit-scrollbar-thumb {
		background: #c2c2c2;
		border-radius: 5px;
		-webkit-transition: .3s;
		transition: .3s;
	}
	.groupDepthList::-webkit-scrollbar-track {
		background: none;
		border-radius: 5px;
	}

	.groupDepthList .groupDepthItem .groupName {
		font-size: 0.9375rem;
	}
	.groupDepthList .groupDepthItem + .groupDepthItem {
		margin-top: 5px;
	}
	.groupDepthList #depthLine {
		left: 30.5px;
	}

	/* cardList */
	.mapgalleryCardList, .contentsCardList, .myContentsCardList, .vgList {
    	grid-template-columns: repeat(1, 1fr);
  	}
  	.mapgalleryCardList .cardItem .top, .contentsCardList .cardItem .top, .myContentsCardList .cardItem .top {
    	height: 208px
  	}

	  .themeMapDetail .tabCont.tabIntab .tabNav,
	  .mapDetail .tabCont.tabIntab .tabNav,
	  .layerDetail .tabCont.tabIntab .tabNav {
		  position: relative;
		  top: unset;
		  right: unset;
	  }

	  .layerDetail>.tabCont>.tabBox,
	  .mapDetail>.tabCont>.tabBox,
	  .themeMapDetail>.tabCont>.tabBox {
		  margin-bottom: 0px;
	  }

	  .mapDetail>.tabCont>.tabBox+.tabCont.layerTab,
	  .themeMapDetail>.tabCont>.tabBox+.tabCont.layerTab {
		  margin-top: 22px;
	  }

	  .themeMapDetail .tabCont.tabIntab .tabNav ul,
	  .mapDetail .tabCont.tabIntab .tabNav ul,
	  .layerDetail .tabCont.tabIntab .tabNav ul {
		  width: 100%;
	  }

	  .themeMapDetail .tabCont.tabIntab .tabNav ul>li,
	  .mapDetail .tabCont.tabIntab .tabNav ul>li {
		  width: 33.33%;
	  }

	  .layerDetail .tabCont.tabIntab .tabNav ul>li {
		  width: 25%;
	  }

	  .cardItem .bottom .date {
		  min-width: 71px;
	  }

	  .btn.mwdType12 {
		  min-width: 150px;
	  }

	/* gallery_vg */
	.warning p {
		font-size: 16px;
	}

	/* price */
	.price_top {
		margin-bottom: 20px;
	}

	.price_top > .price_top_inner {
        padding: 15px 10px;
    }

	.price_top .price_user {
        height: 38px;
    }

	.price_top .price_user > em {
		font-size: 0.9rem;
	}

	.price_top .price_user > span {
		display: block;
	}

	.price_top_inner .priceTit {
		font-size: 1.5rem;
		height: 30px;
		margin-bottom: 15px;
	}

	.price_top_inner .priceTit.colorType {
		/* mou 체결 시 무료 */
		font-size: 1.1rem;
	}

	.price_policy_inner:has(.priceTit > br) .priceTit {
		height: 55px;
	}

	.price_policy_inner .price_top_inner > em {
        height: 35px;
        margin: 15px auto 15px;
		font-size: 0.9rem;
    }

	/* edu */
	.price_policy_inner:has(.price_top_inner em > br) .price_top_inner em {
		height: 45px;
	}


	.price_top .price_top_inner .priceDesc {
		height: 35px;
		font-size: 0.9rem;
	}

	/* price_inner > button */
	.btn.mwdType14 {
		font-size: 0.95rem;
		height: 44px;
		padding: 0;
    }

	.info_bottom > dt {
		font-size: 0.95rem;
		margin: 10px 0 7px;
	}

	.info_bottom > dd {
		min-width: 165px;
		min-height: 150px;
	}

	.info_bottom > dd > ul > li {
		font-size: 0.85rem;
	}

	.info_bottom li:not(:last-of-type) {
		margin-bottom: 3px;
	}

	.groupInfoArea .thumbnail img {
		width: 120px;
		height: 80px;
		margin-right: 5px;
	}

	.groupInfoArea .thumbnail .thumbnail_size {
		top: 27px;
	}

	.currentGroupItem {
		padding: 15px 15px !important;
		gap: 20px;
	}
}

@media (max-width: 500px) {
	/* myPage.visualArea */
	#wrap.myPage .visualArea > .inner::after {
		display: none;
	}

	/* userGuide - 맵픽이란 */
	#wrap.mp-intro .visualArea > .inner.type03::after {
		top: 0;
	}
	#wrap.mp-intro .visualArea > .inner.type03 .subDescArea {
		padding-bottom: 0;
	}

	/* footer */
	#footer .body .rowContainer {
		width: 100%;
	}

	#footer .body .rowContainer > div {
		flex-direction: column;
		gap: 15px;
	}

	#footer .body .rowContainer .row {
		-webkit-box-align: start;
		    -ms-flex-align: start;
		        align-items: flex-start;
	}
	#footer .body .rowContainer .row .address {
		white-space: pre-wrap;
	}

	/* stepArea */
	.stepArea {
		padding: 0 20px;
	}
	.stepList {
		-webkit-column-gap: 30px;
		   -moz-column-gap: 30px;
		        column-gap: 30px;
	}
	.stepItem::after {
		right: -25px;
		background-size: 16px;
	}
	.moreList {
		-webkit-column-gap: 0;
		   -moz-column-gap: 0;
		        column-gap: 0;
	}

	/* introSection01 */
	.introSection01 .boxArea .boxList li {
		padding: 0 28px 80px 28px;
	}
	.introSection01 .boxArea .boxList li:first-of-type, .introSection01 .boxArea .boxList li:nth-of-type(2) {
		padding: 0 28px 55px 28px;
	}
	.introSection01 .boxArea .boxList li::before {
		top: 25px;
	}
	.introSection01 .boxArea .boxList li .boxDesc br {
		display: none;
	}
	[class*="introSection"] .introSectionGroup .left .aiArea img {
		width: 100%;
	}
	[class*="introSection"] .introSectionGroup .right {
		width: 100%;
	}
	[class*="introSection"] .introSectionGroup .txtList ul {
		row-gap: 30px;
	}
	[class*="introSection"] .introSectionGroup .txtList ul li .tit {
		font-size: 1.625rem;
	}
	[class*="introSection"] .introSectionGroup .txtList ul li .desc {
		font-size: 1.125rem;
	}

	/* visualArea */
	.visualArea > .inner.type03.wide {
		height: 395px;
	}
	.visualArea > .inner.type03.wide::before, .visualArea > .inner.type03.wide::after {
		top: 66px;
	}
	#wrap .visualArea .subTitleArea {
		font-size: 2rem;
	}

	.visualArea > .inner .subDescArea.type02 p {
		display: block;
		word-break: keep-all;
		font-size: 1rem;
	}

	/* btnArea */
	.btnArea.fixed {
		right: 10px;
		bottom: 50px;
	}

	/* fileList */
	.fileList li {
		-webkit-column-gap: 5px;
		   -moz-column-gap: 5px;
		        column-gap: 5px;
	}
	.fileList li .eps {
		max-width: 90%;
	}

	/* rowFormBody */
	.rowFormBody.sb {
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		    -ms-flex-direction: column-reverse;
		        flex-direction: column-reverse;
		max-height: 260px;
	}
	.rowFormBody.sb .fileArea {
		width: 100%;
		margin-bottom: 20px;
	}
	.rowFormBody.sb .fileArea label {
		margin-left: 0;
		min-width: auto;
		width: 100%;
	}

	/* gallery_vg */
	.warning p {
		font-size: 14px;
	}
}

@media (max-width: 480px) {
	/* myPage.visualArea */
	#wrap.myPage .visualArea > .inner::before {
		background-position: 21.3% 0;
	}
	#wrap.myPage .visualArea > .inner::after {
		display: none;
	}

	/* #wrap:not(.myPage):nor(.blueVer) */
	#wrap:not(.myPage):not(.blueVer) .visualArea > .inner::before, #wrap:not(.myPage):not(.blueVer) .visualArea > .inner::after {
		background-size: 540px auto;
	}
	#wrap:not(.myPage):not(.blueVer) .visualArea > .inner.type02 .leftObject {
		left: 5px;
		top: -123px;
	}
	#wrap:not(.myPage):not(.blueVer) .visualArea > .inner.type02::before, #wrap:not(.myPage):not(.blueVer) .visualArea > .inner.type02::after {
		background-size: 540px auto;
	}
	#wrap:not(.myPage):not(.blueVer) .visualArea > .inner.type02::before {
		background-position: 0 0;
	}
	#wrap:not(.myPage):not(.blueVer) .visualArea > .inner.type02::after {
		background-position: 103.5% 100%;
	}

	/* 맵픽 기관 */
	#wrap.agency .visualArea > .inner::before, #wrap.agency .visualArea > .inner::after, #wrap.mapGallery .visualArea > .inner::before, #wrap.mapGallery .visualArea > .inner::after {
		background-size: 540px auto;
	}
	#wrap.agency .visualArea > .inner.type02 .leftObject, #wrap.mapGallery .visualArea > .inner.type02 .leftObject {
		left: 5px;
		top: -123px;
	}
	#wrap.agency .visualArea > .inner.type02::before, #wrap.agency .visualArea > .inner.type02::after, #wrap.mapGallery .visualArea > .inner.type02::before, #wrap.mapGallery .visualArea > .inner.type02::after {
		background-size: 540px auto;
	}
	#wrap.agency .visualArea > .inner.type02::before, #wrap.mapGallery .visualArea > .inner.type02::before {
		background-position: 0 0;
	}
	#wrap.agency .visualArea > .inner.type02::after, #wrap.mapGallery .visualArea > .inner.type02::after {
		background-position: 103.5% 100%;
	}

	/* footer */
	#footer .top {
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		row-gap: 8px;
	}
	.infoArea.type02 .txt {
		-webkit-box-pack: start;
		    -ms-flex-pack: start;
		        justify-content: flex-start;
	}
	.infoArea.type02 .txt::before {
		top: 3px;
		left: 0;
	}

	.boardBottom {
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		row-gap: 12px;
	}
	.boardBottom .btnArea {
		width: 100%;
	}
	.boardBottom .btnArea button {
		width: inherit;
		min-width: auto;
	}
	.absBox.type02 {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		row-gap: 10px;
	}
	.absBox.type02 .btnArea {
		width: 100%;
	}
	.absBox.type02 .btnArea.last {
		position: static;
	}
	.absBox.type02 .btnArea.last button {
		width: 100%;
	}
	.absBox.type02 .seeMoreArea {
		width: 100%;
	}
	.absBox.type02 .seeMoreArea button {
		width: 100%;
	}
	.boardArea.type01 {
		margin-bottom: 40px;
	}
	.boardHead .boardEtc {
		margin-top: 10px;
	}
	.boardEtc {
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}
	.boardEtcTxt {
		white-space: pre-wrap;
	}
	.imgArea img.findId {
		width: 100px;
		height: 88.58px;
	}

	/* userCard */
	.userCard {
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		row-gap: 10px;
	}
	.userCard .bottom {
		padding-left: 7px;
	}
	.groupCard .topImgArea {
		margin-bottom: auto;
	}
	.groupCardHead {
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}
	.groupCardHead .btnApply {
		margin-top: 12px;
	}

	/* popup */
	.popup .sectionBox {
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}
	.popup .sectionBox .btnArea {
		margin-top: 10px;
	}
	.popup > .inner.type05 ~ .btnArea.outside {
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		row-gap: 10px;
	}
	.popup .sectionName.lg {
		font-size: 1.625rem;
	}
	.popup > .inner .complete p {
		font-size: 1.25rem;
	}

	/* mobMyArea */
	.mobMyArea .middle .myMenuList {
		max-width: calc(100vw - 40px);
		overflow-x: auto;
		overflow-y: hidden;
	}
	.mobMyArea .middle .myMenuList::-webkit-scrollbar {
		width: 6px;
		height: 6px;
	}
	.mobMyArea .middle .myMenuList::-webkit-scrollbar {
		width: 6px;
	}
	.mobMyArea .middle .myMenuList::-webkit-scrollbar-thumb, .mobMyArea .middle .myMenuList::-webkit-scrollbar-track {
		border-radius: 0;
	}
	.mobMyArea .middle .myMenuList li > a {
		white-space: nowrap;
	}
	.activityItem .bottom .valueCount {
		font-size: 2.75rem;
	}

	/* userCardList */
	.userCardList {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-column-gap: 0;
		   -moz-column-gap: 0;
		        column-gap: 0;
	}
	.userCardList > li {
		width: 200px;
		margin: 0 auto;
	}
	.userCardList > li:nth-child(n+2) {
		display: none;
	}
	.userCardList.active > li:nth-child(n+2) {
		display: block;
	}
	.userCardList.col2 {
		-webkit-column-gap: 0;
		   -moz-column-gap: 0;
		        column-gap: 0;
	}

	/* stepBox .stepItem */
	.stepBox .stepItem .stepName {
		font-size: 0.875rem;
	}

	/* tableBox */
	.tableBox div.agree {
		padding: 30px 10px;
	}
	.tableBox div.agree .mType {
		height: auto;
	}
	.tableBox div.agree .mType.num01 {
		width: 130px;
	}
	.tableBox div.agree .mType.num02 {
		width: 240px;
	}
}

@media (max-width: 420px) {
	/* fileList */
	.fileList li .eps {
		max-width: 88%;
	}
}