[class^="highbird_naver_map_area_"] {}
[class^="highbird_naver_map_area_"]:not(.skin_ver_2) .skin_2_container {display: none;}
[class^="highbird_naver_map_area_"]:not(.skin_ver_3) .skin_3_container {display: none;}

[class^="highbird_naver_map_area_"].skin_ver_2 {display: flex; align-items: center; justify-content: space-between; column-gap: 30px; background: #fff; border-radius: 20px; box-shadow: 0 0 10px 0 #ddd; padding: 50px;}
[class^="highbird_naver_map_area_"].skin_ver_2 .skin_2_container {flex: 0 0 40%; display: grid; row-gap: 20px; width: 100%;}
[class^="highbird_naver_map_area_"].skin_ver_2 .skin_2_container .map_subject {font-size: 1.8em; font-weight: bold;}
[class^="highbird_naver_map_area_"].skin_ver_2 .skin_2_container .map_info_set {line-height: 26px;}
[class^="highbird_naver_map_area_"].skin_ver_2 .skin_2_container .btn_area {display: flex; align-items: center; justify-content: space-between; column-gap: 10px;}
[class^="highbird_naver_map_area_"].skin_ver_2 .skin_2_container .btn_area .map_info_tel_btn,
[class^="highbird_naver_map_area_"].skin_ver_2 .skin_2_container .btn_area .map_open_btn {flex: 1; width: 100%; height: 41px; line-height: 39px; text-align: center; cursor: pointer;}
[class^="highbird_naver_map_area_"].skin_ver_2 .skin_2_container .btn_area .map_info_tel_btn:hover,
[class^="highbird_naver_map_area_"].skin_ver_2 .skin_2_container .btn_area .map_open_btn:hover {color: #fff; border-color: #228ffc; background: #228ffc;}
[class^="highbird_naver_map_area_"].skin_ver_2 .skin_2_container .btn_area .map_info_tel_btn {text-decoration: unset; color: #3b404b; background: #fff; border: 1px solid #3b404b;}
[class^="highbird_naver_map_area_"].skin_ver_2 .skin_2_container .btn_area .map_open_btn {color: #fff; background: #03c758; border: 1px solid #03c758;}
[class^="highbird_naver_map_area_"].skin_ver_2 .skin_2_container .btn_area .map_open_btn i.xi-naver-square {color: #fff;}


[class^="highbird_naver_map_area_"].skin_ver_3 {position: relative;}
[class^="highbird_naver_map_area_"].skin_ver_3 .skin_3_container {position: relative; top: -55px; left: 50%; transform: translateX(-50%); display: flex; justify-content: space-between; font-size: 16px; color: #fff; /*background: linear-gradient(135deg, #be0eba, #195cac);*/ width: 100%; min-width: 900px; max-width: 70%; padding: 20px 50px; z-index: 100;}
[class^="highbird_naver_map_area_"].skin_ver_3 .skin_3_container .info_row {flex: 1; display: flex; align-items: center; align-items: center; justify-content: center; column-gap: 10px;}
[class^="highbird_naver_map_area_"].skin_ver_3 .skin_3_container .info_row .col_1 .icon_area {display: flex; align-items: center; justify-content: center; font-size: 22px; background: rgb(0 0 0 / 30%); border-radius: 50%; width: 50px; height: 50px;}
[class^="highbird_naver_map_area_"].skin_ver_3 .skin_3_container .info_row .col_2 {display: grid;}
[class^="highbird_naver_map_area_"].skin_ver_3 .skin_3_container .info_row .col_2 .label_txt {font-size: .8em; opacity: .7;}
[class^="highbird_naver_map_area_"].skin_ver_3 .skin_3_container .info_row .col_2 .val {font-weight: bold;}


[id^=highbird_naver_map_].grabbing > div {cursor: grabbing !important;}

.map_info {position: relative; font-size: 14px; padding: 15px; min-width: 200px; height: 100%; line-height: 150%;}
.map_info_address/*,
.map_info_etc_text*/ {text-indent: -10px; padding-left: 20px;}
/*.map_info_etc_text::first-line {text-indent: 0; padding-left: 0;}*/
.map_info .map_info_tel_btn,
.map_info .map_open_btn {display: block; text-decoration: unset; color: #3b404b; border: 1px solid #3b404b; text-align: center; max-width: 95%; padding: 5px 8px; margin: 10px auto; margin-top: 20px; cursor: pointer;}
.map_info .map_info_tel_btn:hover,
.map_info .map_open_btn:hover {color: #fff; border-color: #228ffc; background: #228ffc;}

[class^="highbird_naver_map_area_"] i.xi-maker {color: #42cf61;}
[class^="highbird_naver_map_area_"] i.xi-paperclip {color: #5a76ff;}
[class^="highbird_naver_map_area_"] i.xi-call {color: #ff6347;}
[class^="highbird_naver_map_area_"] i.xi-naver-square {color: #04cf5c; font-size: 1.5em; vertical-align: sub;}


@media all and (max-width: 1020px){
	[class^="highbird_naver_map_area_"].skin_ver_2 {flex-direction: column; row-gap: 30px; padding: 30px;}
	[class^="highbird_naver_map_area_"].skin_ver_2 .skin_2_container .btn_area {flex-direction: column; row-gap: 10px;}
	
	
	[class^="highbird_naver_map_area_"].skin_ver_3 .skin_3_container {top: unset; left: unset; transform: unset; display: grid; justify-items: start; row-gap: 20px; min-width: unset; max-width: 100%; padding: 30px 20px;}
}