@charset "utf-8";
/* 리스트 */
.member_wrap {margin:0 -10px;}
.member_wrap:after{display:block; clear:both; visibility:hidden; content:'';} 
.member_wrap .item {float: left;width: calc(50% - 20px);margin: 0 10px 20px;padding: 30px;border: 1px solid #e1e1e1;background: url(/images/council/main/bg.png)no-repeat 92% 25%;}
.member_wrap .item .inner {}
.member_wrap .item .inner:after{display:block; clear:both; visibility:hidden; content:'';}
.member_wrap .item .thumb {overflow: hidden;float:left;width: 130px;height: 170px;border:1px solid #e1e1e1;}
.member_wrap .item .thumb span {display: block;overflow: hidden;position:relative;width:100%;height:100%;background: #f4f4f4;}
.member_wrap .item .thumb span img {position:absolute;left:50%;top:50%;width: auto;max-width: 1000%;height: 100%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.member_wrap .item .info {float:right;width: calc(100% - 160px);}
.member_wrap .item .info > span{display:block; margin:5px 0 10px;font-weight:bold; font-size:15px; color:#4c5bb9;line-height:1;}
.member_wrap .item .info .tit {margin: 0 0 20px;font-weight:bold;font-size:20px;line-height:1;color: #000;}
.member_wrap .item .info ul {}
.member_wrap .item .info ul li {overflow:hidden;position:relative;margin: 5px 0;padding-left:95px;font-size: 15px;color: #000;text-overflow: ellipsis;white-space: nowrap;}
.member_wrap .item .info ul li em {display:block;position: absolute;left:0;top:0;font-weight:700;font-size: 15px;color:#000;}
.member_wrap .item .info ul li span {display:inline-block;width:16px;height:17px;margin: -2px 10px 0 0;background-image: url(/images/council/main/m_ir.png);vertical-align: middle;}
.member_wrap .item .info ul li span.ico1 {background-position:-68px 0;}
.member_wrap .item .info ul li span.ico2 {background-position:-68px -60px;}
.member_wrap .item .info .btn_wrap {margin: 7px 0 0;}
.member_wrap .item .info .btn_wrap a {display: block;width: 100%;margin:5px 0 0;text-align:center;}

/* 팝업 */
.member_pop {width: 100%; max-width:500px;height:100%;padding:20px;background:#F0F2F5;}
.member_pop .item {height: 100%;background:#fff;padding:30px 8%;}
.member_pop .item .inner {}
.member_pop .item .inner:after{display:block; clear:both; visibility:hidden; content:'';}
.member_pop .item .thumb {overflow: hidden;width: 130px;height: 170px;margin:0 auto 20px; border:1px solid #e1e1e1;}
.member_pop .item .thumb span {display: block;overflow: hidden;position:relative;width:100%;height:100%;background: #f4f4f4;}
.member_pop .item .thumb span img {position:absolute;left:50%;top:50%;width: auto;max-width: 1000%;height: 100%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.member_pop .item .info {width:100%;}
.member_pop .item .info .tit {margin: 10px 0 20px;font-weight:bold;font-size:20px;line-height:1;color: #000;}
.member_pop .item .info ul {}
.member_pop .item .info ul li {padding-left:90px;font-size:15px;}
.member_pop .item .info ul li:before {top:10px;}
.member_pop .item .info ul li span {display:inline-block; position:absolute; left:10px; top:0; font-weight:700;font-size:15px;}
.member_pop .item .info ul li.n6 {padding-left: 10px;}
.member_pop .item .info ul li.n6 span {position:static;margin:0 0 5px;vertical-align: top;}
.member_pop .item .info ul li.n6 textarea {display:block;width:100%;height:150px;padding: 15px;border:1px solid #eee;outline: none;}

/* 지도 */
.member_map {margin:0 0 30px;padding:30px; border: 1px solid #e1e1e1;}
.member_map:after {display:block; clear:both; visibility:hidden; content:'';}
.member_map .mapbtn {float:left;position: relative;width: 595px;}
.member_map .mapbtn img {}
.member_map .mapbtn ul {}
.member_map .mapbtn ul li {position:absolute;text-align: center;}
.member_map .mapbtn ul li:nth-child(1) {top: 0%;right: 43.8%;width: 38.7%;height: 63%;padding: 20% 0 0;}
.member_map .mapbtn ul li:nth-child(2) {top: 4%;right: 32.3%;width: 29.3%;height: 51.3%;padding: 13% 0 0 10%;}
.member_map .mapbtn ul li:nth-child(3) {bottom: 9%;right: 21%;width: 47.4%;height: 38.5%;padding: 9% 0 0;}
.member_map .mapbtn ul li:nth-child(4) {bottom: 34%;right: 34%;width: 22.4%;height: 22.1%;padding: 3% 0 0;}
.member_map .mapbtn ul li:nth-child(5) {left: 6%;bottom: 15%;}
.member_map .mapbtn ul li:nth-child(5) a {width:70px;height:70px;padding:16px 15px 0;border-radius:50%;background:url(/images/council/main/btn_bg.jpg)repeat;text-align:center;line-height:1.3;font-size:15px;font-weight:700;box-shadow: 5px 5px 1px rgba(0,0,0,.1);} 
.member_map .mapbtn ul li.ov:nth-child(5) a {background:url(/images/council/main/btn_bg2.jpg)repeat;}
.member_map .mapbtn ul li:nth-child(5) a span {display:none;}
.member_map .mapbtn ul li a {display: inline-block;position:relative;z-index: 1;width: 110px;height:30px;line-height:30px;padding-left:40px;border-radius:30px;background: #333;color: #fff;font-size: 14px;text-align: left;}
.member_map .mapbtn ul li span {display:inline-block;position:absolute;left:5px;bottom: 10px;width:31px;height:39px;background-image: url(/images/council/main/m_ir.png);background-position:0 0;}
.member_map .mapbtn ul li.ov a span {background-position:-34px 0;-webkit-animation: map 1.5s ease infinite;animation:map 1.5s ease infinite;}
.member_map .mapbtn ul li.ov a + div {position:absolute; left:0; top:0; width:100%; height:100%;}
.member_map .mapbtn ul li.ov:nth-child(1) a + div {background:url(/images/council/main/map_ov4.png)no-repeat;}
.member_map .mapbtn ul li.ov:nth-child(2) a + div {background:url(/images/council/main/map_ov3.png)no-repeat;}
.member_map .mapbtn ul li.ov:nth-child(3) a + div {background:url(/images/council/main/map_ov1.png)no-repeat;}
.member_map .mapbtn ul li.ov:nth-child(4) a + div {background:url(/images/council/main/map_ov2.png)no-repeat;}
.member_map .mapbtn ul li em {display:inline-block; margin-right:5px;font-size:15px; font-weight:700; }
.member_map .mapcon {float: right;width: calc(100% - 595px);padding:30px 0 0;}
.member_map .mapcon strong {display:block; margin:0 0 20px; font-size:16px; font-weight:700;line-height:1.4;}
.member_map .mapcon strong span {display:inline-block;color: #3a67b9;line-height:1.4;}
.member_map .mapcon ul {}
.member_map .mapcon ul:after{display:block; clear:both; visibility:hidden; content:'';}
.member_map .mapcon ul li {position:relative;margin:0 0 15px;padding: 5px 0 0 35px;font-size:14px;}
.member_map .mapcon ul li span {display:inline-block;position:absolute;left:0;top: 0;width: 25px;height:25px;border-radius:3px;}
.member_map .mapcon ul li:nth-child(1) span {background:#b1d7da;}
.member_map .mapcon ul li:nth-child(2) span {background:#c0ddef;}
.member_map .mapcon ul li:nth-child(3) span {background:#dfeed4;}
.member_map .mapcon ul li:nth-child(4) span {background:#bdcfe2;}
.member_map .mapcon ul li:nth-child(5) span {background:#646675;}
.member_map .mapcon ul li em {display:block;font-weight:700;font-size:15px;margin: 0 5px 2px 0;line-height: 1;}

@-webkit-keyframes map{0%,40%,100% {-webkit-transform:translateY(0)}20%,60% {-webkit-transform:translateY(3px)}}
@keyframes map{0%,40%,100% {transform:translateY(0)}20%,60% {transform:translateY(3px)}}

@media screen and (max-width:1279px){
    .member_wrap .item .thumb {float:none; margin:0 auto 20px;}
    .member_wrap .item .info {float:none; width:100%;}

}
@media screen and (max-width:1199px){
    .member_map .mapbtn {float:none;width:100%; max-width: 595px; margin:0 auto;}
    .member_map .mapcon {float:none;width:100%;}
    .member_map .mapcon ul li {float:left; width:50%;}
}
@media screen and (max-width:680px){
    .member_map {padding: 0;border: none;}
    .member_wrap .item {float:none;width: calc(100% - 20px);padding:20px;}
    .member_wrap .item .thumb {float:left; margin:0;}
    .member_wrap .item .info {float:right; width: calc(100% - 160px);}

    .member_map .mapcon ul li {float:none; width:100%;} 
    .member_map .mapcon ul li em {display:inline-block;}
}
@media screen and (max-width:640px){
    .member_map .mapbtn ul li:nth-child(3) {}
    .member_map .mapbtn ul li.ov a + div {display:none;}
    .member_map .mapbtn ul li:nth-child(1) {top: 31%;right: 56%;width:auto;height:auto;padding:0;}
    .member_map .mapbtn ul li:nth-child(2) {top: 16%;right: 33%;width:auto;height:auto;padding:0;}
    .member_map .mapbtn ul li:nth-child(3) {bottom: 27%;right: 37%;width:auto;height:auto;padding:0;}
    .member_map .mapbtn ul li:nth-child(4) {bottom: 42%;right: 33%;width:auto;height:auto;padding:0;}
}
@media screen and (max-width:580px){
    .member_map .mapbtn ul li a {width: 80px;height: 20px;line-height: 20px;padding-left: 25px;font-size: 12px;}
    .member_map .mapbtn ul li em {margin: -2px 5px 0 0;font-size: 13px;}
    .member_map .mapbtn ul li span {z-index: 1;width:22px;height:27px;background-position: 0 -108px;}
    .member_map .mapbtn ul li.ov a span {background-position: -25px -108px}

    .member_map .mapbtn ul li:nth-child(1) {right:50%;margin-right: 7%;}
    .member_map .mapbtn ul li:nth-child(2) {right:50%;margin-right: -16%;}
    .member_map .mapbtn ul li:nth-child(3) {right:50%;margin-right: -11%;}
    .member_map .mapbtn ul li:nth-child(4) {right:50%;margin-right: -18%;}
    .member_map .mapbtn ul li:nth-child(5) a {width:50px;height:50px;padding: 10px 10px 0;font-size:13px;line-height:1.2;}

}
@media screen and (max-width:500px){
    .member_wrap .item .thumb {float:none; margin:0 auto 20px;}
    .member_wrap .item .info {float:none; width:100%;}

    
}