/* 공통 */
:root{
    --maincolor : #E9E9E9;
}

/* slick slide common */
.slick-slider { -webkit-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-slide { display: none; height: 100%; min-height: 1px; vertical-align: middle; }
.slick-list { height: 100%; overflow: hidden; }
.slick-list.dragging { cursor: pointer; }
.slick-initialized .slick-slide { display: inline-block; }
.slick-arrow.slick-hidden { display: none; }
.slick-current { opacity: 1; display: block; }
.slick-track { height: 100%; position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; z-index: 0 !important;}
.slider .control {z-index: 1 !important;}
/* slick arrow show */
.arwShow .slick-arrow.slick-hidden { display: inline-block; }

/* 화면 상단 라인 */
.top_line{ width: 100%; height: 5px; background-color: var(--maincolor); position: fixed; z-index: 999; top: 0; left: 0;}

/* header */
header{position: fixed; left: 0; top: 0; z-index: 999; width:100%; height: 70px; background-color: #223044; background-image: url('/images/dgedu/web/dgai/map/map_logo2.png'); background-repeat: no-repeat; background-position: bottom right 25px; background-size: 8%;}
header span.pc_main{color: var(--maincolor);}
header h1{ display: flex; align-items: center; line-height: 70px;}
header h1 a{display: flex; align-items: center; justify-content: center; width:70px; height: 70px; margin-right: 40px; background-color:#E9E9E9; }
header h1 a > img{ max-width: 175px; width:31px; }
header h1 p{font-size: 22px; color: #fff; font-weight: 700; line-height: 48px;}
header form{width: 100%; position: relative;}
header form input{ width: 100%; height: 46px; border-radius: 0.5rem; border: 1px solid #ccc; outline: none; padding-left: 15px;}
header form button{position: absolute; right: 0; top: 0; width: 46px; height: 46px; background-color: #4c5d6f; border-radius: 0.5rem; color: #fff; font-size: 1.1rem; transition: all 0.15s;}
/* header : active */
header form button:focus,
header form button:hover{background-color: var(--maincolor);}
header .m_srch_btn,
header #mSearch {display: none;}


@media screen and (max-width: 1024px) {
    #container {padding-top: 0 !important;}
} 

.map {position: relative; float: right; margin-top: 70px; z-index: 0 !important; text-align: right; overflow-x: hidden; width: calc(100vw - 70px); height: calc(100vh - 70px); }
.map img {width: auto; height: 100vh;}
 
/** 팝업레이어 **/
.map_layer{ z-index: 997; width: 342px; min-height: 370px; position: absolute; bottom: 35px; left: calc(50% - 170px); border-radius: 32px; padding:18px 20px 25px; background-color: #fff; box-shadow: 3px 3px 25px rgba(0, 0, 0, 0.48);}
.map_layer2{  width: 292px; min-height: 356px; left: calc(50% + 205px); padding:10px 14px 15px;}
/* .map_layer::after{content: ""; width: 0; height: 0; position: absolute; bottom: -19px; border-top: 19px solid #f3f3f3; border-left: 11px solid transparent; border-right: 11px solid transparent; right: 40px;} */
.map_layer .map_pin{max-width: 40px;}
/* 썸네일 팝업 */
.map_info .info_img {position:relative; width:100%; height:185px; border-radius: 12px; overflow: hidden; background: #eee;}
.map_info .info_img img {position:relative; width:100%; height:auto; top:50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.map_info .info_img .tag {position: absolute; left:10px; bottom: 10px; display: flex;}
.map_info .info_img .tag span {display: inline-block; line-height: 30px; border-radius: 15px; padding: 0 10px; color: #fff; font-size: 16px; font-weight: 600;}
.map_info .info_img .tag span ~ span {margin-left:5px;}
.map_info .info_img .tag span.color1 {background: #4951e2;}
.map_info .info_img .tag span.color2 {background: #ff6c56;}
.map_info .info_img .tag span.color3 {background: #4d8314;}
.map_info .info_img .tag span.color4 {background: #b15fe5;}
.map_info .info_tit{width: 100%; margin: 12px 0 10px; color: #000; font-size: 20px; font-weight: 700;}
.map_info .info_tit > span {position:relative; white-space: nowrap; display: block; width: fit-content; max-width: 100%; overflow: hidden; text-overflow: ellipsis; padding-right:28px;}
.map_info .info_tit > span a {position: absolute; top:0; right:0; display:flex; align-items: center; justify-content: center; width:28px; height: auto; font-size: 25px;}
.map_info .info_tit > span a i {transition: all 0.2s; -webkit-transition: all 0.2s;}
.map_info .info_tit > span a:hover i,
.map_info .info_tit > span a:focus i {transform: rotate(180deg); -webkit-transform: rotate(180deg);}
.map_info .info_txt { width: 100%; padding: 8px 15px; display: flex; flex-direction: column; background: #ebebeb; border-radius: 12px;}
.map_info .info_txt p { line-height: 26px; position: relative; display: flex; align-items: center; font-size: 15px;}
.map_info .info_txt i { display: block; margin-right: 5px; color: #5b5b5b; font-size: 16px;}
.map_info .info_txt span {display: block; word-break: keep-all; white-space: nowrap; font-size: 14px; font-weight: 600; color: #414141; overflow: hidden; text-overflow: ellipsis;}
.map_info .info_txt .map_infoBtn{width: 94px; height: 30px; border-radius: 15px; background-color: #fff; border: 2px solid #4c5d6f; display: flex; align-items: center; justify-content: center; margin: 2px auto 0; color: #222; font-size: 13px; font-weight: 600; transition: all 0.2s;}
.map_info .info_txt .map_infoBtn:focus,
.map_info .info_txt .map_infoBtn:hover{ background-color: #4c5d6f; color: #fff;}
.map_info .map_closeBtn{ display: none; width: 40px; height: 40px; border-radius: 50%; background-color: var(--maincolor); color: #fff; font-weight: 700; outline:  rgba(61, 91, 237, 0.3) solid 3px; position: absolute; top: -20px; right: 20px; display: flex; align-items: center; justify-content: center; font-size: 24px;}  
.map_info .map_closeBtn i {transition: all 0.2s;}
.map_info .map_closeBtn:focus i,
.map_info .map_closeBtn:hover i {transform: rotate(180deg);}
.map_layer .control {position: absolute; padding:0 15px; display:flex; align-items:center; bottom: -33px; left: 20px; z-index: 1; height: 48px; line-height:48px; color: #fff; border-radius:20px 20px 0; background:rgba(0,54,112,0.9); box-shadow:3px 3px 20px rgba(0,0,0,0.48);}
.map_layer .control > a { font-size:28px; color:#fff; text-align: center; padding:0 0.35rem; transition: all 0.15s; -webkit-transition: all 0.15s;}
.map_layer .control > a.play {display: none;}
.map_layer .control > a:hover,
.map_layer .control > a:focus {color:#72b3ff;}
.map_layer .control .play,
.map_layer .control .stop{font-size: 23px;}
.map_layer .page {font-family: 'Montserrat'; font-size: 18px; margin-right: 10px; padding-left: 10px;}
.map_layer .page strong {position:relative; display: inline-block; width:25px; text-align: center; font-size: 20px; font-weight: 700; color: #72b3ff; margin-right: 23px;}
.map_layer .page strong::after {content: ''; position: absolute; right:-15px; top:calc(50% - 2px); width: 5px; height: 5px; border-radius: 50%; background: #fff;}
.map_layer .map_closeBtn{ display: none; width: 40px; height: 40px; border-radius: 50%; background-color: #3D5BED; color: #fff; font-weight: 700; outline:  rgba(32, 39, 58, 0.3) solid 3px; position: absolute; top: -10px; right: -10px; display: flex; align-items: center; justify-content: center; font-size: 24px;}  
.map_layer .map_closeBtn i {transition: all 0.2s;}
.map_layer .map_closeBtn:focus i,
.map_layer .map_closeBtn:hover i {transform: rotate(180deg);}
/* 리스트 팝업 */
.map_layer .map_list .list_tit {display: flex; align-items: center; justify-content: space-between; line-height:42px; border-radius: 21px; background: #223044; color: #fff; font-size: 20px; font-weight: 600; padding: 0 20px 0 25px;}
.map_layer .map_list .list_tit span {display: inline-block; line-height: 26px; border-radius: 13px; background: #9097A1; font-size: 18px; padding: 0 15px;}
.map_layer .map_list ul {padding-left: 15px; height: 290px; overflow-y: auto;}
.map_layer .map_list li {position:relative; padding-left: 15px; border-bottom: 1px solid #cbcbcb; line-height: 40px;}
.map_layer .map_list li::before {content: ''; position: absolute; left: 0; top:calc(50% - 3px); width: 4px; height: 4px; border-radius: 50%; background: #7189f7;}
.map_layer .map_list li a {display: block; color: #000; font-size: 18px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: all 0.2s; -webkit-transition: all 0.2s;}
.map_layer .map_list li a:hover,
.map_layer .map_list li a:focus {text-decoration: underline;}

/* 숫자원들 */
.map_circle {position: absolute; bottom:55px; display: flex; align-items: center; justify-content: center; border-radius: 50%; color:#fff; font-weight: 600; box-shadow: 4px 4px 0 rgba(117,117,117,0.56);}
.map_circle1 {right:10px; width: 56px; height: 56px; background: #91a5ff; font-size: 22px;}
.map_circle2 {right:75px; width: 69px; height: 69px; background: #435cd1; font-size: 28px;}
.map_circle3 {right:155px; width: 79px; height: 79px; background: #1e38b0f; font-size: 32px;}

/* 마커들 */
.map_maker {position: absolute; bottom:150px;}
.map_maker1 {right:10px;}
.map_maker2 {right:50px;}
.map_maker3 {right:90px;}
.map_maker4 {right:130px;}

.select_btn{width: 0; height: 0; position: absolute; left: -100%;}
/* 왼쪽 메뉴 */
.map_left_menu{height: 100vh; width: 71px; position: fixed; left: 0; top: 0; padding-top: 70px; z-index: 998;}
.map_left_menu .dep02_bg {position: absolute; top: 0; left: calc(-100% + -230px); height: 100vh; width: 370px; background-color: #fff; transition: all 0.5s; z-index: -2;}
.map_left_menu .dep02_bg.active {display: block; left: 70px; box-shadow: 25px 0px 50px -25px rgba(34, 34, 34, 0.3);}
.map_left_menu .dep02_bg .dep02_fold{ background-color: #20273a; width: 24px; height: 50px; position: absolute; right: -24px; top: calc(50% - 12px); border-radius: 0 10px 10px 0 ; display: flex; align-items: center; justify-content: center; color: #fff;}
.map_left_menu .dep02_bg .dep02_fold i {transition: all 0.15s;} 
.map_left_menu .dep02_bg .dep02_fold:focus i,
.map_left_menu .dep02_bg .dep02_fold:hover i{ transform: translateX(0.15rem);}
.map_left_menu .dep02_bg.active .dep02_fold i {transform: rotate(180deg);}
.map_left_menu .dep02_bg.active .dep02_fold:focus i,
.map_left_menu .dep02_bg.active .dep02_fold:hover i {transform: rotate(180deg) translateX(0.15rem);}

/* 왼쪽메뉴 > depth01 */
ul.map_depth01{display: flex; flex-direction: column; z-index: 1; background-color: #E9E9E9; border-right: 1px solid #d6d6d6; height: 100%; width: 100%;}
ul.map_depth01 > li > .dep01_btn { width: 100%; height: 70px; display: flex; flex-direction: column; align-items: center; justify-content: center; cursor: pointer; position: relative;}
ul.map_depth01 > li > .dep01_btn::before {content: ''; position: absolute; left: 10px; right:10px; bottom: 0; width: auto; height: 1px; background: #d1d1d1;}
ul.map_depth01 > li > .dep01_btn::after {content: ''; position: absolute; top:0; left:0; right:-1px; width: auto; height: 100%; background: var(--maincolor) url('/images/dgedu/web/dgai/map/map_left_over.png') no-repeat left bottom / contain; opacity: 0; transition: 0.2s;}
ul.map_depth01 > li > .dep01_btn .img{ margin-bottom: 5px; position: relative; z-index: 1; display: flex; justify-content: center; align-items: center;}
ul.map_depth01 > li > .dep01_btn .img img {max-width: 80%;}
ul.map_depth01 > li > .dep01_btn span{color: #000; font-size: 14px; position: relative; z-index: 1; font-weight: 600;}

/*** 왼쪽메뉴 > depth01 > depth02 ***/
div.map_depth02{position: absolute;  top: 70px; left: calc(-100% + -230px); max-height: calc(100vh - 90px); width: 370px; padding-top:20px; transition: all 0.5s; z-index: -1;}
div.map_depth02 > div {color: #000; padding: 0 20px;}
div.map_depth02 > div p{ font-size: 14px; line-height: 1.5; color:#636363;}
/* 검색 */
.map_srch {margin-top: 15px;}
.map_srch .inner{background:#fff; position:relative; padding:0 0.85rem; width:100%; height:2.4rem; padding-right:2.4rem; border:2px solid #0079ff; border-radius:1.3rem; overflow:hidden; }
.map_srch input {background:#fff; width:100%; height:2.2rem; line-height:2.3rem; font-size:14px; border:none; }
.map_srch button { position:absolute; top:-2px; right:-2px; padding:0; width:2.4rem; height:2.2em; line-height:2.2rem; color:#fff; background:#0079ff url('/images/dgedu/web/dgai/map/map_left_srch_bg.png') no-repeat center/cover; border:none; border-radius:50%; font-size:1.1rem; }
.map_srch button em{display:none;}
.map_srch input::-webkit-input-placeholder { color:#555; }
.map_srch input::placeholder { color:#555; }
.map_srch .mob{ display:none; }
/* 지역선택 */
div.map_depth02 .map_select {background: #ecf5fe; margin-top: 20px; padding: 15px; display: flex; flex-direction: column;}
div.map_depth02 .map_select select{width:100%; height:58px; border-radius: 3px; border:1px solid #a9a9a9; padding:0 20px; font-size: 18px; font-weight: 600;position: relative;background: white url(/images/dgedu/web/dgai/map/sel_arrow.png) no-repeat 92%;box-shadow: 0 0 30px rgba(214, 87, 114, 0.15);}
div.map_depth02 .map_select select{-webkit-appearance: none; /* for chrome*/   -moz-appearance: none;/* for firefox*/  appearance: none;}
div.map_depth02 .map_select select::-ms-expand {   display: none; /* for IE10, 11*/}
div.map_depth02 .map_select button {display: block; width: 100%; line-height: 50px; background: var(--maincolor); color: #fff; border-radius: 3px; margin-top: 10px; font-size: 18px;}
div.map_depth02 > div .t_right {text-align: right; margin-top: 10px;}
div.map_depth02 > div span{display: inline-block; line-height: 26px; border-radius: 13px; text-align: center; padding:0 15px; background: #182a7e; color:#fff; font-size: 14px;}
div.map_depth02 > ul{position: relative; width: 100%; height: calc(100vh - 13.75rem); padding: 0 20px; margin-top: 20px; overflow-y: auto;}
div.map_depth02 > ul li{position: relative; padding: 13px 0; border-bottom: 1px solid #e0e0e0;}
div.map_depth02 > ul li:first-child { border-top:1px solid #e0e0e0;}
div.map_depth02 > ul li::after{content: ""; width: 0; transition: all 0.3s;}
div.map_depth02 > ul li a{ display: block;}
div.map_depth02 > ul li a strong {display: block; font-size: 16px; font-weight: 600; margin-bottom: 5px;}
div.map_depth02 > ul li a span{display: block; font-size: 14px; color:#636363;}
/* .active : depth01 클릭 시 depth02 나타나는 효과 */
.map_left_menu .map_depth01 > li.active .map_depth02{display: block; left: 70px;}

/* .btn_show : depth02 옆 fold 버튼 및 depth01_icon 배경 보이도록하는 효과*/
.map_left_menu .map_depth01 > li .dep01_btn:hover span,
/* .map_left_menu .map_depth01 > li .dep01_btn:focus span, */
.map_left_menu .map_depth01 > li.btn_show .dep01_btn span{color: #222; font-weight: 700;}
.map_left_menu .map_depth01 > li > .dep01_btn:hover .img,
.map_left_menu .map_depth01 > li > .dep01_btn:focus .img,
.map_left_menu .map_depth01 > li.btn_show > .dep01_btn .img { filter: opacity(1) drop-shadow(0 0 0 #000000);}
.map_left_menu .map_depth01 > li > .dep01_btn:hover::after,
.map_left_menu .map_depth01 > li > .dep01_btn:focus::after,
.map_left_menu .map_depth01 > li.btn_show .dep01_btn::after {opacity: 1;}
.map_left_menu .map_depth01 > li > .dep01_btn:hover span,
.map_left_menu .map_depth01 > li > .dep01_btn:focus span,
.map_left_menu .map_depth01 > li.btn_show .dep01_btn span {color: #fff;}
/* .on : depth02 클릭 시 배경 효과 */
div.map_depth02 > ul li:hover::after,
div.map_depth02 > ul li:focus::after,
div.map_depth02 > ul li.on::after{ content: ""; position: absolute; bottom: 0; left:-20px; right:-20px; width: auto; height: 100%; background-color: #f5f5f5; z-index: -1;}


/*** 오른쪽메뉴 ***/
.right_menu {position: absolute; right: 20px; top:90px; text-align: center; background: #fff; width:45px; margin-bottom: 20px; border-radius: 3px; border: 1px solid #898989; box-shadow: 3px 3px 5px rgba(0,0,0,0.35);}
.right_menu li {position: relative; line-height: 40px; font-size: 26px; color:#6d6d6d;}
.right_menu li ~ li::before {content: ''; position: absolute; left:5px; right:5px; top:0; width: auto; height:1px; background: #c3c3c3;}
.right_menu li img {max-width: 50%;}
.right_select {position: absolute; right: 2px; top:270px;}
.right_select select{width:100px; height:35px; border-radius: 3px; border:2px solid #0079ff; padding:0 5px; font-size: 14px; font-weight: 600;position: relative;background: white url(/images/dgedu/web/dgai/map/sel_arrow.png) no-repeat 92%; box-shadow: 3px 3px 5px rgba(0,0,0,0.35);}
.right_select select{-webkit-appearance: none; /* for chrome*/   -moz-appearance: none;/* for firefox*/  appearance: none;}
.right_select select::-ms-expand {   display: none; /* for IE10, 11*/}

/* 모바일용 */
.m_dep02_wrap,
.m_info_wrap {display: none;}

@media screen and (max-width: 680px) {
    header{height: 80px; background-image: none;}
    header h1{ line-height: 80px;}
    header h1 a{width:80px; height: 80px; margin-right: 15px;}
    header h1 p{font-size: 20px; line-height: 1.3; padding-right: 50px; word-break: keep-all;}

    header .m_srch_btn {display: block; position: absolute; top:50%; right:20px; font-size: 32px; color: #fff; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
    header #mSearch {display:none; position: absolute; top:80px; left:0; width:100%; padding:10px 20px 25px; background: #fff; border-bottom: 1px solid #d6d6d6; z-index: 100;}
    header #mSearch.active {display: block;}
    header #mSearch .btnClose {position: absolute; top:-61px; right:20px; background: #20273a; font-size: 32px; color: #fff;}

    .map {margin-top: 150px; width: 100vw; height: calc(100vh - 355px);}
    
    .map_layer {display: none;}  
    .map_layer2 {display: none;}
    
    .select_btn{width: 100%; height: 42px; background-color: #fff; border-radius: 10px; position: relative; top: 0; left: 0; z-index: 99; margin-top: 24px; display: flex; align-items: center; padding: 0 1rem;}
    .select_btn::after{content: "\e942"; font-family: 'xeicon'; font-size: 1rem; position: absolute; right: 1rem;}
    /* 메뉴 */
    .map_left_menu{height: 70px; width: 100%; left: 0; top: 80px; padding-top: 0; display: flex;}

    /* depth01 */
    ul.map_depth01{flex-direction: inherit; border-right: none; border-bottom: 1px solid #d6d6d6; z-index: 1;  height: auto;}
    ul.map_depth01 li {flex:1;}
    ul.map_depth01 > li > .dep01_btn::before {display: none;}
    div.map_depth02 > div p {display: none;}
    div.map_depth02 .map_srch  {display: none;}
    .map_left_menu .dep02_bg,
    .map_left_menu .dep02_bg.active {display: none;}

    ul.map_depth01.map_depth01_down{ top: 66px;}
    ul.map_depth01 > li > .dep01_btn {height: 70px;}
    .map_left_menu .map_depth01 > li.btn_show > .dep01_btn { padding-left: 0; }
    ul.map_depth01 > li > .dep01_btn .img {margin-bottom: 5px;}
    ul.map_depth01 > li > .dep01_btn span {font-size: 14px;}

    /* depth02 */
    div.map_depth02{position: fixed;  top: 150px; left: 0; height: auto; width: 100%; background-color: #fff; border-bottom: 1px solid #d6d6d6; padding: 0; transition: all 0.5s;}
    div.map_depth02 > div {padding: 0;}
    div.map_depth02 > div.font_min br{display: none;}
    /* 지역선택 */
    div.map_depth02 .map_select {margin-top: 0; padding: 15px; display: flex; flex-direction: inherit;}
    div.map_depth02 .map_select select{height:45px; font-size: 17px;}
    div.map_depth02 .map_select button {width: 82px; line-height:43px; font-size: 17px; margin-top: 0; margin-left:10px;}
    div.map_depth02 > div .t_right {display: none;}
    div.map_depth02 > ul { display: none;}

    div.map_depth02 > .dep02_fold {right: calc(50% - 12px);  top: auto; bottom: -24px; width: 50px; height: 24px; border-radius: 0 0 10px 10px;}
    .map_left_menu .map_depth01 > li .map_depth02 > .dep02_fold i {transform: rotate(90deg);}
    .map_left_menu .map_depth01 > li.active .map_depth02 > .dep02_fold i {transform: rotate(270deg);}
    .map_left_menu .map_depth01 > li.active .map_depth02 > .dep02_fold:focus i, 
    .map_left_menu .map_depth01 > li.active .map_depth02 > .dep02_fold:hover i {transform: rotate(270deg) translate(0, 0.15rem);}
    .map_left_menu .map_depth01 > li.active .map_depth02{display: block; left: 0; top: 150px; box-shadow: 25px 20px 50px -25px rgba(34, 34, 34, 0.2);}

    .right_menu {top:160px; right:15px; width:45px;}
    .right_menu li {line-height: 45px;}
    .right_select {top:160px; right:auto; left:15px;}
    .right_select select {width:105px; height:40px; font-size: 16px; padding: 0 5px;}

    /* 모바일용 2차 메뉴영역 */
    .m_dep02_wrap {display: block; position: fixed; left:0; bottom:0; width:100%;}
    .m_dep02_wrap div.map_depth02 {position: relative; top:auto; height:206px;}
    .m_dep02_wrap div.map_depth02 > ul {display: block; margin-top: 0;}
    .m_dep02_wrap div.map_depth02 > ul li {padding:10px 0;}
    .m_dep02_wrap div.map_depth02 > ul li a strong {font-size: 16px;}
    .m_dep02_wrap div.map_depth02 > ul li a span {font-size: 14px;}

    /* 모바일용 내용영역 */
    .m_info_wrap {display: block; position: fixed; left:0; bottom:-300px; width:100%; height:206px; background: #fff; padding: 20px 15px; box-shadow: 3px 0 10px rgba(0, 0, 0, 0.48); transition: all 0.2s; -webkit-transition: all 0.2s;}
    .m_info_wrap.active {bottom: 0;}
    .m_info_wrap .map_info {display: flex; justify-content: space-between;}
    .m_info_wrap .map_info .info_img .tag {display: none;}
    .m_info_wrap .map_info .info_img {width:45%; height: 130px;}
    .m_info_wrap .map_info .info_cont {width: 51%;}
    .m_info_wrap .map_info .info_tit {margin:0 0 10px; font-size: 18px;}
    .m_info_wrap .map_info .info_txt {padding:0; background: none; border-radius: 0;}
    .m_info_wrap .map_info .info_txt p {line-height: 18px; align-items: start;}
    .m_info_wrap .map_info .info_txt span {font-size: 13px;}
    .m_info_wrap .map_info .info_txt p ~ p {margin-top: 7px;}
    .m_info_wrap .map_info .map_closeBtn{ display: block;}
}