@charset "utf-8";
@import url(default_1.css);
@import url(layout_320.css);

/* ------------------------------------------------------------------------------------------------------- 1. 메뉴(버튼) -------------------------------------------------------------------------------------------------------- */
.mn > div > a, .smn > div > a, .mn2 > div > a, .mn3 > div > a, .b_legend > a {display:block; width:40px; height:40px; border-radius:3px; background-size:100% 100% !important; background-color:rgba(255,255,255,0.9) !important; box-shadow:1px 1px 1px #666;}
.mn2, .mn3 {position:absolute; z-index:1996;}/* 포지션 */
/* -------------------------------------------------------------------- left */
.mn {float:left; margin-left:8px; z-index:1996;}
.mn .menu {margin-top:0;}
@media (max-width:991px) {
    .mn .menu {margin-top:8px;height:100%;width:100%}/* 모바일 */
}
.mn .menu a {background-image:url(/smgis2/file/imgs/btn/menu.png);}
.mn .menu a:hover {background-image:url(/smgis2/file/imgs/btn/menu_on.png);}
.smn {float:left; margin-left:8px;}
.cmn {float:left; margin-left:8px;display:flex; margin-top:0px;z-index:997;}
@media (max-width:991px) {
    .smn {float:none;}/* 모바일 */
    .smn .menu2 {margin:30px 0 0 8px;}/* 모바일 */
    .cmn .menu3 {float:none;position:absolute;top:8px;margin-left:40px;}/* 모바일 */
    .cmn .menu4 {float:none;position:absolute;top:8px; margin-top: 0 !important;}/* 모바일 */
}
.smn .menu2 a {background-image:url(/smgis2/file/imgs/btn/legend.png);}
.smn .menu2 a:hover {background-image:url(/smgis2/file/imgs/btn/legend_on.png);}
.mn2 .baseCluster a {margin:2px 0 0 12px;}
.mn2 .baseCluster a.off {background-image:url(/smgis2/file/imgs/btn/cluster2.png);}
.mn2 .baseCluster a.on {background-image:url(/smgis2/file/imgs/btn/cluster2_on.png);}
.mn2 .heatmap a {margin:2px 0 0 12px;}
.mn2 .heatmap a.off {background-image:url(/smgis2/file/imgs/btn/heatmap1.png);}
.mn2 .heatmap a.on {background-image:url(/smgis2/file/imgs/btn/heatmap1_on.png);}
.mn2 .heatmap2 a {margin:2px 0 0 12px;}
.mn2 .heatmap2 a.off {background-image:url(/smgis2/file/imgs/btn/heatmap2.png);}
.mn2 .heatmap2 a.on {background-image:url(/smgis2/file/imgs/btn/heatmap2_on.png);}
.clusterNotice {cursor:pointer;display:none;width:10px;padding:5px;position:absolute;right:43px;top:218px;background-color:rgba(255,255,255,0.9);z-index:1999;border-radius:3px;box-shadow:1px 1px 1px #666;font-size:12px; color:#000; letter-spacing:-0.5px; transition:all 0.3s ease 0s !important;}
.clusterNotice div{background-image:url(/smgis2/file/imgs/btn/icon_caution.gif); width: 23px;height: 23px;background-size: 13px;background-repeat: no-repeat;}
#cluster_control1_fold {display:none;width:10px;padding:5px;position:absolute;right:43px;top:218px;background-color:rgba(255,255,255,0.9);z-index:1999;border-radius:3px;box-shadow:1px 1px 1px #666;font-size:12px; color:#000; letter-spacing:-0.5px; transition:all 0.3s ease 0s !important;}
#cluster_control1_fold .fold{background-image:url(/smgis2/file/imgs/btn/prev.png); width: 23px;height: 23px;background-size: 13px;background-repeat: no-repeat;}
#heatmap_control_fold {display:none;width:10px;padding:5px;position:absolute;right:43px;top:251px;background-color:rgba(255,255,255,0.9);z-index:1999;border-radius:3px;box-shadow:1px 1px 1px #666;font-size:12px; color:#000; letter-spacing:-0.5px; transition:all 0.3s ease 0s !important;}
#heatmap_control_fold .fold{background-image:url(/smgis2/file/imgs/btn/prev.png); width: 23px;height: 23px;background-size: 13px;background-repeat: no-repeat;}
#heatmap_control2_fold {display:none;width:10px;padding:5px;position:absolute;right:43px;top:285px;background-color:rgba(255,255,255,0.9);z-index:1999;border-radius:3px;box-shadow:1px 1px 1px #666;font-size:12px; color:#000; letter-spacing:-0.5px; transition:all 0.3s ease 0s !important;}
#heatmap_control2_fold .fold{background-image:url(/smgis2/file/imgs/btn/prev.png); width: 23px;height: 23px;background-size: 13px;background-repeat: no-repeat;}
#cluster_control1 {display:none;width:230px;padding:5px;position:absolute;right:43px;top:218px;background-color:rgba(255,255,255,0.9);z-index:1999;border-radius:3px;box-shadow:1px 1px 1px #666;font-size:12px; color:#000; letter-spacing:-0.5px; transition:all 0.3s ease 0s !important;}
#cluster_control2 {display:none;width:100px;padding:5px;position:absolute;right:43px;top:259px;background-color:rgba(255,255,255,0.9);z-index:1999;border-radius:3px;box-shadow:1px 1px 1px #666;font-size:12px; color:#000; letter-spacing:-0.5px; transition:all 0.3s ease 0s !important; }
#heatmap_control {display:none;width:230px;padding:5px;position:absolute;right:43px;top:251px;background-color:rgba(255,255,255,0.9);z-index:1999;border-radius:3px;box-shadow:1px 1px 1px #666;font-size:12px; color:#000; letter-spacing:-0.5px; transition:all 0.3s ease 0s !important; }
#heatmap_control2 {display:none;width:230px;padding:5px;position:absolute;right:43px;top:285px;background-color:rgba(255,255,255,0.9);z-index:1999;border-radius:3px;box-shadow:1px 1px 1px #666;font-size:12px; color:#000; letter-spacing:-0.5px; transition:all 0.3s ease 0s !important; }
#cluster_control1 .close{width:16px;height:16px;float:right;margin:2px;background-image:url(/smgis2/file/imgs/btn/close3.png);}
#heatmap_control .close{width:16px;height:16px;float:right;margin:2px;background-image:url(/smgis2/file/imgs/btn/close3.png);}
#heatmap_control2 .close{width:16px;height:16px;float:right;margin:2px;background-image:url(/smgis2/file/imgs/btn/close3.png);}
@media (max-width:991px) {
    #cluster_control1 {top:183px;} /* 모바일 */
    #cluster_control2 {top:186px;} /* 모바일 */
    #heatmap_control {top:176px;} /* 모바일 */
    #heatmap_control2 {top:212px} /* 모바일 */
    #cluster_control1_fold {top:183px;} /* 모바일 */
    #heatmap_control_fold {top:176px;} /* 모바일 */
    #heatmap_control2_fold {top:212px} /* 모바일 */
    .clusterNotice{top:144px;} /* 모바일 */
}
.mn3 {right:8px; bottom:55px;}
.mn3 .m_theme_list a {display:none;}
.mn3 .multi_theme_list a {display:block; background-image:url(/smgis2/file/imgs/btn/theme_list.png);}
.mn3 .multi_theme_list a:hover {display:block; background-image:url(/smgis2/file/imgs/btn/theme_list_on.png);}
@media (max-width:991px) {
    .mn3 .multi_theme_list a {display:none;}
    .mn3 .m_theme_list a {display:none; background-image:url(/smgis2/file/imgs/btn/theme_list.png);}/* 모바일 */
    .mn3 .m_theme_list a:hover {display:block; background-image:url(/smgis2/file/imgs/btn/theme_list_on.png);}/* 모바일 */
}
@media (max-width:991px) {
    .mn3 > div > a {width:36px; height:36px;}
}
/* -------------------------------------------------------------------------------------------------------- 2. 반경 검색 -------------------------------------------------------------------------------------------------------- */ 
.searches {position:absolute; top:10px; right:60px; z-index:1996;}
.searches legend {display:none !important; overflow:hidden;}
.searches .select-script, .searches input[type="text"] {float:left; margin-left:3px; box-shadow:1px 1px 1px #666;}
.searches .select-script {position:relative; width:78px; height:25px; border:1px solid #fff; border-radius:3px; background:rgba(255,255,255,0.9); font-size:12px; color:#759ae1 !important;}
.searches .select-script label {position:absolute; top:0; left:0; width:70px; height:19px; padding:5px 0 0 6px;}
.searches .select-script label:after {content:'▼'; position:absolute; top:0; right:0; width:24px; height:19px; padding-top:6px; font-size:11px; color:#6789ca; text-align:center;}
.searches .select-script select {width:100%; opacity:0;}
.searches input[type="text"] {width:73px; height:24px; padding:0 0 1px 6px; border:1px solid #fff; border-radius:3px; background:rgba(255,255,255,0.9); font-size:12px; color:#759ae1 !important;}
.searches input[type="image"] {position:absolute; top:1px; right:2px; width:24px; height:24px;}
/* ---------------------------------------------------------------------------------------------------------- 3. 주소 ---------------------------------------------------------------------------------------------------------- */
.add {position:absolute; bottom:8px; width:50%; margin-left:25%; border-radius:25px; background-color:rgba(0,0,0,0.75); text-align:center; z-index:1996;}/* 포지션 */
.add span {display:block; padding:8px 0 9px; font-size:13px; color:#fff;}
@media (max-width:991px) {
    .add {position:absolute; bottom:8px; width:90%; margin-left:5%; border-radius:25px; background-color:rgba(0,0,0,0.75); text-align:center; z-index:1996;}/* 모바일 *//* 포지션 */
    .add span {display:block; padding:8px 0 9px; font-size:12px; color:#fff;}/* 모바일 */
}
/* ---------------------------------------------------------------------------------------------------------- 4. 테마 ---------------------------------------------------------------------------------------------------------- */
.conbg {position:absolute; width:100%; height:100%; z-index:10000;}/* 포지션 */
.layout {position:absolute; top:8px;z-index:2000;height:0px;}/* 포지션 */
.contents {position:relative; top:0; left:0; width:300px;background-color:#fff; box-shadow:1px 1px 3px #666; z-index:2000;}
.position3 {position:absolute; top:40%; left:50%; width:300px; height:605px; margin:-243px 0 0 -150px;}/* 포지션 */
.fix {position:absolute !important;}
@media (max-width:991px) {
    .layout {position:absolute; top:0; width:100%; height:100%;z-index:2000;}/* 모바일 */
    .layout {position:absolute; top:0; width:100%; height:100%;z-index:2000;}/* 모바일 */
    .contents {display:none; position:absolute; top:0; left:0; width:100%; height:100%; background-color:#fff; box-shadow:none; z-index:2000;}/* 모바일(wrap) *//* 포지션 */
    .position {position:absolute; bottom:0; left:0; width:100%; height:270px; box-shadow:0 0 5px rgba(0,0,0,0.7); z-index:1998;}/* 모바일 *//* 포지션 */
    .fix {position:absolute !important;}/* 모바일 */
}
/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 상단영역 */
.contents .head {position:relative; padding:8px 0 8px 8px; background-color:#f7f7f7;}
.contents .head h1 a {float:left; width:164px; height:21px; margin:2px 4px 0 0; background-size:80% 80% !important; background:url(/smgis2/file/imgs/icon/logo.png) no-repeat;}
#backNoticeBtn {position:absolute;float:right; right:65px;width:60px; height:25px;margin:0px 8px 0px 2px;}
.contents .head .tmc_langset{position:absolute;float:right; right:65px;width:70px; height:25px;margin:0px 8px 0px 2px;}
.contents .head button.back {float:right; width:60px;height:26px; margin:0 8px 0 2px; padding-bottom:2px; border:1px solid #5976ae; border-radius:3px; background-color:#6789ca; font-size:12px; color:#fff; letter-spacing:-0.5px; transition:all 0.3s ease 0s !important; cursor:pointer;}
.contents .head button.back:hover {background-color:#5976ae;}
.contents .head button.back span {float:left; width:4px; height:8px; margin:4px 0 0 5px; background-size:4px 8px; background-image:url(/smgis2/file/imgs/btn/back.png);}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ 검색 */
.contents .searching2 {margin:0 14px;}
.contents .searching2.line {border-top:1px solid #6789ca;}
.contents .searching2 legend {display:none !important; overflow:hidden;}
.contents .searching2 .select .select-script {float:left; margin-right:2px;}
/* .contents .searching2 .select .select-script {position:relative; width:calc(100% - 30px); height:24px; border:1px solid #ccc; border-radius:3px; background-color:#f1f1f1; font-size:12px; color:#777;}*/.contents .searching2 .select .select-script label {position:absolute; top:0; left:0; width:calc(100% - 3px); height:19px; padding:5px 0 0 3px;}
.contents .searching2 .select .select-script label:after {content:'▼'; position:absolute; top:0; right:0; width:24px; height:18px; padding-top:6px; font-size:10px; color:#a7a7a7; text-align:center;}
.contents .searching2 .select .select-script select {width:100%; opacity:0;}
.contents .search_input2 input[type="text"] {width:calc(100% - 40px); height:24px; padding-left:3px; border:1px solid #ccc; border-radius:3px; background-color:#f1f1f1; font-size:12px; color:#777;}
.contents .searching2 input[type="image"] {width:26px; height:26px;} 
/** 20171115 검색 버튼 수정*/
.contents .searching2 .select .select-script {position:relative; width:calc(100% - 40px); height:24px; border:1px solid #ccc; border-radius:3px; background-color:#f1f1f1; font-size:12px; color:#777;}
.contents .searching2 .search_btn a{ margin-left: 2px; position: absolute; padding-left: 7px; padding-right: 7px; height: 24px; line-height: 24px; text-align: center; border: 1px solid #5976ae; border-radius: 3px; background-color: #6789ca;font-size: 12px; color: #fff;letter-spacing: -0.5px;transition: all 0.3s ease 0s !important;cursor: pointer;}
.contents .searching2 .refresh_btn { margin-left: 2px; position: absolute; padding-left: 7px; padding-right: 7px; height: 24px; line-height: 24px; text-align: center; border: 1px solid #5976ae; border-radius: 3px; background-color: #6789ca;font-size: 12px; color: #fff;letter-spacing: -0.5px;transition: all 0.3s ease 0s !important;cursor: pointer;}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ 공공+시민 - 갤러리+썸네일 */
.contents .choice {margin:8px 8px 0;}
.contents .choice .tab {float:left;}
.contents .choice .tab li {float:left; font-size:13px; text-align:center;}
.contents .choice .tab li a {display:block;}
.contents .choice .tab li.l a, .contents .choice .tab li.l a:hover, .contents .choice .tab li.l_on {width:46px; height:22px; padding-top:6px; border-right:1px solid #fff; border-radius:3px 0 0 3px;}
.contents .choice .tab li.l a {background-color:#e1e1e1; color:#7c7c7c;}
.contents .choice .tab li.l a:hover, .contents .choice .tab li.l_on, .contents .choice .tab li.l_on a {background-color:#80a9f7; color:#fff;}
.contents .choice .tab li.l a:hover {transition:all 0.3s ease 0s !important;}
.contents .choice .tab li.r a, .contents .choice .tab li.r a:hover, .contents .choice .tab li.r_on {width:46px; height:22px; padding-top:6px; border-radius:0 3px 3px 0;}
.contents .choice .tab li.r a {background-color:#e1e1e1; color:#7c7c7c;}
.contents .choice .tab li.r a:hover, .contents .choice .tab li.r_on, .contents .choice .tab li.r_on a {background-color:#80a9f7; color:#fff;}
.contents .choice .tab li.r a:hover {transition:all 0.3s ease 0s !important;}
.contents .choice .type {float:right;}
.contents .choice .type li, .contents .choice .type li a {float:left;}
.contents .choice .type li.sgallery a, .contents .choice .type li.sgallery a:hover, .contents .choice .type li.sgallery_on a {width:26px; height:26px; border:1px solid #ccc; border-radius:3px; background-size:26px 26px; cursor:pointer;}
.contents .choice .type li.sgallery a {background-image:url(/smgis2/file/imgs/btn/gallery.png);}
.contents .choice .type li.sgallery a:hover {background-image:url(/smgis2/file/imgs/btn/gallery_on.png);}
.contents .choice .type li.sgallery_on a {background-image:url(/smgis2/file/imgs/btn/gallery_on.png);}
.contents .choice .type li.slist a, .contents .choice .type li.slist a:hover,.contents .choice .type li.slist_on a {width:26px; height:26px; margin-left:2px; border:1px solid #ccc; border-radius:3px; background-size:26px 26px; cursor:pointer;}
.contents .choice .type li.slist a {background:url(/smgis2/file/imgs/btn/list.png);}
.contents .choice .type li.slist a:hover {background:url(/smgis2/file/imgs/btn/list_on.png);}
.contents .choice .type li.slist_on a {background:url(/smgis2/file/imgs/btn/list_on.png);}
.contents .choice .type li.ssearch a {width:26px; height:26px; margin-left:2px; border:1px solid #ccc; border-radius:3px; background-size:26px 26px; background:url(/smgis2/file/imgs/btn/search4.png); cursor:pointer;}
.contents .choice .theme_name {float:left; padding-top:5px; font-weight:600; font-size:14px; color:#6789ca; letter-spacing:-0.5px; word-spacing:-0.5px;}
/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 갤러리형 */
.contents .type_g {overflow:hidden; position:relative; margin-top:9px; padding:0 9px;}
.contents .type_gh {height:calc(100% - 95px);}
.contents .type_gh2 {height:calc(100% - 139px);}
.contents .type_ghm {height:calc(100% - 95px);}
@media (max-width:991px) {
    .contents .type_gh {height:calc(100% - 155px);} 
    .contents .type_ghm {height:calc(100% - 105px);}
    .contents .type_gh2 {height:calc(100% - 155px);}
    .contents .type_gh2 {height:calc(100% - 195px);}
}
.contents .type_gh2 {height:calc(100% - 139px);}
.contents .type_g ul {float:left; width:100%; padding:7px 0;}
.contents .type_g li {position:relative; float:left; width:25%; text-align:center;}
.contents .type_g li img {width:56px; height:56px;}
.contents .type_g li span {position:absolute; left:0; width:100%; text-align:center;}/* JHJ */
.contents .type_g li span img {width:56px; height:56px; background-color:rgba(98,136,192,0.8);}/* JHJ */
.contents .type_g li p {padding:4px 2px 0; font-size:12px; color:#5c5c5c; line-height:17px; letter-spacing:-1px; word-spacing:-0.5px; word-break:break-all;}
.contents .type_g2 {overflow:hidden; position:relative;margin-top:9px; padding:0 8px;max-height:calc(100% - 95px);}
@media (max-width:991px) {
    .contents .type_g2 {height:calc(100% - 155px);}
}
.contents .type_g2 ul {float:left; width:100%; padding:7px 0;}
.contents .type_g2 li {position:relative; float:left; width:25%; text-align:center;}
.contents .type_g2 li img {width:56px; height:56px;}
.contents .type_g2 li img.ico {opacity:0.50; filter:alpha(opacity=50);}
.contents .type_g2 li img.check {opacity:1.0; filter:alpha(opacity=100);}
.contents .type_g2 li img.all {border-radius:9px;}
.contents .type_g2 li span img {background-color:rgba(98,136,192,0.0);}
.contents .type_g2 li span {position:absolute; width:56px; height:56px;}
.contents .type_g2 li p {padding:4px 2px 0; font-size:12px; color:#8c8c8c; line-height:17px; letter-spacing:-1px; word-spacing:-0.5px; word-break:break-all;}
.contents .type_g2 li p.check {font-weight:600; color:#112b3c;}
/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 리스트형 */
.contents .type_l {overflow:hidden; position:relative; margin-top:14px; padding:0 14px 0 8px;}
.contents .type_lh {height:calc(100% - 100px);}
.contents .type_lh2 {height:calc(100% - 100px);}
@media (max-width:991px) {
    .contents .type_lh {height:calc(100% - 155px);}
    .contents .type_lh2 {height:calc(100% - 155px);} 
    .contents .type_lhm {height:calc(100% - 105px);}
    .contents .type_lh2 {height:calc(100% - 195px);} 
}
.contents .type_l .theme {float:left; width:100%; margin-bottom:8px;}
.contents .type_l .theme .theme_check_img1 > img {width:58px; height:58px; background-color:rgba(98,136,192,0.8);}/* JHJ */
.contents .type_l .theme > .theme_check_img1 {position:absolute; width:58px; height:58px;}/* JHJ */
.contents .type_l .theme .theme_check_img2 > img {width:53px; height:57px; margin-left:2px; background-color:rgba(98,136,192,0.8);}/* JHJ */
.contents .type_l .theme > .theme_check_img2 {position:absolute; width:53px; height:57px;}/* JHJ */
.contents .type_l .theme img.theme1 {float:left; width:58px; height:58px; margin-right:10px; border-radius:9px;}
.contents .type_l .theme img.theme2 {float:left; width:53px; height:57px; margin:0 13px 0 2px;}
.contents .type_l .theme dl {float:left; width:calc(100% - 68px);}
.contents .type_l .theme dt, .contents .type_l .theme dt a {display:inline-block; width:100%; font-size:14px; color:#4c4c4c; line-height:17px;}
.contents .type_l .theme dt a:hover {color:#6789ca;}
/* .contents .type_l .theme dt span.before a {float:left; width:16px; height:16px; margin-left:2px; background-size:16px 16px; background-image:url(/smgis2/file/imgs/ico/before.png);} */
/* 171109 수정 */
.contents .type_l .theme dt span.tit {float:left; padding-top:2px;}
/* .contents .type_l .theme dt span.tit {float:left; padding-top:3px;} */
.contents .type_l .theme dt span.before {float:right; margin-left:3px;}
.contents .type_l .theme dt span.before a {width:30px; padding-bottom:2px; border-radius:3px; border:1px solid #5976ae; background-color:#6789ca; font-size:12px; color:#fff; letter-spacing:-0.5px; word-spacing:-0.5px; text-align:center; transition:all 0.3s ease 0s !important;}
.contents .type_l .theme dt span.before a:hover {background-color:#5976ae;}
/* .contents .type_l .theme dt span.before a span.prev {float:left; width:14px; height:14px; margin:1px 3px 0 0; background-size:14px 14px; background-image:url(/smgis2/file/imgs/ico/before2.png);} */
.contents .type_l .theme dt span.before a span.prev {display:none;}
@media (max-width:991px) {
    .contents .type_l .theme dt span.tit {float:left; padding-top:0;}
    .contents .type_l .theme dt span.before {float:right; margin-left:3px;}
    .contents .type_l .theme dt span.before a {width:30px; padding-bottom:2px; border-radius:3px; border:1px solid #5976ae; background-color:#6789ca; font-size:12px; color:#fff; letter-spacing:-0.5px; word-spacing:-0.5px; text-align:center; transition:all 0.3s ease 0s !important;}
    .contents .type_l .theme dt span.before a:hover {background-color:#5976ae;}
    .contents .type_l .theme dt span.before a span.prev {display:none;}
}
/* 171109 수정 */
.contents .type_l .theme dd, .contents .type_l .theme dd a {display:block; font-size:12px; color:#7c7c7c; line-height:18px;}
.contents .type_l .theme dd a {padding-top:3px;}
.contents .type_l .theme dd.leader {display:block; border-bottom:1px solid #ccc; padding:2px 0 5px;; font-size:11px; color:#7c7c7c;}
.contents .type_l .theme .buttons3 {padding-top:7px;}
.contents .type_l .theme button.copy, .contents .type_l .theme button.list_view, .contents .type_l .theme button.write2, .contents .type_l .theme button.change { float:left; height:22px; margin-top:1px; border-radius:3px; font-size:12px; letter-spacing:-0.5px; word-spacing:-0.5px; transition:all 0.3s ease 0s !important; cursor:pointer;}
.contents .type_l .theme button.copy {padding:0 3px 3px; border:1px solid #ccc; background-color:#fff; color:#6c6c6c;}
.contents .type_l .theme button.copy span {float:left; width:14px; height:14px; margin:3px 2px 0 0; background-size:14px 14px; background-image:url(/smgis2/file/imgs/ico/theme_copy.png); opacity:0.45;}
.contents .type_l .theme button.list_view {margin-left:3px; padding:0 3px 3px; border:1px solid #ccc; background-color:#fff; color:#6c6c6c;}
.contents .type_l .theme button.list_view span {float:left; width:14px; height:14px; margin:2px 1px 0 0; background-size:14px 14px; background-image:url(/smgis2/file/imgs/ico/list_view.png); opacity:0.45;}
.contents .type_l .theme button.write2 {margin-left:3px; padding:0 5px 3px; border:1px solid #5976ae; background-color:#6789ca; color:#fff;}
.contents .type_l .theme button.write2:hover {background-color:#5976ae;}
.contents .type_l .theme button.write3 {position:fixed; top:15px; right:inherit; left:211px; width:43px; height:26px; padding-bottom:2px; border:1px solid #f15614; background-color:#f2682c; color:#fff;}
button.write4 {float:right; width:43px; height:26px; padding-bottom:2px; border:1px solid #f15614; background-color:#f2682c; color:#fff;} /* 2017.08.04 테마복사페이지 갤러리형 등록버튼 모바일에서 깨짐 수정 */
.contents .type_l .theme button.write3:hover {background-color:#f15614;}
.contents .type_l .theme button.change {margin-left:3px; padding:0 5px 3px; border:1px solid #e25555; background-color:#e66b6b; color:#fff;}
.contents .type_l .theme button.change:hover {background-color:#e25555;}
.contents .type_l .page {margin:4px 0 12px;}
.contents .type_l2 {overflow:hidden; position:relative; padding:0 14px 0 8px; border-bottom:8px solid #fff; background-color:#fff;}
.contents .pdevice {display:block;}
.contents .mdevice {display:none;}
@media (max-width:991px) {
    .contents .type_l2 {overflow:hidden; position:relative; padding:0 14px 0 8px; border-bottom:none;}/* 모바일(bottom) */
    .contents .pdevice {display:none;}/* 모바일 */
    .contents .mdevice {overflow:hidden; display:block; position:absolute; width:100%; height:calc(100% - 100px);}/* 모바일 *//* 포지션 */
    .contents .type_l .theme button.write3 {position:fixed; top:7px; right:54px; left:inherit;}
    /*button.write4 {position:fixed; top:7px; right:54px; left:inherit;}*/  /* 2017.08.04 테마복사페이지 갤러리형 등록버튼 모바일에서 깨짐 수정 */
}
.contents .type_l2h { height:386px; box-shadow:1px 2px 2px #666;}
.contents .type_l2h2 {height:354px;}
/* 20170806 테마복사 > 콘텐츠 리스트 디자인 수정 - 라  */
.contents .type_l2h3 {height:340px; box-shadow:1px 2px 2px #666;}
.contents .type_l2h4 {height:calc(100% - 100px); padding-bottom:2px;}/* 모바일 */
.contents .type_l2 .category {float:left; width:100%; margin-bottom:15px; cursor:pointer;}
.contents .type_l2 .category img {float:left; width:40px; height:40px; margin:0 5px 0 3px;}
.contents .type_l2 .category dl {float:left; width:calc(100% - 48px);}
.contents .type_l2 .category dt a {display:block; font-size:14px; color:#4c4c4c; line-height:19px; word-spacing:-1px;}
.contents .type_l2 .category dt a:hover {color:#6789ca;}
.contents .type_l2 .category dd.add_b {padding-top:5px; font-size:12px; color:#7c7c7c; letter-spacing:-0.5px;}
.contents .type_l2 .category dd.add_a {padding-top:3px; font-size:12px; color:#6789ca; letter-spacing:-0.5px;}
.contents .type_l2 .page {margin:2px 0 9px;}
/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 모바일(콘텐츠 리스트) */
.contents .titles {position:relative; margin:14px 14px 0; padding:4px 0 5px; border-bottom:1px solid #ccc; font-weight:600; font-size:14px; color:#6789ca;}
.contents .titles span {padding-top:2px; border-top:2px solid #6789ca;}
.contents .titles span.reset a {position:absolute; top:0; right:23px; width:18px; height:18px; background-size:18px 18px; background-image:url(/smgis2/file/imgs/btn/reset.png);}
.contents .titles span.close4 a {position:absolute; top:1px; right:0; width:16px; height:16px; background-size:16px 16px; background-image:url(/smgis2/file/imgs/btn/close4.png);}
.contents .blanks {padding-top:4px;}
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 거리순 - 이름순 */
.contents .turn {margin:11px 14px 14px;}
.contents .turn .texts2 {padding:10px;text-align:center; font-size:13px; color:#be1139; letter-spacing:-1px; word-spacing:-0.5px;} 
.contents .turn .texts3 {float:left; font-size:13px; letter-spacing:-1px; word-spacing:-0.5px;}  
.contents .turn .sequence {float:right;}
.contents .turn .sequence li {float:left; font-size:13px; padding-left:3px;}
.contents .turn .sequence li a span {display:inline-block; width:16px; height:16px; background-size:16px 16px; vertical-align:middle;}
.contents .turn .sequence li.off a {color:#8c8c8c;}
.contents .turn .sequence li.off a span {margin:0 1px 1px 0; background-image:url(/smgis2/file/imgs/ico/check.png);}
.contents .turn .sequence li.on a {color:#6789ca;}
.contents .turn .sequence li.on a span {margin:0 1px 1px 0; background-image:url(/smgis2/file/imgs/ico/check_on.png);}
.contents .turn2 {margin:0 8px 10px; padding-top:10px; border-top:1px solid #6789ca;}
.contents .turn2 .texts2 {font-size:12px; color:#6789ca; line-height:20px; letter-spacing:-0.5px; word-spacing:-0.5px; text-align:center;}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ 버튼 */
.contents .buttons {margin:14px 7px;}
.contents .buttons button.on, .contents .buttons button.off, .contents .buttons button.write {height:25px; margin:0 1px; padding:0 6px 3px 5px; border-radius:3px; font-size:12px; letter-spacing:-0.5px; word-spacing:-0.5px; transition:all 0.3s ease 0s !important; cursor:pointer;}
.contents .buttons button.on, .contents .buttons button.on:hover {border:1px solid #f15614; background-color:#f2682c; color:#fff;}
.contents .buttons button.off {border:1px solid #f15614; background-color:#fff; color:#f2682c;}
.contents .buttons button.off:hover {background-color:#f2682c; color:#fff;}
.contents .buttons button.write {border:1px solid #5976ae; background-color:#6789ca; color:#fff;}
.contents .buttons button.write:hover {background-color:#5976ae;}
.contents .sdsearch {margin:7px 0 8px; text-align:center;}
.contents .sdsearch button {height:25px; margin:0 1px 0; padding:0 10px 3px; border-radius:3px; border:1px solid #5976ae; background-color:#6789ca; font-size:12px; color:#fff; transition:all 0.3s ease 0s !important; cursor:pointer;}
.contents .sdsearch button:hover {background-color:#5976ae;}
.contents .cdsearch {margin:7px 0 8px; text-align:center;}
.contents .cdsearch button {height:25px; margin:0 3px 0; padding:0 10px 3px; border-radius:3px; font-size:12px; transition:all 0.3s ease 0s !important; cursor:pointer;}
.contents .cdsearch button#notice{background-color:#6789ca;color:white;border:1px solid #3d537d;}
.contents .cdsearch button#add{background-color:#f2682c;color:white;border:1px solid #f15614;}
.contents .cdsearch button#create{background-color:#3d537d;color:white;border:1px solid #101723;}
.contents .cdsearch button#modify{background-color:#6789ca;color:white;border:1px solid #101723;}
.contents .cdsearch button:hover {background-color:#5976ae;color:white}
.contents .map_view a {display:none;}
@media (max-width:991px) {
    .contents .map_view a {display:block; position:fixed; bottom:0px; width:100%; height:60px; z-index:2000; background-color:#6789ca;text-align:center;}/* 모바일 *//* 포지션 */
    .contents .map_view .map_view_span {width:100%; height:60px; line-height:60px; color:white; }
}
/* -------------------------------------------------------------------------------------------------------- 5. 상세 검색 -------------------------------------------------------------------------------------------------------- */
.dsearch {position:absolute; top:8px; left:8px; width:298px; height:603px; border:1px solid #fff; background-color:#fff; box-shadow:1px 1px 3px #666; z-index:2000;}/* 포지션 */
@media (max-width:991px) {
    .dsearch {position:absolute; top:0; left:0; width:100%; height:100%; border:none; background-color:#f7f7f7; box-shadow:none; z-index:2000;}/* 모바일(wrap) *//* 포지션 */
}
/* 2017.08.01 라 */
.dsearch .titles {position:relative; margin:14px 14px 0; padding:4px 0 10px; border-bottom:1px solid #ccc; }
.dsearch .titles span.name {padding-top:2px; border-top:2px solid #6789ca;font-weight:600; font-size:14px; color:#6789ca;}
.dsearch .titles span.back a {position:absolute; top:0; right:48px; float:right; padding-right:7px; height:24px; line-height:24px; text-align:center; border:1px solid #5976ae; border-radius:3px; background-color:#6789ca; font-size:12px; color:#fff; letter-spacing:-0.5px; transition:all 0.3s ease 0s !important; cursor:pointer;}
.dsearch .titles span.back a span {float:left; width:4px; height:8px; margin:8px 3px 0 5px; background-size:4px 8px; background-image:url(/smgis2/file/imgs/btn/back.png);}
.dsearch .titles span.close3 a {position:absolute; top:0; right:0; float:right;  padding-right:7px; height:24px; line-height:24px; text-align:center; border:1px solid #5976ae; border-radius:3px; background-color:#6789ca; font-size:12px; color:#fff; letter-spacing:-0.5px; transition:all 0.3s ease 0s !important; cursor:pointer; }
.dsearch .titles span.close3 a span {float:left; width:4px; height:8px; margin:8px 3px 0 5px; background-size:4px 8px; background-image:url(/smgis2/file/imgs/btn/back.png);}
/* 2017.08.01 라 */
.dsearch .tab2 {margin:14px 14px 0 14px;}
.dsearch .tab2 ul {display:inline-block; width:calc(100% - 2px); border:solid 1px #7191e3; border-radius:3px; background-color:#e1e1e1;}
.dsearch .tab2 li a {display:block; float:left; height:22px; padding-top:6px; font-size:13px; text-align:center;}
.dsearch .tab2 li.bg a {width:33.3%; background-color:#e1e1e1; color:#7c7c7c;}
.dsearch .tab2 li.bg2 a {width:33.4%; background-color:#ececec; color:#7c7c7c;}
.dsearch .tab2 li.bg a:hover, .dsearch .tab2 li.bg2 a:hover {background-color:#7191e3; color:#fff; transition:all 0.3s ease 0s !important;}
.dsearch .tab2 li.bg.on a, .dsearch .tab2 li.bg2.on a {background-color:#7191e3; color:#fff;}
.dsearch .stab {margin:6px 30px 0; text-align:center;}
.dsearch .stab li a {display:block; float:left; width:calc(50% - 2px); height:20px; padding-top:5px; border:1px solid #6789ca; background-color:#fff; font-size:12px; color:#6789ca; letter-spacing:-0.5px; word-spacing:-0.5px; cursor:pointer;}
.dsearch .stab li a:hover {background-color:#6789ca; color:#fff; transition:all 0.3s ease 0s !important;}
.dsearch .stab li.l_on a, .dsearch .stab li.l_off a {border-radius:3px 0 0 3px;}
.dsearch .stab li.r_on a, .dsearch .stab li.r_off a {border-radius:0 3px 3px 0;}
.dsearch .stab li.l_on a, .dsearch .stab li.r_on a {background-color:#6789ca; color:#fff;}
.dsearch .sinfo {overflow:hidden; position:relative; margin-top:14px;}
/* .dsearch .sinfo_h {height:calc(100% - 149px);} */
.dsearch .sinfo_h {height:calc(100% - 59px);}
.dsearch .sinfo_h2 {height:calc(100% - 116px);}
.dsearch .searching3 {margin:0 13px; padding:6px 0 2px;}
.dsearch .searching3 legend {display:none !important; overflow:hidden;}
.dsearch .searching3 .select-script, .dsearch .searching3 input {float:left; margin:0 1px;}
.dsearch .searching3 .select-script {position:relative; width:92px; height:24px; border:1px solid #ccc; border-radius:3px; background-color:#f1f1f1; font-size:12px; color:#777;}
.dsearch .searching3 .select-script label {position:absolute; top:0; left:0; width:89px; height:19px; padding:5px 0 0 3px;}
.dsearch .searching3 .select-script label:after {content:'▼'; position:absolute; top:0; right:0; width:24px; height:18px; padding-top:6px; font-size:10px; color:#a7a7a7; text-align:center;}
.dsearch .searching3 .select-script select {width:100%; opacity:0;}
.dsearch .searching3 input[type="image"] {width:26px; height:26px;}
/** 20171113 검색 버튼 수정 */
.dsearch .search_input input[type="text"] {width:calc(100% - 145px); height:24px; padding-left:3px; border:1px solid #ccc; border-radius:3px; background-color:#f1f1f1; font-size:12px; color:#777;}
.dsearch .search_input .search_btn { margin-left: 2px; position: absolute; padding-left: 7px; padding-right: 7px; height: 24px; line-height: 24px; text-align: center; border: 1px solid #5976ae; border-radius: 3px; background-color: #6789ca;font-size: 12px; color: #fff;letter-spacing: -0.5px;transition: all 0.3s ease 0s !important;cursor: pointer;}
/** --// 20171113 검색 버튼 수정 */
.dsearch .sinfo .type_l4 {margin:0 14px 0 11px;}
.dsearch .sinfo .type_l4 .category {float:left; width:100%; margin-top:10px;margin-bottom:8px; cursor:pointer;}
.dsearch .sinfo .type_l4 .category img {float:left; width:30px; height:30px; margin-right:3px;}
.dsearch .sinfo .type_l4 .category dl {float:left; width:calc(100% - 33px);}
.dsearch .sinfo .type_l4 .category dt {font-size:14px; color:#4c4c4c;}
.dsearch .sinfo .type_l4 .category dd.txt1 {padding-top:5px; font-size:12px; color:#6789ca; line-height:17px;}
.dsearch .sinfo .type_l4 .category dd.txt2 {padding-top:5px; font-size:12px; color:#6789ca; line-height:17px;}
.dsearch .sinfo .type_l4 .category dd.add_b {padding-top:5px; font-size:12px; color:#7c7c7c; letter-spacing:-0.5px;}
.dsearch .sinfo .type_l4 .category dd.add_a {padding-top:3px; font-size:12px; color:#6789ca; letter-spacing:-0.5px;}
/* 20180425 - lhh 콘텐츠 검색 결과 paging 수정 */
.dsearch .sinfo .page {margin:1px 0 5px;display:block;clear:both;text-align:center;}
.dsearch .sinfo .page span{float:none;}
.dsearch .sinfo .searching4 {margin:0 14px;}
.dsearch .sinfo .searching4 h3 {margin-bottom:5px; font-weight:600; font-size:13px; color:#6789ca;}
.dsearch .sinfo .searching4 h3 span {display:inline-block; width:4px; height:4px; margin:0 5px 2px 0; background-color:#6789ca;}
.dsearch .sinfo .searching4 legend {display:none !important; overflow:hidden;}
.dsearch .sinfo .searching4 span.txt {color:#b7b7b7;}
.dsearch .sinfo .searching4 .select-script, .dsearch .sinfo .searching4 input {margin-top:4px;}
.dsearch .sinfo .searching4 .select-script {position:relative; width:calc(100% - 2px); height:24px; border:1px solid #ccc; border-radius:3px; background-color:#f1f1f1; font-size:12px; color:#777;}
.dsearch .sinfo .searching4 .select-script label {position:absolute; top:0; left:0; width:calc(100% - 3px); height:19px; padding:5px 0 0 3px;}
.dsearch .sinfo .searching4 .select-script label:after {content:'▼'; position:absolute; top:0; right:3px; width:24px; height:18px; padding-top:6px; font-size:10px; color:#a7a7a7; text-align:center;}
.dsearch .sinfo .searching4 .select-script select {width:100%; opacity:0;}
.dsearch .sinfo .searching4 input[type="image"] {width:26px; height:26px;}
.dsearch .sinfo .search_input2 input[type="text"] {width:calc(100% - 5px); height:24px; padding-left:3px; border:1px solid #ccc; border-radius:3px; background-color:#f1f1f1; font-size:12px; color:#777;}
.dsearch .sinfo .search_input3 input[type="text"] {width:70px; height:24px; padding-left:3px; border:1px solid #ccc; border-radius:3px; background-color:#f1f1f1; font-size:12px; color:#777;}
.dsearch .sinfo .searching5 {margin:0 14px;}
.dsearch .sinfo .searching5 h3 {margin-bottom:5px; font-weight:600; font-size:13px; color:#6789ca;}
.dsearch .sinfo .searching5 h3 span {display:inline-block; width:4px; height:4px; margin:0 5px 2px 0; background-color:#6789ca;}
.dsearch .sinfo .searching5 legend {display:none !important; overflow:hidden;}
.dsearch .sinfo .searching5 .geom_detail_list{cursor:pointer;padding:10px;border-bottom-style: ridge;height:35px}
.dsearch .sinfo .searching5 .geom_detail_list:hover{background-color:lightgray;}
.dsearch .sinfo .searching5 .geom_detail_list_title{font-size:13px;font-weight:600; letter-spacing: -0.5px;transition: all 0.3s ease 0s !important;}
.dsearch .sinfo .searching5 .geom_detail_list_content{width: calc(100%);text-overflow: ellipsis;overflow: hidden;white-space: nowrap;color:#6789ca;font-size:12px; letter-spacing: -0.5px;transition: all 0.3s ease 0s !important;}
.dsearch .sinfo .searching5 .geom_detail_list .geom_detail_list_img {float:right;width:24px; height:30px; background-size:24px; background:url(/smgis2/file/imgs/btn/left-arrow-angle.png) no-repeat center 7px} 
.dsearch .sinfo .searching5 .select-script, .dsearch .sinfo .searching5 input {float:left; margin-top:4px;}
.dsearch .sinfo .searching5 .select-script {position:relative; width:calc(100% - 2px); height:24px; border:1px solid #ccc; border-radius:3px; background-color:#f1f1f1; font-size:12px; color:#777;}
.dsearch .sinfo .searching5 .select-script label {position:absolute; top:0; left:0; width:calc(100% - 3px); height:19px; padding:5px 0 0 3px;}
.dsearch .sinfo .searching5 .select-script label:after {content:'▼'; position:absolute; top:0; right:0; width:24px; height:18px; padding-top:6px; font-size:10px; color:#a7a7a7; text-align:center;}
.dsearch .sinfo .searching5 .select-script select {width:100%; opacity:0;}
.dsearch .sinfo .searching5 input[type="image"] {width:26px; height:26px; margin-left:2px;}
/** 20171113 검색 버튼 수정*/
.dsearch .sinfo .search_input4 input[type="text"] {width:calc(100% - 45px); height:24px; padding-left:3px; border:1px solid #ccc; border-radius:3px; background-color:#f1f1f1; font-size:12px; color:#777;}
.dsearch .sinfo .search_input4 .search_btn { margin-left: 2px;margin-top: 4px; position: absolute; padding-left: 7px; padding-right: 7px; height: 24px; line-height: 24px; text-align: center; border: 1px solid #5976ae; border-radius: 3px; background-color: #6789ca;font-size: 12px; color: #fff;letter-spacing: -0.5px;transition: all 0.3s ease 0s !important;cursor: pointer;}
.dsearch .sinfo .search_input4 .back{background-color:lightsteelblue;*border: 1px solid;}
.dsearch .sinfo .search_input4 .highlightBtn{right:10px;border: 1px solid #f15614; background-color: #f2682c; color: #fff;}
.dsearch .sinfo .search_input4 .border {*border: 1px solid}
.dsearch .sinfo .search_input4 .sub_title {padding:2px 10px; margin-top: 4px; position: absolute; height: 24px; line-height: 24px; font-size: 13px; font-weight:bolder;color: #000;letter-spacing: -0.5px;transition: all 0.3s ease 0s !important;}
.dsearch .sinfo .search_input4 .sub_title .search_btn { margin-left: 2px;margin-top: 4px; position: absolute; padding-left: 7px; padding-right: 7px; height: 24px; line-height: 24px; text-align: center; border: 1px solid #5976ae; border-radius: 3px; background-color: #6789ca;font-size: 12px; font-weight: initial;color: #fff;letter-spacing: -0.5px;transition: all 0.3s ease 0s !important;cursor: pointer;}
.dsearch .sinfo .search_input4 .geom_set{font-size:12px; color:#5c5c5c; line-height:17px; letter-spacing:-1px; word-spacing:1px;}
.dsearch .sinfo .search_input4 .geom_set ul{}
.dsearch .sinfo .search_input4 .geom_set li{width:calc(32% - 2px);display:inline-block;cursor:pointer;text-align:center;}
.dsearch .sinfo .search_input4 .geom_set li img{width:50px;height:50px;margin:10px;}
#geom_theme_preview ul{float: left;width: 100%;padding: 7px 0;}
#geom_theme_preview li {float:left; width:25%; text-align:center;}
#geom_theme_preview li img {width:56px; height:56px; border-radius:9px;}
#geom_theme_preview li p {margin-bottom:3px;padding:4px 2px 0; font-size:12px; color:#5c5c5c; line-height:17px; letter-spacing:-1px; word-spacing:-0.5px; word-break:break-all;}
#geom_theme_preview li span {position:absolute; width:56px; height:56px;}
.searching5 .sdsearch {margin:7px 0 8px; text-align:center;}
.searching5 .sdsearch button {height:25px; margin:0 1px 0; padding:0 10px 3px; border-radius:3px; border:1px solid #5976ae; background-color:#6789ca; font-size:12px; color:#fff; transition:all 0.3s ease 0s !important; cursor:pointer;}
.searching5 .sdsearch button:hover {background-color:#5976ae;}
/** --// 20171113 검색 버튼 수정*/
.dsearch .sinfo .blank {margin-top:14px;}
.dsearch .sinfo .texts4 {margin:16px 14px 0; padding-top:12px; border-top:1px solid #ccc; font-size:12px; color:#6789ca; line-height:18px;}
.dsearch .sinfo .result {margin:12px 14px 0; font-size:12px; color:#be1139; line-height:18px;}
.dsearch .sinfo .result span {color:#6c6c6c;}
.dsearch .sinfo .result2 {margin:12px 14px 0; padding:1px 12px 12px; border:solid 2px #6789ca; border-radius:5px; font-size:13px; color:#6789ca; line-height:19px;}
.dsearch .sinfo .result2 p {padding-top:7px;}
.dsearch .sinfo .result2 p span { padding-left:5px; color:#6c6c6c;}
.dsearch .sinfo .result2 p button {height:25px; margin-left:3px; padding:0 10px 3px; border-radius:3px; border:1px solid #5976ae; background-color:#6789ca; font-size:12px; color:#fff; transition:all 0.3s ease 0s !important; cursor:pointer;}
.dsearch .sinfo .result2 p button:hover {background-color:#5976ae;}
.dsearch .sinfo .result3 {display:none;float:left;margin:0 14px; padding:12px 0 13px; font-size:12px; color:#be1139; line-height:18px; text-align:center;}
.dsearch .sinfo .result4 {display:none;float:right;margin:0 14px; padding:12px 0 13px; font-size:12px; color:#be1139; line-height:18px; text-align:center;}
.dsearch .sinfo .result4 span{color:#000;float:left;padding :0px 5px;}
.dsearch .sinfo .result4 select{float:left;}
.dsearch .sinfo .result4 a{float:right;color: black; text-decoration: none;}
.dsearch .sinfo .result4 a a:visited { color: black; text-decoration: none;}
.dsearch .sinfo .result4 a a:hover { color: black; text-decoration: underline;}
.dsearch .sinfo .result4 a span{width:6px; height:15px; background-size:15px; background-image:url(/smgis2/file/imgs/btn/reset.png);}
.dsearch .sinfo .buttons {margin:13px 14px 0; text-align:center;}
.dsearch .sinfo .buttons button {height:25px; margin:0 1px 0; padding:0 10px 3px; border-radius:3px; border:1px solid #5976ae; background-color:#6789ca; font-size:12px; color:#fff; transition:all 0.3s ease 0s !important; cursor:pointer;}
.dsearch .sinfo .buttons button:hover {background-color:#5976ae;}
/* ---------------------------------------------------------------------------------------------------------- 6. 범례 ---------------------------------------------------------------------------------------------------------- */
.legendbg {position:absolute; width:100%; height:100%; z-index:10000;}/* 포지션 */
.position2 {position:absolute; top:40%; left:50%; width:300px; height:605px; margin:-243px 0 0-150px;}/* 포지션 */
.legend {position:relative; top:0; left:0; width:298px; height:603px; border:1px solid #fff; background-color:#fff; box-shadow:1px 1px 3px #666; z-index:1999;}
@media (max-width:991px) {
    .position2 {position:absolute; top:0; left:0; width:100%; height:100%; margin:0;}/* 모바일 *//* 포지션 */
    .legend {position:absolute; top:0; left:0; width:100%; height:100%; border:none; background-color:#f7f7f7; box-shadow:none; z-index:1999;}/* 모바일(wrap) *//* 포지션 */
}
.legend .titles {position:relative; margin:14px 14px 0; padding:4px 0 5px; border-bottom:1px solid #ccc; font-weight:600; font-size:14px; color:#6789ca;}
.legend .titles span {padding-top:2px; border-top:2px solid #6789ca;}
.legend .titles span.close3 a {position:absolute; top:1px; right:0; width:16px; height:16px; background-size:16px 16px; background-image:url(/smgis2/file/imgs/btn/close3.png);}
.legend .sinfo {overflow:hidden; position:relative; height:calc(100% - 104px); margin-top:14px; padding:0 14px;}
.legend .sinfo .clear {margin-bottom:6px;}
.legend .sinfo .theme {float:left; width:100%; margin-bottom:10px;}
.legend .sinfo .theme img {float:left; width:54px; height:54px; margin-right:10px; border-radius:9px;}
.legend .sinfo .theme dl {float:left; width:calc(100% - 64px);}
.legend .sinfo .theme dt {display:table-cell; height:41px; font-weight:600; font-size:13px; color:#6789ca; line-height:17px; vertical-align:middle;}
.legend .sinfo .theme dd {/* border-top:1px solid #6789ca; */margin-bottom:3px;padding:4px 2px 0; font-size:12px; color:#5c5c5c; line-height:17px; letter-spacing:-1px; word-spacing:1px; /* word-break:break-all; */}
.legend .sinfo ul {float:left; width:100%; margin-bottom:8px;}
.legend .sinfo .theme .buttons3 {padding-top:7px;}
.legend .sinfo .theme button.copy, .contents .type_l .theme button.list_view, .contents .type_l .theme button.write2, .contents .type_l .theme button.change { float:left; height:22px; margin-top:1px; border-radius:3px; font-size:12px; letter-spacing:-0.5px; word-spacing:-0.5px; transition:all 0.3s ease 0s !important; cursor:pointer;}
.legend .sinfo .theme button.copy {padding:0 3px 3px; border:1px solid #ccc; background-color:#fff; color:#6c6c6c;}
.legend .sinfo .theme button.copy span {float:left; width:14px; height:14px; margin:3px 2px 0 0; background-size:14px 14px; background-image:url(/smgis2/file/imgs/ico/theme_copy.png); opacity:0.45;}
.legend .sinfo .theme button.write2 {border-radius:3px; margin-left:3px; padding:0 5px 3px; border:1px solid #5976ae; background-color:#6789ca; color:#fff;}
.legend .sinfo .theme button.write2:hover {background-color:#5976ae;}
.legend .sinfo li {float:left; width:25%; text-align:center;}
.legend .sinfo li img {width:48px; height:48px; border-radius:9px;}
.legend .sinfo li p {margin-bottom:3px;padding:4px 2px 0; font-size:12px; color:#5c5c5c; line-height:17px; letter-spacing:-1px; word-spacing:-0.5px; word-break:break-all;}
.legend .sinfo .legendInfo{padding:4px 2px 0; font-size:12px; color:#5c5c5c; line-height:17px; letter-spacing:-1px; word-spacing:-0.5px; word-break:break-all;}
.legend .footer { text-align: center;margin: 3px 10px 5px 10px;padding: 10px; height: 20px; background-color: #4678ca; border: 1px solid #4678ca;border-radius: 5px;font-size: 14px;color: white;}
/** 20171103 테마복사, 등록 버튼 수정*/
.text-overflow { text-overflow: ellipsis; white-space: nowrap; display: block; width: 100%; overflow: hidden;}
.thm_btns {padding-top:7px;width:100%}
.thm_btns button.copy,.thm_btns button.write, .contents .type_l .theme button.list_view, .contents .type_l .theme button.write2, .contents .type_l .theme button.change { height:22px; margin-top:1px; border-radius:3px; font-size:12px; letter-spacing:-0.5px; word-spacing:-0.5px; transition:all 0.3s ease 0s !important; cursor:pointer;}
.thm_btns button.copy {width:80%;padding:0 3px 3px; border:1px solid rgb(26, 45, 62); background-color:rgb(26, 45, 62); color:#fff;}
.thm_btns button.write {width:80%;padding:0 3px 3px; border:1px solid #f2682c; background-color:#f2682c; color:#fff;}
.thm_btns button.copy span {float:left; width:14px; height:14px; margin:3px 2px 0 0; background-size:14px 14px; background-image:url(/smgis2/file/imgs/ico/theme_copy.png); opacity:0.45;}
/** --// 20171103 테마복사, 등록 버튼 수정*/
#legend_list_form li {position:relative; float:left; width:25%; text-align:center;}
#legend_list_form li img {width:56px; height:56px;}
#legend_list_form li img.all {border-radius:9px;}
#legend_list_form li span img {background-color:rgba(98,136,192,0.8);}
#legend_list_form li span {position:absolute; width:56px; height:56px;}
/* ------------------------------------------------------------------------------------------------------- 7. 이미지 지도 ------------------------------------------------------------------------------------------------------- */
.imgmap {position:absolute; top:8px; right:48px; width:308px; height:480px; border:1px solid #425881; background-color:#f7f7f7; z-index:2000;}/* 포지션 */
@media (max-width:991px) {
    .imgmap {position:absolute; top:0; right:0; width:100%; height:100%; border:none; background-color:#f7f7f7; z-index:2000;}/* 모바일(wrap) *//* 포지션 */
}
.imgmap .titles {position:relative; margin:14px 14px 0; padding:4px 0 5px; border-bottom:1px solid #6789ca; font-weight:600; font-size:14px; color:#6789ca;}
.imgmap .titles span {padding-top:2px; border-top:2px solid #6789ca;}
.imgmap .titles span.close3 a {position:absolute; top:1px; right:0; width:16px; height:16px; background-size:16px 16px; background-image:url(/smgis2/file/imgs/btn/close3.png);}
.imgmap .opacity {margin:14px 12px 0; text-align:center !important;}
.imgmap .opacity legend {display:none !important; overflow:hidden;}
.imgmap .opacity .select-script, .imgmap .opacity button {float:left;}
.imgmap .opacity .select-script {position:relative; width:calc(100% - 62px); height:24px; border:1px solid #ccc; border-radius:3px; background-color:#f1f1f1; font-size:12px; color:#777;}
.imgmap .opacity .select-script label {position:absolute; top:0; left:0; width:calc(100% - 3px); height:19px; padding:5px 0 0 3px;}
.imgmap .opacity .select-script label:after {content:'▼'; position:absolute; top:0; right:0; width:24px; height:18px; padding-top:6px; font-size:10px; color:#a7a7a7; text-align:center;}
.imgmap .opacity .select-script select {width:100%; opacity:0;}
.imgmap .opacity button {width:26px; height:26px; margin:0 2px; border:1px solid #ccc; border-radius:3px; background-color:#f1f1f1; font-size:20px; color:#777; transition:all 0.3s ease 0s !important; cursor:pointer;}
.imgmap .opacity button:hover {background-color:#f1f1f1;}
.imgmap .opacity button span {display:block; padding-bottom:4px; line-height:18px;}
.imgmap .sinfo {overflow:hidden; position:relative; height:calc(100% - 105px); margin-top:12px; padding:1px 14px 0 18px; font-size:13px; color:#6c6c6c; line-height:14px;}
.imgmap .sinfo span {display:block !important; margin-bottom:12px; color:#6c6c6c;}
.imgmap .sinfo span label {padding-left:4px;}
.imgmap .sinfo span input[type="radio"] {margin-bottom:1px; vertical-align:middle; outline:none;}
/* ---------------------------------------------------------------------------------------------------------- 8. 툴팁 ---------------------------------------------------------------------------------------------------------- */
/* 서버 */
.tooltip {width:216px; height:68px; background-size:216px 68px; background-image:url(/smgis2/file/imgs/seoulMap/bg/tooltip.png);}
.tooltip .titles {width:calc(100% - 24px); padding:4px 0 0 6px; font-size:12px; color:#fff; letter-spacing:-0.5px; word-spacing:-1px;}
.tooltip .close2 a {position:absolute; top:12px; right:13px; width:12px; height:12px; background-size:12px 12px; background-image:url(/smgis2/file/imgs/btn/close2.png);}
.tooltip ul {position:absolute; bottom:22px; left:8px;}
.tooltip li a {display:block; float:left; height:18px; border-radius:2px; margin:0 2px; padding:4px 0 0 4px; background-color:#fff; font-size:11px !important; color:#6789ca; line-height:11px; letter-spacing:-0.5px; word-spacing:-0.5px;}
.tooltip li a span {float:left; width:13px; height:13px; background-size:13px 13px;}
.tooltip li a:hover {background-color:#6789ca; color:#fff;}
.tooltip li.dbtn a {width:67px;}
.tooltip li.dbtn a span {margin-right:4px; background-image:url(/smgis2/file/imgs/ico/tooltip_view.png);}
.tooltip li.dbtn a:hover span {background-image:url(/smgis2/file/imgs/ico/tooltip_view_on.png);}
.tooltip li.dbtn2 a {width:204px;}
.tooltip li.dbtn2 a span {margin:0 4px 0 71px; background-image:url(/smgis2/file/imgs/ico/tooltip_view.png);}
.tooltip li.dbtn2 a:hover span {background-image:url(/smgis2/file/imgs/ico/tooltip_view_on.png);}
.tooltip li.sbtn a {width:54px;}
.tooltip li.sbtn a span {margin-right:3px; background-image:url(/smgis2/file/imgs/ico/tooltip_search.png);}
.tooltip li.sbtn a:hover span {background-image:url(/smgis2/file/imgs/ico/tooltip_search_on.png);}
.tooltip li.cbtn a {width:67px;}
.tooltip li.cbtn a span {margin-right:4px; background-image:url(/smgis2/file/imgs/ico/tooltip_copy.png);}
.tooltip li.cbtn a:hover span {background-image:url(/smgis2/file/imgs/ico/tooltip_copy_on.png);}
.tooltip2 {padding-top:6px; width:176px; height:105px; background-size:176px 111px; background-image:url(/smgis2/file/imgs/seoulMap/bg/tooltip2.png);}
.tooltip2 .sinfo {overflow:hidden; position:relative; height:86px; padding:0 14px 0 6px;}
.tooltip2 .sinfo p {padding-bottom:3px; font-size:12px; color:#6789ca; line-height:16px; letter-spacing:-0.5px; word-spacing:-0.5px;} 
.tooltip3 {padding-top:6px; width:240px; height:105px; background-size:240px 111px; background-image:url(/smgis2/file/imgs/seoulMap/bg/tooltip3.png);}
.tooltip3 .titles {float:left; padding:2px 0 0 6px; font-size:13px; color:#6789ca; letter-spacing:-0.5px; word-spacing:-1px;}
.tooltip3 .titles span {float:left; width:3px; height:12px; margin:2px 3px 0 0; border-radius:50px; background-color:#6789ca;}
.tooltip3 .close2 a {float:right; width:12px; height:12px; margin:4px 6px 0 0; background-size:12px 12px; background-image:url(/smgis2/file/imgs/btn/close5.png);}
.tooltip3 .sinfo {overflow:hidden; position:relative; height:57px; margin-top:10px; padding:0 14px 0 6px;}
.tooltip3 .sinfo p {margin:0; padding-bottom:3px; font-size:11px; color:#6c6c6c; line-height:16px; letter-spacing:-0.5px; word-spacing:-0.5px;} 
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 상세 보기(팝업) */
.coninfobg {position:absolute; width:100%; height:100%; z-index:19991;}/* 포지션 */
/* 171106 이진원 대리 수정 */
/* .coninfo {position:absolute; top:40%; left:50%; width:500px; height:663px; margin:-265px 0 0 -251px; border:1px solid #425881; background-color:#f7f7f7;}포지션 */
.coninfo {position:absolute; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); left:50%; width:800px; height:81.5vh; margin-left:-400px; border:1px solid #425881; background-color:#f7f7f7;} /* LJW : 스마트서울맵과 사이즈 동일하게 적용 */
/* 171106 이진원 대리 수정 */
@media (max-width:991px) {
    .coninfobg{overflow-y:scroll;}
    .coninfo{position:absolute;top:0px; left:50%; width:600px; height:763px; margin:0 0 0 -301px; border:1px solid #425881; background-color:#f7f7f7;}/* 포지션 */
}
@media (max-width:991px) {
    .coninfo {position:absolute; top:0; -webkit-transform:none; transform:none; left:0; width:100%; height:100%; margin-left:0; border:none; background-color:#f7f7f7; z-index:10000;} /* LJW : 스마트서울맵과 사이즈 동일하게 적용 */
}
.coninfo .smap {position:relative; height:30%;}
.coninfo .smap h2 {position:absolute; top:0; left:0; width:100%; *height:100%; *background-color:rgba(0,0,0,0.2);}
.coninfo .smap h2 span {display:block; width:calc(100% - 45px); padding:7px 36px 8px 9px; font-weight:600; font-size:14px; color:#fff; line-height:18px; background-color:rgba(103,137,202,0.85);}
.coninfo .smap span.close a {position:absolute; top:8px; right:10px; width:16px; height:16px; background-size:16px 16px; background-image:url(/smgis2/file/imgs/btn/close.png);}
.coninfo .smap span.path {position:absolute; bottom:0; left:0; width:calc(100% - 10px); padding:4px 10px 5px 0; font-size:12px; color:#fff; background-color:rgba(0,0,0,0.55); text-align:right;}
.coninfo .smap .general_map a {position:absolute; bottom:33px; right:10px; width:29px; height:29px; border:1px solid #6789ca; background-color:#fff !important; background:url(/smgis2/file/imgs/ico/general_map.png) no-repeat;}
.coninfo .smap .road_view a {position:absolute; bottom:33px; right:10px; width:29px; height:29px; border:1px solid #6789ca; background-color:#fff !important; background:url(/smgis2/file/imgs/ico/road_view.png) no-repeat;}
.coninfo .sinfo {overflow:hidden; position:relative; height:65%; margin-top:14px;}
@media (max-width:991px) {
    .coninfo .sinfo {overflow:hidden; position:relative; height:63%; margin-top:14px;}/* 모바일 */
}
.coninfo .sinfo dl.basic {margin:0 14px;}
.coninfo .sinfo dl.basic dt {padding:4px 0; font-weight:600; font-size:14px; color:#6789ca;}
.coninfo .sinfo dl.basic dt span {padding-top:2px; border-top:2px solid #6789ca;}
.coninfo .sinfo dl.basic dt button {position:absolute; top:0; right:14px; height:21px; padding:0 3px 3px 4px; border:1px solid #e25555; border-radius:3px; background-color:#e66b6b; font-size:12px; color:#fff; transition:all 0.3s ease 0s !important; cursor:pointer;}
.coninfo .sinfo dl.basic dt button:hover {background-color:#e25555;}
.coninfo .sinfo dl.basic dd {padding-top:3px; font-weight:600; font-size:12px; color:#4c4c4c; line-height:18px;}
.coninfo .sinfo dl.basic dd span {font-weight:normal; color:#7c7c7c;}
.coninfo .sinfo dl.basic dd span a {font-weight:normal; color:#6789ca;}
.coninfo .sinfo dl.basic dd button {height:24px; margin:6px 2px 0; padding:0 8px 2px 6px; border:1px solid #5976ae; border-radius:3px; background-color:#6789ca; font-size:12px; color:#fff; transition:all 0.3s ease 0s !important; cursor:pointer;}
.coninfo .sinfo dl.basic dd button:hover {background-color:#5976ae;}
.coninfo .sinfo dl.basic dd button span {float:left; width:16px; height:16px; background-size:16px 16px;}
.coninfo .sinfo dl.basic dd button span.video {margin:2px 2px 0; background-image:url(/smgis2/file/imgs/ico/video.png);}
.coninfo .sinfo dl.basic dd button span.audio {margin-top:2px; background-image:url(/smgis2/file/imgs/ico/audio.png);}
.coninfo .sinfo .spic {margin:11px 12px 0 13px;}
.coninfo .sinfo .spic li {float:left; margin:1px; text-align:center;}
.coninfo .sinfo .spic li span a img {display:block; width:64px; height:54px; border:1px solid #6789ca;}
.coninfo .sinfo dl.details {margin:19px 14px 0;}
.coninfo .sinfo dl.details dt {font-weight:600; font-size:14px; color:#6789ca;}
.coninfo .sinfo dl.details dt span {padding-top:3px; border-top:2px solid #6789ca;}
.coninfo .sinfo dl.details dd {margin-bottom:1px; padding:7px 0 9px; border-bottom:1px solid #ccc;}
.coninfo .sinfo dl.details dd p.texts {font-weight:600; font-size:12px; color:#4c4c4c; line-height:18px;}
.coninfo .sinfo dl.details dd p.texts span {color:#6789ca;}
.coninfo .sinfo dl.details dd p.texts2 {padding-top:3px; font-size:12px; color:#7c7c7c; line-height:18px;}
.coninfo .sinfo .comment {margin:0 14px;}
.coninfo .sinfo .comment .word {padding:9px 0 5px; font-weight:600; font-size:12px; color:#6789ca; letter-spacing:-1px; word-spacing:-0.5px;}
.coninfo .sinfo .comment li {float:left;}
.coninfo .sinfo .comment li.write3 {width:calc(100% - 54px);}
.coninfo .sinfo .comment li > textarea {overflow:hidden; width:calc(100% - 6px); height:44px; padding:3px; border:none; background-color:#d7d7d7; font-family:'나눔고딕', 'NanumGothic', ng; font-size:12px; color:#6c6c6c; line-height:16px;}
.coninfo .sinfo .comment li > button {display:block; width:50px; height:50px; margin-left:4px; padding-bottom:4px; border:1px solid #5976ae; border-radius:3px; background-color:#6789ca; font-size:12px; color:#fff; text-align:center; transition:all 0.3s ease 0s !important;}
.coninfo .sinfo .comment li > button:hover {background-color:#5976ae;}
.coninfo .sinfo .comment2 {margin:12px 14px 0; border-top:2px solid #6789ca;}
.coninfo .sinfo .comment2 ul {float:left; width:100%; border-bottom:1px solid #ccc;}
.coninfo .sinfo .comment2 li {float:left; padding:4px 0 5px; font-size:12px; line-height:18px;}
.coninfo .sinfo .comment2 li.nickname {width:90px; font-weight:600; color:#4c4c4c;}
.coninfo .sinfo .comment2 li.nickname span {display:block; padding-left:3px;}
.coninfo .sinfo .comment2 li.nickname2 {width:calc(100% - 90px); color:#7c7c7c;}
.coninfo .sinfo .comment2 li.nickname2 span {display:block; padding-left:3px;}
.coninfo .sinfo .page {margin-top:14px;}
.coninfo .buttons {margin-top:14px; text-align:center;}
.coninfo .buttons button {width:70px; height:24px; margin:0 3px; padding-bottom:2px; border:1px solid #5976ae; border-radius:3px; background-color:#6789ca; font-size:12px; color:#fff; transition:all 0.3s ease 0s !important; cursor:pointer;}
.coninfo .buttons button:hover {background-color:#5976ae;}
/* 171106 이진원 대리 수정 */
/* .coninfo2 {position:absolute; top:40%; transform:translateY(-40%); left:50%; width:500px; margin-left:-251px; border:1px solid #425881; background-color:#f7f7f7; z-index:10000;}포지션 */
.coninfo2 {position:absolute; top:40%; transform:translateY(-40%); left:50%; width:600px; margin-left:-301px; border:1px solid #425881; background-color:#f7f7f7; z-index:10000;}/* 포지션 */
/* 171106 이진원 대리 수정 */
@media (max-width:991px) {
    .coninfo2 {overflow:hidden; position:absolute; top:0; transform:none; left:0; width:100%; height:100%; margin-left:0; border:none; background-color:#f7f7f7; z-index:10000;}/* 모바일(wrap) *//* 포지션 */
}
.coninfo2 .smap {position:relative;}
.coninfo2 .smap span.close a {position:absolute; top:8px; right:10px; width:16px; height:16px; background-size:16px 16px; background-image:url(/smgis2/file/imgs/btn/close.png);}
.coninfo2 .smap h2 span {position:absolute; top:0; left:0; width:calc(100% - 45px); padding:7px 36px 8px 9px; font-weight:600; font-size:14px; color:#fff; line-height:18px; background-color:rgba(103,137,202,0.85);}
.coninfo2 .sinfo {margin-top:14px;}
.coninfo2 .sinfo dl.basic {margin:0 14px; padding-bottom:13px;}
.coninfo2 .sinfo dl.basic dt {padding:4px 0; font-weight:600; font-size:14px; color:#6789ca;}
.coninfo2 .sinfo dl.basic dt span {padding-top:2px; border-top:2px solid #6789ca;}
.coninfo2 .sinfo dl.basic dd {padding-top:3px; font-weight:600; font-size:12px; color:#4c4c4c; line-height:18px;}
.coninfo2 .sinfo dl.basic dd span {font-weight:normal; color:#7c7c7c;}
/* ---------------------------------------------------------------------------------------------------------- 9. 등록 ---------------------------------------------------------------------------------------------------------- */
.registrybg {position:absolute; width:100%; height:100%; z-index:10000;}/* 포지션 */
/* 171106 이진원대리 수정 */
/* .registry_w {position:absolute; top:40%; left:50%; width:500px; height:603px; margin:-242px 0 0 -251px; border:1px solid #425881; background-color:#f7f7f7;}포지션 */
.registry_w {position:absolute; top:40%; left:50%; width:600px; height:703px; margin:-282px 0 0 -301px; border:1px solid #425881; background-color:#f7f7f7;}/* 포지션 */
/* 171106 이진원 대리 수정 */
.registry_w2 {position:absolute; top:8px; left:8px; width:298px; height:983px; border:1px solid #fff; background-color:#fff; box-shadow:1px 1px 3px #666; z-index:10000;}/* 포지션 */
@media (max-width:991px) {
    .registry_w {position:absolute; top:0; left:0; width:100%; height:100%; margin:0; border:none; background-color:#f7f7f7;}/* 모바일(wrap) *//* 포지션 */
    .registry_w2 {position:absolute; top:0; left:0; width:100%; height:100%; border:none; background-color:#f7f7f7; box-shadow:none; z-index:10000;}/* 모바일(wrap) *//* 포지션 */
}
.registry .titles {margin:14px 14px 0; padding:4px 0 5px; border-bottom:1px solid #ccc; font-weight:600; font-size:14px; color:#6789ca;}
.registry .titles span {padding-top:2px; border-top:2px solid #6789ca;}
.registry .titles span.path {float:right; border-top:none; font-size:12px; color:#7c7c7c; letter-spacing:-0.5px;}
.registry .sinfo {overflow:hidden; position:relative; height:calc(100% - 106px); margin-top:14px; padding:0 14px;}
.registry .sinfo .board {margin-bottom:6px; border-top:3px solid #6789ca; border-right:1px solid #6789ca; border-bottom:1px solid #6789ca; border-left:1px solid #6789ca;}
.registry .sinfo .board table {width:100%;}
.registry .sinfo .board table caption {display:none;}
.registry .sinfo .board table th.tth {height:28px; border-top:1px solid #fff; background-color:#6789ca; font-weight:normal; font-size:12px; color:#fff;}/* JHJ */
.registry .sinfo .board table td.tt {height:28px; padding:5px;*padding-left:1px; border-top:1px solid #fff; background-color:#f1f1f1; font-size:12px; color:#6c6c6c;}/* JHJ */
.registry .sinfo .board table td.bg {padding-left:2px; background-color:#6789ca; color:#fff;}

.registry .sinfo .board table th.tt {height:28px; padding:5px;*padding-left:1px; border-top:1px solid #fff; background-color:#f1f1f1; font-size:12px; color:#6c6c6c;}/* JHJ */
.registry .sinfo .board table th.bg {padding-left:2px; background-color:#6789ca; color:#fff;}

.registry .sinfo .board table td.readonly {height:28px; padding:2px 2px 2px 5px; border-top:1px solid #fff; background-color:#f1f1f1; font-size:12px; color:#6c6c6c;}
.registry .sinfo .board table td input, .registry .sinfo .board table td button {float:left;}
.registry .sinfo .board table td input[type="text"] {height:24px; margin:0 1px; padding:0 2px; border:none; background-color:#d7d7d7; font-size:12px; color:#6c6c6c;}
.registry .sinfo .board table td button {height:24px; margin:0 1px; padding:0 3px 2px 4px; border:1px solid #5976ae; border-radius:3px; background-color:#6789ca; font-size:12px; color:#fff; transition:all 0.3s ease 0s !important; cursor:pointer;}
.registry .sinfo .board table td button:hover {background-color:#5976ae;}
.registry .sinfo .board table td button.t_keyword{height:24px; margin:2px; padding:0 3px 2px 4px; border:1px solid #5976ae; border-radius:3px; background-color:rgba(255,255,255,0.7); font-size:12px; color:#111; transition:all 0.3s ease 0s !important; cursor:pointer;}
.registry .sinfo .board table td button.t_keyword:hover, .registry .sinfo .board table td button.t_keyword.on{background-color:#5976ae;color:#fff}
.registry .sinfo .board table td .select-script {position:relative; float:left; height:24px; margin:0 1px; border:none; background-color:#d7d7d7; font-size:12px; color:#6c6c6c;}
.registry .sinfo .board table td .select-script label {position:absolute; top:0; left:0; width:100%; height:19px; padding:5px 0 0 3px;}
.registry .sinfo .board table td .select-script label:after {content:'▼'; position:absolute; top:0; right:0; width:24px; height:18px; padding-top:6px; font-size:10px; color:#6c6c6c; text-align:center;}
.registry .sinfo .board table td .select-script select {width:100%; opacity:0;}
.registry .sinfo .board table td span.yes_no {display:block !important; float:left; margin:0 5px 0 2px; color:#6c6c6c; cursor:pointer;line-height:23px;}
.registry .sinfo .board table td span.yes_no label {padding-left:2px;}
.registry .sinfo .board table td span.yes_no input[type=radio]{vertical-align:middle;}
.registry .sinfo .board table td ul {display:inline-block; width:100%;}
.registry .sinfo .board table td ul.upload {margin-top:4px;}
.registry .sinfo .board table td li {float:left;}
.registry .sinfo .board table td li .noimg {display:block; width:54px; height:54px; margin:1px 1px 2px; border:1px solid #ccc; text-align:center;}
.registry .sinfo .board table td li .noimg img {width:100%; height:100%;}/* JHJ */
.registry .sinfo .board table td li .del button {width:56px; margin-bottom:1px; border:1px solid #9a9a9a; background-color:#a7a7a7;}
.registry .sinfo .board table td li .del button:hover {background-color:#9a9a9a;}
.registry .sinfo .board table td li .voice input {float:left; width:94px; height:24px; margin:2px 1px 1px;}
.registry .sinfo .board table td li .voice span.del2 button {float:left; margin-top:2px; border:1px solid #9a9a9a; background-color:#a7a7a7;}
.registry .sinfo .board table td li .voice span.del2 button:hover {background-color:#9a9a9a;}
.registry .sinfo .board table td textarea {margin:2px 1px; padding:3px; border:none; background-color:#d7d7d7; font-size:12px; color:#6c6c6c; line-height:16px;}
.registry .sinfo .board table td .word {padding:2px; font-size:12px; color:#9c9c9c;}
.registry .sinfo .board table td li.pin {float:left; width:20%; text-align:center; cursor:pointer;}
.registry .sinfo .board table td li.pin > div img {width:60%; height:60%; margin:5px 0;}
.registry .sinfo .board table td li.pin .pick {width:13px; height:13px; margin:0 auto 3px;}
.registry .sinfo .board table td li.pin .pick input[type="radio"] {width:100%; height:100%;}
.registry .sinfo .board table td .calendar {float:left; width:47%;}
.registry .sinfo .board table td .calendar input[type="text"] {position:relative; float:left; width:71%; font-size:11px; color:#6c6c6c;}
.registry .sinfo .board table td .and {float:left; width:6%; padding-top:4px; font-weight:600; font-size:14px; color:#b7b7b7;}
.registry .sinfo .plus button {float:right; height:24px; padding:0 4px 2px; border:1px solid #5976ae; border-radius:3px; background-color:#6789ca; font-size:12px; color:#fff; transition:all 0.3s ease 0s !important; cursor:pointer;}
.registry .sinfo .plus button span {float:left; padding-top:2px;}
.registry .sinfo .plus button span.plus {padding-right:3px; font-weight:600; font-size:14px;}
.registry .sinfo .plus button:hover {background-color:#5976ae;}
.registry .blanks {margin-top:14px !important;}
.registry .blanks2 {margin-top:10px !important;}
.registry .buttons {margin:0 14px; text-align:center;}
.registry .buttons button.save, .registry .buttons button.cancel {width:70px; height:24px; margin:0 3px; padding-bottom:2px; border-radius:3px; font-size:12px; transition:all 0.3s ease 0s !important; cursor:pointer;}
.registry .buttons button.save {border:1px solid #5976ae; background-color:#6789ca; color:#fff;}
.registry .buttons button.save:hover {background-color:#5976ae;}
.registry .buttons button.cancel {border:1px solid #aaa; background-color:#fff; color:#676767;}
.registry .buttons button.cancel:hover {background-color:#e7e7e7;}
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 위치 선택(팝업) */
.locationbg {position:absolute; width:100%; height:100%; z-index:19994;}
.location {position:absolute; top:40%; left:50%; width:600px; height:661px; margin:-265px 0 0 -301px; border:1px solid #425881; background-color:#f7f7f7;}/*포지션 */
 .location2 {position:absolute; top:40%; left:50%; width:320px; height:661px; margin:-265px 0 0 -161px; border:1px solid #425881; background-color:#f7f7f7;}/*포지션 */
.geom_location{position:absolute; top:30%; left:50%; width:600px; *height:861px; max-height:901px;margin:-265px 0 0 -301px; border:1px solid #425881; background-color:#f7f7f7;}/* 포지션 */
@media (max-width:991px) {
    .location {position:absolute; top:0; left:0; width:100%; height:100%; margin:0; border:none; background-color:#f7f7f7;} /*모바일(wrap) 포지션*/
    .location2 {position:absolute; top:0; left:0; width:100%; height:100%; margin:0; border:none; background-color:#f7f7f7;} /*모바일(wrap) 포지션 */
    .location3 {position:absolute; top:0; left:0; width:100%; height:100%; margin:0; border:none; background-color:#f7f7f7;}/*모바일(wrap) 포지션*/
    .geom_location {position:absolute; top:0; left:0; width:100%; height:100%; margin:0; border:none; background-color:#f7f7f7;}/*모바일(wrap) 포지션 */
} 
.location .titles {position:relative; margin:14px 14px 0; padding:4px 0 5px; border-bottom:1px solid #ccc; font-weight:600; font-size:14px; color:#6789ca;}
.location .titles span {padding-top:2px; border-top:2px solid #6789ca;}
.location .titles span.close3 a {position:absolute; top:1px; right:0; width:16px; height:16px; background-size:16px 16px; background-image:url(/smgis2/file/imgs/btn/close3.png);}
.location .tab2 {margin:12px 14px 0 14px;}
.location .tab2 ul {display:inline-block; width:calc(100% - 2px); border:solid 1px #7191e3; border-radius:3px; background-color:#e1e1e1;}
.location .tab2 li a {display:block; float:left; width:25%; height:22px; padding-top:6px; font-size:13px; text-align:center;}
.location .tab2 li.bg a {background-color:#e1e1e1; color:#7c7c7c;}
.location .tab2 li.bg2 a {background-color:#ececec; color:#7c7c7c;}
.location .tab2 li.bg a:hover, .location .tab2 li.bg2 a:hover {background-color:#7191e3; color:#fff; transition:all 0.3s ease 0s !important;}
.location .tab2 li.bg.on a, .location .tab2 li.bg2.on a {background-color:#7191e3; color:#fff;}
.location .sinfo {overflow:auto; position:relative; height:calc(100% - 106px); margin-top:8px;}
.location2 .sinfo {overflow:initial; position:relative; height:calc(100% - 106px); margin-top:8px;}
.location .searching3 {margin:0 13px 12px;}
.location .searching3 legend {display:none !important; overflow:hidden;}
.location .searching3 .select-script, .location .searching3 input {float:left; margin:0 1px;}
.location .searching3 .select-script {position:relative; width:92px; height:24px; border:1px solid #ccc; border-radius:3px; background-color:#f1f1f1; font-size:12px; color:#777;}
.location .searching3 .select-script label {position:absolute; top:0; left:0; width:89px; height:19px; padding:5px 0 0 3px;}
.location .searching3 .select-script label:after {content:'▼'; position:absolute; top:0; right:0; width:24px; height:18px; padding-top:6px; font-size:10px; color:#a7a7a7; text-align:center;}
.location .searching3 .select-script select {width:100%; opacity:0;}
.location .searching3 button {float:left; height:26px; margin-left:2px; padding:0 10px 2px; border-radius:3px; border:1px solid #5976ae; background-color:#6789ca; font-size:12px; color:#fff; transition:all 0.3s ease 0s !important; cursor:pointer;}
.location .searching3 button:hover {background-color:#5976ae;}
.location .searching3 input[type="image"] {width:26px; height:26px;}
.location .search_input input[type="text"] {width:calc(100% - 219px); height:24px; padding-left:3px; border:1px solid #ccc; border-radius:3px; background-color:#f1f1f1; font-size:12px; color:#777;}
.location .search_input .search_btn { margin-left: 2px; padding-left: 7px; padding-right: 7px; height: 24px; line-height: 24px; text-align: center; border: 1px solid #5976ae; border-radius: 3px; background-color: #6789ca;font-size: 12px; color: #fff;letter-spacing: -0.5px;transition: all 0.3s ease 0s !important;cursor: pointer;}
.location .sinfo .type_l4 {margin:14px 14px 0 11px;}
.location .sinfo .type_l4 .category {float:left; width:100%; margin-bottom:12px; cursor:pointer;}
.location .sinfo .type_l4 .category img {float:left; width:30px; height:30px; margin-right:3px;}
.location .sinfo .type_l4 .category dl {float:left; width:calc(100% - 33px);}
.location .sinfo .type_l4 .category dt {font-size:13px; color:#4c4c4c;}
.location .sinfo .type_l4 .category dd.txt1 {padding-top:5px; font-size:12px; color:#6789ca; line-height:17px;}
.location .sinfo .type_l4 .category dd.txt2 {padding-top:5px; font-size:12px; color:#6789ca; line-height:17px;}
.location .sinfo .type_l4 .category dd.add_c {padding-top:5px; font-size:12px; color:#7c7c7c; letter-spacing:-0.5px;}
.location .sinfo .type_l4 .category dd.add_b {padding-top:5px; font-size:12px; color:#7c7c7c; letter-spacing:-0.5px;}
.location .sinfo .type_l4 .category dd.add_a {padding-top:5px; font-size:12px; color:#6789ca; letter-spacing:-0.5px;}
.location .sinfo .type_l4 .category button{margin-top:8px;margin-left: 2px;padding-left: 7px;padding-right: 7px;height: 24px;line-height: 24px;text-align: center; border: 1px solid #5976ae; border-radius: 3px;background-color: #6789ca; font-size: 12px; color: #fff; letter-spacing: -0.5px;transition: all 0.3s ease 0s !important;cursor: pointer;}
.location .sinfo .page {margin:2px 0 16px;}
.location .sinfo .searching4 {margin:0 14px;}
.location .sinfo .searching4 h3 {margin-bottom:5px; font-weight:600; font-size:13px; color:#6789ca;}
.location .sinfo .searching4 h3 span {display:inline-block; width:4px; height:4px; margin:0 5px 2px 0; background-color:#6789ca;}
.location .sinfo .searching4 legend {display:none !important; overflow:hidden;}
.location .sinfo .searching4 span.txt {color:#b7b7b7;}
.location .sinfo .searching4 .select-script, .location .sinfo .searching4 input {margin-top:4px;}
.location .sinfo .searching4 .select-script {position:relative; width:calc(32% - 2px);margin-right:7px;  float:left; height:24px; border:1px solid #ccc; border-radius:3px; background-color:#f1f1f1; font-size:12px; color:#777;}
.location .sinfo .searching4 .select-script label {position:absolute; top:0; left:0; width:calc(100% - 3px);height:19px; padding:5px 0 0 3px;}
.location .sinfo .searching4 .select-script label:after {content:'▼'; position:absolute; top:0; right:3px; width:24px; height:18px; padding-top:6px; font-size:10px; color:#a7a7a7; text-align:center;}
.location .sinfo .searching4 .select-script select {width:100%; opacity:0;}
.location .sinfo .searching4 input[type="image"] {width:26px; height:26px;}
.location .sinfo .searching4 button {float:right; height:26px; margin:6px 0 0 2px; padding:0 10px 2px; border-radius:3px; border:1px solid #5976ae; background-color:#6789ca; font-size:12px; color:#fff; transition:all 0.3s ease 0s !important; cursor:pointer;}
.location .sinfo .searching4 button:hover {background-color:#5976ae;}
.location .sinfo .bonbu {}
.location .sinfo .bonbu span{font-size: 13px;font-weight:600;color:#6789ca;float: left;line-height: 40px;margin-right: 10px;}
.location .sinfo .bonbu span.txt{font-size: 13px;font-weight:600;color:#6789ca;float: inherit;line-height: 40px;margin-right: 10px;}
.location .sinfo .bonbu button{float:right}
.location .sinfo .search_input2 input[type="text"] {width:calc(40% - 5px); height:24px; padding-left:3px; border:1px solid #ccc; border-radius:3px; background-color:#f1f1f1; font-size:12px; color:#777;}
.location .sinfo .search_input3 input[type="text"] {width:70px; height:24px; padding-left:3px; border:1px solid #ccc; border-radius:3px; background-color:#f1f1f1; font-size:12px; color:#777;}
.location .sinfo .blank {margin-top:12px;}
.location .sinfo .texts4 {padding:6px 14px 13px; font-size:12px; color:#6789ca; line-height:18px; letter-spacing:-1px;}
.location .linfo {margin-top:0px}
.location .linfo .board {margin-bottom:6px; border-top:1px solid #6789ca; border-right:1px solid #6789ca; border-bottom:1px solid #6789ca; border-left:1px solid #6789ca;}
.location .linfo .board table {width:100%;font-size:12px;color: #777;}
.location .linfo .board table caption {display:none;}
.location .linfo .board table th.tth {height:28px; border-top:1px solid #fff; background-color:#6789ca; font-weight:normal; font-size:12px; color:#fff;}JHJ
.location .linfo .board table td.tt {height:28px; padding-left:1px; border-top:1px solid #fff; background-color:#f1f1f1; font-size:12px; color:#6c6c6c;}JHJ
.location .linfo .board table td.bg {padding-left:2px; background-color:#6789ca; color:#fff;width:140px}
.location .linfo .board table td.tn {width:40px}
.location .linfo .board table td.tv {width:50px}
.location .linfo .board table td.readonly {height:28px; padding:2px 2px 2px 5px; border-top:1px solid #fff; background-color:#f1f1f1; font-size:12px; color:#6c6c6c;}
.location .linfo .board table td input, .registry .sinfo .board table td button {float:left;}
.location .linfo .board table td input[type="radio"] {float:initial;} 
.location .linfo .board table td input[type="text"] {height:24px; margin:0 1px; padding:0 2px; border:none; background-color:#d7d7d7; font-size:12px; color:#6c6c6c;}
.location .linfo .board table td button {height:24px; margin:0 1px; padding:0 3px 2px 4px; border:1px solid #5976ae; border-radius:3px; background-color:#6789ca; font-size:12px; color:#fff; transition:all 0.3s ease 0s !important; cursor:pointer;}
.location .linfo .board table td button:hover {background-color:#5976ae;}
.location .linfo .board .select-script, .location .sinfo .searching4 input {margin-top:4px;}
.location .linfo .board .select-script {position:relative; width:calc(100% - 2px); margin-right:5px; height:24px; border:1px solid #ccc; border-radius:3px; background-color:#f1f1f1; font-size:12px; color:#777;}
.location .linfo .board .select-script label {position:absolute; top:0; left:0; width:calc(100% - 3px); height:19px; padding:5px 0 0 3px;}
.location .linfo .board .select-script label:after {content:'▼'; position:absolute; top:0; right:3px; width:24px; height:18px; padding-top:6px; font-size:10px; color:#a7a7a7; text-align:center;}
.location .linfo .board .select-script select {width:100%; opacity:0;}
.location .sinfo .map_ {position:relative; margin:0 14px; width:calc(100% - 30px); height:376px; border:1px solid #6789ca;}
.location .sinfo .buttons2 {margin:12px 13px 0;}
.location .sinfo .buttons2 li {float:left;}
.location .sinfo .buttons2 button {height:25px; margin:0 1px; padding:0 10px 3px; border-radius:3px; border:1px solid #5976ae; background-color:#6789ca; font-size:12px; color:#fff; transition:all 0.3s ease 0s !important; cursor:pointer;}
.location .sinfo .buttons2 button:hover {background-color:#5976ae;}
.location .sinfo .notice {margin:12px 13px 0;font-size:11px}
.map_location a {display:block; width:32px !important; height:32px !important; background-size:32px 32px !important; background-image:url(/smgis2/file/imgs/btn/location.png);}

/* --------------------------------------------------------------------------------------------------------- 11. 팝업 ---------------------------------------------------------------------------------------------------------- */
.spopbg {position:absolute; width:100%; height:100%;background:rgba(0,0,0,0.3)}
.spop {position:absolute; top:40%; transform:translateY(-40%); left:50%; width:390px; margin-left:-195px; border:1px solid #49618f; background-color:#f7f7f7; z-index:2000;}
.spop .titles {position:relative; margin:14px 14px 0; padding:4px 0 5px; border-bottom:1px solid #6789ca; font-weight:600; font-size:14px; color:#6789ca;}
.spop .titles span {padding-top:2px; border-top:2px solid #6789ca;}
.spop .titles span.close3 a {position:absolute; top:1px; right:0; width:16px; height:16px; background-size:16px 16px; background-image:url(/smgis2/file/imgs/btn/close3.png);}
.spop .sinfo {margin-top:13px; font-size:14px; color:#6c6c6c; line-height:19px; text-align:center;}
.spop .sinfo2 {margin:0 14px; padding:8px 0 1px; font-size:13px; color:#7c7c7c; line-height:18px; word-spacing:-1.3px; text-align:center;}
.spop .sinfo2 p {padding-top:4px;}
.spop .sinfo2 p span {color:#6789ca;}
.spop .sinfo3 {margin:0 14px; padding-top:5px; font-size:12px; color:#7c7c7c; line-height:18px; word-spacing:-1.3px; text-align:left;}
.spop .sinfo3 p {padding-top:7px;}
.spop .sinfo3 p span {display:inline-block; width:4px; height:4px; margin:0 5px 2px 3px; background-color:#7c7c7c;}
/* 171115 수정 */ 
.spop .board2 {margin:0 20px; padding:13px 0 3px;}
.spop .board2 table {width:100%; border-top:1px solid #ccc;}
.spop .board2 table caption {display:none;}
.spop .board2 table th.bg {padding-left:2px; border-bottom:1px solid #ccc; background-color:#f7f7f7; font-weight:normal; font-size:12px; color:#6c6c6c; text-align:left;}
.spop .board2 table th.bg label {font-weight:normal !important;}
.spop .board2 table td {height:28px; border-bottom:1px solid #ccc;}
.spop .board2 table td input, .spop .board2 table td input span, .spop .board2 table td button {float:left;}
.spop .board2 table td span input[type="text"] {width:calc(100% - 68px); height:24px; padding:0 3px; border:none; background-color:#d7d7d7; font-size:13px; color:#6c6c6c;}
.spop .board2 table td input[type="password"] {width:calc(100% - 9px); height:24px; padding:0 3px; border:none; background-color:#d7d7d7; font-size:13px; color:#6c6c6c;}
.spop .board2 table td button {height:24px; margin-left:2px; padding:0 3px 2px 4px; border:1px solid #5976ae; border-radius:3px; background-color:#6789ca; font-size:12px; color:#fff; transition:all 0.3s ease 0s !important; cursor:pointer;}
.spop .board2 table td button:hover {background-color:#5976ae;}
/* 171115 수정 */ 
.spop .board3 {margin:0 24px; padding:14px 0 1px;}
.spop .board3 table {width:100%;}
.spop .board3 table caption {display:none;}
.spop .board3 table th {font-weight:normal; font-size:13px; color:#6c6c6c; text-align:left;}
.spop .board3 table th label {font-weight:normal !important;}
.spop .board3 table td {height:28px; font-size:13px; color:#6c6c6c;}
.spop .board3 table td input[type="text"] {width:calc(100% - 6px); height:24px; padding:0 3px; border:none; background-color:#d7d7d7; font-size:13px; color:#6c6c6c;}
.spop .board3 table td input[type="password"] {width:calc(100% - 6px); height:24px; padding:0 3px; border:none; background-color:#d7d7d7; font-size:13px; color:#6c6c6c;}
/* 171115 수정 */ 
.spop .board4 {margin:0 20px; padding:15px 0 1px;}
.spop .board4 table {width:100%;}
.spop .board4 table caption {display:none;}
.spop .board4 table td {height:28px;}
.spop .board4 table td input, .spop .board4 table td input span, .spop .board4 table td button {float:left;}
.spop .board4 table td span input[type="text"] {width:calc(100% - 65px); height:24px; padding:0 3px; border:none; background-color:#d7d7d7; font-size:13px; color:#6c6c6c;}
.spop .board4 table td button {height:24px; margin-left:2px; padding:0 3px 2px 4px; border:1px solid #5976ae; border-radius:3px; background-color:#6789ca; font-size:12px; color:#fff; transition:all 0.3s ease 0s !important; cursor:pointer;}
.spop .board4 table td button:hover {background-color:#5976ae;}

.spop .board41 {margin:0 20px; padding:15px 0 1px;}
.spop .board41 table {width:100%;}
.spop .board41 table caption {display:none;}
.spop .board41 table th {height:28px;}
.spop .board41 table th input, .spop .board4 table td input span, .spop .board4 table td button {float:left;}
.spop .board41 table th span input[type="text"] {width:calc(100% - 65px); height:24px; padding:0 3px; border:none; background-color:#d7d7d7; font-size:13px; color:#6c6c6c;}
.spop .board41 table th button {height:24px; margin-left:2px; padding:0 3px 2px 4px; border:1px solid #5976ae; border-radius:3px; background-color:#6789ca; font-size:12px; color:#fff; transition:all 0.3s ease 0s !important; cursor:pointer;}
.spop .board41 table th button:hover {background-color:#5976ae;}

.spop .word2 {margin:0 14px; padding:13px 0 5px; font-weight:600; font-size:13px; color:#6789ca; line-height:18px; text-align:center;}
.spop .board5 {margin:0 14px; padding:11px 0 1px;}
.spop .board5 table {width:100%;}
.spop .board5 table caption {display:none;}
.spop .board5 table td {height:28px;}
/* .spop .board5 table td input {width:97%; height:24px; margin-left:1px; padding:0 3px; border:none; background-color:#d7d7d7; font-size:13px; color:#6c6c6c;}
*/
.spop .board5 table td span{font-size:12px; color:#6789ca; transition:all 0.3s ease 0s !important;}
.spop .board5 table td input {width:calc(100%); height:24px; /* margin:0 15px; padding:0 3px;  */border:none; background-color:#d7d7d7; font-size:13px; color:#6c6c6c;}
.spop .board5 table td button {height:24px; margin-left:2px; padding:0 3px 2px 4px; border:1px solid #5976ae; border-radius:3px; background-color:#6789ca; font-size:12px; color:#fff; transition:all 0.3s ease 0s !important; cursor:pointer;}
.spop .board5 table td button:hover {background-color:#5976ae;}
.spop .board5 table td table{}
/* 180806 추가 */
.spop .type {padding:10px 14px 0;}
.spop .type li {float:left; width:131px;}
.spop .type li.blank {width:10px; height:1px;}
.spop .type li .btn a {display:block; padding:5px 0 6px; background-color:#6789ca; font-size:12px; color:#fff; text-align:center;}
.spop .type .btn2 a {padding:5px 10px 6px; background-color:#6789ca; font-size:12px; color:#fff; text-align:center;}
.spop .board6 {margin:3px 14px 0;}
.spop .board6 table {width:100%;}
.spop .board6 table caption {display:none;}
.spop .board6 table th {padding-top:9px; font-weight:normal; font-size:13px; color:#6c6c6c; text-align:left;}
.spop .board6 table td {padding-top:10px; font-size:12px; color:#7c7c7c;}
.spop .board6 table td label.txt {display:block !important; float:left; padding:1px 11px 0 3px; font-size:12px; color:#7c7c7c;}
.spop .board6 table td label.txt2 {display:none !important; overflow:hidden;}
.spop .board6 table td input[type="text"] {width:calc(100% - 6px); height:24px; padding:0 3px; border:none; background-color:#d7d7d7; font-size:13px; color:#6c6c6c;}
.spop .board6 table td input[type="radio"] {margin-top:2px;}
.spop .board6 table td span.color {float:left; width:20px; height:21px; margin:1px 10px 0 0; border-radius:25px;}
.spop .board6 table td span.bx {float:left; width:175px; height:18px; padding:3px 0 0 3px; border:1px solid #d7d7d7; margin-right:7px; font-size:12px; color:#7c7c7c;}
.spop .board6 .borough {padding:10px 0 0 1px;}
.spop .board6 .borough li a {float:left; width:50px; margin:1px; padding:5px 0 6px; border:1px solid #d7d7d7; font-size:12px; color:#7c7c7c; text-align:center;}
.spop .board6 .borough li.all a {width:266px;}
.spop .board6 .borough li.on a {border:1px solid #6789ca; background-color:#6789ca; color:#fff;}
/* 180806 추가 */
.spop .word3 {margin:0 14px; padding:9px 0 1px; font-size:12px; color:#6789ca; line-height:18px; letter-spacing:-0.5px; word-spacing:-1px; text-align:left;}
.spop .word4 {margin:0 14px; padding-top:12px; font-size:12px; color:#6789ca; text-align:center;}
.spop .select-script {position:relative; height:24px; margin:14px; border:none; background-color:#d7d7d7; font-size:12px; color:#6c6c6c; letter-spacing:-0.5px; word-spacing:-1px}
.spop .select-script label {position:absolute; top:0; left:0; width:100%; height:19px; padding:5px 0 0 3px;}
.spop .select-script label:after {content:'▼'; position:absolute; top:0; right:0; width:24px; height:18px; padding-top:6px; font-size:10px; color:#6c6c6c; text-align:center;}
.spop .select-script select {width:100%; opacity:0;}
/* 180806 추가 */
.spop .select-script2 {position:relative; top:0; height:24px; border:none; background-color:#d7d7d7; font-size:12px; color:#6c6c6c; letter-spacing:-0.5px; word-spacing:-1px}
.spop .select-script2 label {position:absolute; top:0; left:0; width:100%; padding:4px 0 0 2px;}
.spop .select-script2 label:after {content:'▼'; position:absolute; top:0; right:2px; width:18px; height:18px; padding-top:6px; font-size:10px; color:#6c6c6c; text-align:center;}
.spop .select-script2 select {width:100%; opacity:0;}
/* 180806 추가 */
.spop .comment3 {margin:0 14px;}
.spop .comment3 textarea {width:calc(100% - 6px); height:64px; padding:3px; border:none; background-color:#d7d7d7; font-family:'나눔고딕', 'NanumGothic', ng; font-size:12px; color:#6c6c6c; line-height:16px;}
.spop .buttons {margin:17px 0 20px; text-align:center;}
.spop .buttons button.save, .spop .buttons button.cancel {height:25px; margin:0 3px; padding:0 16px 3px; border-radius:3px; font-size:12px; transition:all 0.3s ease 0s !important; cursor:pointer;}
.spop .buttons button.save {border:1px solid #5976ae; background-color:#6789ca; color:#fff;}
.spop .buttons button.save:hover {background-color:#5976ae;}
.spop .buttons button.cancel {border:1px solid #aaa; background-color:#fff; color:#676767;}
.spop .buttons button.cancel:hover {background-color:#e7e7e7;}
.spop .buttons button {height:29px; border-radius:3px; font-size:12px; color:#fff; transition:all 0.3s ease 0s !important; cursor:pointer;}
.spop .buttons button.photo span.icon, .spop .buttons button.photo2 span.icon {float:left; width:27px; height:27px; border-right:1px solid rgba(0,0,0,0.15); background-size:27px 27px;}
.spop .buttons button.photo span.txt, .spop .buttons button.photo2 span.txt {display:block; padding-top:5px;}
.spop .buttons button.photo, .spop .buttons button.photo2 {width:133px; border:1px solid #5976ae; background-color:#6789ca;}
.spop .buttons button.photo:hover, .spop .buttons button.photo2:hover {background-color:#5976ae;}
.spop .buttons button.photo {margin-left:14px;}
.spop .buttons button.photo span.icon {background-image:url(/smgis2/file/imgs/ico/photo.png);}
.spop .buttons button.photo2 {margin-right:14px;}
.spop .buttons button.photo2 span.icon {background-image:url(/smgis2/file/imgs/ico/photo2.png);}
/* 171106 이진원 대리 수정 */
/* .spop2 {background-color: rgba(0,0,0,0.6);position:absolute; top:40%; transform:translateY(-40%); *left:50%; width:100%;height:100%; text-align:center;*margin-left:-300px; *border:1px solid #425881; z-index:2000;}포지션 */
/* .spop2 img {*width:100%;max-height:100%;max-width:100%;vertical-align:middle} */
/* .spop2 .img_close {position:absolute; top:0; width:100%; height:100%; z-index:25;} */
/* .spop2 .img_close a {position:absolute; top:10px; right:10px; width:22px; height:22px; background-size:22px 22px; background-image:url(/smgis2/file/imgs/btn/close6.png);} */
/* .spop2 .img_arrow {position:absolute; top:50%; transform:translateY(-50%); width:100%; z-index: 30;} */
/* .spop2 .img_arrow li .prev {float:left; width:23px; height:42px; margin-left:10px; background-size:23px 42px; background-image:url(/smgis2/file/imgs/btn/prev.png) !important;} */
/* .spop2 .img_arrow li .next {float:right; width:23px; height:42px; margin-right:10px; background-size:23px 42px; background-image:url(/smgis2/file/imgs/btn/next.png) !important;} */
/* @media (max-width:991px) { */
/*     .spop2 {position:absolute; top:40%; transform:translateY(-40%); left:0; width:100%; margin-left:0; *border:1px solid #425881; z-index:2000;}모바일 *//* 포지션 */
/* } */

.spop2 {background-color: rgba(0,0,0,0.6);position:absolute; top:0%; transform:translateY(0%); *left:50%; width:100%;height:100%; text-align:center;*margin-left:-300px; *border:1px solid #425881; z-index:2000;}/* 포지션 */
.spop2 img {*width:100%;max-height:100%;max-width:100%;vertical-align:middle}
.spop2 .img_close {position:absolute; top:0; width:100%; height:100%; z-index:25;}
/* .spop2 .img_close a {position:absolute; top:10px; right:10px; width:22px; height:22px; background-size:22px 22px; background-image:url("/smgis2/file/imgs/btn/close6.png");} */
/* .spop2 .img_close a {position:absolute; top:50px; right:10px; width:22px; height:22px; background-size:22px 22px; background-image:url("/smgis2/file/imgs/btn/close6.png");} */
.spop2 .img_arrow {position:absolute; top:50%; transform:translateY(-50%); width:100%; z-index: 30;}
.spop2 .img_arrow li .prev {float:left; width:23px; height:42px; margin-left:10px; background-size:23px 42px; background-image:url("/smgis2/file/imgs/btn/prev.png") !important;}
.spop2 .img_arrow li .next {float:right; width:23px; height:42px; margin-right:10px; background-size:23px 42px; background-image:url("/smgis2/file/imgs/btn/next.png") !important;}
@media (max-width:991px) {
    /* LHH 수정 */
    .spop2 {position:absolute; top:0%; transform:translateY(0%); left:0; width:100%; margin-left:0; *border:1px solid #425881; z-index:2000;}/* 모바일 *//* 포지션 */
}



.wrap, .map {width:100%; height:100%;}
/* 지도 팝업 레이아웃 삭제 */
.tooltipTrans .leaflet-popup-tip {width:0; height:0; margin:0; padding:0; color:black; transform:none;}
.tooltipTrans .leaflet-popup-content-wrapper {color:black;}
.tooltipTrans .leaflet-popup-content-wrapper {
    border-radius:0;
    box-shadow:0 0 0 rgba(0,0,0,0); /* 완전투명 */  
    background-color:transparent;   /* 백그라운드 투명 */
}
.tooltipTrans .leaflet-popup-content {margin:5px;}
.tooltipTrans {bottom:0; left:0;}
/* radiusInput 팝업 */
.radiusInput {position:absolute; top:-63px; left:50%; width:137px; height:93px; background:url(/smgis2/resources//smgis2/resources/img/bg_tooltip2.png) no-repeat; z-index:1;}/* 포지션 */
.radiusInput .title {position:absolute; bottom:70px; left:12px; font-weight:600; font-size:12px; color:#004f9f;}
.radiusInput .shut a {position:absolute; right:11px; bottom:67px; outline:none;}
.radiusInput .con {position:absolute; bottom:8px; left:13px; width:114px; height:51px; padding-top:6px; border-top:1px solid #afc1e2; font-size:12px; color:#004f9f; line-height:14px;}
.radiusInput .con li {float:left;}
.radiusInput .con li > input {width:66px; padding:1px 0 2px 2px; border:1px solid #004f9f; background:#fff; font-size:12px; color:#004f9f;}
.radiusInput .con .btn a {position:absolute; bottom:7px; left:39px; outline:none;}
.radiusInputIE {position:absolute; top:-63px; left:50%; width:137px; height:93px; background:url(/smgis2/resources//smgis2/resources/img/bg_tooltip2.png) no-repeat; z-index:1;}
.radiusInputIE .title {position:absolute; bottom:70px; left:12px; font-weight:600; font-size:12px; color:#004f9f;}
.radiusInputIE .shut a {position:absolute; right:11px; bottom:65px; outline:none;}
.radiusInputIE .con {position:absolute; bottom:8px; left:13px; width:114px; height:51px; padding-top:6px; border-top:1px solid #afc1e2; font-size:12px; color:#004f9f; line-height:14px;}
.radiusInputIE .con li {float:left;}
.radiusInputIE .con li > input {width:66px; padding:1px 0 2px 2px; border:1px solid #004f9f; background:#fff; font-size:12px; color:#004f9f;}
.radiusInputIE .con .btn a {position:absolute; bottom:7px; left:39px; outline:none;}
/* radiusRet 팝업 */
.radiusRet {position:absolute; top:-110%; left:50%; width:143px; height:62px; background:url(/smgis2/resources//smgis2/resources/img/bg_tooltip.png) no-repeat; z-index:1;}/* 포지션 */
.radiusRet .shut a {position:absolute; right:11px; bottom:39px;}
.radiusRet .txt {display:inline-block; position:absolute; bottom:8px; left:6px; width:132px; padding-bottom:17px; font-size:12px; color:#004f9f; text-align:center;}
.radiusRetIE {position:absolute; top:-30px; left:30px; width:143px; height:62px; background:url(/smgis2/resources//smgis2/resources/img/bg_tooltip.png) no-repeat; z-index:1;}
.radiusRetIE .shut a {position:absolute; right:12px; bottom:42px;}
.radiusRetIE .txt {display:inline-block; position:absolute; bottom:9px; left:6px; width:132px; padding-bottom:17px; font-size:12px; color:#004f9f; text-align:center;}
/* 달력 사이즈 */
.ui-datepicker {width:200px; font-size:14px;}
.ui-datepicker select.ui-datepicker-month {width:40%; font-size:14px;}
.ui-datepicker select.ui-datepicker-year {width:50%; font-size:14px;}
/* 컬러 폼 */
#color_from > div {width:100% !important;}
/* -------------------------------------------------------------------------------------------------------- 14. 지도복사 -------------------------------------------------------------------------------------------------------- */
.bottomBtn {float:left;background-color:white;border-radius:3px;margin:2px;box-shadow:1px 1px 1px #666;text-align:center;line-height:18px;font:15px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;}
.bottomBtn a {display:block; float:left; height:20px; border-radius:2px; margin:0 6px 0 2px; padding:7px 0 2px 5px; background-color:#fff; font-size:15px !important; font-weight:700;color:#6789ca; line-height:13px; letter-spacing:-0.5px; word-spacing:-0.5px;}
.bottomBtn a span {float:left; width:15px; height:15px; background-size:15px 15px;}
#opt_detail a span {margin-right:4px; background-image:url(/smgis2/file/imgs/ico/tooltip_view.png);}
#opt_road a span {margin-right:3px; background-image:url(/smgis2/file/imgs/ico/tooltip_search.png);}
#opt_view a span {margin-right:3px; background-image:url(/smgis2/file/imgs/pin/pin0.png);}
#opt_roadview a span {width:10px; height:13px; margin-right:3px; background-size:10px 13px !important; background-image:url(/smgis2/file/imgs/ico/tooltip_roadview.png);}
/* -------------------------------------------------------------------------------------------------------- 15. 길찾기 --------------------------------------------------------------------------------------------------------- */
.multinavi {position:absolute; left:0px;top:0px; width:100%; height:100%; background-color:rgba(0,0,0,0.2)} /* 포지션 */
.multinavi .wrap {position:relative;top:50%;margin-top:-50px; padding:10px;margin:auto; width:300px; height:60px; background-color:#fff; z-index:12001;border:1px solid #425881}
.multinavi .wrap .title {height:25%; font-size:12px; border-bottom:2px solid #425881;padding:0px 0px 5px 0px}
.multinavi .wrap .title .header{float:left}
.multinavi .wrap .title span{float:left; width:13px; height:13px; background-image:url(/smgis2/file/imgs/ico/tooltip_search.png) ;}
.multinavi .wrap .close3  {float:right; width:14px; height:14px; background-size:14px 14px; background-image:url(/smgis2/file/imgs/btn/close3.png);}
.multinavi .wrap .selectlist li {*padding:15px 8px; float:left; font-size:12px; font-weight:500; line-height:18px}
.multinavi .wrap .selectlist li a:hover {color:#000; font-weight:900}
.multinavi .wrap .selectlist li a:visited {color:#000;}
.multinavi .wrap .selectlist .naver_logo {float:left; margin:8px 3px; width:100px; height:30px; background-size:cover; background-image:url(/smgis2/file/imgs/icon/mod_naver_logo.png) ;}
.multinavi .wrap .selectlist .daum_logo {float:left; margin:15px 8px;width:65px; height:15px; background-size:cover; background-image:url(/smgis2/file/imgs/icon/mod_kakao_logo.png) ;}
.multinavi .wrap .selectlist .tmap_logo {float:left; background-size:cover; width:60px; height:18px; background-image:url(/smgis2/file/imgs/ico/mod_tmap_logo.png) ;}
/* 20171227 - lhh 콘텐츠 등록 > 위치 등록 > 배경지도 선택 */
.c_select-script {float:left; margin-left:3px; box-shadow:1px 1px 1px #666;}
.c_select-script {position:relative; width:150px; height:25px; border:1px solid #fff; border-radius:3px; background:rgba(255,255,255,0.9); font-size:12px; color:#759ae1 !important;}
.c_select-script label {position:absolute; top:0; left:0; width:142px; height:19px; padding:5px 0 0 6px;}
.c_select-script label:after {content:'▼'; position:absolute; top:0; right:0; width:24px; height:19px; padding-top:6px; font-size:11px; color:#6789ca; text-align:center;}
.c_select-script select {width:100%; opacity:0;}
/*20180223 - lhh dropdown multiple checkbox 스타일 추가*/
.selectBox {position: relative;width: 100%;}
.selectBox select {width: 100%;border-radius:3px;height:24px;border:1px solid #ccc;font-size:12px; color:#777 ;background:#f1f1f1;}
.overSelect {position: absolute; left: 0; right: 0; top: 0; bottom: 0;}
#checkboxes {overflow-y:auto;height:90px;display: none;width:80%; border: 1px #dadada solid;font-size:12px;color:#777;line-height: 20px;z-index: 9999; position: absolute; background: #fff;}
#checkboxes label {display: block;}
#checkboxes label:hover {background-color: #f1f1f1;}
@media (max-width:991px) {
    #checkboxes {width:85%;}/* 모바일 */
}
/*20180420 - lhh 공간검색>테마선택 */
.contents .type_gh3{height:calc(100%);}
.buttons4{margin:12px 13px 0;}
.buttons4 li {float:left;}
.buttons4 button {height:25px; margin:0 1px; padding:0 10px 3px; border-radius:3px; border:1px solid #5976ae; background-color:#6789ca; font-size:12px; color:#fff; transition:all 0.3s ease 0s !important; cursor:pointer;}
.buttons4 button:hover {background-color:#5976ae;}
/* ------------------------------------------------------------------------------------------------------ 16. 지도 시각화 ------------------------------------------------------------------------------------------------------- */
/* .visualmap {position:absolute; top:8px; right:48px; width:470px; border:1px solid #425881; background-color:#f7f7f7; z-index:2000; display:none;} *//* 포지션 */
.visualmap {position:absolute; top:56px; right:56px; width:308px; border:1px solid #425881; background-color:#f7f7f7; z-index:1999; display:none;}/* 포지션 */
.visualmap .titles {position:relative; margin:14px 14px 0; padding:4px 0 5px; border-bottom:1px solid #6789ca; font-weight:600; font-size:14px; color:#6789ca;}
.visualmap .titles span {padding-top:2px; border-top:2px solid #6789ca;}
.visualmap .titles span.close3 a {position:absolute; top:1px; right:0; width:16px; height:16px; background-size:16px 16px; background-image:url(/smgis2/file/imgs/btn/close3.png);}
.visualmap .sinfo {overflow-x:auto; margin:0 14px; padding:10px 0 28px; white-space:nowrap;}
.visualmap .sinfo ul{width:100%;padding:15px 0px; float:left;}
.visualmap .sinfo li{position:relative;width:25%;float:left;}
.visualmap .sinfo span.pic {display:inline-block; position:relative; padding:0 7px; text-align:center;}
.visualmap .sinfo span.pic img {width:56px; height:56px; opacity:0.50; filter:alpha(opacity=50);}
.visualmap .sinfo span.pic img.ico {opacity:1.0; filter:alpha(opacity=100);}
.visualmap .sinfo span.pic img.check {position:absolute; background-image:url(/smgis2/file/imgs/ico/check_theme.png); opacity:1.0; filter:alpha(opacity=100);}
.visualmap .sinfo span.pic span a {overflow:hidden; position:absolute; left:0; width:100%; padding-top:63px; font-size:12px; color:#8c8c8c; letter-spacing:-1px; word-spacing:-0.5px;}
.visualmap .sinfo span.pic span.check a {font-weight:600; color:#112b3c;}
@media (max-width:991px) {
    .visualmap {position:absolute; top:52px; right:52px; width:308px; border:1px solid #425881; background-color:#f7f7f7; z-index:1999; display:none;}/* 포지션 */
}

.gradeMapTooltip {width:130px; background-color:white; border:1px solid #6789ca; border-radius:10px;padding:8px; letter-spacing:-0.5px; transition:all 0.3s ease 0s !important}
.gradeMapTooltip .tooltipTitle {color:#6789ca;font-size:14px;font-weight:700;padding:3px;}
.gradeMapTooltip .tooltipContents {color:#666; font-size:12px;padding:3px;}
/* --------------------------------------------------------------------------------------------------- 단계구분도 되돌리기 버튼 --------------------------------------------------------------------------------------------------- */
.btn_wrap {position:absolute; top:8px; width:200px; margin-left:calc(50% - 100px); border-radius:25px; background-color:rgba(255,255,255,1); text-align:center; z-index:1996;}/* 포지션 */
.btn_wrap .btn {display:block;cursor:pointer; padding:15px; font-size:18px;font-weight:800; color:#6789ca;box-shadow: 2px 2px 2px #666;border-radius:25px;letter-spacing:-0.5px; transition:all 0.3s ease 0s !important}
@media (max-width:991px) {
    .btn_wrap {position:absolute; top:8px; width:90%; margin-left:5%; border-radius:25px; background-color:rgba(255,255,255,0.75); text-align:center; z-index:1996;}/* 모바일 *//* 포지션 */
    /* .btn_wrap span {display:block; padding:8px 0 9px; font-size:12px; color:#fff;} *//* 모바일 */
}
/* ------------------------------------------------------------------------------------------------------- 테마복사 수정 -------------------------------------------------------------------------------------------------------- */
#copyIconWrap{    margin: 0 14px;padding-top: 5px;font-size: 12px; color: #7c7c7c; line-height: 18px; word-spacing: -1.3px; text-align: left;}
#copyIconWrap ul {float: left; width: 100%; padding: 7px 0;}
#copyIconWrap li {  position: relative; float: left; width: 50%; text-align: center;}  
#themeCopyLi img{width:150px;height:120px;*background-image:url(/smgis2/file/imgs/btn/close3.png);}
#onePageCopyLi img{width:150px;height:120px;*background-image:url(/smgis2/file/imgs/btn/close3.png);}
#themeCopyLi button, #onePageCopyLi button {border:1px solid #5976ae; background-color:#6789ca; color:#fff;width:150px; height:24px; margin:5px; padding-bottom:2px; border-radius:3px; font-size:12px; transition:all 0.3s ease 0s !important; cursor:pointer;}

/* ----------------------------------------------------------------------------------------------------- 마우스 오른쪽 클릭 ------------------------------------------------------------------------------------------------------ */
#rightMenuDiv{}
#rightMenuDiv ul{}
#rightMenuDiv li{display:block;padding:10px;cursor:pointer;}
#rightMenuDiv li.no-hover{background-color:#fff; color:#000;cursor:default;}
#rightMenuDiv li.no-hover:hover{background-color:#fff; color:#000;cursor:default;}
#rightMenuDiv li:hover{background-color:#6789ca; color:#fff;}
#rightMenuDiv li button{border:1px solid #666;background-color:#eee; color:#000; width:calc(50%); padding:5px;cursor:pointer;}
#rightMenuDiv li button:hover{background-color:#6789ca;color:#fff}
#rightMenuDiv li table{}
#rightMenuDiv li tr{height:23px;}
#rightMenuDiv li td{}
/* 지도 팝업 레이아웃 삭제 */
.tooltipTrans2 .leaflet-popup-tip {width:0; height:0; margin:0; padding:0; color:black; transform:none;}
.tooltipTrans2 .leaflet-popup-content-wrapper {width:205px;}
.tooltipTrans2 .leaflet-popup-content-wrapper {color:black;}
.tooltipTrans2 .leaflet-popup-content-wrapper {
    border-radius:0;
    box-shadow:0 0 0 rgba(0,0,0,0); /* 완전투명 */  
    background-color:transparent;   /* 백그라운드 투명 */
}
.tooltipTrans2 .leaflet-popup-content {margin:5px;}
.tooltipTrans2 {bottom:0; left:0;}
.location3 {position:absolute; top:50%; left:50%; width:320px; *height:300px; margin:-165px 0 0 -161px; border:1px solid #425881; background-color:#f7f7f7;letter-spacing:-0.5px; transition:all 0.3s ease 0s !important}/* 포지션 */
.location3 .word{margin:5px 15px;font-size:12px;color:#6789ca; }
.location3 .titles {position:relative; margin:14px 14px 0; padding:4px 0 5px; border-bottom:1px solid #ccc; font-weight:600; font-size:14px; color:#6789ca;}
.location3 .titles span {padding-top:2px; border-top:2px solid #6789ca;}
.location3 .titles span.close3 a {position:absolute; top:1px; right:0; width:16px; height:16px; background-size:16px 16px; background-image:url(/smgis2/file/imgs/btn/close3.png);}
.location3 .type_gh3{height:100%;max-height:200px;}
.location3 .sinfo {overflow:initial; position:relative; height:calc(100% - 106px); margin:8px 0px;}
.location3 .tab_theme{position: relative;margin: 10px 15px 0px 15px;}
.location3 .tab_theme button{border-radius:3px;border:1px solid #fff;background-color:#ccc; color:#000; *width:calc(50%); padding:5px;cursor:pointer;}
.location3 .tab_theme button.on{background-color:#6789ca;color:#fff}
.location3 .tab_theme button.off{background-color:#ccc;color:#000}
.location3 .tab_theme button:hover{background-color:#5976ae;color:#fff}
/* 공간분석 관련 css*/
.geom_location .tab2 {margin:12px 14px 0 14px;}
.geom_location .tab2 ul {display:inline-block; width:calc(100% - 2px); border:solid 1px #7191e3; border-radius:3px; background-color:#e1e1e1;}
.geom_location .tab2 li a {display:block; float:left; width:50%; height:22px; padding-top:6px; font-size:13px; text-align:center;}
.geom_location .tab2 li.bg a {background-color:#e1e1e1; color:#7c7c7c;}
.geom_location .tab2 li.bg2 a {background-color:#ececec; color:#7c7c7c;}
.geom_location .tab2 li.bg a:hover, .geom_location .tab2 li.bg2 a:hover {background-color:#7191e3; color:#fff; transition:all 0.3s ease 0s !important;}
.geom_location .tab2 li.bg.on a, .geom_location .tab2 li.bg2.on a {background-color:#7191e3; color:#fff;}
.geom_location .titles {position:relative; margin:14px 14px 0; padding:4px 0 5px; border-bottom:1px solid #ccc; font-weight:600; font-size:14px; color:#6789ca;}
.geom_location .titles span {padding-top:2px; border-top:2px solid #6789ca;}
.geom_location .titles span.close3 a {position:absolute; top:1px; right:0; width:16px; height:16px; background-size:16px 16px; background-image:url(/smgis2/file/imgs/btn/close3.png);}
.geom_location .sinfo {overflow:auto; position:relative; height:calc(100% - 60px); max-height:650px;margin-top:8px;}
/* .geom_location .sinfo {overflow:initial; position:relative; height:calc(100% - 106px); margin-top:8px;} */
.geom_location .searching3 {margin:0 13px 12px;}
.geom_location .searching3 legend {display:none !important; overflow:hidden;}
.geom_location .searching3 h3 {margin-bottom:5px; font-weight:600; font-size:13px; color:#6789ca;}
.geom_location .searching3 h3 span {display:inline-block; width:4px; height:4px; margin:0 5px 2px 0; background-color:#6789ca;}
.geom_location .searching3 span.txt {color:#b7b7b7;}
.geom_location .searching3 .select-script, .geom_location .searching3 input {float:left; margin:0 1px;}
.geom_location .searching3 .select-script {position:relative; width:92px; height:24px; border:1px solid #ccc; border-radius:3px; background-color:#f1f1f1; font-size:12px; color:#777;}
.geom_location .searching3 .select-script label {position:absolute; top:0; left:0; width:89px; height:19px; padding:5px 0 0 3px;}
.geom_location .searching3 .select-script label:after {content:'▼'; position:absolute; top:0; right:0; width:24px; height:18px; padding-top:6px; font-size:10px; color:#a7a7a7; text-align:center;}
.geom_location .searching3 .select-script select {width:100%; opacity:0;}
.geom_location .searching3 button {float:left; height:26px; margin-left:2px; padding:0 10px 2px; border-radius:3px; border:1px solid #5976ae; background-color:#6789ca; font-size:12px; color:#fff; transition:all 0.3s ease 0s !important; cursor:pointer;}
.geom_location .searching3 button:hover {background-color:#5976ae;}
.geom_location .searching3 input[type="image"] {width:26px; height:26px;}
.geom_location .searching3 span{font-size:12px; color:#5c5c5c; transition:all 0.3s ease 0s !important; cursor:pointer;}
.geom_location .search_input input[type="text"] {float:left;width:calc(100% - 53px); height:24px; padding-left:3px; border:1px solid #ccc; border-radius:3px; background-color:#f1f1f1; font-size:12px; color:#777;}
.geom_location .search_input .search_btn { margin-left: 2px; padding-left: 7px; padding-right: 7px; height: 24px; line-height: 24px; text-align: center; border: 1px solid #5976ae; border-radius: 3px; background-color: #6789ca;font-size: 12px; color: #fff;letter-spacing: -0.5px;transition: all 0.3s ease 0s !important;cursor: pointer;}
.geom_location .sinfo .type_l4 {margin:14px 14px 0 11px;}
.geom_location .sinfo .type_l4 .category {float:left; width:100%; margin-bottom:12px; cursor:pointer;}
.geom_location .sinfo .type_l4 .category img {float:left; width:30px; height:30px; margin-right:3px;}
.geom_location .sinfo .type_l4 .category dl {float:left; width:calc(100% - 33px);}
.geom_location .sinfo .type_l4 .category dt {font-size:13px; font-weight:bold;color:#4c4c4c;}
.geom_location .sinfo .type_l4 .category dd.txt1 {padding-top:5px; font-size:12px; color:#6789ca; line-height:17px;}
.geom_location .sinfo .type_l4 .category dd.txt2 {padding-top:5px; font-size:12px; color:#6789ca; line-height:17px;}
.geom_location .sinfo .type_l4 .category dd.add_c {padding-top:5px; font-size:12px; color:#7c7c7c; letter-spacing:-0.5px;}
.geom_location .sinfo .type_l4 .category dd.add_b {padding-top:5px; font-size:11px; color:#7c7c7c; letter-spacing:-0.5px;}
.geom_location .sinfo .type_l4 .category dd.add_a {padding-top:5px; font-size:11px; color:#6789ca; letter-spacing:-0.5px;}
.geom_location .sinfo .type_l4 .category button{margin-top:8px;margin-left: 2px;padding-left: 7px;padding-right: 7px;height: 24px;line-height: 24px;text-align: center; border: 1px solid #5976ae; border-radius: 3px;background-color: #6789ca; font-size: 12px; color: #fff; letter-spacing: -0.5px;transition: all 0.3s ease 0s !important;cursor: pointer;}
.geom_location .sinfo .page {margin:2px 0 16px;}
.geom_location .sinfo .searching4 {margin:0 14px 14px 14px;}
.geom_location .sinfo .searching4 h3 {margin-bottom:5px; font-weight:600; font-size:13px; color:#6789ca;}
.geom_location .sinfo .searching4 h3 span {display:inline-block; width:4px; height:4px; margin:0 5px 2px 0; background-color:#6789ca;}
.geom_location .sinfo .searching4 legend {display:none !important; overflow:hidden;}
.geom_location .sinfo .searching4 span.txt {color:#b7b7b7;}
.geom_location .sinfo .searching4 .select-script, .location .sinfo .searching4 input {margin-top:4px;}
.geom_location .sinfo .searching4 .select-script {position:relative; width:calc(32% - 2px);margin-right:7px;  float:left; height:24px; border:1px solid #ccc; border-radius:3px; background-color:#f1f1f1; font-size:12px; color:#777;}
.geom_location .sinfo .searching4 .select-script label {position:absolute; top:0; left:0; width:calc(100% - 3px);height:19px; padding:5px 0 0 3px;}
.geom_location .sinfo .searching4 .select-script label:after {content:'▼'; position:absolute; top:0; right:3px; width:24px; height:18px; padding-top:6px; font-size:10px; color:#a7a7a7; text-align:center;}
.geom_location .sinfo .searching4 .select-script select {width:100%; opacity:0;}
.geom_location .sinfo .searching4 input[type="image"] {width:26px; height:26px;}
.geom_location .sinfo .searching4 button {float:right; height:26px; margin:6px 0 0 2px; padding:0 10px 2px; border-radius:3px; border:1px solid #5976ae; background-color:#6789ca; font-size:12px; color:#fff; transition:all 0.3s ease 0s !important; cursor:pointer;}
.geom_location .sinfo .searching4 button:hover {background-color:#5976ae;}
.geom_location .sinfo .bonbu {}
.geom_location .sinfo .bonbu span{font-size: 13px;font-weight:600;color:#6789ca;float: left;line-height: 40px;margin-right: 10px;}
.geom_location .sinfo .bonbu span.txt{font-size: 13px;font-weight:600;color:#6789ca;float: inherit;line-height: 40px;margin-right: 10px;}
.geom_location .sinfo .bonbu button{float:right}
.geom_location .sinfo .search_input2 input[type="text"] {width:calc(40% - 5px); height:24px; padding-left:3px; border:1px solid #ccc; border-radius:3px; background-color:#f1f1f1; font-size:12px; color:#777;}
.geom_location .sinfo .search_input3 input[type="text"] {width:70px; height:24px; padding-left:3px; border:1px solid #ccc; border-radius:3px; background-color:#f1f1f1; font-size:12px; color:#777;}
.geom_location .sinfo .blank {margin-top:12px;}
.geom_location .sinfo .texts4 {padding:6px 14px 13px; font-size:12px; color:#6789ca; line-height:18px; letter-spacing:-1px;}
.geom_location .linfo {margin-top:0px}
.geom_location .linfo .board {margin:10px; /* border-top:1px solid #6789ca; border-right:1px solid #6789ca; border-bottom:1px solid #6789ca; border-left:1px solid #6789ca; */}
.geom_location .linfo .board table {width:100%;font-size:12px;color: #777;}
.geom_location .linfo .board table caption {display:none;}
.geom_location .linfo .board table th.tth {height:28px; border-top:1px solid #fff; background-color:#6789ca; font-weight:normal; font-size:12px; color:#fff;}/* JHJ */
.geom_location .linfo .board table td.tt {height:28px; padding-left:1px; border-top:1px solid #fff; background-color:#f1f1f1; font-size:12px; color:#6c6c6c;}/* JHJ */
.geom_location .linfo .board table td.bg {padding-left:2px; background-color:#6789ca; color:#fff;width:140px}
.geom_location .linfo .board table td.tn {font-weight: 600;font-size: 13px;color: #6789ca;}
.geom_location .linfo .board table td.tn span{display: inline-block; width: 4px; height: 4px; margin: 0 5px 2px 0;background-color: #6789ca;}
.geom_location .linfo .board table td.tv {font-size:12px; color:#5c5c5c; transition:all 0.3s ease 0s !important;}
.geom_location .linfo .board table td.tv div{ padding: 3px; margin: 5px; background-color: white;}
.geom_location .linfo .board table td.tv .numBtn{border:1px solid #6789ca;padding:3px; margin: 10px 3px; width: 40px; text-align: center;float:left;cursor:pointer;}
.geom_location .linfo .board table td.tv ul{*margin:5px;}
.geom_location .linfo .board table td.tv.third li{width: calc(33% - 2px);display: inline-block;cursor: pointer;text-align: center;}
.geom_location .linfo .board table td.tv.twice li{width: calc(50% - 2px);display: inline-block;cursor: pointer;text-align: center;}
.geom_location .linfo .board table td.tv li img{ width: 50px; height: 50px; margin:10px;}
.geom_location .linfo .board table td.tv li.point img{background-size:40px;background-position: center;background-repeat: no-repeat;background-image:url(/smgis2/file/imgs/btn/geom_point.png);}
.geom_location .linfo .board table td.tv li.point.on img{background-color:#7191e3;background-position: center;background-repeat: no-repeat;background-size:40px;background-image:url(/smgis2/file/imgs/btn/geom_point.png);}
.geom_location .linfo .board table td.tv li.line img{background-size:40px;background-position: center;background-repeat: no-repeat;background-image:url(/smgis2/file/imgs/btn/geom_line.png);}
.geom_location .linfo .board table td.tv li.line.on img{background-color:#7191e3;background-position: center;background-repeat: no-repeat;background-size:40px; background-image:url(/smgis2/file/imgs/btn/geom_line.png);}
.geom_location .linfo .board table td.tv li.polygon img{background-size:40px;background-position: center; background-repeat: no-repeat;background-image:url(/smgis2/file/imgs/btn/geom_polygon.png);}
.geom_location .linfo .board table td.tv li.polygon.on img{background-color:#7191e3;background-position: center;background-repeat: no-repeat;background-size:40px; background-image:url(/smgis2/file/imgs/btn/geom_polygon.png);}
.geom_location .linfo .board table td.tv li.union img{background-size:40px;background-position: center;background-repeat: no-repeat;background-image:url(/smgis2/file/imgs/btn/geom_union.png);}
.geom_location .linfo .board table td.tv li.union.on img{background-color:#7191e3;background-position: center;background-repeat: no-repeat;background-size:40px; background-image:url(/smgis2/file/imgs/btn/geom_union.png);}
.geom_location .linfo .board table td.tv li.intersection img{background-size:40px;background-position: center;background-repeat: no-repeat;background-image:url(/smgis2/file/imgs/btn/geom_intersection.png);}
.geom_location .linfo .board table td.tv li.intersection.on img{background-color:#7191e3;background-position: center;background-repeat: no-repeat;background-size:40px; background-image:url(/smgis2/file/imgs/btn/geom_intersection.png);}
.geom_location .linfo .board table td.readonly {height:28px; padding:2px 2px 2px 5px; border-top:1px solid #fff; background-color:#f1f1f1; font-size:12px; color:#6c6c6c;}
.geom_location .linfo .board table td input, .registry .sinfo .board table td button {float:left;}
.geom_location .linfo .board table td input[type="radio"] {float:initial;} 
.geom_location .linfo .board table td input[type="text"] {height:24px; margin:0 1px; padding:0 2px; border:none; background-color:#d7d7d7; font-size:12px; color:#6c6c6c;}
.geom_location .linfo .board table td button {height:24px; margin:0 1px; padding:0 3px 2px 4px; border:1px solid #5976ae; border-radius:3px; background-color:#6789ca; font-size:12px; color:#fff; transition:all 0.3s ease 0s !important; cursor:pointer;}
.geom_location .linfo .board table td button:hover {background-color:#5976ae;}
.geom_location .linfo .board .select-script, .location .sinfo .searching4 input {margin-top:4px;}
.geom_location .linfo .board .select-script {position:relative; width:calc(100% - 2px); margin-right:5px; height:24px; border:1px solid #ccc; border-radius:3px; background-color:#f1f1f1; font-size:12px; color:#777;}
.geom_location .linfo .board .select-script label {position:absolute; top:0; left:0; width:calc(100% - 3px); height:19px; padding:5px 0 0 3px;}
.geom_location .linfo .board .select-script label:after {content:'▼'; position:absolute; top:0; right:3px; width:24px; height:18px; padding-top:6px; font-size:10px; color:#a7a7a7; text-align:center;}
.geom_location .linfo .board .select-script select {width:100%; opacity:0;}
.geom_location .sinfo .map_ {position:relative; margin:0 14px; width:calc(100% - 30px); height:376px; border:1px solid #6789ca;}
.geom_location .sinfo .buttons2 {margin:12px;}
/* .geom_location .sinfo .buttons2 li {float:left;} */
.geom_location .sinfo .buttons2 ul {text-align:center;} 
.geom_location .sinfo .buttons2 button {height:25px; margin:0 1px; padding:0 10px 3px; border-radius:3px; border:1px solid #5976ae; background-color:#6789ca; font-size:12px; color:#fff; transition:all 0.3s ease 0s !important; cursor:pointer;}
.geom_location .sinfo .buttons2 button:hover {background-color:#5976ae;}
.geom_location .sinfo .notice {margin:12px 13px;font-size:11px}
#geom_poi_search a{margin:3px;float:right;color: black; text-decoration: none;font-size:12px;transition:all 0.3s ease 0s !important; cursor:pointer;}
#geom_poi_search a a:visited { color: black; text-decoration: none;}
#geom_poi_search a a:hover { color: black; text-decoration: underline;}
#geom_poi_search a span{float:left;width:15px; height:15px; background-size:15px; background-image:url("http://localhost:8080/smgis/webs/jsp/hybridmap/assets/css//smgis2/file/imgs/btn/reset.png");}
/*************************** 서브카테고리 등록 ***************************/ 
.subcate_div {position:absolute; left: calc(50% - 160px);top: calc(50% - 200px); width:320px; border:1px solid #425881; background-color:#f7f7f7; z-index:2000; display:none;font-size:12px; color:#000; letter-spacing:-0.5px; transition:all 0.3s ease 0s !important;}/* 포지션 */
.subcate_div .titles {position:relative; margin:14px 14px 0; padding:4px 0 5px; border-bottom:1px solid #6789ca; font-weight:600; font-size:14px; color:#6789ca;}
.subcate_div .titles span {padding-top:2px; border-top:2px solid #6789ca;}
.subcate_div .titles span.close3 a {position:absolute; top:1px; right:0; width:16px; height:16px; background-size:16px 16px; background-image:url(/smgis2/file/imgs/btn/close3.png);}
.subcate_div .sinfo {overflow-x:auto; margin:0 14px; padding:10px 0 0 0; white-space:nowrap;}
.subcate_div .sinfo ul{padding:3px 0px 15px 0px;width:100%; float:left;}
.subcate_div .sinfo li.on{border:1px solid #6789ca;cursor: pointer;position:relative;width: calc(50% - 22px); float: left; text-align: center; background-color: #6789ca; color: white; padding: 10px;}
.subcate_div .sinfo li.off{border:1px solid #6789ca;cursor: pointer;position:relative;width: calc(50% - 22px); float: left; text-align: center; background-color: white; color: #6789ca; padding: 10px;}
.subcate_div .sinfo li.off:hover{border:1px solid #6789ca;cursor: pointer;position:relative;width: calc(50% - 22px); float: left; text-align: center; background-color: #6789ca; color: white; padding: 10px;}
.subcate_tbl table {*border-top: 2px solid #666; table-layout: fixed;*width: 100%; text-align: center;}
.subcate_tbl thead {background:#ececec;}
.subcate_tbl tfoot {border-top: 2px solid #666;} 
.subcate_tbl th {padding: 12px;}
.subcate_tbl tr {*border-bottom:1px solid #ccc;}
.subcate_tbl tr.mouseover:hover {background:#ececec;}
.subcate_tbl td {padding: 12px;}
.subcate_tbl table td li.pin .pick input[type="radio"] {width: 100%; height: 100%;}
.subcate_tbl table td li.pin .pick{    width: 13px;height: 13px; margin: 0 auto 3px;}
.subcate_tbl table td li.pin{float: left;width: 20%; text-align: center; cursor: pointer;}
.subcate_tbl table td li.pin > div img { width: 60%; height: 60%;  margin: 5px 0;}
.subcate_div button{ margin-bottom:10px;height: 24px;margin: 0 1px; padding: 0 3px 2px 4px; border: 1px solid #5976ae;border-radius: 3px; background-color: #6789ca;font-size: 12px; color: #fff;transition: all 0.3s ease 0s !important;cursor: pointer;}
.subcate_div button:hover{background-color:#5976ae;}
/*************************** 질문형 테마 등록폼 ***************************/ 
.poll_div {position:absolute; left: calc(50% - 260px);top: calc(50% - 350px);width:520px; border:1px solid #425881; background-color:#f7f7f7; z-index:2000; display:none;font-size:12px; color:#000; letter-spacing:-0.5px; transition:all 0.3s ease 0s !important;}/* 포지션 */
.poll_div .titles {position:relative; margin:14px 14px 0; padding:4px 0 5px; border-bottom:1px solid #6789ca; font-weight:600; font-size:14px; color:#6789ca;}
.poll_div .titles span {padding-top:2px; border-top:2px solid #6789ca;}
.poll_div .titles span.close3 a {position:absolute; top:1px; right:0; width:16px; height:16px; background-size:16px 16px; background-image:url(/smgis2/file/imgs/btn/close3.png);}
.poll_div .sinfo {overflow-x:auto; margin:0 14px; padding:10px; white-space:nowrap;}
.poll_div .sinfo ul{padding:3px 0px 15px 0px;width:100%; float:left;}
.poll_div .sinfo li.on{border:1px solid #6789ca;cursor: pointer;position:relative;width: calc(50% - 22px); float: left; text-align: center; background-color: #6789ca; color: white; padding: 10px;}
.poll_div .sinfo li.off{border:1px solid #6789ca;cursor: pointer;position:relative;width: calc(50% - 22px); float: left; text-align: center; background-color: white; color: #6789ca; padding: 10px;}
.poll_div .sinfo li.off:hover{border:1px solid #6789ca;cursor: pointer;position:relative;width: calc(50% - 22px); float: left; text-align: center; background-color: #6789ca; color: white; padding: 10px;}
.poll_div button{ margin-bottom:10px;height: 24px;margin: 0 1px; padding: 0 3px 2px 4px; border: 1px solid #5976ae;border-radius: 3px; background-color: #6789ca;font-size: 12px; color: #fff;transition: all 0.3s ease 0s !important;cursor: pointer;}
.poll_div button:hover{background-color:#5976ae;}
.poll_tbl table {*border-top: 2px solid #666; table-layout: fixed;*width: 100%; text-align: center;}
.poll_tbl thead {background:#ececec;}
.poll_tbl th {padding: 12px;}
.poll_tbl tr {*border-bottom:1px solid #ccc;}
.poll_tbl tr.mouseover:hover {background:#ececec;}
.poll_tbl td {padding: 3px 7px;}
.poll_tbl .radioWrap input[type=radio]{vertical-align: middle;}
.poll_tbl .radioWrap span{padding: 3px 15px 3px 3px; line-height: 23px;}
.poll_tbl button{ margin-bottom:10px;height: 24px;margin: 0 1px; padding: 0 3px 2px 4px; border: 1px solid #5976ae;border-radius: 3px; background-color: #6789ca;font-size: 12px; color: #fff;transition: all 0.3s ease 0s !important;cursor: pointer;}
.poll_tbl button:hover{background-color:#5976ae;}
.poll_tbl button.addBtn{border-radius: 2px;background-color: #174586; border: none; color: white; padding: 8px 20px; text-align: center; text-decoration: none; display: inline-block; font-size: 12px; margin: 4px 2px; cursor: pointer;}
.poll_tbl button.addBtn:hover{background-color:#13386D;}
.poll_tbl button.addBtn:disabled{background-color:#ccc;cursor:default;}
.poll_tbl button.deleteBtn{border-radius: 2px;background-color: #174586; border: none; color: white; padding: 8px 20px; text-align: center; text-decoration: none; display: inline-block; font-size: 12px; margin: 4px 2px; cursor: pointer;}
.poll_tbl button.deleteBtn:hover{background-color:#13386D;}
.thm_poll_sub_select table{*border-top: 2px solid #666; table-layout: fixed;*width: 100%; text-align: center;}
.thm_poll_sub_select th {padding: 3px;}
.thm_poll_sub_select td {padding:0 5px;}
/* 19.11.06 추가 */
.geombg {position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.5);z-index: 9999;}
.geom {position:absolute;/* top:40%; *//* transform:translateY(-40%); */top:calc(50% - 400px);max-height:820px;left:calc(50% - 300px);width:600px;/* margin-left:-195px; */border:1px solid #49618f;background-color:#f7f7f7;z-index:2000;}
.geom .titles {position:relative; margin:14px 14px 0; padding:4px 0 5px; border-bottom:1px solid #6789ca; font-weight:600; font-size:14px; color:#6789ca;}
.geom .titles span {padding-top:2px; border-top:2px solid #6789ca;}
.geom .titles span.close3 a {position:absolute; top:1px; right:0; width:16px; height:16px; background-size:16px 16px; background-image:url("https://localhost:8443/smgis/webs/jsp/hybridmap/assets/css//smgis2/file/imgs/smart/close3.png");}
.geom .buttons {margin:17px 0 20px; text-align:center;}
.geom .buttons button.save, .spop .buttons button.cancel {height:25px; margin:0 3px; padding:0 16px 3px; border-radius:3px; font-size:12px; transition:all 0.3s ease 0s !important; cursor:pointer;}
.geom .buttons button.save {border:1px solid #5976ae; background-color:#6789ca; color:#fff;}
.geom .buttons button.save:hover {background-color:#5976ae;}
.geom .buttons button.cancel {border:1px solid #aaa; background-color:#fff; color:#676767;}
.geom .buttons button.cancel:hover {background-color:#e7e7e7;}
.geom .tab{margin:14px;}
.geom .tab ul{display: inline-block; width: calc(100% - 2px); border: solid 1px #7191e3; border-radius: 3px; background-color: #e1e1e1;}
.geom .tab li{display: inline;}
.geom .tab li a{display: block;float: left;height: 22px; padding-top: 6px;font-size: 13px;text-align: center;}
.geom .tab li a{width:50%;background-color: #e1e1e1; color: #7c7c7c;}
.geom .tab li.on a{background-color: #7191e3; color: #fff;}
.geom .sinfo {font-size:14px; color:#6c6c6c; line-height:19px; margin:14px 14px;}
.geom .sinfo dt{margin-bottom: 5px;font-weight: 600;font-size: 13px;color: #6789ca;}
.geom .sinfo dt span{display: inline-block; width: 4px; height: 4px; margin: 0 5px 2px 0; background-color: #6789ca;}
.geom .sinfo dd li.ico{position: relative;margin:15px;width: 46px; height: 46px;float:left; padding: 12px; border: 1px solid #6a8cbd; border-radius: 50px; text-align: center; cursor: pointer;}
.geom .sinfo dd li.off{background-color: #fff !important;}
.geom .sinfo dd.type li.on,.geom .sinfo dd li.ico:hover{background-color: #6789ca !important;}
.geom .sinfo dd.type li span {display:block;}
.geom .sinfo dd.type li span.point{width: 100%; height: 100%; background-size: 100% 100% !important; background: url(/smgis2/file/imgs/btn/geom_point.png) no-repeat;}
.geom .sinfo dd.type li span.line{width: 100%; height: 100%; background-size: 100% 100% !important; background: url(/smgis2/file/imgs/btn/geom_line.png) no-repeat;}
.geom .sinfo dd.type li span.polygon{width: 100%; height: 100%; background-size: 100% 100% !important; background: url(/smgis2/file/imgs/btn/geom_polygon.png) no-repeat;}
.geom .sinfo dd.type li span.part{width: 100%; height: 100%; background-size: 100% 100% !important; background: url(/smgis2/file/imgs/btn/geom_union.png) no-repeat;}
.geom .sinfo dd.type li span.full{width: 100%; height: 100%; background-size: 100% 100% !important; background: url(/smgis2/file/imgs/btn/geom_intersection.png) no-repeat;}
.geom .sinfo dd.type li span.txt{position: absolute; left: 0; width: 100%; padding-top: 15px;font-size: 12px;color: #4b575a;letter-spacing: -1px;word-spacing: -2px;}
.geom .sinfo dd .buffer label {display:none;overflow:hidden;}
.geom .sinfo dd.meter ul{float: left;margin: 8px 0 0 14px;}
.geom .sinfo dd.meter li{float: left;}
.geom .sinfo dd.meter li a{ margin-left: 4px; padding: 5px 8px; font-size: 12px; line-height: 15px; text-align: center;}
.geom .sinfo dd.meter li.off a{border: 1px solid #6789ca; background-color: #fff; color: #6789ca;}
.geom .sinfo dd.meter li.on a{border: 1px solid #6a8cbd;background-color: #6a8cbd;color: #fff;}
.geom .sinfo dd span.txt2{float: left;padding: 10px 0 0 4px;font-size: 12px;color: #4b575a;}
.geom .sinfo dd input[type=text].short{float: left;height: 16px; margin: 8px 0 0 10px;padding: 2px 6px 5px 5px; border: none;background-color: #e3e5e5;font-size: 12px;color: #4b575a;width:calc(33% - 11px);}
.geom .map_info{margin: 0 10px;padding-top: 16px; border-top: 1px solid #dfdfdd;}
.geom .map_info .map_view{float: left;position: relative; width: calc(100% - 22px);height: 311px; margin: 0 10px 16px; border: 1px solid #24364a;}
.geom .map_info .map_view_sub{float: left;position: relative; width: calc(50% - 22px);height: 311px; margin: 0 10px 16px; border: 1px solid #24364a;}
.geom .map_info .map_list{float: right;position: relative; width: calc(50% - 22px); }
.geom .th_btn_group{margin: 0 10px; padding: 12px 0 8px; border-top: 1px solid #dfdfdd;text-align: center;}
.geom .th_btn_group ul{display: inline-block;}
.geom .th_btn_group li{float:left;}
.geom .th_btn_group li a{margin: 0 1px;padding: 3px 7px 3px;}
.geom .sinfo dd .btn a{float: left;margin: 8px 0 0 2px; padding: 2px 5px 1px;}
.btn_a a{display: block;font-size: 12px;line-height: 18px;border: 1px solid #6789ca;background-color: #6789ca;color: #fff;}
.btn_c a{display: block;font-size: 12px;line-height: 18px;border: 1px solid #848c8e;background-color: #848c8e;color: #fff;}
.geom .sinfo dd input[type=text].long{float: left;height: 16px; margin: 8px 0 0 10px;padding: 2px 6px 5px 5px; border: none;background-color: #e3e5e5;font-size: 12px;color: #4b575a;width:calc(100% - 69px);}
.geom .sinfo .select_wrap{width:32%;padding:3px;float:left;}
.geom .sinfo .select_wrap select{width:100%;height: 23px;font-size: 12px;}
.geombg {position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.5);z-index: 9999;}
.geom_2 {position:absolute;/* top:40%; *//* transform:translateY(-40%); */top:calc(50% - 300px);max-height:600px;left:calc(50% - 175px);width:350px;/* margin-left:-195px; */border:1px solid #49618f;background-color:#f7f7f7;z-index:2000;}
.geom_2 .titles {position:relative; margin:14px 14px 0; padding:4px 0 5px; border-bottom:1px solid #6789ca; font-weight:600; font-size:14px; color:#6789ca;}
.geom_2 .titles span {padding-top:2px; border-top:2px solid #6789ca;}
.geom_2 .titles span.close3 a {position:absolute; top:1px; right:0; width:16px; height:16px; background-size:16px 16px; background-image:url("https://localhost:8443/smgis/webs/jsp/hybridmap/assets/css//smgis2/file/imgs/smart/close3.png");}
.geom_2 .sinfo {font-size:14px; color:#6c6c6c; line-height:19px; margin:14px;padding:10px;height:450px;}
.geom_2 .btn_group{margin: 0 10px; padding: 12px 0 8px; border-top: 1px solid #dfdfdd;text-align: center;}
.geom_2 .btn_group ul{display: inline-block;}
.geom_2 .btn_group li{float:left;}
.geom_2 .btn_group li a{margin: 0 1px;padding: 3px 7px 3px;}
.geom_preview {width:100%; padding:12px 0 21px; text-align:center;}
.geom_preview li.circle {display:inline-block; position:relative; width:46px; height:46px; margin:3%; padding:12px; border:1px solid #6789ca; border-radius:50px; text-align:center;}
.geom_preview li img {width:100%; height:100%;}
.geom_preview li p.txt {position:absolute; left:0; width:100%; padding-top:18px; font-size:12px; color:#4b575a; letter-spacing:-1px; word-spacing:-2px;}
.geom_list {padding-bottom: 8px;border: none;}
.geom_list .result_header{padding: 11px 16px 6px;}
.geom_list .result_header h2{padding-top: 2px;float: left; font-weight: 600;font-size: 12px;color: #273538;line-height: 18px;}
.geom_list .result_header h2 span{color:#df772d;}
.geom_list form{float:right;}
.geom_list form .txt{float: left; padding: 2px 8px 0 0;font-size: 12px; line-height: 18px;}
.geom_list form .select_wrap{float: left;position: relative;width: 50px;height: 23px;border: none; background-color: #e3e5e5;}
.geom_list form .select_wrap label{display: block !important; position: absolute; width: calc(100% - 6px); padding: 3px 0 0 6px;font-size: 12px;color: #4b575a;}
.geom_list .result_body{}
.geom_list .result_body .item{margin-top: 2px; padding: 4px 0 6px 16px;cursor:pointer;}
.geom_list .result_body .item img.pin{    float: left; padding: 2px 7px 2px 0; width: 30px; height: 30px;}
.geom_list .result_body .item dl{float:left;}
.geom_list .result_body .item dl.dw{width:calc(100% - 45px);}
.geom_list .result_body .item dt{font-weight: 600;font-size: 12px;color: #6789ca;;line-height: 19px;word-spacing: -2px;}
.geom_list .result_body .item dd{font-size: 12px;line-height: 17px; word-spacing: -1px;}
.geom_list .result_body .item dd.txt2{padding-top: 2px; color: #848c8e;}
.geom_list .result_body .item:hover{background-color:rgba(0,90,170,0.05);}
.map_list {float:right; width:50%; padding-bottom:12px;}
.map_list .item {position:relative; margin-top:2px; padding:4px 0 6px 16px; cursor:pointer;}
.map_list .item img.pin {float:left; width:22px; height:26px; padding:2px 7px 2px 0;}
.map_list .item dl {float:left; letter-spacing:-1px; word-spacing:-1px;}
.map_list .item dl.dw {width:calc(100% - 39px);} /* width:100%-29(좌측핀22+7)-10(우패딩) */
.map_list .item dt {width:calc(100% - 35px); font-weight:600; font-size:14px; color:#6789ca; line-height:20px;} /* width:100%-35(우패딩51-16) */
.map_list .item dt:hover {text-decoration:underline;}
.map_list .item dd {font-size:12px; line-height:18px;}
.map_list .item dd.txt {padding-top:4px; color:#4b575a;}
.map_list .item .btn a {position:absolute; top:6px; right:10px; padding:0 3px 2px !important; line-height:15px !important;}
.map_list .page_bx {text-align:center;margin-left:5px !important; padding:8px 0 0 !important;}
.page span.on a{color:#fff;}
.btn_Q a{display: block;font-size: 12px;line-height: 18px;padding: 1px 7px 4px 6px; border: 1px solid #a84f4c; background-color: #a84f4c;line-height: 16px !important; color: #fff;}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ LJW : 지도 전시관 */
.display_bgmap {position:absolute; top:8px; right:7px; width:308px; height:603px; border:1px solid #425881; background-color:#f7f7f7; line-height:1.5 !important; z-index:2000;}
.display_bgmap .titles {position:relative; margin:13px 14px 0; padding:4px 0 4px; border-bottom:1px solid #ccc; font-weight:600; font-size:14px; color:#6789ca;}
.display_bgmap .titles span {padding-top:4px; border-top:2px solid #6789ca;}
.display_bgmap .titles span.close3 a {position:absolute; top:3px; right:0; width:16px; height:16px; background-size:16px 16px; background-image:url(/smgis2/file/imgs/btn/close3.png);}
.display_bgmap .sinfo {overflow:hidden; position:relative; height:calc(100% - 64px); margin-top:10px; padding:0 14px;}
.display_bgmap .sinfo .choice {margin:6px 0 2px;}
.display_bgmap .sinfo .choice .category {font-size:12px;}
.display_bgmap .sinfo .choice .category .txt {float:left; width:39px; margin-right:7px; padding-top:3px; border-top:1px solid #6789ca; font-weight:600; color:#6789ca; word-spacing:-2px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.display_bgmap .sinfo .choice .category .txt {padding-top:2px;}} /* 크롬 핵 */
.display_bgmap .sinfo .choice .category .all a, .display_bgmap .sinfo .choice .category .alloff a {float:left; padding:3px 6px 0; border:1px solid #6789ca; text-align:center;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.display_bgmap .sinfo .choice .category .all a, .display_bgmap .sinfo .choice .category .alloff a {padding:2px 6px 1px;}} /* 크롬 핵 */
.display_bgmap .sinfo .choice .category .all a {background-color:#6789ca; color:#fff;}
.display_bgmap .sinfo .choice .category .alloff a {background-color:#fff; color:#6789ca;}
.display_bgmap .sinfo .choice .category ul {float:left; width:calc(100% - 84px);} /* width:100%-84(좌측영역) */
.display_bgmap .sinfo .choice .category li a {float:left; width:calc(50% - 3px); margin:0 0 1px 1px; padding:3px 0 0; text-align:center;} /* width:100%-1(좌마진)-2(라인) */
@media screen and (-webkit-min-device-pixel-ratio:0) {.display_bgmap .sinfo .choice .category li a {padding:2px 0 1px;}} /* 크롬 핵 */
.display_bgmap .sinfo .choice .category li.off a {border:1px solid #6789ca; color:#6789ca;}
.display_bgmap .sinfo .choice .category li.on a {border:1px solid #6789ca; background-color:#6789ca; color:#fff;}
.display_bgmap .sinfo .history {padding:13px 0 3px;}
.display_bgmap .sinfo .history li {float:left; position:relative; width:50%; font-size:12px; line-height:17px; text-align:center;}
.display_bgmap .sinfo .history li img {width:134px; height:94px;}
.display_bgmap .sinfo .history li p.txt {padding-top:4px; color:#5c5c5c; letter-spacing:-1px;}
.display_bgmap .sinfo .history li p.txt2 {color:#8c8c8c;}
.display_bgmap .sinfo .history li p.btn a {display:inline-block; margin-top:4px; padding:4px 3px 1px 18px; border:1px solid #ccc; background-color:#f1f1f1 !important; background:url(/smgis2/file/imgs/ico/update_view.png) 4px 6px no-repeat; color:#7c7c7c; font-size:12px; line-height:18px; letter-spacing:-1px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.display_bgmap .sinfo .history li p.btn a {padding:3px 3px 2px 18px;}} /* 크롬 핵 */
.display_bgmap .sinfo .history li span {position:absolute; left:0; width:100%; text-align:center;}
.display_bgmap .sinfo .history li span img {width:134px; height:94px; background-color:rgba(103,137,202,0.9);}
.display_bgmap .sinfo .history select {width:59px; height:25px; border:1px solid #cdd0d1; color:#848c8e}
/* 모바일 */
@media (max-width:991px) {
    .display_bgmap {position:absolute; top:0; right:0; width:100%; height:100%; border:none; background-color:#f7f7f7; line-height:1.5 !important; z-index:2000;}
}
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- LJW : 지도 전시관 범례 */

.display_legend {position:absolute; top:77px; z-index:1995;}
.display_legend .p_legend{position: relative;float: left;width: 208px;border-top: 3px solid #3587ba !important;border: 1px solid #3587ba;background-color: #fff;z-index: 1;}
.display_legend .p_legend .border{border-bottom: 1px solid #3587ba;}
.display_legend .p_legend .border .btn_close a{float: right;width: 21px;height: 21px;margin: 4px 6px 4px 0;background: url(/smgis2/file/imgs/ico/close2_pop.png) no-repeat;}
.display_legend .p_legend .border .title{float: left;padding: 5px 0 0 10px;font-weight: 600;font-size: 14px;color: #3587ba;letter-spacing: -0.5px;word-spacing: -2px;}
.display_legend .p_legend .info{height: 350px;padding: 8px 10px 8px;}
.display_legend .p_legend .info dl.line img{width: 270px;height: 100%;margin: 10px 0 10px;}
.display_legend .p_legend .info dt{height: 15px;padding-left: 10px;background: url(/smgis2/file/imgs/ico/dot_pop.png) 0 4px no-repeat;font-size: 12px;color: #3587ba;letter-spacing: -1px;word-spacing: -1px;}
.display_legend .p_legend .info dd.line{margin-top: 10px;padding: 0 0 0;border-top: 1px solid #dfdfdd;}
.b_legend a {display:block; width:32px; height:32px; background-image:url(/smgis2/file/imgs/btn/legend.png);}
.b_legend a:hover {background-image:url(/smgis2/file/imgs/btn/legend_on.png);}
.p_legend {display:block; width:210px; height:348px; background-color:#fff; line-height:1.5 !important;border-top: 3px solid #3587ba !important;border: 1px solid #3587ba;}
.p_legend .titles {position:relative; margin:13px 14px 0; padding:4px 0 4px; border-bottom:1px solid #ccc; font-weight:600; font-size:14px; color:#6789ca;}
.p_legend .titles span {padding-top:4px; border-top:2px solid #6789ca;}
.p_legend .titles span.close3 a {position:absolute; top:3px; right:0; width:16px; height:16px; background-size:16px 16px; background-image:url(/smgis2/file/imgs/btn/close3.png);}
.p_legend .sinfo {overflow:hidden; position:relative; height:calc(100% - 64px); margin-top:10px; padding:0 14px;}
.p_legend .sinfo h4 {padding-top:3px; font-weight:600; font-size:13px; color:#6789ca;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.p_legend .sinfo h4 {padding-top:2px;}} /* 크롬 핵 */
.p_legend .sinfo h4 span {display:inline-block; width:4px; height:4px; margin:0 5px 3px 0; background-color:#6789ca;}
.p_legend .sinfo .con {padding:3px 0 4px;}
.p_legend .sinfo .con img {width:270px; height:100%; margin:8px 0 6px;}
.p_legend .sinfo .con:last-child img {width:270px; height:100%; margin:8px 0 0;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.p_legend .sinfo .con {padding:4px 0 4px;}} /* 크롬 핵 */
@media (max-width:991px) {
    .display_legend {position:absolute; top:42px; left:8px; *width:100%; *height:100%; z-index:1999;}
    /* .p_legend {display:block; width:100%; height:100%; border:none; background-color:#f7f7f7; line-height:1.5 !important;} */
    .p_legend {position:fixed; top:0; left:0; width:calc(100% - 2px); height:calc(100% - 4px); border-top:3px solid #6789ca !important; border:1px solid #6789ca; background-color:#fff;} /* width:100%-2(라인), height:100%-4(라인) */
    .p_legend .info {height:auto; padding:10px 10px 12px;}
}
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- LJW : 지도 전시관 상세보기 */
.pop_bg {position:absolute; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.3); z-index:9999;}
.p_view {position:absolute; top:40%; -webkit-transform:translateY(-50%); transform:translateY(-50%); left:50%; width:700px; height:81.5vh; margin-left:-350px; background-color:#fff;}
.p_view .title {padding:12px 0 12px 14px; background-color:#6a8cbd;}
.p_view .title h4 {float:left; height:21px; padding-left:38px; background:url(/smgis2/file/imgs/ico/update_v_title.png) no-repeat; font-size:18px; color:#fff; line-height:24px; letter-spacing:-1px; word-spacing:-1.5px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.p_view .title h4 {line-height:22px;}} /* 크롬 핵 */
.p_view .title .btn_close a {float:right; width:17px; height:17px; margin:2px 14px 0 0; background:url(/smgis2/file/imgs/ico/update_v_close.png) no-repeat;}
.p_view .map_bg {width:calc(100% - 68px); height:300px; padding:20px; margin:0 14px 8px; background-color:#f3f3f3;} /* width:100%-40(좌우패딩)-28(좌우마진) */
.p_view .map_bg img {display:block; width:auto; height:100%; margin:0 auto;}
.p_view .info {padding:0 14px;}
.p_view .info ul {padding-top:15px;}
.p_view .info li {float:left; padding-left:8px; font-size:14px; color:#4c4c4c; line-height:19px; letter-spacing:-0.5px;} /* width:100%-12(4+8) */
.p_view .info li a {color:#4c4c4c;}
.p_view .info li a:hover {text-decoration:underline;}
.p_view .info li span {padding-top:4px; border-top:1px solid #6a8cbd; color:#6a8cbd;}
.p_view .info li.w_size {width:calc(50% - 12px);} /* width:50%-12(4+8) */
.p_view .info li.w_size2 {width:calc(100% - 12px);} /* width:100%-12(4+8) */
.p_view .info dl {padding-top:16px;}
.p_view .info dt {padding:8px 0 5px; border-top:1px solid #6a8cbd; border-bottom:1px solid #6a8cbd; font-size:14px; color:#6a8cbd; letter-spacing:-0.5px; text-align:center;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.p_view .info dt {padding:7px 0 6px;}} /* 크롬 핵 */
.p_view .info dd {padding-top:10px; font-size:12px; color:#4c4c4c; line-height:21px;}
.ph_size {overflow:hidden; position:relative; height:calc(100% - 73px); margin:14px 0;} /* height:100%-45(타이틀)-28(상하패딩) */
/* 모바일 */
@media (max-width:991px) {
    .p_view {position:absolute; top:0; -webkit-transform:none; transform:none; left:0; width:100%; height:100%; margin-left:0; background-color:#fff;}
    .p_view .title h4 {float:left; height:21px; padding-left:38px; background:url(/smgis2/file/imgs/ico/update_v_title.png) no-repeat; font-size:18px; color:#fff; line-height:24px; letter-spacing:-0.5px; word-spacing:0;}
    @media screen and (-webkit-min-device-pixel-ratio:0) {.p_view .title h4 {line-height:22px;}} /* 크롬 핵 */
    .p_view .map_bg {width:calc(100% - 68px); height:20vh; padding:20px; margin:0 14px 8px; background-color:#f3f3f3;} /* width:100%-40(좌우패딩)-28(좌우마진) */
    .p_view .map_bg img {display:block; width:100%; height:100%; margin:0 auto;}
    .p_view .info li span {padding-top:4px; border-top:1px solid #6a8cbd; color:#6a8cbd;}
}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ LJW : 마우스 우측 */
.mouse {width:198px; padding:4px 0; border:1px solid #6789ca; background-color:#fff; font-family:'돋움', Dotum, 'Apple SD Gothic Neo', sans-serif;}
.mouse li a {display:block; height:31px; font-size:12px; color:#4c4c4c; letter-spacing:-1px; word-spacing:-1px;}
.mouse li a:hover {background-color:#f0f3fa;}
.mouse li a span {display:block; padding:10px 0 0 30px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.mouse li a span {display:block; padding:9px 0 0 30px;}} /* 크롬 핵 */
.mouse li a span.route {background:url(/smgis2/file/imgs/mouse/route.png) 10px 12px no-repeat;}
.mouse li.line {display:block; width:100%; height:100%; border-top:1px solid #6789ca; border-bottom:1px solid #6789ca; background-color:#f0f3fa;}
.mouse li.line a {float:left;}
.mouse li.line a span.naver {background:url(/smgis2/file/imgs/mouse/naver.png) 10px 12px no-repeat;}
.mouse li.line a span.daum {margin-left:9px; background:url(/smgis2/file/imgs/mouse/daum.png) 10px 12px no-repeat;}
.mouse li a span.address {background:url(/smgis2/file/imgs/mouse/add.png) 11px 12px no-repeat;}
.mouse li a span.write {background:url(/smgis2/file/imgs/mouse/write.png) 10px 12px no-repeat;}
.mouse li a span.search {background:url(/smgis2/file/imgs/mouse/search.png) 10px 12px no-repeat;}
.mouse li a span.distance {background:url(/smgis2/file/imgs/mouse/distance.png) 10px 12px no-repeat;}
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- lhh : 마우스 우클릭 > 콘텐츠 등록 > 테마 선택 */
.p_stwrite {position:absolute; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); left:50%; width:320px; height:auto; margin-left:-161px; border-top:3px solid #6789ca !important; border:1px solid #6789ca; background-color:#fff;}
.p_stwrite .border {border-bottom:1px solid #6789ca;}
.p_stwrite .border .title {float:left; padding:4px 0 0 10px; font-weight:600; font-size:14px; color:#6789ca; letter-spacing:-0.5px; word-spacing:-2px;}
.p_stwrite .border .btn_close a {float:right; width:21px; height:21px; margin:4px 6px 4px 0; background:url(/smgis2/file/imgs/ico/close2_pop.png) no-repeat;}
.p_stwrite .info {height:509px; padding:8px 10px 2px;}
.p_stwrite .info dl {padding-bottom:4px;}
.p_stwrite .info dl.line {margin-bottom:8px; border-bottom:1px solid #dfdfdd;}
.p_stwrite .info dl.line:last-child {margin-bottom:0;}
.p_stwrite .info dt {height:15px; padding-left:10px; background:url(/smgis2/file/imgs/ico/dot_pop.png) 0 5px no-repeat; font-size:12px; color:#6789ca; letter-spacing:-1px; word-spacing:-1px;}
.p_stwrite .info dd.line {margin-top:10px; border-top:1px solid #dfdfdd; padding:20px 0 17px; text-align:center;}
.p_stwrite .info dd.line p {font-size:12px; color:#df772d; line-height:18px; letter-spacing:-1px;}
.p_stwrite .info dd .pin {margin-top:10px;}
.p_stwrite .info dd .pin li {float:left; position:relative; width:calc(25% - 4px); padding:0 2px 4px; text-align:center;} /* width:25%-4(좌우패딩) */
.p_stwrite .info dd .pin li img {width:56px; height:56px;}
.p_stwrite .info dd .pin li img.all {width:52px; height:52px; border:2px solid #6789ca; border-radius:9px;}
.p_stwrite .info dd .pin li p {padding-top:3px; font-size:12px; color:#4b575a; line-height:17px; letter-spacing:-1px; word-spacing:-0.5px;}
.p_stwrite .info dd .pin li span {position:absolute; left:0; width:100%; text-align:center;}
.p_stwrite .info dd .pin li span img {width:56px; height:56px; border-radius:9px; background-color:rgba(53,135,186,0.9);}
.p_stwrite .btn {padding:6px 0 12px; padding-top:3px; font-size:12px; color:#4b575a; line-height:17px; letter-spacing:-1px; word-spacing:-0.5px; text-align:center;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.p_stwrite .btn {padding:5px 0 12px;}} /* 크롬 핵 */
.p_stwrite .btn span {display:inline-block;}
.btn_S a {padding:4px; border:1px solid #848c8e; background-color:#848c8e; color:#fff;}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ LJW : 툴팁 */
.tooltip_bx {position:relative; padding-bottom:8px; line-height:1.5 !important;}
.tooltip_bx .triangle, .tooltip_bx .triangle2 {display:inline-block; position:absolute; left:50%; width:0; height:0; margin-left:-8px; border-width:8px 8px 0 8px; border-style:solid;}
.tooltip_bx .triangle {bottom:0; border-color:#6789ca transparent transparent transparent;}
.tooltip_bx .triangle2 {bottom:2px; border-color:#fff transparent transparent transparent; z-index:2;}
.tooltip_bx .info {border:1px solid #6789ca; background-color:#fff; font-family:'돋움', Dotum, 'Apple SD Gothic Neo', sans-serif;}
.tooltip_bx .info.border {border-top:3px solid #6789ca !important;}
.tooltip_bx .info .stitle {float:left; width:calc(100% - 44px); padding:8px 0 7px 10px; font-weight:600; font-size:15px; color:#6789ca; line-height:18px; letter-spacing:-0.5px; word-spacing:-1.5px;} /* width:100%-10(좌패딩)-34(우측버튼) */
.tooltip_bx .info .stitle span{padding-left:5px;color:#df772d;}
.tooltip_bx .info .btn_close a {float:right; width:15px; height:15px; margin:8px 9px 0 0; background:url(/smgis2/file/imgs/ico/update_t_close.png) no-repeat;}
.tooltip_bx .info .con {max-height: 100px; padding: 6px 0; border-top: 1px solid #6789ca;}
/* .tooltip_bx .info .con p {margin: 0;padding: 3px 11px 4px;font-size: 12px;line-height: 16px;color: #6789ca;} */
.tooltip_bx .info .con p {margin:0; padding:2px 11px 3px;}
.tooltip_bx .info .con p a {font-size:12px; color:#3587ba; line-height:16px; cursor:pointer;}
.tooltip_bx .info .con p:hover {background-color:#eee;color:#6789ca;}
.tooltip_bx .info .con .left {float:left; width:calc(100% - 81px);} /* width:100%-81(이미지 영역) */
.tooltip_bx .info .con .left span {display:block;}
.tooltip_bx .info .con .left span.txt {padding-top:7px; font-size:13px; color:#4c4c4c; line-height:18px;}
.tooltip_bx .info .con .left span.txt2 {padding:2px 0 3px; font-size:12px; color:#8c8c8c; line-height:17px;}
.tooltip_bx .info .con .left span.txt3 {padding:2px 0 0 10px; background:url(/smgis2/file/imgs/ico/update_t_dot.png) 0 5px no-repeat; font-size:12px; color:#6789ca; line-height:17px;}
.tooltip_bx .info .con .left span.txt3 a {color:#6789ca; letter-spacing:0 !important;}
.tooltip_bx .info .con .left span.txt3 span.sbtn a {float:left; margin-left:4px; padding:1px 9px 0; border-radius:25px; background-color:#4b575a; font-size:11px; color:#fff; line-height:15px;}
.tooltip_bx .info .con a img {float:right; width:69px; height:69px; margin-top:10px; border:1px solid #6789ca;}
.tooltip_bx .info ul.btns {padding:8px 9px 10px !important; border-top:none !important;}
.tooltip_bx .info ul.btns li {float:left; width:calc(25% - 4px); height:23px; margin:0 1px; border:1px solid #cccccc; text-align:center; cursor:pointer;} /* width:25%-2(라인)-2(좌우마진) */
.tooltip_bx .info ul.btns li .ico {display:inline-block;}
.tooltip_bx .info ul.btns li.on {float:left; width:calc(25% - 4px); margin:0 1px; border:1px solid #df772d; background-color:#df772d; text-align:center; cursor:pointer;} /* width:25%-2(라인)-2(좌우마진) */
.tooltip_bx .info ul.btns li .ico span {float:left;}
.tooltip_bx .info ul.btns li .ico span.view {width:11px; height:11px; margin:6px 4px 0 0; background:url(/smgis2/file/imgs/ico/update_t_view.png) no-repeat;}
.tooltip_bx .info ul.btns li .ico span.copy {width:16px; height:11px; margin:6px 2px 0 0; background:url(/smgis2/file/imgs/ico/update_t_tooltip.png) no-repeat;}
.tooltip_bx .info ul.btns li.on .ico span.copy {width:16px; height:11px; margin:6px 2px 0 0; background:url(/smgis2/file/imgs/ico/copy_tooltip2_on.png) no-repeat;}
.tooltip_bx .info ul.btns li .ico span.route {width:11px; height:11px; margin:6px 3px 0 0; background:url(/smgis2/file/imgs/ico/update_t_route.png) no-repeat;}
.tooltip_bx .info ul.btns li.on .ico span.route {width:11px; height:11px; margin:6px 3px 0 0; background:url(/smgis2/file/imgs/ico/route_tooltip2_on.png) no-repeat;}
.tooltip_bx .info ul.btns li .ico span.roadview {width:10px; height:13px; margin:5px 4px 0 0; background:url(/smgis2/file/imgs/ico/update_t_roadview.png) no-repeat;}
.tooltip_bx .info ul.btns li .ico a {float:left; padding-top:3px; font-size:12px; color:#8c8c8c; line-height:20px; letter-spacing:-0.5px;}
.tooltip_bx .info ul.btns li.on .ico a {float:left; padding-top:3px; font-size:12px; color:#fff; letter-spacing:-0.5px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.tooltip_bx .info ul.btns li .ico a {padding-top:2px;}} /* 크롬 핵 */
.tw_size {width:324px;}
.tw_size2 {width:250px;}
.tw_size3 {width:250px;}
.d_form fieldset {border:0;}
.d_form legend,
.d_form label {display:none; overflow:hidden;}
.d_form input[type="text"],
.d_form input[type="password"],
.d_form button[type="button"],
.d_form select,
.d_form textarea {font-family:'맑은 고딕', Malgun Gothic, '돋움', Dotum, 'Apple SD Gothic Neo', sans-serif;}
.d_form input[type="checkbox"],
.d_form input[type="radio"] {width:13px; height:13px; margin-top:5px; vertical-align:middle; outline:none;}
.tooltip_bx .info .open_copy {margin:0 10px; padding:8px 0 10px; border-top:1px solid #6789ca;}
.tooltip_bx .info .open_copy input[type="text"] {width:calc(100% - 85px); padding:2px 6px 5px 5px; border:none; background-color:#cdd0d1; font-size:12px; color:#4b575a;} /* width:100%-74(버튼) */
.tooltip_bx .info .open_copy ul {float:right; }
.tooltip_bx .info .open_copy li {float:left;}
.tooltip_bx .info .open_copy li.btn a {margin-left:2px; padding:3px 4px 6px 5px; color:#fff;}
.tooltip_bx .info .open_route {margin:0 10px; padding:10px 0; border-top:1px solid #6789ca;}
.tooltip_bx .info .open_route li {float:left; width:50%;}
.tooltip_bx .info .open_route li a {display:block; margin:0 auto;}
.tooltip_bx .info .open_route li.naver a {width:70px; height:16px; background-size:70px 15px !important; background:url(/smgis2/file/imgs/ico/logo_naver.png) 0 1px no-repeat;}
.tooltip_bx .info .open_route li.kakao a {width:60px; height:18px; background-size:60px 18px !important; background:url(/smgis2/file/imgs/ico/logo_kakao.png) no-repeat;}

/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- lhh : 현위치 주소보기 */
.tooltip_bx .info dl {padding:0 11px 4px; word-spacing:-1px;}
.tooltip_bx .info dt {font-size:14px; line-height:19px;}
.tooltip_bx .info dt.txt {padding:9px 0 3px; color:#4b575a;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.tooltip_bx .info dt.txt {padding:9px 0 4px; color:#4b575a;}} /* 크롬 핵 */
.tooltip_bx .info dt.txt2 {margin-bottom:8px; padding:9px 0; border-bottom:1px solid #6789ca; font-weight:600; color:#6789ca;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.tooltip_bx .info dt.txt2 {margin-bottom:9px;}} /* 크롬 핵 */
.tooltip_bx .info dd {font-size:12px; line-height:17px;}
.tooltip_bx .info dd.txt {padding-bottom:4px; color:#4b575a;}
.tooltip_bx .info dd.txt2 {color:#848c8e;}
.tooltip_bx .info dd.txt2 span {color:#df772d;}
.tooltip_bx .info .btns {padding:6px 0 12px; text-align:center;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.tooltip_bx .info .btns {padding:5px 0 12px;}} /* 크롬 핵 */
.tooltip_bx .info .btns span {display:inline-block;}
.btn_C a {padding:6px 6px 3px 20px; border:1px solid #6789ca; background:url(/smgis2/file/imgs/ico/close_tooltip.png) 6px 7px no-repeat; color:#6789ca;}
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- LJW : 공지사항 알림 */
.inform {position:relative; top:auto; left:auto; width:284px; height:34px; padding:0 8px; background-color:#fff !important; box-shadow:1px 1px 3px rgba(102,102,102,1.0); z-index:2000;} /* background:url(/smgis2/file/imgs/ico/inform.png) 8px 8px no-repeat; */
.inform span.txt a {display:block; padding:10px 0 0 27px; font-size:12px; word-spacing:-2px; color:#6789ca; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.inform span.num {display:none;}
/* 모바일 */
@media (max-width:991px) {
    .inform {position:absolute; top:11px; left:147px; width:20px; height:20px; padding:0 0; background-color:#f7f7f7 !important; box-shadow:1px 1px 3px rgba(102,102,102,0.0);  z-index:2000;}
    .inform span.txt a {display:none;}
    .inform span.num {width:20px; height:20px; margin-left:25px; margin-bottom:1px; border-radius:50px; background-color:#951f34; font-weight:600; font-size:12px; display:flex; flex-direction:row; justify-content:center; align-items:center;}
    .inform span.num span a {padding-right:2px; color:#fff;}
}
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- LJW : 배경지도 서택 */
.map_type {position:absolute; top:8px; right:98px; border:1px solid #6789ca; background-color:#fff; z-index:998;}
.map_type li {float:left;}
.map_type li a {display:block; height:21px; padding:0 8px; font-size:12px; letter-spacing:-0.5px; word-spacing:-2px; display:flex; flex-direction:row; justify-content:center; align-items:center;}
.map_type li a span {padding-right:1px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.map_type li a span {padding-right:2px;}} /* 크롬 핵 */
.map_type li.off a {color:#848c8e;}
.map_type li.on a {background-color:#6789ca; color:#fff;}
/* 모바일 */
@media (max-width:991px) {
    .map_type {position:absolute; top:8px; right:91px; border:1px solid #6789ca; background-color:#fff; z-index:998;}
}
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- LJW : 메인 공지 */
.pop_bg {position:absolute; top:0; width:100%; height:100%; background-color:rgba(39,53,56,0.57); z-index:9999;}
.p_message2 {position:absolute; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); left:50%; width:500px; margin-left:-251px; border:1px solid #3587ba; background-color:#3587ba;}
.p_message2 .title {float:left; height:33px; padding:0 0 1px 8px; font-weight:600; font-size:16px; color:#fff; letter-spacing:-0.5px; word-spacing:-2px; display:flex; flex-direction:row; justify-content:flex-start; align-items:center;}
.p_message2 .info {padding:12px 14px 12px; border-top:1px solid #3587ba; text-align:left; background-color:#fff;}
.p_message2 .info p {font-size:13px; color:#df772d; line-height:18px; letter-spacing:-0.5px; word-spacing:-1px;}
.p_message2 .info p span.txt {display:inline-block; padding-top:9px; font-weight:600; font-size:14px; color:#273538;}
.p_message2 .info p span.txt2 {font-size:14px; color:#4b575a;}
.p_message2 .info p span.txt3 {font-weight:600; font-size:14px; color:#3587ba;}
.p_message2 .info p span.txt4 {display:inline-block; padding-top:9px; color:#848c8e;}
.p_message2 .info p:last-child span.txt4 {padding-top:0;}
.p_message2 .today {position:relative; height:35px; padding-left:10px; border-top:1px solid #3587ba; background-color:#fff; font-weight:600; font-size:14px; color:#273538; display:flex; flex-direction:row; justify-content:flex-start; align-items:center;}
.p_message2 .today label {font-size:13px; color:#4b575a; letter-spacing:-1px;}
.p_message2 .today .btn a {position:absolute; top:6px; right:10px; padding:1px 6px 2px 7px; }
/* 모바일 */
@media (max-width:991px) {
    .p_message2 {position:absolute; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); left:50%; width:310px; margin-left:-156px; border:1px solid #3587ba; background-color:#3587ba;}
    .p_message2 .title {float:left; height:32px; padding:0 0 1px 8px; font-weight:600; font-size:16px; color:#fff; letter-spacing:-0.5px; word-spacing:-2px; display:flex; flex-direction:row; justify-content:flex-start; align-items:center;}
}
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- LJW : 장소 이동 */
.nearby {position: absolute;top: 10px;left: 534px;margin-left: 0px;z-index: 999;}
.nearby .btn .off, .nearby .btn .on {width:40px; height:40px; border-radius:3px; box-shadow:1px 1px 1px #666; cursor:pointer; z-index:1996;}
.nearby .btn .off {background-color:rgba(255,255,255,0.9) !important; background:url(/smgis2/file/imgs/btn/place.png) no-repeat;}
.nearby .btn .on {background-color:rgba(103,137,202,0.9) !important; background:url(/smgis2/file/imgs/btn/place_on.png) no-repeat;}
.nearby .depth {position:absolute; top:0; left:48px; z-index:1996;}
/* 1뎁스 */
.nearby .depth .dep {position:relative; width:120px; border:solid 1px #425881;}
.nearby .depth .dep li {border-bottom:solid 1px #425881; display:flex; flex-direction:row; justify-content:flex-start; align-items:center;}
.nearby .depth .dep li:last-child {border-bottom:none;}
.nearby .depth .dep li.off a, .nearby .depth .dep li.off:hover a, .nearby .depth .dep li.on a {width:calc(100% - 27px); padding:5px 20px 4px 7px; font-size:12px; line-height:16px;} /* width:100%-27(좌우패딩) */
.nearby .depth .dep li.off a {background-color:#fff; color:#4b575a;}
.nearby .depth .dep li.off:hover a, .nearby .depth .dep li.on a {background-color:#6789ca; color:#fff;}
.nearby .depth .dep li.on a {font-weight:600;}
.nearby .depth .dep li.off span, .nearby .depth .dep li.off:hover span, .nearby .depth .dep li.on span {position:absolute; right:9px; width:4px; height:4px; transform:rotate(-45deg);}
.nearby .depth .dep li.off span {border-right:solid 1px rgba(75,87,90,0.5); border-bottom:solid 1px rgba(75,87,90,0.5);}
.nearby .depth .dep li.off:hover span, .nearby .depth .dep li.on span {border-right:solid 1px #fff; border-bottom:solid 1px #fff;}
/* 2뎁스 */
.nearby .depth .dep2 {position:absolute; top:0; left:130px; width:max-content; height:auto; padding:5px 0 4px; border:solid 1px #425881; background-color:#fff;}
.nearby .depth .dep2 ul {position:relative; overflow:hidden; height:auto;}
.nearby .depth .dep2 li a {padding:2px 10px 0; font-size:12px; color:#4b575a; line-height:16px; display:flex; flex-direction:row; justify-content:flex-start; align-items:center;}
.nearby .depth .dep2 li:first-child a {padding:0 10px;}
.nearby .depth .dep2 li a:hover {text-decoration:underline;}
/* 모바일 */
@media (max-width:991px) {
    .nearby {position:absolute; top:56px; left:8px; margin-left:0;}
}

.pop_bg3 {position:absolute; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.17); z-index:10001;}
.container .notice {padding:9px 10px;}
.container .notice .s_title {font-weight:600; font-size:17px; color:#6789ca;}
.container .notice .bx {position:relative; margin-top:10px; padding:9px 10px 8px; border:2px solid #ccc; cursor:pointer !important;}
.container .notice .bx .s_txt {width:90%; font-size:14px; color:#4c4c4c; line-height:20px; letter-spacing:-0.5px; word-spacing:-0.5px;}
.container .notice .bx .s_txt p {padding-top:1px; font-size:12px; color:#8c8c8c; letter-spacing:0; word-spacing:0;}
.container .notice .bx2 {padding:6px 10px 7px 10px; border-bottom:2px solid #ccc; font-size:12px; color:#6c6c6c; line-height:18px; letter-spacing:-0.5px; word-spacing:-0.5px;}
.container .notice .bx .caret {display:inline-block; position:absolute; top:50%; transform:translateY(-50%); right:10px; width:0; height:0; border-top:10px dashed; border-right:10px solid transparent; border-bottom:none; border-left:10px solid transparent; color:#ccc;}
.container .notice .bx .caret2 {display:inline-block; position:absolute; top:50%; transform:translateY(-50%); right:10px; width:0; height:0; border-top:none; border-right:10px solid transparent; border-bottom:10px dashed; border-left:10px solid transparent; color:#ccc;}
.container .link {padding:0 10px 9px;}
.container .link .bx {position:relative; width:calc(100% - 86px); margin-top:10px; padding:5px 10px 5px 72px; border:2px solid #ccc; cursor:pointer !important;}
.container .link .bx img {position:absolute; top:3px; left:10px; width:47px; height:47px;}
.container .link .bx .s_txt {width:calc(100% - 32px); padding:5px 0 7px; font-size:14px; color:#4c4c4c; line-height:20px; letter-spacing:-0.5px; word-spacing:-0.5px;}
.container .link .bx .s_txt p {padding-top:4px; font-size:12px; color:#8c8c8c; line-height:16px; letter-spacing:-0.5px; word-spacing:-0.5px;}
.container .link .bx .caret {position:absolute; top:16px; right:10px; width:0; height:0; border-top:10px solid transparent; border-right:10px solid transparent; border-bottom:10px solid transparent; border-left:10px solid #ccc;}
.pop_bg {position:absolute; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.17); z-index:9999;}
.pop_bg2 {position:absolute; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.17); z-index:10000;}
.pop_bg3 {position:absolute; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.17); z-index:10001;}

.btn_A a, .btn_B a, .btn_C a, .btn_D a, .btn_E a, .btn_F a, .btn_G a, .btn_H a, .btn_I a, .btn_J a, .btn_K a, .btn_L a, .btn_M a, .btn_N a, .btn_O a, .btn_P a, .btn_Q a, .btn_R a, .btn_S a {display:block; font-size:12px; line-height:18px;}
.btn_A a {padding:2px 7px 3px 8px; border:1px solid rgba(255,255,255,0.5); color:#fff;}
.btn_A a.on {border:1px solid rgba(255,255,255,0.5); background-color:#df772d;}
.btn_B a {padding:2px 0 3px; border:1px solid rgba(255,255,255,0.43); background-color:#2e678d; color:#fff;}
.btn_C a {padding:2px 6px 3px 20px; border:1px solid #3587ba; background:url(/smgis2/file/imgs/ico/close_tooltip.png) 6px 7px no-repeat; color:#3587ba;}
.btn_D a {padding:1px 4px 2px 20px; border:1px solid #3587ba; background:url(/smgis2/file/imgs/ico/close_tooltip.png) 6px 5px no-repeat; color:#3587ba; line-height:16px !important;}
.btn_E a {padding:1px 5px 4px 23px; border:1px solid #cdd0d1; background:url(/smgis2/file/imgs/ico/copy_citymap.png) 4px 4px no-repeat; color:#848c8e; line-height:17px !important;}
.btn_F a {padding:1px 5px 4px 21px; border:1px solid #cdd0d1; background:url(/smgis2/file/imgs/ico/copy2_citymap.png) 4px 7px no-repeat; color:#848c8e; line-height:17px !important;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.btn_E a {padding:1px 5px 3px 23px; line-height:18px !important;}} /* 크롬 핵 */
@media screen and (-webkit-min-device-pixel-ratio:0) {.btn_F a {padding:1px 5px 3px 21px; line-height:18px !important;}} /* 크롬 핵 */
.btn_G a, .btn_H a, .btn_I a, .btn_K a, .btn_L a {border:1px solid #3587ba; background-color:#3587ba !important; color:#fff;}
.btn_G a {padding:2px 6px 3px 22px; background:url(/smgis2/file/imgs/ico/view_tooltip.png) 6px 6px no-repeat;}
.btn_H a {padding:2px 6px 3px 22px; background:url(/smgis2/file/imgs/ico/search_tooltip.png) 6px 6px no-repeat;}
.btn_I a {padding:2px 7px 3px 22px; background:url(/smgis2/file/imgs/ico/copy_tooltip.png) 6px 6px no-repeat;}
.btn_J a {padding:2px 5px 3px 21px; border:1px solid #cdd0d1; background-color:#f3f3f3 !important; background:url(/smgis2/file/imgs/ico/view_archiving.png) 6px 6px no-repeat; color:#848c8e;}
.btn_K a {display:inline-block; padding:1px 6px 2px 25px; background:url(/smgis2/file/imgs/ico/video.png) 5px 2px no-repeat; letter-spacing:-1px;}
.btn_L a {display:inline-block; padding:1px 8px 2px 23px; background:url(/smgis2/file/imgs/ico/audio.png) 5px 2px no-repeat; letter-spacing:-1px;}
.btn_M a {padding:2px 0; border:1px solid #3587ba; background-color:#3587ba; color:#fff;}
.btn_N a {padding:2px 7px 3px 8px; border:1px solid #a84f4c; background-color:#a84f4c; color:#fff;}
.btn_O a {padding:1px 7px 4px 6px; border:1px solid #df772d; background-color:#df772d; line-height:16px !important; color:#fff;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.btn_O a {padding:2px 7px 3px 6px;}} /* 크롬 핵 */
.btn_P a {padding:1px 7px 4px 6px; border:1px solid #df772d; background-color:#fff; line-height:16px !important; color:#df772d;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.btn_P a {padding:2px 7px 3px 6px;}} /* 크롬 핵 */
.btn_Q a {padding:1px 7px 4px 6px; border:1px solid #a84f4c; background-color:#a84f4c; line-height:16px !important; color:#fff;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.btn_Q a {padding:2px 7px 3px 6px;}} /* 크롬 핵 */
.btn_R a {padding:0 7px 4px; border:1px solid #3587ba; background-color:#3587ba; color:#fff;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.btn_R a {padding:1px 8px 3px 6px; border:1px solid #3587ba; background-color:#3587ba; color:#fff;}} /* 크롬 핵 */
.btn_S a {padding:1px 0 4px; border:1px solid #848c8e; background-color:#848c8e; color:#fff;}
/* 배너 */
.inform .btn {position:absolute; width:49px; right:3px; bottom:6px; background-color:#3587ba; margin-bottom: 3px;}
.inform .btn div a {float:left; height:16px;}
.inform .btn .prev a {width:16px; background:url(/smgis2/file/imgs/ico/prev_ban.png) no-repeat;}
.inform .btn .play a {width:17px; background:url(/smgis2/file/imgs/ico/play_ban.png) no-repeat;}
.inform .btn .stop a {width:17px; background:url(/smgis2/file/imgs/ico/stop_ban.png) no-repeat;}
.inform .btn .next a {width:16px; background:url(/smgis2/file/imgs/ico/next_ban.png) no-repeat;}

.inform .on {position:absolute; width:28px; height:28px; background:url(/smgis2/file/imgs/ico/inform.png) 0px 8px no-repeat;}
.inform .off {position:absolute; width:28px; height:28px; background:url(/smgis2/file/imgs/ico/inform_off.png) 0px 8px no-repeat;}
/* 모바일 */
@media (max-width:991px) {
    .inform .on {position:absolute; width:28px; top:-7px; height:28px; background:url(/smgis2/file/imgs/ico/inform.png) 0px 8px no-repeat;}
	.inform .off {position:absolute; width:28px; top:-7px; height:28px; background:url(/smgis2/file/imgs/ico/inform_off.png) 0px 8px no-repeat;}
}