@charset "utf-8";
html{height:100%; overflow:hidden;}
body{position:relative;height:100%;overflow-x:hidden;font-size:92%;line-height:1.8em;color:#383838;font-family:"나눔 바른 고딕","NanumBarunGothic","NanumBG","맑은 고딕","MalgunGothic","돋움","Dotum",sans-serif;font-size-adjust:none;}

/* reset style [start] */
html,body, iframe,h1, h2, h3, h4, h5, h6, p, blockquote,pre,
q, span, dl, dt, dd, ol, ul, li, fieldset, form, input, table,tr, th ,td{margin:0;padding:0;border:0;line-height:1.5em;}
img, fieldset{max-width:100%; border:0 none;}

/* 나눔 스퀘어 */
@font-face{font-family:'NanumSQ';font-weight:400;src:url("/common/font/NanumSquareR.eot");/* ie6, ie9호환성보기*/src:url("/common/font/NanumSquareR.eot?#iefix") format('embedded-opentype'),/* ie7,8 */url("/common/font/NanumSquareR.woff") format('woff'),/* Crome */url("/common/font/NanumSquareR.ttf") format('truetype');}
/* 나눔 스퀘어 */
@font-face{font-family:'NanumSQ';font-weight:600;src:url("/common/font/NanumSquareB.eot");/* ie6, ie9호환성보기*/src:url("/common/font/NanumSquareB.eot?#iefix") format('embedded-opentype'),/* ie7,8 */url("/common/font/NanumSquareB.woff") format('woff'),/* Crome */url("/common/font/NanumSquareB.ttf") format('truetype');}
/* 나눔 바른 고딕 */
@font-face{font-family:'NanumBG';src:url("/common/font/NanumBarunGothic.eot");/* ie6, ie9호환성보기*/src:url("/common/font/NanumBarunGothic.eot?#iefix") format('embedded-opentype'),/* ie7,8 */url("/common/font/NanumBarunGothic.woff") format('woff'),/* Crome */url("/common/font/NanumBarunGothic.ttf") format('truetype');}
/* 나눔명조 */
@font-face{font-family:'NanumMJ';src:url("/common/font/NanumMyeongjo.eot");/* ie6, ie9호환성보기*/src:url("/common/font/NanumMyeongjo.eot?#iefix") format('embedded-opentype'),/* ie7,8 */url("/common/font/NanumMyeongjo.woff") format('woff'),/* Crome */url("/common/font/NanumMyeongjo.ttf") format('truetype');}
/* 서울한강 볼드  */
@font-face{font-family:'SeoulHB';src:url("/common/font/SeoulHangangB.eot");/* ie6, ie9호환성보기*/src:url("/common/font/SeoulHangangB.eot?#iefix") format('embedded-opentype'),/* ie7,8 */url("/common/font/SeoulHangangB.woff") format('woff'),/* Crome */url("/common/font/SeoulHangangB.ttf") format('truetype');}
/* 나눔펜 볼드  */
@font-face{font-family:'NanumP';src:url("/common/font/NanumPen.eot");/* ie6, ie9호환성보기*/src:url("/common/font/NanumPen.eot?#iefix") format('embedded-opentype'),/* ie7,8 */url("/common/font/NanumPen.woff") format('woff'),/* Crome */url("/common/font/NanumPen.ttf") format('truetype');}
/* open Sans */
@font-face{font-family:'openS';src:url("/common/font/OpenSans.eot");/* ie6, ie9호환성보기*/src:url("/common/font/OpenSans.eot?#iefix") format('embedded-opentype'),/* ie7,8 */url("/common/font/OpenSans.woff") format('woff'),/* Crome */url("/common/font/OpenSans.ttf") format('truetype');}
/* open Sans Light */
@font-face{font-family:'openSL';src:url("/common/font/OpenSans-Light.eot");/* ie6, ie9호환성보기*/src:url("/common/font/OpenSans-Light.eot?#iefix") format('embedded-opentype'),/* ie7,8 */url("/common/font/OpenSans-Light.woff") format('woff'),/* Crome */url("/common/font/OpenSans-Light.ttf") format('truetype');}

a:link{color:#636363;text-decoration:none;}
a:visited{color:#636363;text-decoration:none;}
a:hover{color:#0030ae;text-decoration:underline;}
a:active{color:#0030ae;text-decoration:underline;}

.mlnb_bg{display:none;position:absolute;right:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:10;}
#header{position:absolute;top:0;left:0;width:100%;height:69px;background-color:#4c83d3;border-bottom:1px solid #175fb4;z-index:11;}
#header h1{position:absolute;top:0;left:0;bottom:0;right:0;width:249px;height:55px;margin:auto;background:url('../images/logo.png') no-repeat 50%;font-size:0;line-height:0;overflow:hidden;}
.side{position:absolute;top:0;left:0;width:305px;height:100%;background-color:#fff;border-right:1px solid #e6e6e6;z-index:10;}
.search{position:absolute;top:70px;left:0;width:265px;height:80px;padding:20px;background-color:#f8f8f8;border-bottom;:1px solid #e6e6e6;z-index:12;}
.search input[type="text"]{width:72%;height:33px;border:2px solid #0d5db7;color:#686868;line-height:35px;}
.search input[type="submit"]{width:25%;height:39px;margin:0 0 0 1px;background:url('../images/src_btn.png') #0d5db7 no-repeat 50%;border-radius:2px;font-size:0;line-height:0;}
.category button.cate_all{display:block;width:100%;height:36px;margin:10px 0 0 0;padding:0;background:#fff;border:1px solid #ddd;text-align:left;}
.category button.cate_all span{display:block;margin:0 15px;background:url('../images/all_menu.png') no-repeat right 50%;}
.category ul{position:relative;display:none;z-index:1;}
.category ul li{display:block;background-color:#fff;border:1px solid #ccc;border-top:0;}
.category ul li a{display:block;height:30px;margin:0 15px;line-height:30px;background:url('../images/cate_bul_off.png') no-repeat right 50%;color:#777;text-decoration:none;}
.category ul li a:hover{background-image:url('../images/cate_bul_on.png');color:#333;}
.nav_all{display:none;}
.side_menu{position:relative;width:80px;height:100%;background-color:#485059;}
.side_menu > li:first-child{padding-top:197px;}
.side_menu > li.on{background:url('../images/depth1_on_bg.png') #0d5db7 repeat;}
.side_menu > li.on .depth1_ti span{background:url('../images/depth1_on_bul.png') no-repeat right 50%;}
.side_menu > li > div{display:none;}
.side_menu > li > div.on{display:block;}
.side_menu .depth1_ti{display:block;background-repeat:no-repeat;background-position:50% 15px;text-align:center;text-decoration:none;}
.side_menu .depth1_ti span{display:block;padding:45px 0 5px 0;color:#fff;font-size:14px;line-height:20px;}
.side_menu .depth1_ti:hover{background-color:#729be4;}
.side_menu div{position:absolute;top:170px;left:80px;width:186px;padding:20px;background-color:#fff;}
.side_menu div .ti{display:block;width:85%;padding:0 0 15px 15%;background:url('../images/h1.png') no-repeat left top;border-bottom:1px dashed #cdcdcd;color:#003f91;font-size:17px;line-height:23px;}
.side_menu > li > div ul{margin:20px 0 0 10px;}
.side_menu > li > div ul li{padding:0 0 0 14px;background:url('../images/bul.png') no-repeat left 8px;}
.side_menu .sm1 .depth1_ti{background-image:url('../images/menu_icon1.png');}
.side_menu .sm2 .depth1_ti{background-image:url('../images/menu_icon2.png');}
.side_menu .sm3 .depth1_ti{background-image:url('../images/menu_icon3.png');}
.side_menu .sm4 .depth1_ti{background-image:url('../images/menu_icon4.png');}
.side_menu .sm5 .depth1_ti{background-image:url('../images/menu_icon5.png');}
.side_menu .sm6 .depth1_ti{background-image:url('../images/menu_icon6.png');}
.side_menu .sm7 .depth1_ti{background-image:url('../images/menu_icon7.png');}
.side_menu .sm8 .depth1_ti{background-image:url('../images/menu_icon8.png');}
.side_menu .sm9 .depth1_ti{background-image:url('../images/menu_icon9.png');}
.side_menu .sm10 .depth1_ti{background-image:url('../images/menu_icon10.png');}
@media all and (max-width:1024px) {
  .search{width:200px;padding:5px;}
  .search input[type="text"]{width:74%;height:39px;box-sizing:border-box;}
  .category{box-sizing:border-box;}
  .category button.cate_all{margin:2px 0 0 0;}
  .side{width:240px;}
  .side_menu > li:first-child{padding-top:165px;}
  .side_menu div{width:140px;padding:10px;}
  .side_menu div .ti{padding:0 0 0 30px;box-sizing:border-box;}
}
@media all and (min-width:641px) {
  .nav_close{display:none;}
}
@media all and (max-width:640px) {
  .nav_all{display:block;position:absolute;right:10px;top:15px;width:48px;height:38px;margin:0;padding:0;background-color:#f8f8f8;}
  .nav_all span{display:block;width:48px;height:38px;padding:0;background:url('/common/images/common/m_nav_all.png') #7d7d7d no-repeat 50%;background-size:20px auto;border-top:0;font-size:0;line-height:0;}
  .nav_close{display:none;position:absolute;right:10px;top:15px;width:48px;height:38px;background:url('/common/images/common/m_nav_close.png') #333 no-repeat 50%;font-size:0;line-height:0;text-indent:-9999px;overflow:hidden;z-index:1;}
  #header h1{left:10px;right:auto;width:130px;margin:auto 0;background-size:100% auto;}
  .side{width:100%;height:0;background-color:transparent;z-index:11;}
  .search{top:10px;bottom:0;left:165px;width:320px;height:40px;background-color:transparent;}
  .search form{float:left;width:50%;box-sizing:border-box;}
  .search > div{float:left;width:50%;box-sizing:border-box;}
  .side_menu{display:none;position:absolute;top:70px;right:0;}
  .side_menu li{background-color:#6e6e6e;}
  .side_menu > li:first-child{padding-top:0;}
  .side_menu div{top:0;left:-160px;}
}
@media all and (max-width:600px) {
  .search{display:none;}
}
#map_body{overflow:hidden;position:relative;padding:0 0 0 286px;width:100%;height:100%;}
#mcwrap {position:relative;padding-top:75px;height:100%;}

#snb{position:absolute;top:0;left:0;width:286px;height:100%;border-right:1px solid #767676;background:url(/images/map/bg_map.png) repeat;z-index:89;}
#map_gnb{overflow:hidden;position:relative;width:286px;height:100%;overflow-x:hidden;overflow-y:auto;z-index:100}
#map_gnb nav{position:relative;width:286px;height:100%;z-index:99;}
#map_gnb nav .s_1thbox{position:relative;margin:0;padding-left:86px;width:100%;z-index:99;}
#map_gnb nav .s_1thbox li{display:block;}
#map_gnb nav .s_1thbox li a{display:block;}
#map_gnb nav .s_1thbox li.m_1th{}
#map_gnb nav .s_1thbox li.m_1th .link_m_1th{display:block;position:absolute;left:0;padding:40px 0 10px;width:86px;background:#203341;color:#fff;font-size:14px;text-align:center;line-height:20px;}
#map_gnb nav .s_1thbox li.m_1th .current {background:#6aa8d4;color:#fff;}

#map_gnb nav .s_1thbox li.m_1th_0 .link_m_1th{top:255px;}
#map_gnb nav .s_1thbox li.m_1th_1 .link_m_1th{top:0;}
#map_gnb nav .s_1thbox li.m_1th_2 .link_m_1th{top:85px;}
#map_gnb nav .s_1thbox li.m_1th_3 .link_m_1th{top:170px;}
#map_gnb nav .s_1thbox li.m_1th_4 .link_m_1th{top:255px;}

#map_gnb nav .s_2thbox{position:relative;padding-top:10px;width:201px;}
#map_gnb nav .s_2thbox li{display:block;line-height:0;}
#map_gnb nav .s_2thbox li a{display:block;position:relative;margin-bottom:8px;padding:12px 15px 12px 67px;color:#3d3d3d;font-size:14px;border:0;text-align:left;line-height:20px;}

.viewcon {position:absolute;right:215px;top:0;width:447px;height:100%;background:#fff;overflow:auto;}
.vwwrap {position:relative;width:100%;margin:0 auto;padding:10px 0;padding-left:112px;}
.vwwrap h1 {margin:0 0 10px 0;padding:0;font-size:16px;color:#232c34;}

.vwwrap .gs-img{overflow:hidden;position:absolute;top:8px;left:0;width:90px;height:60px;border:1px solid #efefef;}
.vwwrap .gs-img img {width:100%;}
.vwwrap .gs-address,
.vwwrap .gs-tel{margin-bottom:5px;padding-left:20px;color:#767778;font-size:13px;line-height:22px;}
.vwwrap .gs-tel{margin-bottom:15px;background:url(/images/map/bg_tel.gif) no-repeat left 50%;}
.vwwrap .gs-address{background:url(/images/map/bg_address.gif) no-repeat left 50%;}

.bt_add_more{display:inline-block;position:relative;padding:5px 10px 3px 10px;padding-right:54px;background:#768299;border:1px solid #566684;color:#fff;font-size:13px;line-height:20px;}
.bt_add_more:link,
.bt_add_more:visited{color:#fff;}
.bt_add_more .bico{display:inline-block;overflow:hidden;position:absolute;top:10px;right:10px;width:15px;height:15px;background:url(/images/map/bg_map.gif) no-repeat left top;}

.vwwrap .ptwrap div {width:100%;padding:10px 0 0;}
.vwwrap .ptwrap div:after {content:"";display:block;visibility:hidden;clear:both;}
.vwwrap .ptwrap div a {float:left;width:91px;margin-left:4px;}
.vwwrap .ptwrap div a:first-child {margin-left:0;}
.vwwrap .ptwrap div a img {width:100%;}
.vwwrap .view_p {min-height:185px;padding:15px;overflow:auto;background:#f5f5f5;border:1px solid #e7e7e7;}

/*Main Display Elements */
#map {overflow:hidden;position:relative;width:100%;height:calc(100% - 70px);margin-top:70px;}
.zero_results {background-color: #eee !important}
.zero_results:before {
  background: none repeat scroll 0 0 #c31818;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  color: #FFFFFF;
  content: "0";
  display: block;
  font-size: 10px;
  font-weight: bold;
  height: 12px;
  line-height: 12px;
  margin-bottom: -12px;
  margin-right: -12px;
  padding: 0 !important;
  position: relative;
  text-align: center;
  width: 11px;
}

#mapLoading {
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, .3);
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .3);
box-shadow: 0 1px 4px rgba(0, 0, 0, .3);
-moz-border-radius: .6em;
-webkit-border-radius: .6em;
border-radius: .6em;
width: 50px; height: 50px; border: 1px solid #ccc;
 position: relative; background: #fff url(/images/map/loading.gif) center center no-repeat;}

/* Street View Box */
#svFrame {position: absolute; border: 2px solid #ccc; border-right: 7px solid #ccc; width: 90%; height: 70%; background: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.8); padding: 0px 0px; z-index: 40}
#svBox {width: 100%; height: 100%; margin: 0px; border: 2px solid #fff; border-top: 16px solid #fff; background: #fff url(/images/map/loading.gif) center center no-repeat;}
#svBoxClose {background: url(images/close.png) no-repeat; height: 16px; width: 16px; cursor: pointer;}

/* Top Controls */
#overlayControl {left: 40px; top: 10px}
/* #searchForm {display: block; float: left; margin-left: 5px; margin-top: -1px; padding-top: 0px} */
#searchTxt {height: 24px; padding: 0px; border: 1px solid #000; width: 260px; padding-left: 5px;  font-weight: bold; margin-right: 3px; margin-bottom: 2px; box-shadow: 1px 1px 3px -1px #444;}
#searchButton {height: 26px; margin-top: -1px; box-shadow: 1px 1px 3px -1px #444;}
#directionsControl{padding: 3px; margin-left: 10px; font-weight: bold; margin-top: -2px; border: 1px solid #888; box-shadow: 1px 1px 3px -1px #444;}

/* layer */
#layer{display:block; position:absolute; top:-82px; left:50%; padding:8px 30px 8px 12px; border-radius:5px; background-color:#fff; box-shadow:0 2px 4px rgba(0,0,0,0.5); font-size:0; line-height:0; transform:translateX(-50%);}
#layer .layer_title{font-size:14px; line-height:16px;}
#layer .layer_close{display:block; position:absolute; top:8px; right:8px; bottom:8px; width:16px; height:16px; margin:auto 0; border:0;}
#layer .layer_close img{width:16px; height:16px;}

