@charset "UTF-8";

body {font-family:"Meiryo", "Yu Gothic", "MS Gothic", 'Pretendard Variable', '맑은 고딕', sans-serif;}
.m_nav {word-break: break-all;}


/* 회원단체 위치 지도 */
.member_wrap{position: relative; border: 1px solid #ddd; border-radius: 10rem; overflow: hidden;}
.member_map{text-align: center;}
.member_map > div{max-width: 710px; width: 100%; height: 100%; left: 50%; transform: translateX(-50%); top: 0; position: absolute;}
.member_map > div a{position: absolute;height: 5%;width: 11%;display: block;z-index: 2;text-indent: -9999px;}
.member_map #map01{top: 34%;left: 49%;width: 15%;}
.member_map #map02{top: 54%;left: 49%;width: 15%;}
.member_map #map03{top: 58%;right: 3%;width: 30%;}
.member_map #map04{top: 71.5%;left: 33%;width: 21%;}
.member_map #map05{top: 80%;right: 18%;width: 13%;}
.member_map #map06{top: 70%;right: 1%;}

.member_list > div{display: none; text-align: center; background: #fff; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 3;}
.member_list > div.on{display: block !important;}
.member_list > div .map_btn{max-width: 710px; width: 100%; height: 100%; left: 50%; transform: translateX(-50%); top: 0; position: absolute;}
.member_list > div .map_btn a{position: absolute; display: block; width: 15%; height: 5%; text-indent: -9999px;}

/* 러시아 */
.member_list > div .map_btn .r_01{right: 1%; top: 37%; width: 13%;}
.member_list > div .map_btn .r_02{right: 0%;top: 45.7%;width: 22%;}
.member_list > div .map_btn .r_03{right: 0.8%;top: 61.5%;width: 14%;}
.member_list > div .map_btn .r_04{right: 6%;top: 67.3%;width: 13%;}
.member_list > div .map_btn .r_05{right: 24%;top: 33%;width: 15%;}
.member_list > div .map_btn .r_06{right: 13%;top: 53%;width: 21%;}
.member_list > div .map_btn .r_07{right: 22%;top: 64%;width: 14%;}
.member_list > div .map_btn .r_08{left: 35%;top: 39%;width: 24%;}
.member_list > div .map_btn .r_09{left: 51%;top: 47%;width: 20%;}
.member_list > div .map_btn .r_10{left: 59%;top: 71.5%;width: 19%;}
.member_list > div .map_btn .r_11{left: 45%;top: 77%;width: 18%;}
.member_list > div .map_btn .r_12{left: 38%;top: 70.5%;width: 19%;}
.member_list > div .map_btn .r_13{left: 40.5%; top: 53%; width: 18%;}
.member_list > div .map_btn .r_14{left: 19%; top: 65.5%; width: 17%;}
.member_list > div .map_btn .r_15{left: 23%; top: 56.5%; width: 15%;}
.member_list > div .map_btn .r_16{left: 31%;top: 46%;width: 14%;}
.member_list > div .map_btn .r_17{left: 19%;top: 72%;width: 17.5%;}

/* 몽골 */
.member_list > div .map_btn .m_01{left: 9%;top: 27%;width: 12%;}
.member_list > div .map_btn .m_02{left: 1%;top: 47%;width: 24%;}
.member_list > div .map_btn .m_03{left: 11%;top: 55.5%;width: 13%;}
.member_list > div .map_btn .m_04{left: 16%;top: 62%;width: 20%;}
.member_list > div .map_btn .m_05{left: 17.5%;top: 40%;width: 16%;}
.member_list > div .map_btn .m_06{left: 35%;top: 47%;width: 18%;}
.member_list > div .map_btn .m_07{left: 22%;top: 19%;width: 17%;}
.member_list > div .map_btn .m_08{left: 31%;top: 34.5%;width: 14%;}
.member_list > div .map_btn .m_09{left: 40%;top: 25.5%;width: 15%;}
.member_list > div .map_btn .m_10{left: 40%;top: 53%;width: 21%;}
.member_list > div .map_btn .m_11{left: 30%;bottom: 27%;width: 20%;}
.member_list > div .map_btn .m_12{left: 46%;bottom: 19.5%;width: 17%;}
.member_list > div .map_btn .m_13{left: 50.5%;bottom: 32%;width: 16.5%;}
.member_list > div .map_btn .m_14{right: 24%;top: 29%;width: 16%;}
.member_list > div .map_btn .m_15{right: 31%;top: 18%;width: 22%;}
.member_list > div .map_btn .m_16{right: 30%;top: 42%;width: 19%;}
.member_list > div .map_btn .m_17{right: 26%;top: 47%;width: 10%;}
.member_list > div .map_btn .m_18{right: 21%;top: 35%;width: 14%;}
.member_list > div .map_btn .m_19{right: 16%;top: 57%;width: 19%;}
.member_list > div .map_btn .m_20{right: 15%;top: 67.5%;width: 16%;}
.member_list > div .map_btn .m_21{right: 2%;top: 51%;width: 19%;}
.member_list > div .map_btn .m_22{right: 6%;top: 36.5%;width: 13%;}


/* 중국 */
.member_list > div .map_btn .c_01{left: 24%; top: 39.5%; width: 11%;}
.member_list > div .map_btn .c_02{left: 22%;top: 46%;width: 10%;}
.member_list > div .map_btn .c_03{left: 42%;top: 55%;width: 12%;}
.member_list > div .map_btn .c_04{left: 44.5%;top: 31%;width: 20.5%;}
.member_list > div .map_btn .c_05{left: 59%;top: 37%;width: 10.5%;}
.member_list > div .map_btn .c_06{right: 20%;top: 23%;width: 22%;}
.member_list > div .map_btn .c_07{right: 30%; top: 49%; width: 10%;}
.member_list > div .map_btn .c_08{right: 35%;top: 63.5%;width: 11%;}
.member_list > div .map_btn .c_09{right: 20%;top: 45%;width: 9.5%;}
.member_list > div .map_btn .c_10{right: 12%;top: 70.5%;width: 10%;}
.member_list > div .map_btn .c_11{right: 8%;bottom: 34%;width: 11%;}
.member_list > div .map_btn .c_12{right: 9%;top: 10%;width: 14%;}
.member_list > div .map_btn .c_13{right: 2%;top: 27.5%;width: 10%;}
.member_list > div .map_btn .c_14{right: 3%;top: 36%;width: 11%;}


/* 한국 */
.member_list > div .map_btn .k_01{right: 39%; top: 14%; width: 19%;}
.member_list > div .map_btn .k_02{left: 25%; top: 16%; width: 15%;}
.member_list > div .map_btn .k_03{left: 35%; top: 21.5%; width: 10%;}
.member_list > div .map_btn .k_04{left: 27%; top: 32.5%; width: 12%;}
.member_list > div .map_btn .k_05{left: 41%; top: 31%; width: 11%;}
.member_list > div .map_btn .k_06{right: 35%; top: 33%; width: 12%;}
.member_list > div .map_btn .k_07{left: 17%; top: 41%; width: 18%;}
.member_list > div .map_btn .k_08{left: 25%; top: 46%; width: 15%;}
.member_list > div .map_btn .k_09{right: 38%; top: 44.5%; width: 14%;}
.member_list > div .map_btn .k_10{right: 21%; top: 53%; width: 14%;}
.member_list > div .map_btn .k_11{right: 23%;top: 60%; width: 14.5%;}
.member_list > div .map_btn .k_12{left: 19%;top: 51.5%;width: 19%;}
.member_list > div .map_btn .k_13{left: 22%; top: 57.5%; width: 15%;}
.member_list > div .map_btn .k_14{right: 42%; top: 60%; width: 12%;}
.member_list > div .map_btn .k_15{left: 24%; top: 65%; width: 12%;}
.member_list > div .map_btn .k_16{right: 35%;top: 88%;width: 20%;}

/* 일본 */
.member_list > div .map_btn .j_01{right: 20.5%;top: 37%;width: 11%;}
.member_list > div .map_btn .j_02{right: 42%;top: 41%;width: 11%;}
.member_list > div .map_btn .j_03{right: 21%;top: 48%;width: 12%;}
.member_list > div .map_btn .j_04{right: 28%;top: 54.5%;width: 11%;}
.member_list > div .map_btn .j_05{right: 36%; top: 61%; width: 12%;}
.member_list > div .map_btn .j_06{right: 47%; top: 49%; width: 12%;}
.member_list > div .map_btn .j_07{right: 54%;top: 58.5%;width: 12%;}
.member_list > div .map_btn .j_08{right: 43%;top: 66.5%;width: 11%;}
.member_list > div .map_btn .j_09{right: 60%;top: 52%;width: 12%;}
.member_list > div .map_btn .j_10{right: 58%; top: 74%; width: 10%;}
.member_list > div .map_btn .j_11{right: 68%;top: 59.5%;width: 12%;}

/* 북한 */
.member_list > div .map_btn .d_01{right: 13%;top: 14%;width: 16%;}
.member_list > div .map_btn .d_02{right: 19%;top: 27.5%;width: 13%;}


/* 지도 닫기버튼 */
.member_list > div button{position: absolute; bottom: 10rem; right: 10rem; width: 50rem; height: 50rem; background: #333; border: 0; border-radius: 5rem;}
.member_list > div button::before,
.member_list > div button::after{position: absolute; content: ""; width: 23rem; height: 2rem; background: #fff; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(45deg);}
.member_list > div button::after{transform: translate(-50%, -50%) rotate(-45deg);}