.local{border-radius: 5px;overflow: hidden;}
.local .map{height: 450px;}
.local .map .root_daum_roughmap, .local .map .root_daum_roughmap .wrap_map{width: 100%;height: 100%;}
.local .map .root_daum_roughmap .wrap_map .map_border{background-color: transparent !important;border: 0 !important;}
.local .map .root_daum_roughmap .cont{display: none;}
.local .map .root_daum_roughmap .roughmap_maker_label{display: none;}
.local .map .root_daum_roughmap img[role="presentation"]{display: none !important;}

.local .add{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;gap: 20px;padding: 37px 40px;background-color: #00377c;}
.local .add ul{flex: 1;display: flex;flex-wrap: wrap;gap: 20px;}
.local .add ul li{display: flex;align-items: flext-start;gap: 6px;font-weight: 600;font-size: 16px;line-height: 110%;letter-spacing: -.02em;color: #fff;}
.local .add ul li:before{content: '';width: 18px;height: 18px;background: no-repeat center;}
.local .add ul li.address{width: 100%;font-weight: 700;font-size: 24px;}
.local .add ul li.address:before{width: 24px;height: 24px;background-image: url(../img/content/location-address.png);}
.local .add ul li.email a{text-decoration: underline;text-decoration-thickness: 1px;text-underline-offset: 3px;}
.local .add ul li.email:before{background-image: url(../img/content/location-email.png);}
.local .add ul li.phone:before{background-image: url(../img/content/location-phone.png);}
.local .add .view{width: 235px;height: 59px;background-color: #00A8D6;border-radius: 99px;}
.local .add .view a{display: flex;justify-content: center;align-items: center;gap: 8px;height: 100%;font-weight: 700;font-size: 16px;line-height: 1;letter-spacing: -.02em;color: #fff;}
.local .add .view a:after{content: '';width: 10px;height: 10px;background: url(../img/content/location-ico-link.png) no-repeat center / 100% auto;}

.box-location .item {display: flex;flex-wrap: wrap;align-items: center;gap: 12px;padding: 30px 10px 30px 0;border-top: 1px solid #DDDDDD;}  
.box-location .item .left {width: 180px;display: flex;flex-direction: column;align-items: center;gap: 16px;box-sizing: border-box;padding: 0 10px;}
.box-location .item .left p {font-weight: 700;font-size: 24px;line-height: 1.1;letter-spacing: 0;vertical-align: middle;color: #111111;}
.box-location .item .right {flex: 1;}
.box-location .item .right ul {display: flex;flex-direction: column;gap: 32px;}
.box-location .item .right ul li {position: relative;display: flex;align-items: center;gap: 10px;padding: 0 0 0 15px;flex-wrap: wrap;}
.box-location .item .right ul li:before {content: "";position: absolute;width: 4px;height: 4px;background: #001A54;border-radius: 100%;left: 0;top: 13px;}
.box-location .item .right ul li .tit{font-weight: 700;font-size: 18px;line-height: 1.1;letter-spacing: -0.02em;vertical-align: middle;color: #001A54;min-height: 30px;align-content: center;}
.box-location .item .right ul li .txt { display: flex;align-items: center;font-weight: 500;font-size: 15px;line-height: 26px;letter-spacing: -0.02em;color: #666666;gap: 10px;flex-wrap: wrap;}

.box-location .item .right ul li.no-list{padding: 0;} 
.box-location .item .right ul li.no-list:before {display: none;} 

.box-location .item.item-style {padding: 40px 10px 40px 0;}

@media (max-width: 1024px) {
	.local .add{flex-direction: column;align-items: normal;gap: 20px;padding: 30px;}
	.local .add ul li{font-size: 14px;}
	.local .add ul li.address{font-size: 20px;}


	.box-location .item .left {width: 150px;}
}

@media (max-width: 768px) { 
	.box-location .item.item-style {padding: 30px 0px 30px 0;}
	.box-location .item {gap: 24px;flex-direction: column;padding: 30px 0px 30px 0;align-items:flex-start;}
	.box-location .item .left {width:auto;flex-direction: row;gap:10px;padding: 0;}
	.box-location .item .right ul li {padding: 0;}
	.box-location .item .left p {font-size:20px;}
	.box-location .item .left .ico {}
	.box-location .item .left .ico img {max-width: 22.86px;}
	.box-location .item .right ul {gap: 20px;} 	
	.box-location .item .right ul li .tit {padding: 0 0 0 25px;font-size: 16px;}
	.box-location .item .right ul li:before {left: 15px;}
	.box-location .item:last-child {padding: 30px 0px 0px 0;}
}

/* 지도가 표시될 컨테이너 영역 크기 지정 */
.local .map {
    width: 100%;
    height: 450px; /* 원하는 지도 높이로 조절 가능 (예: 400px, 500px) */
    background-color: #f5f5f5; /* 지도가 로딩되기 전 표시될 배경색 */
    border-radius: 10px 10px 0 0; /* 필요시 모서리를 둥글게 */
}