@charset "utf-8";

/* unit community wrap */
.section_unit_community{ z-index: 5; }
.section_unit_community .unit_community_map_con{ position: relative;}
.section_unit_community .location_btn_con{}
.section_unit_community .left_text_con{color:#333333; background-color: #fff; border:1px solid #eeeeee; border-right:none; box-sizing: border-box;}
.section_unit_community .right_arrow_con{background-color: #f9f9f9; border:1px solid #eeeeee; box-sizing: border-box;}

/* 공통 버튼 */
.section_unit_community .region_dot{ cursor:pointer; width:11px; height:11px; border:2px solid #fff; box-sizing: border-box; background-color: #3495ba; border-radius: 50%; position: absolute;}
.section_unit_community .region_text {position: absolute; cursor:pointer; }

/* 공통 hover */
.section_unit_community .unit_community_map_con .region_con:hover .region_dot { background-color: #a47f54; }
.section_unit_community .unit_community_map_con .region_con:hover .region_dot + .region_text > img.off{display:inline;}
.section_unit_community .unit_community_map_con .region_con:hover .region_dot + .region_text > img.on{display:none;}
.section_unit_community .region_dot:hover{ background-color: #a47f54;}
.section_unit_community .region_dot:hover + .region_text > img.off{display:inline;}
.section_unit_community .region_dot:hover + .region_text > img.on{display:none;}

/* 공통 on */
.section_unit_community .region_dot.on{ background-color: #a47f54;}
.section_unit_community .region_dot.on + .region_text > img.off{display:inline;}
.section_unit_community .region_dot.on + .region_text > img.on{display:none;}

/* 강화 */
.section_unit_community .region_dot.ganghwa_dot{ top:66px; left:37px;}
.section_unit_community .region_text.ganghwa {top:57px; left:-17px;}

/* 통진 */
.section_unit_community .region_dot.tongjin_dot{ top:62px; left:64px;}
.section_unit_community .region_text.tongjin {top:31px; left:45px;}

/* 서울 */
.section_unit_community .region_dot.seoul_dot{ top:77px; left:81px;}
.section_unit_community .region_text.seoul {top:54px; left:89px;}

/* 인천 */
.section_unit_community .region_dot.incheon_dot{ top:85px; left:60px;}
.section_unit_community .region_text.incheon {top:94px; left:41px;}

/* 양평 */
.section_unit_community .region_dot.yangpyeong_dot{ top:95px; left:106px;}
.section_unit_community .region_text.yangpyeong {top:105px; left:87px;}

/* 대구 */
.section_unit_community .region_dot.daegu_dot{ top:230px; left:196px;}
.section_unit_community .region_text.daegu {top:222px; left:207px;}

/* 일광 */
.section_unit_community .region_dot.ilkwang_dot{ top:290px; left:201px;}
.section_unit_community .region_text.ilkwang {top:282px; left:212px;}

/* 부산 */
.section_unit_community .region_dot.busan_dot{ top:308px; left:191px;}
.section_unit_community .region_text.busan {top:318px; left:172px;}

/* LA */
.section_unit_community .region_dot.la_dot{ top:388px; left:230px;}
.section_unit_community .region_text.la {top:380px; left:244px;}

/* Italia */
.section_unit_community .region_dot.italia_dot{ top:423px; left:230px;}
.section_unit_community .region_text.italia {top:415px; left:244px;}

/* 설명 */
.section_unit_community .location_img_box{max-width:340px; box-sizing: border-box; margin-left:auto; margin-right:auto;}
.section_unit_community .description_obj { opacity:0; }
.section_unit_community .description_obj .monastery_img { width:156px; height:116px; cursor:pointer; }
.display_none { display:none; }
.section_unit_community .description_obj .monastery_img_over { opacity:0; cursor:pointer; position: absolute; z-index:100; left: 0; top: 0; background-color: rgba(0, 0, 0, 0.5);   }
.section_unit_community .description_obj .monastery_img_over:hover { opacity:1; }
.section_unit_community .description_obj .monastery_img_over .img_over_btn { position:absolute; left: calc(50% - 25px); top: calc(50% - 25px); }

/* 지도 */
.section_google_map_con .google_map_wrap { z-index: 2; display: table-cell; position:absolute; }
.section_google_map_con .temp_map { z-index: 1; display:table; position: absolute;border:1px solid #cccccc; text-align: center; }
.section_google_map_con .temp_map_inner { display: table-cell; vertical-align: middle; }
/* //unit community wrap */


@media all and (min-width:768px){
    .section_unit_community .location_img_box{max-width:none; margin-left:0; margin-right:0;}
}
@media all and (min-width:992px){
    /* unit community wrap */
    .unit_community_google_map{height:616px;}
}