@charset "UTF-8";

/*layout*/

@media all and (max-width:1240px){
	.m_nav .depth1 > li > a {word-break: keep-all;}
	
}

/*content*/
.group1::before {height:620rem;}



/* 회원단체 위치 지도 */
.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: 48%;width: 12%;}
.member_map #map02{top: 54%;left: 50.5%;width: 13%;}
.member_map #map03{top: 57.5%;right: 13%;width: 17%;}
.member_map #map04{top: 71.5%;left: 43%;width: 11%;}
.member_map #map05{top: 80%;right: 14%;width: 17%;}
.member_map #map06{top: 70%;right: 0.5%;width: 11%;}


.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: 26%;width: 21%;}
.member_list > div .map_btn .r_02{right: 1%;top: 42.5%;width: 25%;}
.member_list > div .map_btn .r_03{right: 1%;top: 57%;width: 20%;}
.member_list > div .map_btn .r_04{right: 3%;top: 77.5%;width: 23%;}
.member_list > div .map_btn .r_05{right: 25%;top: 32%;width: 31%;}
.member_list > div .map_btn .r_06{right: 20%;top: 47.8%;width: 25%;}
.member_list > div .map_btn .r_07{right: 20%;top: 63.5%;width: 16%;}
.member_list > div .map_btn .r_08{left: 34%;top: 39%;width: 26%;}
.member_list > div .map_btn .r_09{left: 42.5%;top: 53%;width: 24.5%;}
.member_list > div .map_btn .r_10{left: 56%;top: 71.5%;width: 25%;}
.member_list > div .map_btn .r_11{left: 50%;top: 77%;width: 19%;}
.member_list > div .map_btn .r_12{left: 34.5%;top: 83.5%;width: 21%;}
.member_list > div .map_btn .r_13{left: 20.5%;top: 77.5%;width: 26%;}
.member_list > div .map_btn .r_14{left: 19.5%;top: 65.5%;width: 16%;}
.member_list > div .map_btn .r_15{left: 11%;top: 56.5%;width: 27%;}
.member_list > div .map_btn .r_16{left: 26%;top: 47.5%;width: 18%;}
.member_list > div .map_btn .r_17{left: 17%;top: 72%;width: 20.5%;}

/* 몽골 */
.member_list > div .map_btn .m_01{left: 6.5%;top: 27%;width: 17%;}
.member_list > div .map_btn .m_02{left: 2%;top: 46.5%;width: 25%;}
.member_list > div .map_btn .m_03{left: 7%;top: 55.5%;width: 21%;}
.member_list > div .map_btn .m_04{left: 13%;top: 62%;width: 24.5%;}
.member_list > div .map_btn .m_05{left: 15%;top: 40%;width: 22%;}
.member_list > div .map_btn .m_06{left: 32%;top: 47%;width: 24%;}
.member_list > div .map_btn .m_07{left: 19%;top: 19%;width: 23%;}
.member_list > div .map_btn .m_08{left: 24%;top: 34.5%;width: 21%;}
.member_list > div .map_btn .m_09{left: 36%;top: 25.5%;width: 20%;}
.member_list > div .map_btn .m_10{left: 36%;top: 53%;width: 26%;}
.member_list > div .map_btn .m_11{left: 24%;bottom: 27%;width: 28%;}
.member_list > div .map_btn .m_12{left: 43%;bottom: 19.5%;width: 24%;}
.member_list > div .map_btn .m_13{left: 47.5%;bottom: 32.5%;width: 22%;}
.member_list > div .map_btn .m_14{right: 22%;top: 28%;width: 19.5%;}
.member_list > div .map_btn .m_15{right: 28%;top: 18%;width: 27%;}
.member_list > div .map_btn .m_16{right: 29%;top: 41.7%;width: 22%;}
.member_list > div .map_btn .m_17{right: 20.5%;top: 47%;width: 16%;}
.member_list > div .map_btn .m_18{right: 16.5%;top: 33.5%;width: 21%;}
.member_list > div .map_btn .m_19{right: 9%;top: 57%;width: 27%;}
.member_list > div .map_btn .m_20{right: 11%;top: 67.5%;width: 22.5%;}
.member_list > div .map_btn .m_21{right: 0.5%;top: 51.8%;width: 25%;}
.member_list > div .map_btn .m_22{right: 0.5%;top: 38.5%;width: 19.5%;}

