.map-container{}
.map-container .mapwrap{border-radius: 16px; border:1px solid #d9d9d9; overflow: hidden;}
.map-container .mapwrap .map{height: 480px; width:100%; background: #ccc;}
.map-container .artwrap{margin-top: 50px; display: flex; justify-content: start; align-items: start; width:102%; margin-left:-1%;}
.map-container .artwrap .article{margin:0 1%;}
.map-container .artwrap .article:nth-of-type(1){width:31.33%;}
.map-container .artwrap .article:nth-of-type(2){width:64.66%;}
.map-container .artwrap .article .arthead{padding:15px 0; border-bottom:1px solid #000;}
.map-container .artwrap .article .arthead .roboto{font-family: 'Roboto Condensed'; font-size: 15px; line-height: 1.5em; color:#000; font-weight: bold; }
.map-container .artwrap .article .artbody{padding:20px 0; position: relative;}
.map-container .artwrap .article .artbody ul{margin-bottom: 0;}
.map-container .artwrap .article .artbody ul li{margin-bottom: 10px;}
.map-container .artwrap .article .artbody ul li:last-of-type{margin-bottom: 0;}
.map-container .artwrap .article .artbody ul li .subject{font-family: 'Pretendard-SemiBold'; font-size: 16px;}
.map-container .artwrap .article .artbody ul li .text{font-family: 'Pretendard-Regular';}
.map-container .artwrap .article .artbody .snswrap{position: absolute; bottom:0; right:0; display: flex; justify-content: start; align-items: center;}
.map-container .artwrap .article .artbody .snswrap .icon{width:120px; height: 120px; border-radius: 120px; border:1px solid #d9d9d9; text-align: center; text-decoration: none; display: flex; justify-content: center; align-items: center; flex-direction: column; transition: all .4s;}
.map-container .artwrap .article .artbody .snswrap .icon:nth-of-type(2){margin:0 20px;}
.map-container .artwrap .article .artbody .snswrap .icon:nth-of-type(1):hover,
.map-container .artwrap .article .artbody .snswrap .icon:nth-of-type(1):focus,
.map-container .artwrap .article .artbody .snswrap .icon:nth-of-type(1):active{background: #FAE100; border-color:#FAE100;}
.map-container .artwrap .article .artbody .snswrap .icon:nth-of-type(2):hover,
.map-container .artwrap .article .artbody .snswrap .icon:nth-of-type(2):focus,
.map-container .artwrap .article .artbody .snswrap .icon:nth-of-type(2):active{background:#00DA2D; border-color:#00DA2D;}
.map-container .artwrap .article .artbody .snswrap .icon:nth-of-type(3):hover,
.map-container .artwrap .article .artbody .snswrap .icon:nth-of-type(3):focus,
.map-container .artwrap .article .artbody .snswrap .icon:nth-of-type(3):active{background: #0088ff; border-color:#0088ff;}
.map-container .artwrap .article .artbody .snswrap .icon img{}
.map-container .artwrap .article .artbody .snswrap .icon .text{font-size: 13px; line-height: 1em; margin-top: 5px; font-family: 'Pretendard-SemiBold'; transition: color .4s;}
.map-container .artwrap .article .artbody .snswrap .icon:hover .text{color:#fff;}

@media screen and (max-width:1399px) {
	
}

@media screen and (max-width:1199px) {
	.map-container .artwrap .article .artbody .snswrap .icon{width:90px; height: 90px;}
	.map-container .artwrap .article .artbody .snswrap .icon img{height: 40px;}
}

@media screen and (max-width:1100px) {
	
}

@media screen and (max-width:1000px) {
	.map-container .artwrap .article .artbody .snswrap{position: static; margin-top: 20px;}
}

@media screen and (max-width:780px) {
	.map-container .mapwrap .map{height: 400px;}
	
	.map-container .artwrap .article .artbody .snswrap .icon{width:70px; height: 70px;}
	.map-container .artwrap .article .artbody .snswrap .icon .text{display: none;}
}

@media screen and (max-width:620px) {
	
}

@media screen and (max-width:520px) {
	.map-container .artwrap{display: block; width:100%; margin-left:0;}
	.map-container .artwrap .article{width:100% !important; margin:0;}
	.map-container .artwrap .article .artbody ul li .subject{font-size: 15px;}
	.map-container .artwrap .article .artbody .snswrap .icon{width:60px; height: 60px;}
	.map-container .artwrap .article .artbody .snswrap .icon img{height: 30px;}
}

@media screen and (max-width:420px) {
	.map-container .mapwrap .map{height: 360px;}
}