@charset "utf-8";
/* 상단헤더 */
header .gnb { width: 100%; height: 40px; display: flex; justify-content: center; margin: 0 auto; line-height: 40px; background-color: #333333; box-sizing: border-box; box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2); }
header .gnb nav .pc_menuArea li a { height: 40px; font-size: 15px; color: #ffffff; font-weight: 500;  display: flex !important; justify-content: center; align-items: center; line-height: 1.5; }


/* 230925_추가 */
.pc_menuArea .ulDep02 li a { color: #000000 !important; }
.pc_menuArea a.on { color: #fff799 !important; }

.subContent .menutoggle { position: absolute; top: 50%; left: 280px; width: 25px; height: 80px; z-index: 10; border-radius: 0 5px 5px 0; background-color: #ffffff; box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.2); }
.subContent .menutoggle.active { left: 0px; }
.subContent .menutoggle button { background: url('/img/fold_arrow.png') no-repeat 50% 45%; background-size: 6px 11px; }
.subContent .menutoggle button img { width: 100%; height: 100%; }
.subContent .search_menu.active { left: -280px; cursor: default; }
.subContent .search_menu { position: absolute; width: 280px; height: calc(100vh - 112px); background-color: #ffffff; box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.2); z-index: 4; }
.subContent .search_menu .sch_head { width:100%; height: 124px; padding: 17px 20px; background-color: #0650a3; box-sizing: border-box; }
.subContent .search_menu .sch_head h3 { display: flex; justify-content: space-between; font-size: 21px; color: #ffffff; font-weight: 700; margin-bottom: 8px; word-wrap: break-word; }
.subContent .search_menu .sch_head h3 p { width: 85%; }
.subContent .search_menu .sch_head h3 img { width: 32px; }
.subContent .search_menu .sch_head .searchText { position: relative; width: 100%; height: 40px; background-color: #ffffff; border: 1px solid #c9c9c9; box-sizing: border-box; }
.subContent .search_menu .sch_head .searchText input { width: 83%; height: 100%; border: 0; padding-left: 15px; box-sizing: border-box; cursor: text; }
.subContent .search_menu .sch_head .searchText button { position: absolute; right: 0; width: 40px; height: 40px; background-color: transparent; box-sizing: border-box; }
.subContent .search_menu .sch_head .searchText button img { width: 18px; height: 18px; }
.subContent .search_menu .searchResult { overflow: hidden; height: calc(100vh - 236px); color: #555555; box-sizing: border-box; }
.subContent .search_menu .searchResult p { width: 100%; padding: 10px 20px; font-size: 15px; box-sizing: border-box; }
.subContent .search_menu .searchResult p span { color: #ff2323; font-weight: 600; }
.subContent .search_menu .searchResult h4 { width: 100%; padding: 5px 20px; font-size: 12px; font-weight: 500; color: #0650a3; background-color: #d1e0f0; box-sizing: border-box; }
.subContent .search_menu .searchResult ul { position: relative; overflow: auto; padding: 0 20px; font-size: 14px; max-height: calc(100vh - 301px); height: 100%; }
.subContent .search_menu .searchResult ul li { line-height: 30px; padding: 10px 3px; border-bottom: 1px solid #e2e3e4; box-sizing: border-box; }
.subContent .search_menu .searchResult ul li:hover { background-color: #e6edf6; }
/* 230907_active추가 */
.subContent .search_menu .searchResult ul li.active { background-color: #678dc9; }
.subContent .search_menu .searchResult ul li.active button { color: #ffffff; }
.subContent .search_menu.active .searchResult ul li { z-index: -99999; }
.subContent .search_menu .searchResult ul li button { overflow: hidden; width: 100%; text-align: left; color: #333333; background-color: transparent; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-decoration: none; }

.contentWrap .map_area { position: relative; width: 100%; height: calc(100vh - 112px); }
.contentWrap .map_area #map { height: 100%; }

/* 지도 팝업 레이어 */
.mappop { display: block; position: absolute; overflow: hidden; width: 352px; padding: 0; background: #ffffff; border:1px solid #e6e6e6; z-index: 3; box-sizing: border-box; }
.mappop .pophead { display: flex; justify-content: space-between; align-items: center; background-color: #0650a3; width: 100%; height: 40px; padding: 5px 10px; box-sizing: border-box; }
.mappop .pophead h5 { width: 90%; font-weight: 500; }
.mappop .pophead h5 span { color: #ffffff; font-size: 13px; font-weight: 600; padding: 0 7px; border-right: 1px solid #e0e4f1; vertical-align: -2px; }
.mappop .pophead h5 p { display: inline-block; width: 73%; font-size: 16px; font-weight: 500; color: #fff799; padding-left: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: -6px; }
.mappop .pophead a img { width: 16px; }
.mappop .popcon { width: 100%; padding: 15px; box-sizing: border-box; background-color: #000000; height: 200px; }
.mappop .popcon table { width: 100%; table-layout: fixed; font-size: 14px; font-weight: 400; border: 1px solid #d5d5d5; border-top: 1px solid #0650a3; }
.mappop .popcon table tr { height: 35px; }
.mappop .popcon table tr th { width: 30%; padding: 0 5px; font-weight: 600; text-align: center; vertical-align: middle; color: #000000; line-height: 1.3; word-wrap: break-word; background-color: #e2f0ff; border: 1px solid #d5d5d5; border-width: 0 1px 1px 0; box-sizing: border-box; }
.mappop .popcon table tr:last-child th { border-bottom-width: 0; }
.mappop .popcon table tr td { width: 70%; padding: 0 10px; font-weight: 500; color: #000000; vertical-align: middle; line-height: 1.3; word-wrap: break-word; border-bottom: 1px solid #d5d5d5; box-sizing: border-box; }
.mappop .popcon table tr:last-child td { border-bottom-width: 0; }

/* 지도 팝업 레이어 (VMS) */
.mappopVms { display: block; position: absolute; overflow: hidden; width: 350px; padding: 0; background: #ffffff; border:1px solid #e6e6e6; z-index: 3; box-sizing: border-box; }
.mappopVms .pophead { display: flex; justify-content: space-between; align-items: center; background-color: #0650a3; width: 100%; height: 40px; padding: 5px 10px; box-sizing: border-box; }
.mappopVms .pophead h5 { width: 90%; font-weight: 500; }
.mappopVms .pophead h5 span { color: #ffffff; font-size: 13px; font-weight: 600; padding: 0 7px; border-right: 1px solid #e0e4f1; vertical-align: -2px; }
.mappopVms .pophead h5 p { display: inline-block; width: 73%; font-size: 16px; font-weight: 500; color: #fff799; padding-left: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: -6px; }
.mappopVms .pophead a img { width: 16px; }
.mappopVms .popcon { width: 100%; padding: 15px; box-sizing: border-box; background-color: #000000; height: 122px; }
.mappopVms .popcon table { width: 100%; table-layout: fixed; font-size: 14px; font-weight: 400; border: 1px solid #d5d5d5; border-top: 1px solid #0650a3; }
.mappopVms .popcon table tr { height: 35px; }
.mappopVms .popcon table tr th { width: 30%; padding: 0 5px; font-weight: 600; text-align: center; vertical-align: middle; color: #000000; line-height: 1.3; word-wrap: break-word; background-color: #e2f0ff; border: 1px solid #d5d5d5; border-width: 0 1px 1px 0; box-sizing: border-box; }
.mappopVms .popcon table tr:last-child th { border-bottom-width: 0; }
.mappopVms .popcon table tr td { width: 70%; padding: 0 10px; font-weight: 500; color: #000000; vertical-align: middle; line-height: 1.3; word-wrap: break-word; border-bottom: 1px solid #d5d5d5; box-sizing: border-box; }
.mappopVms .popcon table tr:last-child td { border-bottom-width: 0; }

/* 지도 팝업 레이어 (CCTV) */
.mappopCctv { display: block; position: absolute; overflow: hidden; width: 500px; padding: 0; background: #ffffff; border:1px solid #e6e6e6; z-index: 3; box-sizing: border-box; }
.mappopCctv .pophead { display: flex; justify-content: space-between; align-items: center; background-color: #0650a3; width: 100%; height: 40px; padding: 5px 10px; box-sizing: border-box; }
.mappopCctv .pophead h5 { width: 90%; font-weight: 500; }
.mappopCctv .pophead h5 span { color: #ffffff; font-size: 13px; font-weight: 600; padding: 0 7px; border-right: 1px solid #e0e4f1; vertical-align: -2px; }
.mappopCctv .pophead h5 p { display: inline-block; width: 73%; font-size: 16px; font-weight: 500; color: #fff799; padding-left: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: -6px; }
.mappopCctv .pophead a img { width: 16px; }
.mappopCctv .popcon { width: 100%; padding: 15px; box-sizing: border-box; background-color: #000000; height: 420px; }
.mappopCctv .popcon table { width: 100%; table-layout: fixed; font-size: 14px; font-weight: 400; border: 1px solid #d5d5d5; border-top: 1px solid #0650a3; }
.mappopCctv .popcon table tr { height: 35px; }
.mappopCctv .popcon table tr th { width: 30%; padding: 0 5px; font-weight: 600; text-align: center; vertical-align: middle; color: #000000; line-height: 1.3; word-wrap: break-word; background-color: #e2f0ff; border: 1px solid #d5d5d5; border-width: 0 1px 1px 0; box-sizing: border-box; }
.mappopCctv .popcon table tr:last-child th { border-bottom-width: 0; }
.mappopCctv .popcon table tr td { width: 70%; padding: 0 10px; font-weight: 500; color: #000000; vertical-align: middle; line-height: 1.3; word-wrap: break-word; border-bottom: 1px solid #d5d5d5; box-sizing: border-box; }
.mappopCctv .popcon table tr:last-child td { border-bottom-width: 0; }

/* 지도 팝업 레이어 (돌발) */
.mappopSudden { display: block; position: absolute; overflow: hidden; width: 352px; padding: 0; background: #ffffff; border:1px solid #e6e6e6; z-index: 3; box-sizing: border-box; }
.mappopSudden .pophead { display: flex; justify-content: space-between; align-items: center; background-color: #0650a3; width: 100%; height: 40px; padding: 5px 10px; box-sizing: border-box; }
.mappopSudden .pophead h5 { width: 90%; font-weight: 500; }
.mappopSudden .pophead h5 span { color: #ffffff; font-size: 13px; font-weight: 600; padding: 0 7px; border-right: 1px solid #e0e4f1; vertical-align: -2px; }
.mappopSudden .pophead h5 p { display: inline-block; width: 73%; font-size: 16px; font-weight: 500; color: #fff799; padding-left: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: -6px; }
.mappopSudden .pophead a img { width: 16px; }
.mappopSudden .popcon { width: 100%; padding: 15px; box-sizing: border-box; height: 280px; }
.mappopSudden .popcon table { width: 100%; table-layout: fixed; font-size: 14px; font-weight: 400; border: 1px solid #d5d5d5; border-top: 1px solid #0650a3; height: 100%; }
.mappopSudden .popcon table tr { height: 35px; }
.mappopSudden .popcon table tr th { width: 30%; padding: 0 5px; font-weight: 600; text-align: center; vertical-align: middle; color: #000000; line-height: 1.3; word-wrap: break-word; background-color: #e2f0ff; border: 1px solid #d5d5d5; border-width: 0 1px 1px 0; box-sizing: border-box; }
.mappopSudden .popcon table tr:last-child th { border-bottom-width: 0; }
.mappopSudden .popcon table tr td { width: 70%; padding: 0 10px; font-weight: 500; color: #000000; vertical-align: middle; line-height: 1.3; word-wrap: break-word; border-bottom: 1px solid #d5d5d5; box-sizing: border-box; }
.mappopSudden .popcon table tr:last-child td { border-bottom-width: 0; }

/* 지도 팝업 레이어 (VDS) */
.mappopVds { display: block; position: absolute; overflow: hidden; width: 352px; padding: 0; background: #ffffff; border:1px solid #e6e6e6; z-index: 3; box-sizing: border-box; }
.mappopVds .pophead { display: flex; justify-content: space-between; align-items: center; background-color: #0650a3; width: 100%; height: 40px; padding: 5px 10px; box-sizing: border-box; }
.mappopVds .pophead h5 { width: 90%; font-weight: 500; }
.mappopVds .pophead h5 span { color: #ffffff; font-size: 13px; font-weight: 600; padding: 0 7px; border-right: 1px solid #e0e4f1; vertical-align: -2px; }
.mappopVds .pophead h5 p { display: inline-block; width: 73%; font-size: 16px; font-weight: 500; color: #fff799; padding-left: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: -6px; }
.mappopVds .pophead a img { width: 16px; }
.mappopVds .popcon { width: 100%; padding: 15px; box-sizing: border-box; height: 430px; }
.mappopVds .popcon table { width: 100%; table-layout: fixed; font-size: 14px; font-weight: 400; border: 1px solid #d5d5d5; border-top: 1px solid #0650a3; height: 93%; }
.mappopVds .popcon table tr { height: 27px; }
.mappopVds .popcon table tr th { width: 30%; padding: 0 5px; font-weight: 600; text-align: center; vertical-align: middle; color: #000000; line-height: 1.3; word-wrap: break-word; background-color: #e2f0ff; border: 1px solid #d5d5d5; border-width: 0 1px 1px 0; box-sizing: border-box; }
.mappopVds .popcon table tr:last-child th { border-bottom-width: 0; }
.mappopVds .popcon table tr td { width: 70%; padding: 0 10px; font-weight: 500; color: #000000; vertical-align: middle; line-height: 1.3; word-wrap: break-word; border-bottom: 1px solid #d5d5d5; box-sizing: border-box; }
.mappopVds .popcon table tr:last-child td { border-bottom-width: 0; }

/* 모바일 지도 위 탑 */
.subContent .sub_thead { display: none; }
.gotoList { display: none; }


/* 반응형 작업 */
@media screen and (max-width:1919px)
{
    /*.wrap { width: 100%; padding: 0 20px; }
    header .gnb { position: relative; display: flex; justify-content: center; align-items: center; width: 100%; padding: 0 20px; box-sizing: border-box; }*/

}
@media screen and (max-width:900px)
{   
    /*header .top_header { height: 30px; }
    header .top_header .wrap { display: block; padding: 0; }*/

    /* 언어선택영역 */
    /*.langArea { width: 100%; }
    .langArea .selectBox { width: 100% !important; }
    
    header .top_header h1 { display: none; }
    header .gnb { display: block; height: 70px; padding: 0; background-color: #ffffff; }
    header .gnb h1.mobile_h1 { display: block; padding-left: 10px; display: inline-block; float: left; }
    header .gnb nav { display: none; }
    #hambur { display: block; float: right; width: 70px; height: 70px; border-left: 1px solid #e6e6e6; }
    #hambur.h_default { background: url('../img/menubar.png') 25px 25px no-repeat; background-size: 20px auto; }
    #hambur.h_close { background: url('../img/close_d.svg') 25px 25px no-repeat; background-size: 20px auto; }
    .mobile_menuArea { display: none; position: absolute; top: 70px; left: 0; width: 100%; padding: 0 20px; z-index: 5; background-color: #065bb6; box-sizing: border-box; }
    .mobile_menuArea a { display: block; height: 60px; color: #ffffff; line-height: 60px; }*/
    
    .subContent .search_menu .sch_head { padding: 25px 20px 0 20px; }
    .subContent .search_menu .sch_head h3 img { display: none; }
	.subContent .search_menu { top: 102px; left: 0; width: 100%; height: calc(100vh - 102px); }
	.subContent .search_menu.hide { display: none; }
	.subContent .top_menu.hide { display: none; }
	.subContent .top_menu.show { display: block; }
	.subContent .search_menu .searchResult ul { height: calc(100vh - 283px); }
	.subContent .menutoggle { display: none; }

    .sub_thead { display: block !important; height: 55px; background: #065bb6; line-height: 52px; padding: 0 18px; }
	.sub_thead h3 { display: inline-block; color:#ffffff; font-size: 20px; font-weight: 500; }
	.sub_thead h3 img { width: 31px; margin-right: 15px; }
	.sub_thead .gotoList { display: block; float: right; font-size: 16px; line-height: 52px; border: 0; color: #ffffff; background-color: transparent; text-decoration: none; }

    .contentWrap .map_area { height: calc(100vh - 157px); }

}

@media screen and (max-width:620px)
{ 
    

}

@media screen and (max-width:470px)
{


 }

.gm-style-iw-a {
	visibility: visible;
}
/*.gm-ui-hover-effect{
	display: none !important;
}*/
button.gm-ui-hover-effect
{
	display: none !important;
}
.gm-style-iw
{
	padding: 0px !important;
}
.gm-style-iw-d
{
	overflow: hidden !important;
}
.gm-style-iw-c
{
	padding: 0px !important;
}