@charset "utf-8";

/* 지도 220426*/
.map_view {position:relative;min-height: 31rem;overflow:hidden;}
.map_view .map_gangseo,.map_view .map_saha{position:absolute; top:0; left:0; width:21.75rem; height:auto; }
.map_view .map_gangseo h4,.map_view .map_saha h4{position:absolute;width:6rem;left:0;top: 3.2rem;line-height:22px;padding:23px 0;color:#fff;font-size:1.2rem;font-weight:700;text-align:center;background:#1894f3;z-index:3;}
.map_view .map_gangseo h4 span,.map_view .map_saha h4 span{display:block; }
.map_view .map_gangseo .map_wrap,.map_view .map_saha .map_wrap{position:relative; margin: 4.25rem 0 0; text-align:center; background: linear-gradient(-51deg, #9fc4ff, #d2edff); }
.map_view .map_gangseo .map_wrap .positn_list,.map_view .map_saha .map_wrap .positn_list{position:absolute; left:0; top:0; width:100%; height:100%; z-index:1; }
.map_view .map_gangseo .map_wrap .map_img,
.map_view .map_saha .map_wrap .map_img{position:relative; z-index:0; }
.map_view .map_gangseo .map_wrap .map_img img,
.map_view .map_saha .map_wrap .map_img{max-width:100%; height:auto; }
.map_view .map_gangseo .map_wrap ul,
.map_view .map_saha .map_wrap .map_img{position:relative; width:100%; height:100%; overflow:hidden; }
.map_view .map_gangseo .map_wrap li,
.map_view .map_saha .map_wrap li{position:absolute; }
.map_view .map_gangseo .map_wrap li a,
.map_view .map_saha .map_wrap li a{display:block; line-height:14px; position:relative; color:#0c355e; font-size:11px; letter-spacing:-0.5px; font-weight:600; }
.map_view .map_gangseo .map_wrap li a.on,
.map_view .map_saha .map_wrap li a.on{color:#fff; text-shadow:0px 0px 2px #000; }

/*210914 수정*/
.map_view .map_gangseo .map_wrap li.map_1{top: 44%;right: 65%;}
.map_view .map_gangseo .map_wrap li.map_2{top: 61%;right: 71%;}
.map_view .map_gangseo .map_wrap li.map_3{top: 74%;right: 64%;}
.map_view .map_gangseo .map_wrap li.map_4{top: 72%;right: 34%;}
.map_view .map_gangseo .map_wrap li.map_5{top: 52%;right: 43%;}
.map_view .map_gangseo .map_wrap li.map_6{top: 56%;right: 16%;}
.map_view .map_gangseo .map_wrap li.map_7{top: 57%;right: 31%;}
.map_view .map_gangseo .map_wrap li.map_8{top: 44%;right: 28%;}
.map_view .map_gangseo .map_wrap li.map_9{top: 40%;right: 37%;}
.map_view .map_gangseo .map_wrap li.map_10{top: 41%;right: 16%;}
.map_view .map_gangseo .map_wrap li.map_11{top: 23%;right: 54%;}

/*220426 추가*/
.map_view .map_saha .map_wrap li.map_1{top: 24%;right: 65%;}
.map_view .map_saha .map_wrap li.map_2{top: 24%;right: 43%;}
.map_view .map_saha .map_wrap li.map_3{top: 31%;right: 34%;}
.map_view .map_saha .map_wrap li.map_4{top: 44%;right: 27%;}
.map_view .map_saha .map_wrap li.map_5{top: 61%;right: 38%;}
.map_view .map_saha .map_wrap li.map_6{top: 70%;right: 54%;}
.map_view .map_saha .map_wrap li.map_7{top: 57%;right: 53%;}
.map_view .map_saha .map_wrap li.map_8{top: 43%;right: 54%;}





/* //220426수정 */
.map_view .map_gangseo .list_wrap,
.map_view .map_saha .list_wrap{display:none; margin:10px 0 0; border-left:1px solid #ccc; border-top:1px solid #ccc; overflow:hidden; }
.map_view .map_gangseo .list_wrap ul li,
.map_view .map_saha .list_wrap ul li{width:16.66%; float:left; }
.map_view .map_gangseo .list_wrap ul li a,
.map_view .map_saha .list_wrap ul li a{display:block; line-height:35px; text-align:center; border-right:1px solid #ccc; border-bottom:1px solid #ccc; }
.map_view .map_gangseo .list_wrap ul li a:hover,
.map_view .map_saha .list_wrap ul li a:hover{background:#c9ebff; }
.map_view .map_gangseo .list_wrap ul li a.on,
.map_view .map_saha .list_wrap ul li a.on{background:#004a96; color:#fff; }
.map_view .map_gangseo .list_wrap,
.map_view .map_saha .list_wrap{display:none; margin:10px 0 0; border-left:1px solid #ccc; border-top:1px solid #ccc; overflow:hidden; }
.map_view .map_gangseo .list_wrap ul li,
.map_view .map_saha .list_wrap ul li{width:16.66%; float:left; }
.map_view .map_gangseo .list_wrap ul li a,
.map_view .map_saha .list_wrap ul li a{display:block; line-height:35px; text-align:center; border-right:1px solid #ccc; border-bottom:1px solid #ccc; }
.map .map_gangseo .list_wrap ul li a:hover,
.map .map_saha .list_wrap ul li a:hover{background:#c9ebff; }
.map .map_gangseo .list_wrap ul li a.on,
.map .map_saha .list_wrap ul li a.on{background:#004a96; color:#fff; }


/* 210915수정 
.map_view .mapinfo_list_block.list_02{width: 57%; float: right; padding-left: 2%; margin-top: 4.25rem; }
.map_view .mapinfo_list_block.list_02 .list_title{margin-bottom: 0.3rem;}
.map_view .mapinfo_list_block.list_02 .mapinfo_list{float: none; width: auto; border: 1px solid #d7d7d7; border-top: 0; border-left: 0;}
.map_view .mapinfo_list_block.list_02 .mapinfo_list:nth-of-type(2){border-left:1px solid #d7d7d7;}
.map_view .mapinfo_list_block.list_02 .list_box{height: 7.7rem !important; overflow-x: hidden; overflow-y: auto; padding:0 !important;}
.map_view .mapinfo_list_block.list_02 .list_box li{font-size: 0.8rem;color: #444;}
.map_view .mapinfo_list_block.list_02 .list_box li a:hover{background:#c9ebff; font-weight:600; }
.map_view .mapinfo_list_block.list_02 .list_box li a{display: block;width: 100%;padding: 0.25rem 0 !important;transition: 0.3s;-webkit-transition: 0.3s; word-break: break-all; }
.map_view .full_list{width: 100%;}
*/


.map_view .mapinfo_list_block{position: relative;padding-left: 23.85rem;margin-top: 4.25rem;}
.map_view .mapinfo_list_block .list_title{margin-bottom: 0.3rem;}
.map_view .mapinfo_list_block .mapinfo_list{float: left;width: 50%;border: 1px solid #c8c8c8;border-top: 2px solid #1d4583;border-left: none;background: #fff;}
.map_view .mapinfo_list_block .mapinfo_list:nth-of-type(1){border-left:1px solid #c8c8c8;}
.map_view .mapinfo_list_block .mapinfo_list .title{font-size: 1rem;color: #111;text-align: center;height: 3rem;line-height: 3rem;background: #f4f7fb;font-weight: 600;}
.map_view .mapinfo_list_block .mapinfo_list .list_box{height: 18.15rem; overflow-x: hidden; overflow-y: auto; padding: 1rem 0;}
.map_view .mapinfo_list_block .mapinfo_list .list_box li{font-size: 0.8rem;color: #444;}
.map_view .mapinfo_list_block .mapinfo_list .list_box li a:hover{background:#c9ebff; font-weight:600; }
.map_view .mapinfo_list_block .mapinfo_list .list_box li a{display: block;width: 100%;padding: 0.25rem 1rem;transition: 0.3s;-webkit-transition: 0.3s;}
.map_view .mapinfo_list_block .mapinfo_list.full_list{width: 100%;}


.map .box_st4 p{color:#222;font-size:1.2rem;text-align:center;font-weight:700;line-height: 1.5rem;}
.map .box_st5 {margin-bottom:2.4rem;}
.inner_box{position:relative;display: table;table-layout: fixed;border-spacing: 2rem 0;width: 108%;margin-left: -4%;}
.inner_box li.col_blu{ border-color:#5193e9;}
.inner_box li.col_mit{ border-color:#1ca39b;}
.inner_box li{display: table-cell;vertical-align: top;border: 3px solid;border-radius:2rem;overflow:hidden;position: relative;background: #5193e9;}
.inner_box .top_txt{width:100%;height:3.25rem;line-height:3.25rem;text-align:center;color:#fff;font-size:1.1rem;font-weight:700;}
.inner_box li.col_blu .top_txt{ background:#5193e9;}
.inner_box li.col_mit .top_txt{ background:#1ca39b;}
.inner_box .bu_box{padding: 1rem 1rem 5.5rem 1rem;word-break: keep-all;font-weight: 500;font-size: 0.9rem;color: #333;line-height: 1.4rem;background: #fff;}
.inner_box .img{position:absolute;bottom: 0.75rem;right:1.35rem;}


.map_view .mapinfo_list_block .mapinfo_list .list_box::-webkit-scrollbar {width: 8px;}
.map_view .mapinfo_list_block .mapinfo_list .list_box::-webkit-scrollbar-track {background-color: #e6ebf2;}
.map_view .mapinfo_list_block .mapinfo_list .list_box::-webkit-scrollbar-thumb {border-radius: 3px; background-color: #83b3f1;}
.map_view .mapinfo_list_block .mapinfo_list .list_box::-webkit-scrollbar-button {width: 0; height: 0;}

/* 모바일-지도 */
.m-only{width: 100%;display: none;margin-top: 1.5rem; font-family: "SCDream";}
.m-only select.sel01{font-size: 0.8rem; padding: 0.7rem 0; border: 1px solid #ccc; color:#333; font-family: "SCDream";}
.m-only .search-map-select{width: 100%;}

/* 레이어 팝업 */
.layer_pop{display: none;overflow: hidden;position: fixed;top: 0;left: 0;z-index: 999;width: 100%;height: 100vh;background: rgba(0,0,0,0.7);box-sizing: border-box;}
.layer_pop.on{display: block;}
.layer_pop__inner{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); overflow-y: auto; width: 23rem; height: 19.25rem; background: #fff; box-shadow: 0 0 9px rgba(0,0,0,0.55); box-sizing: border-box;}
.layer_pop__close.close1{display: block;position: absolute;bottom: 1rem;left: 50%;transform: translateX(-50%);width: 5.75rem;height: 2rem;background: #0757ba;border-radius: 0.5rem;color: #fff;font-size: 0.9rem; font-weight: 700;}
.layer_pop__close.close2{font-size: 1.75rem;display: block;position: absolute;right: 1rem;top: 0;color: #fff;line-height: 3.75rem;}
.layer_pop__inner #lp_title{width:100%; height:3.75rem; background:#0757ba; display:block; text-align:center; line-height:3.75rem; color:#fff;}
.layer_pop__inner .school-detail-info-list{font-size:1rem; color:#333; padding:1rem;}
.layer_pop__inner .school-detail-info-list li{margin: 0.25rem 0; line-height:1.5rem; padding-left:1rem; position:relative; }
.layer_pop__inner .school-detail-info-list li:before{width:0.5rem; height:0.5rem; position:absolute; border:2px solid #5193e9; top:0.5rem; left:0; content:""; border-radius:50%;}
.layer_pop__inner .school-detail-info-list span{color: #818184;}
.layer_pop__inner .school-detail-info-list a{color: #0757ba;border-bottom: 1px solid #0757ba;}
.partner .layer_pop__inner{width:33rem; height:28rem;}
.partner .layer_pop__close.close2{display:none;}
.partner .tbl_st .list_st1{text-align: left;}
.layer_pop__inner .popup_map{display:block; width:94%; height:50%; margin:1rem auto; background: #ccc;}



@media(max-width:1400px){

    /* 지도 */
    .inner_box .img img{width: 4rem;}
}

@media(max-width:1330px){
}

@media (max-width:1240px){
}

@media (max-width:1200px){


    /* 레이어 팝업 */
    .partner .layer_pop__inner{width:60%;}
    .layer_pop__inner .school-detail-info-list{font-size:0.9rem;}

}

@media(max-width:990px){
   /* 지도 220426*/
    .map_view .map_gangseo, .map_view .map_saha{display:none;}
    /*.map_view .mapinfo_list_block.list_02{width: 100%; padding: 0;margin-top: 1.5rem;}  210915 수정 */
    .map_view .mapinfo_list_block{padding: 0;margin-top: 1.5rem;}

    /* 모바일-지도 */
    .m-only{display: block;}
}


@media(max-width:930px){


    /* 지도 */
    .inner_box .list_st1{padding: 4rem 5rem 2.5rem 1rem;}
    .inner_box .img img{width: 3.4rem;}
}

@media(max-width:860px){

}

@media(max-width:700px){

}

@media(max-width:640px){


    .inner_box{width:100%;margin-left:0;margin-top:1rem;border-spacing: 0;}
    .inner_box li{width: 100%;display:block;margin-top:1rem;}
    .inner_box li:first-child{margin-top:0;}
    .inner_box.col_blu{margin-top:0;}
}

@media(max-width:620px){

}

@media(max-width:574px){

}



@media(max-width:550px){


    /* 지도 */
    .map_view{min-height:auto; margin-bottom:2rem;} /* 210914 수정 */
    .map_view .mapinfo_list_block .mapinfo_list{width:100%;border-left: 1px solid #c8c8c8;}
    .map_view .mapinfo_list_block .mapinfo_list:nth-of-type(2){margin-top:0.5rem;}
    .map_view .mapinfo_list_block .mapinfo_list .list_box{height: 10.4rem;}
    

    /* 레이어 팝업 */
    .layer_pop__inner{width:96%;}
    .partner .layer_pop__inner{width:96%;}
    .layer_pop__close.close2{font-size:1.2rem;}
    .layer_pop__inner .school-detail-info-list{font-size:0.85rem;}

}

@media(max-width:545px){

}

@media(max-width:500px){

}

@media(max-width:480px){

}

@media(max-width:400px){

    /* 지도 */
    .inner_box .bu_box{padding: 1rem;}
    .district .inner_box .bu_box{padding:1rem;}
    .inner_box .img img{display: none;}
}