/* 중국 */
.member_list > div .map_btn .c_01{left: 15%;top: 39.5%;width: 21%;}
.member_list > div .map_btn .c_02{left: 13%;top: 45.5%;width: 20%;}
.member_list > div .map_btn .c_03{left: 33%;top: 55%;width: 22%;}
.member_list > div .map_btn .c_04{left: 26%;top: 31.5%;width: 36%;}
.member_list > div .map_btn .c_05{left: 55%;top: 37.5%;width: 21%;}
.member_list > div .map_btn .c_06{right: 25%;top: 23%;width: 40%;}
.member_list > div .map_btn .c_07{right: 27%;top: 49.5%;width: 19%;}
.member_list > div .map_btn .c_08{right: 33.5%;top: 63.5%;width: 19.5%;}
.member_list > div .map_btn .c_09{right: 4%;top: 44%;width: 24.5%;}
.member_list > div .map_btn .c_10{right: 4%;top: 70.5%;width: 20%;}
.member_list > div .map_btn .c_11{right: 2%;bottom: 34%;width: 19%;}
.member_list > div .map_btn .c_12{right: 2%;top: 10%;width: 28%;}
.member_list > div .map_btn .c_13{right: 2%;top: 23.5%;width: 18%;}
.member_list > div .map_btn .c_14{right: 2%;top: 32%;width: 22.5%;}


/* 한국 */ 
.member_list > div .map_btn .k_01 {right: 10%;top: 15%;width: 49%;}
.member_list > div .map_btn .k_02{left: 4%;top: 16%;width: 31%;}
.member_list > div .map_btn .k_03{left: 42%;top: 25.5%;width: 25%;}
.member_list > div .map_btn .k_04{left: 1%;top: 33%;width: 36%;}
.member_list > div .map_btn .k_05{left: 42%;top: 31.5%;width: 36%;}
.member_list > div .map_btn .k_06{right: 6%;top: 39.7%;width: 33%;}
.member_list > div .map_btn .k_07{left: 20%;top: 9%;width: 41%;}
.member_list > div .map_btn .k_08{left: 10%;top: 46%;width: 30%;}
.member_list > div .map_btn .k_09{right: 27%;top: 45.5%;width: 28%;}
.member_list > div .map_btn .k_10{right: 8%;top: 53.5%;width: 28%;}
.member_list > div .map_btn .k_11{right: 9%;top: 59.3%;width: 29%;}
.member_list > div .map_btn .k_12{left: 11%;top: 51.5%;width: 27%;}
.member_list > div .map_btn .k_13{left: 8%;top: 57.5%;width: 32%;}
.member_list > div .map_btn .k_14{right: 23%;top: 65%;width: 34%;}
.member_list > div .map_btn .k_15{left: 9%;top: 65%;width: 28%;}
.member_list > div .map_btn .k_16{right: 11.5%;top: 87.5%;width: 43.5%;} 


/* 일본 */
.member_list > div .map_btn .j_01{right: 10.5%;top: 37%;width: 22.5%;}
.member_list > div .map_btn .j_02{right: 40%;top: 41%;width: 20%;}
.member_list > div .map_btn .j_03{right: 12%;top: 48%;width: 25%;}
.member_list > div .map_btn .j_04{right: 18%;top: 54.5%;width: 22.5%;}
.member_list > div .map_btn .j_05{right: 24%;top: 61%;width: 24%;}
.member_list > div .map_btn .j_06{right: 41%;top: 46.5%;width: 24%;}
.member_list > div .map_btn .j_07{right: 55.5%;top: 54%;width: 21%;}
.member_list > div .map_btn .j_08{right: 34%;top: 67.5%;width: 21%;}
.member_list > div .map_btn .j_09{right: 71%;top: 60.3%;width: 21%;}
.member_list > div .map_btn .j_10{right: 53%;top: 74%;width: 22%;}
.member_list > div .map_btn .j_11{right: 75.5%;top: 67%;width: 23.5%;}


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


/* 지도 닫기버튼 */
.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);}