@charset "utf-8";

#wrap {position:relative; width:100%; height:100%;}
#bg {overflow-y:auto; height:calc(100% - 85px); background-color:#21262e;} /* height:100%-48(seoul)-37(header) */
header {height:37px; background-color:#3587ba;}
aside {position:absolute; top:37px; left:0; width:320px; height:calc(100% - 37px); padding-bottom:0; border-right:1px solid #3587ba; background-color:#fff; z-index:9998;} /* height:100%-37(header) */
.aside_right {position:absolute; top:37px; right:0; width:320px; height:calc(100% - 37px); padding-bottom:0; border-left:1px solid #3587ba; background-color:#fff; z-index:9998;} /* height:100%-37(header) */
.aside_close a, .aside_open a {display: flex; align-items: center;justify-content: center; position:absolute; top:calc(50% - 36px); width:24px; height:100px; background-color:#fff !important; z-index:9998; border-top: 1px solid #3587ba;border-right: 1px solid #3587ba;border-bottom: 1px solid #3587ba;} /* top:50%-17(69-37/2) */
.aside_close a {left:320px;}
.aside_close a svg{transform: rotate(270deg);}
.aside_open a svg{transform: rotate(90deg);}
.aside_open a {left:0;}
.ch_size {height:calc(100% - 211px); margin-top:14px;} /* height:100%-197(검색창+배너+타이틀)-14(상마진) */ /* 도시생활지도, 시민참여지도, 테마등록 */
.ch_size2 {height:calc(100% - 172px); margin-top:10px;} /* height:100%-162(검색창+배너)-10(상마진) */ /* 지도보기 */
.ch_size3 {height:calc(100% - 100px); margin-top:14px;} /* height:100%-197(검색창+배너+타이틀)-14(상마진) */
.ch_size4 {height:calc(100% - 49px); margin-top:14px;} /* height:100%-35(타이틀)-14(상마진) */ /* 공간검색, 설정, 지도 전시관 */
.btn_map a {display:none;}
footer {position:absolute; bottom:10px; height:14px; padding-left:110px; background:url(/smgis2/file/imgs/ico/cright_footer.png) no-repeat; font-size:12px; color:#273538; line-height:14px; letter-spacing:0; z-index:999;}
footer.left {left:331px;}
footer.left2 {left:10px;}
.loading_bg {position:absolute; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.7); z-index:20000;}
.loading_bg div {position:absolute; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); left:50%; width:140px; height:140px; margin-left:-70px; border-radius:10px; background-color:rgba(0,0,0,0.5);}
.loading_bg div span {display:block; width:100px; height:100px; margin:20px auto 0; background:url(/smgis2/file/imgs/loading/pc.gif) no-repeat;}
/* 모바일 */
@media (max-width:991px) {
    #in_map {width:100%; height:calc(100% - 37px); left:0;top:0} /* height:100%-37(header) */
    aside {position:absolute; top:37px; left:0; width:100%; height:calc(100% - 72px); padding-bottom:35px; border-right:none; background-color:#fff; z-index:9998;} /* height:100%-37(header)-35(하패딩) */
    .aside_right {position:absolute; top:37px; left:0; width:100%; height:calc(100% - 37px); padding-bottom:35px; border-left:none; background-color:#fff; z-index:9998;} /* height:100%-37(header) */
    .aside_close a, .aside_open a {display:none;}
    .ch_size {height:calc(100% - 112px); margin-top:14px;} /* height:100%-98(검색창+타이틀)-14(상마진) */ /* 도시생활지도, 시민참여지도, 테마등록 */
    .ch_size2 {height:calc(100% - 73px); margin-top:10px;} /* height:100%-63(검색창)-10(상마진) */ /* 지도보기 */
    .ch_size3 {height:calc(100% - 112px); margin-top:14px;} /* height:100%-98(검색창+타이틀)-14(상마진) */
    .btn_map a {display:block; position:fixed; bottom:0; width:100%; padding:4px 0 7px; background-color:#68a5cb; font-weight:600; font-size:16px; color:#fff; letter-spacing:-1px; word-spacing:-1px; text-align:center; z-index:9999;}
    footer {position:absolute; bottom:10px; height:14px; padding-left:110px; background:url(/smgis2/file/imgs/ico/cright_footer.png) no-repeat; font-size:12px; color:#273538; line-height:14px; letter-spacing:-1px; z-index:999;}
    footer.left {left:10px;}
    @media screen and (-webkit-min-device-pixel-ratio:0) {.btn_map a {padding:5px 0 6px;}} /* 크롬 핵 */
    .loading_bg div {position:absolute; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); left:50%; width:70px; height:70px; margin-left:-35px; border-radius:5px; background-color:rgba(0,0,0,0.5);}
    .loading_bg div span {display:block; width:50px; height:50px; margin:10px auto 0; background:url(/smgis2/file/imgs/loading/mobile.gif) no-repeat;}
}
/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 헤더 */
header h1 a {float:left; width:164px; height:21px; margin:8px 0 0 10px; background-size:100% 100% !important; background:url(/smgis2/file/imgs/ico/logo_header.png) no-repeat;}
header .inform {float:left; height:19px; margin:9px 0 0 15px; padding:0 0 0 24px; background:url(/smgis2/file/imgs/ico/inform_header.png) 0 1px no-repeat; font-size:14px; word-spacing:-2px;}
header .inform span.txt a {display:block; color:#fff;}
header .inform span.num {display:none;}
header .util {display:block; float:right; padding:6px 8px 0 0;}
header .util li {float:left; letter-spacing:-0.5px; word-spacing:-2px;}
header .util li.btn_A a {margin:0 2px;}
header .util li.btn_B a {display:none; width:75px; margin:0 2px 0 8px; text-align:center;}
header .menu {display:none;}
/* 모바일 */
@media (max-width:991px) {
    header h1 a {float:left; width:150px; height:19px; margin:9px 0 0 10px; background-size:100% 100% !important; background:url(/smgis2/file/imgs/ico/logo_header.png) no-repeat;}
    header .inform {float:left; height:19px; margin:9px 0 0 8px; padding:0 0 0 24px; background:url(/smgis2/file/imgs/ico/inform_header.png) 0 1px no-repeat; font-size:14px; word-spacing:-2px;}
    header .inform span.txt a {display:none;}
    header .inform span.num {width:20px; height:20px; margin-left:1px; border-radius:50px; background-color:#951f34; display:flex; flex-direction:row; justify-content:center; align-items:center;}
    header .inform span.num span a {display:block; padding-bottom:1px; font-size:14px; color:#fff;}
    header .util {display:none;}
    header .menu {display:block; position:relative; top:6px; right:10px; word-spacing:-1px; z-index:9999;}
    header .menu .dropdown3 {display:block; position:relative;}
    header .menu .dropdown3 .drop_btn {overflow:hidden; float:right; border:1px solid rgba(255,255,255,0.5); background-color:#df772d; font-size:12px; color:#fff; line-height:19px; white-space:nowrap; cursor:pointer;}
     /* [2022.08.04]   메인 바로가기 크기 변경
    header .menu .dropdown3 .drop_btn span.txt {display:block; width:79px; padding:1px 0 3px 7px;}
   */
    header .menu .dropdown3 .drop_btn span.txt {display:block; width:50px; padding:1px 0 3px 7px;}
    @media screen and (-webkit-min-device-pixel-ratio:0) {header .menu .dropdown3 .drop_btn span.txt {padding:2px 0 2px 7px;}} /* 크롬 핵 */
    header .menu .dropdown3 .drop_btn span.caret {position:absolute; top:10px; right:11px; width:12px; height:6px; background:url(/smgis2/file/imgs/ico/arrow_header.png) no-repeat;}
    header .menu .open > div.dropdown-menu3 {display:block; width:88px;}
    header .menu .dropdown-menu3 {display:none; position:absolute; top:28px; right:0;}
    header .menu .dropdown-menu3 div {display:inline-block; position:absolute; top:0; right:9px; width:0; height:0; margin-left:-8px; border-width:0 8px 8px 8px; border-style:solid; border-color:transparent transparent rgba(0,0,0,0.9) transparent;}
    header .menu .dropdown-menu3 ul {margin-top:8px; padding:15px 0 4px 16px; background-color:rgba(0,0,0,0.9);}
    header .menu .dropdown-menu3 li a {display:block; padding-bottom:11px; font-size:13px; color:#fff; line-height:16px;}
    header .menu .btn_B a {display:none; position:absolute; right:0; width:75px; text-align:center;}  
}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 검색창 */
.search_bx {padding:10px 10px 0;}
.search_bx input[type="text"] {width:calc(100% - 64px); padding:6px 53px 8px 9px; border:1px solid #3587ba; background-color:#fff; font-size:14px; color:#273538; word-spacing:-2px;} /* width:100%-2(라인)-62(좌우패딩) */
.search_bx button[type="button"].search, .search_bx button[type="button"].reset {position:absolute; top:17px; width:21px; height:21px; border:none; background-color:#fff !important; cursor:pointer;}
.search_bx button[type="button"].search {right:17px; background:url(/smgis2/file/imgs/ico/search_search.png) no-repeat;}
.search_bx button[type="button"].reset {right:40px; background:url(/smgis2/file/imgs/ico/reset_search.png) no-repeat;}
.search_bx input::-webkit-input-placeholder {color:#8d9496;} /* chrome, safari */
.search_bx input::-moz-placeholder {color:#273538;} /* firefox */
.search_bx input:-moz-placeholder {color:#273538;} /* firefox */
.search_bx input:-ms-input-placeholder {color:#8d9496;} /* explorer */
.search_bg {padding-bottom:10px; background-color:#68a5cb;}
.suggest {position:absolute; top:44px; left:10px; width:calc(100% - 22px); border:1px solid #3587ba; background-color:#fff; z-index:1000;} /* width:100%-2(라인)-20(좌우마진) */
@media screen and (-webkit-min-device-pixel-ratio:0) {.suggest {top:43px;}} /* 크롬 핵 */
.suggest ul {height:105px; padding:5px 0 9px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.suggest ul {padding:6px 0 8px;}} /* 크롬 핵 */
.suggest li a {display:block; font-size:12px; color:#273538; line-height:21px; word-spacing:-2px;}
.suggest li a:hover {color:#3587ba;}
.suggest li a span {padding-left:12px;}
.suggest .btn_close a {display:block; position:absolute; top:6px; right:10px; width:13px; height:13px; background:url(/smgis2/file/imgs/ico/close_suggest.png) no-repeat;}
/* 모바일 */
@media (max-width:991px) {
    .search_bx input[type="text"] {width:calc(100% - 67px); padding:10px 53px 12px 12px; border:1px solid #3587ba; background-color:#fff; font-size:14px; color:#273538; word-spacing:-2px;} /* width:100%-2(라인)-65(좌우패딩) */
    .search_bx button[type="button"].search, .search_bx button[type="button"].reset {position:absolute; top:19px; width:21px; height:21px; border:none; background-color:#fff !important; cursor:pointer;}
    .search_bx button[type="button"].search {right:21px; background:url(/smgis2/file/imgs/ico/search_search.png) no-repeat;}
    .search_bx button[type="button"].reset {right:44px; background:url(/smgis2/file/imgs/ico/reset_search.png) no-repeat;}
    .search_bx input::-webkit-input-placeholder {color:#8d9496;} /* chrome, safari */
    .search_bx input::-moz-placeholder {color:#273538;} /* firefox */
    .search_bx input:-moz-placeholder {color:#273538;} /* firefox */
    .search_bx input:-ms-input-placeholder {color:#8d9496;} /* explorer */
    .suggest {position:absolute; top:52px; left:10px; width:calc(100% - 22px); border:1px solid #3587ba; background-color:#fff; z-index:1000;} /* width:100%-2(라인)-20(좌우마진) */
}
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 검색결과 */
.result, .result2 {overflow:hidden; border-bottom:3px solid #dfdfdd; font-size:12px; color:#4b575a; line-height:18px; letter-spacing:-0.5px; word-spacing:-1px; text-overflow:ellipsis; white-space:nowrap;}
.result {padding:10px 14px 10px 13px;}
.result span, .result2 span {font-weight:600; color:#df772d;}
.result span.btn a {float:right; margin:0 0 0 0; font-weight:normal;}
.result2 {position:relative; padding:10px 65px 11px 13px;}
.result2 span.before a {display:block; position:absolute; top:11px; right:14px; width:29px; height:17px; padding-left:12px; background:url(/smgis2/file/imgs/ico/before_list.png) no-repeat; font-weight:normal; font-size:12px; color:#fff; line-height:17px; letter-spacing:-0.5px;}
/* .list_bx {padding-bottom:8px; border-bottom:3px solid #dfdfdd;} */
.list_bx {height:100%; padding-bottom:8px; border-bottom:3px solid #dfdfdd;}
.list_bx:last-child {padding-bottom:8px; border:none;}
.list_bx .gun {padding:11px 14px 6px 13px;}
.list_bx .gun h2 {float:left; font-weight:600; font-size:12px; color:#273538; line-height:18px;}
.list_bx .gun h2 span {color:#df772d;}
.list_bx .gun .more a {float:right; padding-right:9px; background:url(/smgis2/file/imgs/ico/arrow_more.png) right 6px no-repeat; font-size:12px; color:#273538; line-height:18px; letter-spacing:-1px;}
.list_bx .item {margin-top:2px; padding:4px 0 6px 14px;}
.list_bx .item:hover, .list_bx .on {position:relative; left:0; background-color:rgba(0,90,170,0.05); cursor:pointer;}
.list_bx .item img.pin {float:left; padding:2px 7px 2px 0; width:22px; height:26px;}
.list_bx .item img.ico {float:left; padding:2px 8px 2px 0; width:56px; height:56px; opacity:0.50; filter:alpha(opacity=50);}
.list_bx .item img.check {float:left; padding:2px 8px 2px 0; width:56px; height:56px; opacity:1.0; filter:alpha(opacity=100);}
/* .list_bx .item span.check {position:absolute; left:16px;} */
/* .list_bx .item span.check img {width:56px; height:56px; margin-top:2px; border:0 solid #112b3c; border-radius:0; background-color:rgba(53,135,186,0.0);} */
.list_bx .item span {position:absolute; left:14px;}
.list_bx .item span img {width:56px; height:56px; margin-top:2px; border:0 solid #112b3c; border-radius:0; background-color:rgba(53,135,186,0.0);}
.list_bx .item dl.dw {width:calc(100% - 43px);} /* width:100%-29(좌측핀22+7)-14(우패딩) */
.list_bx .item dl.dw2 {overflow:hidden; width:calc(100% - 78px); height:57px;} /* width:100%-64(좌측아이콘56+8)-14(우패딩) */
.list_bx .item dl {float:left;}
.list_bx .item dt {font-weight:600; font-size:14px; color:#3587ba; line-height:19px; word-spacing:-2px;}
.list_bx .item dd {font-size:12px; line-height:17px; word-spacing:-1px;}
.list_bx .item dd.txt {padding-top:4px; color:#4b575a;}
.list_bx .item dd.txt2 {padding-top:2px; color:#848c8e;}
.list_bx .item dd.txt2 span.num {position:relative; left:0; color:#df772d;}
.list_bx .item dd.txt2 span.arrow {position:relative; left:0; line-height:12px !important;} /* height:100%-99(검색칭+건수) */
.list_bx .item dd.txt2 a {color:#3587ba;}
.list_bx .item dd.txt2 a:hover {text-decoration:underline;}
.list_bx .item ul {padding-left:64px;}
.list_bx .item li a {float:left; margin:8px 4px 2px 0; letter-spacing:-0.5px; word-spacing:-2px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.list_bx .item li a {margin:7px 4px 3px 0;}} /* 크롬 핵 */
.lh_size {height:calc(100% - 99px);} /* height:100%-99(검색칭+건수) */
.lh_size2 {height:calc(100% - 91px);} /* height:100%-99(검색칭+건수)+8(하패딩) */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 툴팁 */
.tooltip_bx, .tooltip_bx2 {position:relative; padding-bottom:8px; font:12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;}
/**/
.tooltip_bx .triangle, .tooltip_bx .triangle2, .tooltip_bx2 .triangle, .tooltip_bx2 .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, .tooltip_bx2 .triangle {bottom:0; border-color:#3587ba transparent transparent transparent;}
.tooltip_bx .triangle2, .tooltip_bx2 .triangle2 {bottom:2px; border-color:#fff transparent transparent transparent; z-index:2;}
/**/
.tooltip_bx .info, .tooltip_bx2 .info {border:1px solid #3587ba; background-color:#fff; line-height:1.5 !important;}
.tooltip_bx .info.border, .tooltip_bx2 .info.border {border-top:3px solid #3587ba !important;}
/**/
.tooltip_bx .info h3 {background-color:#3587ba;}
.tooltip_bx .info h3 img {float:left; width:24px; height:24px; padding:5px 7px 0 5px;}
.tooltip_bx .info h3 span.title {float:left; width:calc(100% - 36px); padding:5px 0 9px; font-weight:600; font-size:16px; color:#fff; line-height:21px;} /* width:100%-36(좌패딩) */
/**/
.tooltip_bx .info .stitle {float:left; width:calc(100% - 46px); padding:6px 0 8px 10px; font-size:13px; color:#4b575a; line-height:18px; letter-spacing:-0.5px; word-spacing:-1.5px;} /* width:100%-10(좌패딩)-36(우측버튼) */
@media screen and (-webkit-min-device-pixel-ratio:0) {.tooltip_bx .info .stitle {padding:7px 0 7px 10px;}} /* 크롬 핵 */
.tooltip_bx .info .stitle span {padding-left:5px; color:#df772d;}
.tooltip_bx .info .btn_close a {float:right; width:21px; height:21px; margin:5px 5px 0 0; background:url(/smgis2/file/imgs/ico/close2_tooltip.png) no-repeat;}
/**/
.tooltip_bx .info .stitle2, .tooltip_bx2 .info .stitle2 {float:left; width:calc(100% - 44px); padding:6px 0 7px 10px; font-weight:600; font-size:15px; color:#3587ba; line-height:18px; letter-spacing:-0.5px; word-spacing:-1.5px;} /* width:100%-10(좌패딩)-34(우측버튼) */
.tooltip_bx .info .btn_close2 a, .tooltip_bx2 .info .btn_close2 a {float:right; width:15px; height:15px; margin:8px 9px 0 0; background:url(/smgis2/file/imgs/ico/close3_tooltip.png) no-repeat;}
/**/
.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 #3587ba; font-weight:600; color:#3587ba;}
@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 .btn {padding:6px 0 12px; text-align:center;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.tooltip_bx .info .btn {padding:5px 0 12px;}} /* 크롬 핵 */
.tooltip_bx .info .btn span {display:inline-block;}
.tooltip_bx .info ul {padding:6px 0 6px 5px; border-top:1px solid #3587ba;}
.tooltip_bx .info li a {float:left; margin:0 1px}
.tooltip_bx .info .con {max-height:92px; padding:6px 0; border-top:1px solid #3587ba;}
.tooltip_bx .info .con p {margin:0; padding:3px 11px 4px; font-size:12px; color:#3587ba; line-height:16px; cursor:pointer;}
.tooltip_bx .info .con p:hover {background-color:#f2f7fb;}
/**/
.tooltip_bx .info .con2, .tooltip_bx2 .info .con2 {margin:0 10px; border-top:1px solid #3587ba; letter-spacing:-1px;}
.tooltip_bx .info .con2 .left {float:left; padding:3px 0 11px;}
.tooltip_bx .info .con2 .left span {display:block;}
.tooltip_bx .info .con2 .left span.txt {padding:6px 0 2px; font-size:13px; color:#4b575a; line-height:18px;}
.tooltip_bx .info .con2 .left span.txt2 {padding-bottom:3px; font-size:12px; color:#848c8e; line-height:17px;}
.tooltip_bx .info .con2 .left span.txt3 {padding:2px 0 0 10px; background:url(/smgis2/file/imgs/ico/dot_tooltip.png) 0 7px no-repeat; font-size:12px; color:#3587ba; line-height:17px;}
.tooltip_bx2 .info .con2 .left {float:left; width:calc(100% - 81px); padding-top:4px;} /* width:100%-81(이미지 영역) */
.tooltip_bx2 .info .con2 .left span {display:block;}
.tooltip_bx2 .info .con2 .left span.txt {padding-top:6px; font-size:13px; color:#4b575a; line-height:18px;}
.tooltip_bx2 .info .con2 .left span.txt2 {padding:2px 0 1px; font-size:12px; color:#848c8e; line-height:17px;}
.tooltip_bx2 .info .con2 .left span.txt3 {padding:3px 0 0 10px; background:url(/smgis2/file/imgs/ico/dot_tooltip.png) 0 8px no-repeat; font-size:13px; color:#3587ba; line-height:17px;}
.tooltip_bx2 .info .con2 .left span.txt3 a {color:#3587ba; letter-spacing:0 !important;}
.tooltip_bx2 .info .con2 .left span.txt3 span.sbtn a {float:left; margin-left:5px; padding:0 10px 1px; border-radius:25px; background-color:#4b575a; font-size:11px; color:#fff;}
.tooltip_bx2 .info .con2 .left span.txt4 {padding:3px 0 1px 10px; font-size:13px; color:#848c8e; line-height:17px;}
.tooltip_bx2 .info .con2 a img {float:right; width:69px; height:69px; margin-top:10px; border:1px solid #3587ba;}
.tooltip_bx2 .info ul.btns {padding:9px 9px 10px !important; border-top:none !important;}
.tooltip_bx2 .info ul.btns li {float:left; width:calc(25% - 4px); height:23px; margin:0 1px; border:1px solid #cdd0d1; text-align:center; cursor:pointer;} /* width:25%-2(라인)-2(좌우마진) */
.tooltip_bx2 .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_bx2 .info ul.btns li .ico {display:inline-block;}
.tooltip_bx2 .info ul.btns li .ico span {float:left;}
.tooltip_bx2 .info ul.btns li .ico span.view {width:11px; height:11px; margin:6px 4px 0 0; background:url(/smgis2/file/imgs/ico/view_tooltip2.png) no-repeat;}
.tooltip_bx2 .info ul.btns li .ico span.copy {width:16px; height:11px; margin:6px 2px 0 0; background:url(/smgis2/file/imgs/ico/copy_tooltip2.png) no-repeat;}
.tooltip_bx2 .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_bx2 .info ul.btns li .ico span.route {width:11px; height:11px; margin:6px 3px 0 0; background:url(/smgis2/file/imgs/ico/route_tooltip2.png) no-repeat;}
.tooltip_bx2 .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_bx2 .info ul.btns li .ico span.roadview {width:10px; height:13px; margin:5px 4px 0 0; background:url(/smgis2/file/imgs/ico/roadview_tooltip2.png) no-repeat;}
.tooltip_bx2 .info ul.btns li .ico a {float:left; padding-top:2px; font-size:12px; color:#848c8e; letter-spacing:-0.5px;}
.tooltip_bx2 .info ul.btns li.on .ico a {float:left; padding-top:2px; font-size:12px; color:#fff; letter-spacing:-0.5px;}
/**/
.tooltip_bx2 .info .open_copy {margin:0 10px; padding:10px 0; border-top:1px solid #3587ba;}
.tooltip_bx2 .info .open_copy input[type="text"] {float:left; width:calc(100% - 85px); height:16px; padding:2px 6px 5px 5px; border:none; background-color:#cdd0d1; font-size:12px; color:#4b575a;} /* width:100%-74(버튼) */
.tooltip_bx2 .info .open_copy ul {float:left;}
.tooltip_bx2 .info .open_copy li {float:left;}
.tooltip_bx2 .info .open_copy li.btn a {margin-left:2px; padding:1px 4px 2px 5px; color:#fff !important;}
.tooltip_bx2 .info .open_route {margin:0 10px; padding:10px 0; border-top:1px solid #3587ba;}
.tooltip_bx2 .info .open_route li {float:left; width:50%;}
.tooltip_bx2 .info .open_route li a {display:block; margin:0 auto;}
.tooltip_bx2 .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_bx2 .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;}
/**/
.tw_size {width:280px;}
.tw_size2 {width:241px;}
.tw_size3 {width:250px;}
.tw_size4 {width:324px;}
.tw_size5 {width:324px;}
.mouse {width:198px; padding:4px 0; border:1px solid #3587ba; background-color:#fff; }
.mouse li a {display:block; height:31px; font-size:12px; color:#273538; letter-spacing:-1px; word-spacing:-1px;}
.mouse li a:hover {background-color:#f2f7fb;}
.mouse li a span {display:block; padding:7px 0 0 30px;}
.mouse li a span.route {background:url(/smgis2/file/imgs/mouse/route.png) 10px 9px no-repeat;}
.mouse li.line {border-top:1px solid #3587ba; border-bottom:1px solid #3587ba; background-color:#f2f7fb;}
.mouse li.line a {float:left;}
.mouse li.line a span.naver {background:url(/smgis2/file/imgs/mouse/naver.png) 10px 9px no-repeat;}
.mouse li.line a span.daum {margin-left:9px; background:url(/smgis2/file/imgs/mouse/daum.png) 10px 9px no-repeat;}
.mouse li a span.add {background:url(/smgis2/file/imgs/mouse/add.png) 11px 9px no-repeat;}
.mouse li a span.write {background:url(/smgis2/file/imgs/mouse/write.png) 10px 9px no-repeat;}
.mouse li a span.search {background:url(/smgis2/file/imgs/mouse/search.png) 10px 9px no-repeat;}
.mouse li a span.distance {background:url(/smgis2/file/imgs/mouse/distance.png) 10px 9px no-repeat;}
/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 사이드 그룹 */
.ban {display:block; overflow:hidden; position:relative; width:300px; height:97px; margin:10px 10px 0;}
.ban ul {position:absolute;}
.ban li {float:left; width:300px; height:97px; border-right:1px solid #fff; background-color:#688acb;}
.ban li div {margin:8px 8px 0;}
.ban li div img {float:left; width:61px; height:61px; margin-right:8px; background-color:rgba(255,255,255,0.07) !important;}
.ban li div dl {float:left; width:calc(100% - 69px); color:#fff; letter-spacing:-0.5px; word-spacing:-0.5px;} /* width:100%-69(좌측아이콘) */
.ban li div dt {overflow:hidden; font-weight:600; font-size:14px; line-height:20px; text-overflow:ellipsis; white-space:nowrap;}
.ban li div dd {padding-top:3px; font-size:12px; line-height:17px;}
.ban .pageing {position:relative; top:80px; height:6px; display:flex; flex-direction:row; justify-content:center; align-items:center;}
.ban .pageing div {float:left; width:6px; height:6px; margin:0 2px; border-radius:25px;}
.ban .pageing div.off {background-color:rgba(255,255,255,0.37);}
.ban .pageing div.on {background-color:#24364a;}
.ban .btn {position:absolute; width:49px; right:3px; bottom:6px;}
.ban .btn div a {float:left; height:16px;}
.ban .btn .prev a {width:16px; background:url(/smgis2/file/imgs/ico/prev_ban.png) no-repeat;}
.ban .btn .play a {width:17px; background:url(/smgis2/file/imgs/ico/play_ban.png) no-repeat;}
.ban .btn .stop a {width:17px; background:url(/smgis2/file/imgs/ico/stop_ban.png) no-repeat;}
.ban .btn .next a {width:16px; background:url(/smgis2/file/imgs/ico/next_ban.png) no-repeat;}
.section {margin:5px 10px 0;}
.section_bg {margin-bottom:15px; padding:15px 0 0; background-color:#f7f7f7;}
.section dl.citizen {margin-right:6px; height:96px; background:url(/smgis2/file/imgs/ico/citizen_seoulinmap.png) right 20px no-repeat;}
.section dl.service {margin-right:6px; height:91px; background:url(/smgis2/file/imgs/ico/service_seoulinmap.png) right 20px no-repeat;}
.section dt {display:inline-block; margin:0 6px 6px; padding:1px 13px 2px 12px; border:1px solid #3587ba; border-radius:25px; font-size:13px; color:#3587ba; line-height:17px; letter-spacing:-1px; word-spacing:-1px; cursor:pointer;}
.section dt:hover {background-color:#3587ba; color:#fff;}
.section dd {padding:0 10px; font-size:12px; color:#4b575a; line-height:19px; letter-spacing:-0.5px; word-spacing:-0.5px; cursor:pointer;}
.section dd.line {width:calc(100% - 91px); margin:0 10px; padding-top:1px; padding-bottom:3px; border-left:1px solid #d7e7f1; line-height:15px !important;} /* width:100%-1(라인)-20(좌우패딩)-70(우측아이콘) */
@media screen and (-webkit-min-device-pixel-ratio:0) {.section dd.line {padding-top:2px; padding-bottom:2px;}} /* 크롬 핵 */
.section dd.line span {letter-spacing:-1px !important;}
.section dd.blank {padding-top:2px;}
.section dd.blank2 {padding-top:4px;}
.section .con {padding:15px 10px 0;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.section .con {padding:14px 10px 1px;}} /* 크롬 핵 */
.section .con li {float:left; width:25%; padding-bottom:10px; text-align:center;}
.section .con li.ico {color:#a84f4c;}
.section .con li.ico2 {color:#886b57;}
.section .con li.ico3 {color:#df772c;}
.section .con li.ico4 {color:#89813f;}
.section .con li.ico5 {color:#24364a;}
.section .con li.ico6 {color:#588383;}
.section .con li.ico7 {color:#a9761f;}
.section .con li.ico8 {color:#814753;}
.section .con li p.txt {padding-top:3px; font-size:13px;}
.section .con2 {padding:15px 0 2px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.section .con2 {padding:14px 0 2px;}} /* 크롬 핵 */
.section .con2 li {float:left; width:50%; padding-bottom:10px; line-height:16px; text-align:center;}
.section .con2 li img {width:130px; height:90px;}
.section .con2 li p.txt {padding:3px 0 0; font-size:13px; color:#4b575a; line-height:16px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.section .con2 li p.txt {padding:4px 0 0}} /* 크롬 핵 */
.section .con3 li {float:left; margin:0 7px 13px; text-align:center; cursor:pointer;}
.section .con3 li span {display:inline-block; width:48px; height:48px;}
.section .con3 li.ico {width:calc(33% - 14px);} /* width:33%-14(좌우마진) */
.section .con3 li.ico span {background:url(/smgis2/file/imgs/ico/service2_seoulinmap.png) no-repeat;}
.section .con3 li.ico2 {width:calc(34% - 14px);} /* width:34%-14(좌우마진) */
.section .con3 li.ico2 span {background:url(/smgis2/file/imgs/ico/service3_seoulinmap.png) no-repeat;}
.section .con3 li.ico3 {width:calc(33% - 14px);} /* width:33%-14(좌우마진) */
.section .con3 li.ico3 span {background:url(/smgis2/file/imgs/ico/service4_seoulinmap.png) no-repeat;}
.section .con3 li p {padding-top:1px; font-size:11px; color:#848c8e; line-height:19px; letter-spacing:-1px; word-spacing:-1px;}
.section .con4 {padding:1px 0 16px;}
.section .con4 li {float:left; height:49px; border-right:1px solid #d7e7f1; text-align:center; cursor:pointer;}
.section .con4 li:last-child {border-right:none;}
.section .con4 li span {display:inline-block;}
.section .con4 li.ico {width:calc(33.3% - 1px);} /* width:33.3%-1(라인) */
.section .con4 li.ico span {width:28px; height:29px; margin-bottom:1px; background:url(/smgis2/file/imgs/ico/etc_seoulinmap.png) no-repeat;}
.section .con4 li.ico2 {width:calc(33.4% - 1px);} /* width:33.4%-1(라인) */
.section .con4 li.ico2 span {width:22px; height:28px; margin-bottom:1px; background:url(/smgis2/file/imgs/ico/etc2_seoulinmap.png) no-repeat;}
.section .con4 li.ico3 {width:calc(33.3% - 1px);} /* width:33.3%-1(라인) */
.section .con4 li.ico3 span {width:26px; height:29px; margin-bottom:1px; background:url(/smgis2/file/imgs/ico/etc3_seoulinmap.png) no-repeat;}
.section .con4 li p {font-size:12px; color:#3587ba; line-height:16px; letter-spacing:-1px; word-spacing:-1px;}
/* 모바일 */
@media (max-width:991px) {
    .ban {display:none;}
    .section {margin:4px 10px 0;}
    .section_bg {margin-bottom:13px; padding:13px 0 1px; background-color:#f7f7f7;}
    @media screen and (-webkit-min-device-pixel-ratio:0) {.section_bg {margin-bottom:14px; padding:14px 0 1px;}} /* 크롬 핵 */
    .section dl.citizen {margin-right:6px; height:96px; background:url(/smgis2/file/imgs/ico/citizen_seoulinmap.png) right 21px no-repeat;}
    .section dl.service {margin-right:6px; height:91px; background:url(/smgis2/file/imgs/ico/service_seoulinmap.png) right 22px no-repeat;}
    @media screen and (-webkit-min-device-pixel-ratio:0) {.section dl.service {background:url(/smgis2/file/imgs/ico/service_seoulinmap.png) right 21px no-repeat;}} /* 크롬 핵 */
    .section dd.line {width:calc(100% - 91px); margin:0 10px; padding-top:2px; padding-bottom:2px; border-left:1px solid #d7e7f1; line-height:15px !important;} /* width:100%-1(라인)-20(좌우패딩)-70(우측아이콘) */
    .section .con {padding:15px 10px 1px;}
    @media screen and (-webkit-min-device-pixel-ratio:0) {.section .con {padding:14px 10px 1px;}} /* 크롬 핵 */
    .section .con4 {padding:3px 0 15px;}
    @media screen and (-webkit-min-device-pixel-ratio:0) {.section .con4 {padding:2px 0 16px;}} /* 크롬 핵 */
}
/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 도시생활지도_시민참여지도_서울시 변천사 */
/* citymap = citizen 동일하게 */
.citymap, .citizen {position:relative;}
.citymap .title, .citizen .title {float:left; height:18px; margin-top:16px; padding-left:33px; font-weight:600; font-size:16px; color:#273538; line-height:15px; letter-spacing:-1px; word-spacing:-1.5px;}
.citymap .title {background:url(/smgis2/file/imgs/ico/title_citymap.png) 10px 0 no-repeat;}
.citizen .title {background:url(/smgis2/file/imgs/ico/title_citymap.png) 10px 0 no-repeat;}
.citymap .btn a, .citizen .btn a {position:relative; float:right; margin:14px 10px 0 0; z-index:2;}
.seoul_story .title {float:left; height:18px; margin-top:16px; padding-left:35px; background:url(/smgis2/file/imgs/ico/title_story.png) 10px 0 no-repeat; font-weight:600; font-size:16px; color:#273538; line-height:15px; letter-spacing:-1px; word-spacing:-1.5px;}
.seoul_story .btn a {float:right; margin:14px 10px 0 0;}
.choice {margin:0 10px; padding:1px 0 5px; border-top:1px solid #384f70; border-bottom:3px solid #004ea2;}
.choice .tab {position:relative; background-color:#f3f3f3; text-align:center;}
.choice .tab ul {display:inline-block; padding-top:3px;}
.choice .tab li {float:left; padding-top:1px; font-size:12px; letter-spacing:-0.5px; word-spacing:-1px;}
.choice .tab li a.off {color:#848c8e;}
.choice .tab li a.on {display:block; padding-bottom:3px; font-weight:600; color:#384f70;}
.choice .tab li.pipe { font-size:12px; color:#cdd0d1;}
.choice .tab li.pipe span {display:block; padding:3px 8px 0 6px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.choice .tab li.pipe span {padding:2px 8px 0 6px;}} /* 크롬 핵 */
.choice .tab .btn_close a, .choice .tab .btn_open a {position:absolute; top:0; right:0; width:32px; height:26px;}
.choice .tab .btn_close a {background:url(/smgis2/file/imgs/ico/arrow_close.png) no-repeat;}
.choice .tab .btn_open a {background:url(/smgis2/file/imgs/ico/arrow_open.png) no-repeat;}
.choice .category {padding-top:3px; font-size:12px; line-height:15px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.choice .category {line-height:16px;}} /* 크롬 핵 */
.choice .category > div {padding-top:7px;}
.choice .category .txt {float:left; width:69px; margin-right:10px; font-weight:600; word-spacing:-2px;}
.choice .category .btn a {float:left; letter-spacing:-0.5px; text-align:center;}
.choice .category ul {float:left; width:calc(100% - 117px);} /* width:100%-117(좌측영역) */
.choice .category li {float:left; margin:0 0 1px 1px;}
.choice .category .age {border-top:1px solid #3587ba; color:#3587ba;}
.choice .category .btn_age a {padding:2px 8px 3px 7px; background-color:#3587ba !important; background:url(/smgis2/file/imgs/ico/check_citymap.png) right bottom no-repeat; color:#fff;}
.choice .category .btn_age2 a {padding:1px 7px 2px 6px; border:1px solid #3587ba; color:#3587ba;}
.choice .category .target {border-top:1px solid #89813f; color:#89813f;}
.choice .category .btn_target a {padding:2px 8px 3px 7px; background-color:#89813f !important; background:url(/smgis2/file/imgs/ico/check_citymap.png) right bottom no-repeat; color:#fff;}
.choice .category .btn_target2 a {padding:1px 7px 2px 6px; border:1px solid #89813f; color:#89813f;}
.choice .category .when {border-top:1px solid #588383; color:#588383;}
.choice .category .btn_when a {padding:2px 8px 3px 7px; background-color:#588383 !important; background:url(/smgis2/file/imgs/ico/check_citymap.png) right bottom no-repeat; color:#fff;}
.choice .category .btn_when2 a {padding:1px 7px 2px 6px; border:1px solid #588383; color:#588383;}
.choice .category .what {border-top:1px solid #a84f4c; color:#a84f4c;}
.choice .category .btn_what a {padding:2px 8px 3px 7px; background-color:#a84f4c !important; background:url(/smgis2/file/imgs/ico/check_citymap.png) right bottom no-repeat; color:#fff;}
.choice .category .btn_what2 a {padding:1px 7px 2px 6px; border:1px solid #a84f4c; color:#a84f4c;}
.choice .category .sort {border-top:1px solid #df772d; color:#df772d;}
.choice .category .btn_sort a {padding:2px 8px 3px 7px; background-color:#df772d !important; background:url(/smgis2/file/imgs/ico/check_citymap.png) right bottom no-repeat; color:#fff;}
.choice .category .btn_sort2 a {padding:1px 7px 2px 6px; border:1px solid #df772d; color:#df772d;}
.choice .tag {padding-top:6px;}
.choice .tag li.off a, .choice .tag li.on a {float:left; margin:4px 4px 0 0; font-size:12px; line-height:15px; text-align:center;}
.choice .tag li.off a {padding:1px 8px 3px; border:1px solid #dfdfdd; background-color:#f3f3f3; color:#4b575a;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.choice .tag li.off a {padding:2px 8px 2px}} /* 크롬 핵 */
.choice .tag li.on a {padding:2px 9px 4px; background-color:#c5c8c9 !important; background:url(/smgis2/file/imgs/ico/check_citymap.png) right 0 bottom no-repeat; color:#4b575a;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.choice .tag li.on a {padding:3px 9px 3px;}} /* 크롬 핵 */
.choice .tag2 {padding-top:6px;}
.choice .tag2 li.off a, .choice .tag2 li.on a {float:left; margin:4px 4px 0 0; font-size:12px; line-height:15px; text-align:center;}
.choice .tag2 li.off a {padding:1px 8px 3px; border:1px solid #3587ba; background-color:#fff; color:#3587ba;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.choice .tag2 li.off a {padding:2px 8px 2px}} /* 크롬 핵 */
.choice .tag2 li.on a {padding:2px 9px 4px; background-color:#3587ba !important; background:url(/smgis2/file/imgs/ico/check_citymap.png) right 0 bottom no-repeat; color:#fff;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.choice .tag2 li.on a {padding:3px 9px 3px;}} /* 크롬 핵 */
.choice .search {padding-top:10px;}
.choice .search input[type="text"] {float:left; height:22px; padding:0 6px 1px; border:none; background-color:#e3e5e5; font-size:12px; color:#4b575a; display:flex; flex-direction:row; justify-content:center; align-items:center;}
.choice .search input.iw[type="text"] {width:calc(100% - 50px);} /* width:100%-12(좌우패딩)-38(우측버튼) */
.choice .search input.iw2[type="text"] {width:calc(100% - 102px);} /* width:100%-12(좌우패딩)-38(우측버튼)-52(우측버튼) */
.choice .search .btn a, .choice .search .btn2 a {float:left; height:22px; margin-left:2px; padding-bottom:1px; background-color:#384f70; font-size:12px; color:#fff; display:flex; flex-direction:row; justify-content:center; align-items:center;}
.choice .search .btn a {width:36px;}
.choice .search .btn2 a {width:50px;}
.choice .search .txt {width:100%; padding:8px 0 1px; font-size:12px; color:#384f70; text-align:center;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.choice .search .txt {padding:9px 0 0;}} /* 크롬 핵 */
.theme {padding:12px 10px 0;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.theme {padding:13px 10px 0;}} /* 크롬 핵 */
.theme .gun {padding-bottom:1px;}
.theme .gun h2, .theme .gun span.num {float:left; font-weight:600; font-size:12px;}
.theme .gun h2 {color:#4b575a; letter-spacing:-0.5px;}
.theme .gun span.num {color:#df772d;}
.theme .gun ul {float:right;}
.theme .gun li {float:left; font-size:12px; letter-spacing:-0.5px; word-spacing:-1px;}
.theme .gun li a.off {color:#848c8e;}
.theme .gun li a.on {font-weight:600; color:#3587ba;}
.theme .gun li.pipe {color:#cdd0d1;}
.theme .gun li.pipe span {display:block; padding:4px 8px 0 6px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.theme .gun li.pipe span {display:block; padding:2px 8px 0 6px;}} /* 크롬 핵 */
.theme .type_g {padding:11px 1px 0;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.theme .type_g {padding:12px 1px 0;}} /* 크롬 핵 */
.theme .type_g ul {padding:1px 0 13px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.theme .type_g ul {padding:1px 0 12px;}} /* 크롬 핵 */
.theme .type_g li {float:left; position:relative; width:calc(25% - 4px); padding:0 2px; text-align:center;} /* width:25%-4(좌우패딩) */
.theme .type_g li img {width:56px; height:56px; opacity:0.50; filter:alpha(opacity=50);}
.theme .type_g li img.check {opacity:1.0; filter:alpha(opacity=100);}
.theme .type_g li p {padding-top:4px; font-size:12px; color:#848c8e; line-height:17px; letter-spacing:-1px; word-spacing:-0.5px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.theme .type_g li p {padding-top:5px;}} /* 크롬 핵 */
.theme .type_g li p.check {font-weight:bold; font-size:12px; color:#112b3c;}
.theme .type_g li p.btn_O a {display:inline-block; width:48px;}
.theme .type_g li p.type a {border:1px solid #24364a; background-color:#24364a;}
.theme .type_g li p.type2 a {border:1px solid #a84f4c; background-color:#a84f4c;}
.theme .type_g li p.btn_Q a {display:inline-block; width:48px; border:1px solid #3587ba; background-color:#3587ba;}
.theme .type_g li span {position:absolute; left:0; width:100%; text-align:center;}
.theme .type_g li span img {width:56px; height:56px; border:0 solid #112b3c; border-radius:0; background-color:rgba(53,135,186,0.0); opacity:1.0; filter:alpha(opacity=100);}
.theme .type_l {padding:10px 0 1px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.theme .type_l {padding:12px 0 0;}} /* 크롬 핵 */
.theme .type_l div {position:relative; padding-bottom:12px;}
.theme .type_l div img {float:left; width:56px; height:56px; margin:2px 8px 0 0; opacity:0.50; filter:alpha(opacity=50);}
@media screen and (-webkit-min-device-pixel-ratio:0) {.theme .type_l div img {margin:1px 8px 0 0;}} /* 크롬 핵 */
.theme .type_l div img.check {opacity:1.0; filter:alpha(opacity=100);}
.theme .type_l div span {position:absolute; left:0;}
.theme .type_l div span img {width:56px; height:56px; border:0 solid #112b3c; border-radius:0; background-color:rgba(53,135,186,0.0); opacity:1.0; filter:alpha(opacity=100);}
.theme .type_l div dl {float:left; width:calc(100% - 64px); line-height:15px; word-spacing:-1px; cursor:pointer;} /* width:100%-64(좌측아이콘56+8) */
.theme .type_l div dl:hover dt {color:#3587ba; text-decoration:underline;}
.theme .type_l div dl:hover dd {text-decoration:none;}
.theme .type_l div dl.line {margin-bottom:2px; padding-bottom:5px; border-bottom:1px solid #dfdfdd;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.theme .type_l div dl.line {margin-bottom:3px; padding-bottom:4px;}} /* 크롬 핵 */
.theme .type_l div dt {font-weight:600; font-size:14px; color:#3587ba; line-height:19px;}
.theme .type_l div dd {padding-top:4px; font-size:12px; color:#4b575a; line-height:17px; text-decoration:none;}
.theme .type_l div dd.leader {padding-top:5px; color:#df772d;}
.theme .type_l div ul {padding-left:64px;}
.theme .type_l div li a {float:left; margin:8px 4px 2px 0; letter-spacing:-0.5px; word-spacing:-2px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.theme .type_l div li a {margin:7px 4px 3px 0;}} /* 크롬 핵 */
.theme .btn {padding:10px 0 2px; letter-spacing:-0.5px; word-spacing:-1.5px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.theme .btn {padding:11px 0 1px;}} /* 크롬 핵 */
.theme .btn ul {float:left;}
.theme .btn li {float:left; margin-right:2px;}
.theme .btn div {float:right;}
.story {padding-top:15px;}
.story ul {padding:1px 4px 13px;}
.story ul li {float:left; position:relative; width:50%; font-size:12px; line-height:18px; text-align:center;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.story ul li {line-height:16px;}} /* 크롬 핵 */
.story ul li img {width:144px; height:100px;}
.story ul li p.txt {padding-top:2px; color:#273538; letter-spacing:-1.5px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.story ul li p.txt {padding-top:3px;}} /* 크롬 핵 */
.story ul li span {position:absolute; left:0; width:100%; text-align:center;}
.story ul li span img {width:144px; height:100px; background-color:rgba(53,135,186,0.73);}
.story_pic {position:absolute; bottom:0; left:50%; width:900px; height:500px; margin-left:-292px; border-bottom:none !important; border:2px solid #000; background-color:#000; z-index:9999;}
@media (min-width:992px) and (max-width:1223px) {   
    .story_pic {position:absolute; bottom:0; left:50%; width:900px; height:500px; margin-left:-450px; border-bottom:none !important; border:2px solid #000; background-color:#000; z-index:9999;}
}
.story_pic .view {position:absolute; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); left:calc(50% - 52px); width:640px; margin-left:-320px; background-color:rgba(0,0,0,0.85);} /* left:50%-104/2(좌측영역) */
.story_pic .view .title {float:left; padding:5px 0 0 10px; font-weight:600; font-size:15px; color:#fff; letter-spacing:-0.5px; word-spacing:-2px;}
.story_pic .view .btn_close a {float:right; width:21px; height:21px; margin:4px 6px 5px 0; background:url(/smgis2/file/imgs/ico/close3_pop.png) no-repeat;}
.story_pic .view .info {height:277px; padding:9px 10px 5px; border-top:1px solid #3587ba; letter-spacing:-1px;}
.story_pic .view .info span {display:block; color:#fff;}
.story_pic .view .info span.txt {font-size:14px;}
.story_pic .view .info span.txt2 {padding-top:3px; font-size:14px;}
.story_pic .view .info span.txt3 {padding-top:5px; font-size:13px; line-height:20px;}
.story_pic .view .info span.txt3 pre {white-space:pre-wrap;}
.story_pic .btn a {position:absolute; top:auto; bottom:19px; right:114px; padding:2px 8px 3px 10px; border:2px solid #fff; border-radius:50px; background-color:rgba(0,0,0,0.75); font-weight:600; font-size:14px; color:#fff;}
.story_pic .btn2 a {display:block; position:absolute; top:9px; bottom:auto; right:114px; padding:1px 8px 2px 10px; border:2px solid #fff; border-radius:50px; background-color:rgba(0,0,0,0.75); font-weight:600; font-size:13px; color:#fff;}
/* 모바일 */
@media (max-width:991px) {
    .citymap .title, .citizen .title {float:left; height:18px; margin-top:16px; padding-left:33px; font-weight:600; font-size:16px; color:#273538; line-height:15px; letter-spacing:-2px; word-spacing:-1.5px;}
    .choice .tab li {float:left; padding-top:2px; font-size:12px; line-height:20px; letter-spacing:-0.5px; word-spacing:-1px;}
    .choice .tab .btn_close a, .choice .tab .btn_open a {position:absolute; top:3px; right:0; width:32px; height:26px;}
    .choice .category .btn a {float:left; padding:2px 6px 2px; text-align:center;}
    .choice .tab li.pipe span {display:block; padding:0 8px 0 8px;}
    .theme .gun li.pipe span {display:block; padding:0 8px 0 8px;}
    .story_pic {position:absolute; bottom:0; left:0; width:100%; height:auto; margin-left:0; border-bottom:none !important; border:2px solid #000; background-color:#000; z-index:9999;}
    .story_pic .view {position:fixed; top:30%; -webkit-transform:translateY(-30%); transform:translateY(-30%); left:50%; width:90vw; margin-left:-45vw; background-color:rgba(0,0,0,0.85);}
    .story_pic .view .info {height:159px; padding:9px 10px 5px; border-top:1px solid #3587ba; letter-spacing:-1px;}
    .story_pic .btn a {position:absolute; top:9px; bottom:auto; right:167px; padding:1px 8px 2px 10px; border:2px solid #3587ba; border-radius:50px; background-color:rgba(0,0,0,0.75); font-weight:600; font-size:13px; color:#3587ba;}
}
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 시민참여지도(테마 등록) */
.twrite {padding:0 10px 10px;}
.twrite table {margin-bottom:10px;}
.twrite input[type="text"] {float:left; height:16px; margin:2px; padding:2px 2px 5px 3px; border:none; background-color:#e3e5e5; font-size:12px; color:#4b575a;}
.twrite input.readonly[type="text"] {background-color:#c5c8c9; color:#4b575a;}
.twrite input.iw[type="text"] {width:calc(100% - 9px);} /* width:100%-5(좌우패딩)-4(좌우마진) */
.twrite input.iw2[type="text"] {width:calc(100% - 69px);} /* width:100%-5(좌우패딩)-4(좌우마진)-60(우측버튼) */
.twrite input.iw3[type="text"] {width:calc(34% - 9px); font-size:11px; line-height:19px;} /* width:100%-5(좌우패딩)-4(좌우마진) */
.twrite textarea {overflow:auto !important; float:left; width:calc(100% - 10px); margin:2px; height:51px; padding:3px; border:none; background-color:#e3e5e5; font-size:12px; color:#4b575a; line-height:16px;} /* width:100%-6(좌우패딩)-4(좌우마진) */
.twrite textarea::-webkit-input-placeholder {color:#4b575a;} /* chrome, safari */
.twrite textarea::-moz-placeholder {color:#111;} /* firefox */
.twrite textarea:-moz-placeholder {color:#111;} /* firefox */
.twrite textarea:-ms-input-placeholder {color:#4b575a;} /* explorer */
.twrite .pin {height:230px; margin:5px 0;}
.twrite .pin li {float:left; width:20%; padding:5px 0; text-align:center;}
.twrite .pin li img {width:36px; height:36px;}
.twrite .pin li span {display:block; width:100%; margin:0; padding:0;}
.twrite .category {width:calc(100% - 39px); height:40px; padding-bottom:4px;} /* width:100%-39(우측버튼) */
.twrite .category li img {position:absolute; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); left:4px; width:36px; height:36px;}
.twrite .category li span.name {position:absolute; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); left:39px; width:calc(100% - 127px); font-size:12px; color:#4b575a; line-height:16px; letter-spacing:-1px;} /* width:100%-39(좌측)-88(우측) */
.twrite .tag {padding:1px;}
.twrite .tag li a {float:left; margin:1px; padding:2px 6px; font-size:12px; line-height:15px; text-align:center;}
.twrite .tag li.off a {border:1px solid #3587ba; background-color:#fff; color:#3587ba;}
.twrite .tag li.on a {border:1px solid #3587ba; background-color:#3587ba; color:#fff;}
.twrite .tag2 {width:calc(100% - 9px); margin:0 2px 2px; padding:2px 2px 4px 3px; background-color:#c5c8c9; color:#4b575a;} /* width:100%-5(좌우패딩)-4(좌우마진) */
.twrite .date img {float:left; width:18px; height:19px; margin-top:4px; padding:0; font-size:0; cursor:pointer;}
.twrite span.txt {float:left; padding:4px 8px 6px 10px;}
.twrite .btn a {float:left; margin-top:2px; padding:1px 5px 2px;}
.twrite .btn2 {position:absolute; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); right:2px;}
.twrite .btn2 span {float:left; padding:0;}
.twrite .btn2 span a {margin-left:2px; padding:1px 5px 2px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.twrite .btn2 span a {padding:1px 5px 3px;}} /* 크롬 핵 */
.twrite .btn2 span.btn_Q a {padding:1px 5px 4px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.twrite .btn2 span.btn_Q a {padding:2px 5px 4px;}} /* 크롬 핵 */
.twrite .btn3 {margin:5px 0 1px; text-align:center;}
.twrite .btn3 ul {display:inline-block;}
.twrite .btn3 li {float:left;}
.twrite .btn3 li a {margin:0 1px; padding:1px 7px 2px;}
.twrite .btn4 a {float:left; margin:2px 0 0 5px; padding:1px 5px 2px;}
.twrite .btn5 a {margin:0 2px 4px 2px; padding:1px 5px 2px; text-align:center;}
/* 모바일 */
@media (max-width:991px) {
    .twrite input.iw2[type="text"] {width:calc(100% - 64px);} /* width:100%-4(좌우마진)-60(우측버튼) */
    .twrite .tag li a {float:left; margin:1px; padding:2px 6px 2px; font-size:12px; line-height:15px; text-align:center;}
    .twrite .btn a {float:left; margin-top:2px; padding:2px 5px 2px;}
    .twrite .btn3 li a {margin:0 1px; padding:1px 7px 2px;}
    .twrite .btn4 a {float:left; margin:2px 0 0 5px; padding:1px 5px 2px;}
}

/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 공간검색 */
.search2 .title {float:left; height:20px; margin-top:16px; padding-left:33px; background:url(/smgis2/file/imgs/ico/title_search2.png) 10px 0 no-repeat; font-weight:600; font-size:16px; color:#273538; line-height:15px; letter-spacing:-1px; word-spacing:-1.5px;}
.search2 .btn a {float:right; margin:14px 10px 0 0;}
.set {padding:0 10px 16px;}
.set h2 {padding-bottom:5px; background:url(/smgis2/file/imgs/ico/line_stitle.png) 0 8px repeat-x; font-weight:600; font-size:13px; color:#3587ba; line-height:15px; letter-spacing:-0.5px; word-spacing:-1px;}
.set h2 span {padding:0 6px 0 10px; background-color:#fff !important; background:url(/smgis2/file/imgs/ico/dot_setting.png) 0 1px no-repeat;}
.set .check {float:left;}
.set .check label {padding-left:8px; font-size:12px; color:#4b575a;}
.set .btn_set a {float:right; margin-top:2px; padding:1px 5px 2px;}
.set .form {width:100%; padding:12px 0 21px; text-align:center;}
.set .form li.circle {display:inline-block; position:relative; width:46px; height:46px; margin:0 4%; padding:12px; border:1px solid #3587ba; border-radius:50px; text-align:center;}
.set .form li img {width:100%; height:100%;}
.set .form li p.txt {position:absolute; left:0; width:100%; padding-top:18px; font-size:12px; color:#4b575a; letter-spacing:-1px; word-spacing:-2px;}
.set .form2 {width:100%; padding-top:12px;}
.set .form2 li {display:inline-block; width:22%; margin:0 2px; text-align:center; vertical-align:top;}
.set .form2 li img {width:56px; height:56px;}
.set .form2 li p.txt {padding-top:3px; font-size:12px; color:#4b575a; line-height:17px; letter-spacing:-1px; word-spacing:-2px;}
.set input[type="text"] {width:calc(100% - 19px); height:16px; margin:6px 0 0 8px; padding:2px 6px 5px 5px; border:none; background-color:#e3e5e5; font-size:12px; color:#4b575a;} /* width:100%-11(좌우패딩)-8(좌마진) */
.set input::-webkit-input-placeholder {color:#4b575a;} /* chrome, safari */
.set input::-moz-placeholder {color:#273538;} /* firefox */
.set input:-moz-placeholder {color:#273538;} /* firefox */
.set input:-ms-input-placeholder {color:#4b575a;} /* explorer */
.btn_set2 {margin-bottom:12px; text-align:center;}
.btn_set2 ul {display:inline-block;}
.btn_set2 li {float:left;}
.btn_set2 li a {margin:0 1px; padding:1px 7px 2px;}
.set_result {padding:0 2px;}
.set_result .gun h2 {padding-top:2px;}
.set_result .gun form {float:right;}
.set_result .gun form .txt {float:left; padding:2px 8px 0 0; font-size:12px; color:#3587ba; line-height:18px;}
.set_result .gun form .select_script {float:left; position:relative; width:50px; height:23px; border:none; background-color:#e3e5e5;}
.set_result .gun form .select_script label {display:block !important; position:absolute; width:calc(100% - 6px); padding:3px 0 0 6px; font-size:12px; color:#4b575a;} /* width:100%-6(좌패딩) */
.set_result .gun form .select_script label:after {content:'▼'; position:absolute; top:0; right:0; width:23px; padding-top:3px; font-size:10px; color:#4b575a; text-align:center;}
.set_result .gun form .select_script select {width:100%; height:100%; color:#4b575a; opacity:0;}
.set_result .page_bx {padding:18px 0 16px;}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ 설정_지도 선택 */
.select_map .title {float:left; height:18px; margin-top:16px; padding-left:33px; background:url(/smgis2/file/imgs/ico/title_select_map.png) 10px 0 no-repeat; font-weight:600; font-size:16px; color:#273538; line-height:15px; letter-spacing:-1px; word-spacing:-1.5px;}
.select_map .btn a {float:right; margin:14px 10px 0 0;}

.bgmap {padding:0 5px 14px;}
.bgmap h2 {margin:0 5px; padding-bottom:2px; background:url(/smgis2/file/imgs/ico/line_stitle.png) 0 8px repeat-x; font-weight:600; font-size:13px; color:#3587ba; line-height:15px; letter-spacing:-0.5px; word-spacing:-1px;}
.bgmap h2 span {padding:0 6px 0 10px; background-color:#fff !important; background:url(/smgis2/file/imgs/ico/dot_setting.png) 0 1px no-repeat;}
.bgmap ul {padding-top:7px;}
.bgmap li {float:left; width:50%; text-align:center;}
.bgmap li img {width:145px; height:auto;}
.bgmap li span {float:left; margin:0 0 0 5px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.bgmap li span {float:left; margin:1px 0 0 5px;}} /* 크롬 핵 */
.bgmap li label {padding-left:16px; font-size:12px; color:#4b575a;}
.mapset {padding:0 5px 16px;}
.mapset h2 {margin:0 5px; padding-bottom:2px; background:url(/smgis2/file/imgs/ico/line_stitle.png) 0 8px repeat-x; font-weight:600; font-size:13px; color:#3587ba; line-height:15px; letter-spacing:-0.5px; word-spacing:-1px;}
.mapset h2 span {padding:0 6px 0 10px; background-color:#fff !important; background:url(/smgis2/file/imgs/ico/dot_setting.png) 0 1px no-repeat;}
.mapset .ico {margin:13px 11px 0; padding:2px 0 16px; background-color:#f7f7f7;}
.mapset .ico ul {padding-top:16px;}
.mapset .ico li {float:left; width:33.3%; text-align:center; cursor:pointer;}
.mapset .ico li.off span {display:block; width:56px; height:56px; margin:0 auto; border-radius:8px; border:2px solid #b4b8ba; background-color:#fff !important;}
.mapset .ico li.off span.border {background:url(/smgis2/file/imgs/ico/map_border.png) no-repeat;}
.mapset .ico li.off span.border2 {background:url(/smgis2/file/imgs/ico/map2_border.png) no-repeat;}
.mapset .ico li.off span.border3 {background:url(/smgis2/file/imgs/ico/map3_border.png) no-repeat;}
.mapset .ico li.off span.border4 {background:url(/smgis2/file/imgs/ico/map4_border.png) no-repeat;}
.mapset .ico li.off span.border5 {background:url(/smgis2/file/imgs/ico/map5_border.png) no-repeat;}
.mapset .ico li.off span.border6 {background:url(/smgis2/file/imgs/ico/map6_border.png) no-repeat;}
.mapset .ico li.off:hover span, .mapset .ico li.on span {display:block; width:56px; height:56px; margin:0 auto; border-radius:8px; border:2px solid #3587ba; background-color:#3587ba !important;}
.mapset .ico li.off:hover span.border, .mapset .ico li.on span.border {background:url(/smgis2/file/imgs/ico/map_border_on.png) no-repeat;}
.mapset .ico li.off:hover span.border2, .mapset .ico li.on span.border2 {background:url(/smgis2/file/imgs/ico/map2_border_on.png) no-repeat;}
.mapset .ico li.off:hover span.border3, .mapset .ico li.on span.border3 {background:url(/smgis2/file/imgs/ico/map3_border_on.png) no-repeat;}
.mapset .ico li.off:hover span.border4, .mapset .ico li.on span.border4 {background:url(/smgis2/file/imgs/ico/map4_border_on.png) no-repeat;}
.mapset .ico li.off:hover span.border5, .mapset .ico li.on span.border5 {background:url(/smgis2/file/imgs/ico/map5_border_on.png) no-repeat;}
.mapset .ico li.off:hover span.border6, .mapset .ico li.on span.border6 {background:url(/smgis2/file/imgs/ico/map6_border_on.png) no-repeat;}
.mapset .ico li p a {display:block; padding-top:7px; font-size:12px; color:#4b575a; letter-spacing:-1px; word-spacing:-1px;}
/* 모바일 */
@media (max-width:991px) {
    .bgmap li img {width:calc(100% - 10px); height:auto;} /* width:100%-10(좌우패딩) */
}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 디지털 이정표 */
.signpost {position:relative; width:800px; height:100%; margin:0 auto;}
.signpost .title {padding:10px 0 11px 14px; background-color:#3587ba;}
.signpost .title h4 {float:left; height:24px; padding-left:32px; background:url(/smgis2/file/imgs/ico/title_distance.png) no-repeat; font-weight:normal; font-size:18px; color:#fff; line-height:21px; letter-spacing:-1px; word-spacing:-1.5px;}
.signpost .title .btn_close a {float:right; width:17px; height:17px; margin:4px 14px 0 0; background:url(/smgis2/file/imgs/ico/close_pop.png) no-repeat;}
.signpost .info {z-index:10000;position:absolute; bottom:0; left:0; width:100%; padding-bottom:12px; background-color:rgba(0,0,0,0.9);}
.signpost .info h5 {margin:14px 14px 2px; font-size:16px; color:#fff; line-height:23px;}
.signpost .info h5 span.btn a {margin:5px;float:right; padding:2px 7px 5px 6px !important; font-weight:normal; letter-spacing:-0.5px; word-spacing:-1px;}
.signpost .info h5 span.btn_close a {border:none;float:right; width:17px; height:17px; margin:4px 0 0 14px; background:url(/smgis2/file/imgs/ico/close_pop.png) no-repeat;}
.signpost .info dl {margin:0 16px; padding-top:9px;}
.signpost .info dt {display:inline-block; border-top:1px solid #3587ba; font-size:14px; color:#3587ba; line-height:18px; letter-spacing:-0.5px;}
.signpost .info dd {padding-top:1px; font-size:13px; color:#848c8e; line-height:19px;}
.signpost .pic {display:inline-block; margin:0 auto; padding-top:18px;}
.signpost .pic li {float:left;}
.signpost .pic li.prev a, .signpost .pic li.next a {float:left; width:34px; height:124px;}
.signpost .pic li.prev a {margin-right:10px; background:url(/smgis2/file/imgs/ico/prev.png) no-repeat;}
.signpost .pic li.next a {margin-left:10px; background:url(/smgis2/file/imgs/ico/next.png) no-repeat;}
.signpost .pic li a img {width:184px; height:124px; margin:0 10px;}
/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 팝업 */
.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:19991;}
.pop_bg3 {position:absolute; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.17); z-index:10001;}
@media (max-width:991px) {
    .mscroll {overflow:auto !important; height:calc(100% - 31px);} /* height:100%-31(타이틀) */
}
/* 분야별 지도 서비스 */
.p_service {position:absolute; top:0; left:50%; width:990px; height:100%; margin-left:-495px; background-color:#fff;}
.p_service .title {padding:11px 0 10px 14px; background-color:#3587ba;}
.p_service .title h4 {float:left; height:24px; padding-left:29px; background:url(/smgis2/file/imgs/ico/title_service.png) no-repeat; font-weight:normal; font-size:18px; color:#fff; line-height:22px; letter-spacing:-1px;}
.p_service .title .btn_close a {float:right; width:17px; height:17px; margin:3px 14px 0 0; background:url(/smgis2/file/imgs/ico/close_pop.png) no-repeat;}
.choice3 {margin:0 14px; padding-bottom:16px;}
.choice3 .sort {padding-top:2px;}
.choice3 .sort .txt {float:left; width:61px; padding:4px 0 0 9px; font-weight:600; font-size:15px; color:#3587ba; line-height:20px; word-spacing:-2px;}
.choice3 .sort ul {float:left; width:calc(100% - 124px);} /* width:100%-124(좌측영역) */
.choice3 .sort li {float:left; margin:0 0 2px 2px;}
.choice3 .sort .btn a {float:left; padding:4px 11px 5px; border:2px solid #3587ba; font-size:13px; color:#3587ba; line-height:15px; text-align:center;}
.choice3 .sort .on a {padding:6px 13px 7px !important; border:none !important; background:url(/smgis2/file/imgs/ico/check_service.png) right 0 no-repeat; background-color:#3587ba; color:#fff !important;}
.choice3 .tag {padding-top:6px;}
.choice3 .tag .txt {float:left; width:61px; padding:4px 0 0 9px; font-weight:600; font-size:15px; color:#9d9d97; line-height:20px; word-spacing:-2px;}
.choice3 .tag .btn a {float:left; padding:4px 11px 5px; border:2px solid #9d9d97; background-color:#fff; font-size:13px; color:#5f5f58; line-height:15px; text-align:center;}
.choice3 .tag .on a {padding:6px 13px 7px !important; border:none !important; background:url(/smgis2/file/imgs/ico/check_service.png) right 0 no-repeat; background-color:#9d9d97; color:#fff !important;}
.choice3 .tag ul {float:left; width:calc(100% - 70px);} /* width:100%-70(좌측영역) */
.choice3 .tag li {float:left; margin:0 0 2px 2px;}
.choice3 .search {padding-top:6px;}
.choice3 .search .txt {float:left; width:63px; padding:6px 0 0 9px; font-weight:600; font-size:15px; color:#9d9d97; line-height:20px; word-spacing:-2px;}
.choice3 .search div {float:left; position:relative; width:calc(50% - 72px);} /* width:50%-70(좌측영역) */
.choice3 .search div input[type="text"] {width:calc(100% - 24px); padding:5px 10px 5px; border:2px solid #dfdfdd; background-color:#fff; font-size:14px; color:#273538; word-spacing:-2px;} /* width:100%-20(좌우패딩)-4(좌우패딩) */
@media screen and (-webkit-min-device-pixel-ratio:0) {.choice3 .search div input[type="text"] {padding:5px 10px 6px;}} /* 크롬 핵 */
.choice3 .search div button[type="button"] {position:absolute; top:6px; right:6px; width:21px; height:21px; border:none; background:url(/smgis2/file/imgs/ico/search_sevice.png) no-repeat; cursor:pointer;}
.choice3 .search div input::-webkit-input-placeholder {color:#8d9496;} /* chrome, safari */
.choice3 .search div input::-moz-placeholder {color:#273538;} /* firefox */
.choice3 .search div input:-moz-placeholder {color:#273538;} /* firefox */
.choice3 .search div input:-ms-input-placeholder {color:#8d9496;} /* explorer */
.choice3 .search div input:focus::-webkit-input-placeholder {color:transparent;} /* chrome, safari */
.choice3 .search div input:focus::-moz-placeholder {color:transparent;} /* firefox */
.choice3 .search div input:focus:-moz-placeholder {color:transparent;} /* firefox */
.choice3 .search div input:focus:-ms-input-placeholder {color:transparent;} /* explorer */
.p_service .category {height:34px; margin:0 14px; padding:0 0 0 0; border-top:2px solid #384f70; border-bottom:2px solid #384f70; font-size:15px; color:#384f70; letter-spacing:-1px; cursor:pointer; display:flex; flex-direction:row; justify-content:center; align-items:center;}
.p_service .category span.arrow {margin-left:5px; border-width:7px 7px 0 7px; border-style:solid; border-color:#384f70 transparent transparent transparent;}
.p_service .category span.arrow2 {margin-left:5px; border-width:0 7px 7px 7px; border-style:solid; border-color:transparent transparent #384f70 transparent;}
.p_service .list {margin:14px 0 0 9px;}
.p_service .list li {float:left; width:32%; margin:0 5px 0; background-color:#f3f3f3;}
.p_service .list li .stitle {padding:4px 5px; background-color:#3587ba; font-size:14px; color:#fff; line-height:19px; text-align:center;}
.p_service .list li .site {height:180px; padding:4px 4px 0; border-top:2px solid #fff;}
.p_service .list li .site img {width:100%; height:100%;}
.p_service .list li .con {min-height:166px; padding:7px 12px 6px; border-bottom:1px solid #3587ba; font-size:12px; color:#4b575a; line-height:19px; letter-spacing:-0.5px;}
.p_service .list li .con p {padding-bottom:2px;}
.p_service .list li .con p.blank {padding-top:2px;}
.p_service .list li .con p span.txt {float:left; font-weight:600; color:#273538;}
.p_service .list li .con p span.txt2 {float:left; *font-weight:600; color:#3587ba;}
.p_service .list li .con p span.txt3 a {float:left; color:#3587ba; text-decoration:underline;}
.p_service .list li .con p span.txt4 {float:left; *font-weight:600; color:#52862C;}
.p_service .list li .con p span.txt5 a {font-weight:600; color:#df772d;}
.p_service .list li .con p span.pc_off, .p_service .list li .con p span.pc_on {float:right; width:21px; margin-right:2px; padding-left:18px;}
.p_service .list li .con p span.pc_off {border:1px solid #848c8e; background:url(/smgis2/file/imgs/ico/pc_off_service.png) 4px 3px no-repeat; color:#848c8e;}
.p_service .list li .con p span.pc_on {border:1px solid #951f34; background:url(/smgis2/file/imgs/ico/pc_on_service.png) 4px 3px no-repeat; color:#951f34;}
.p_service .list li .con p span.mobile_off, .p_service .list li .con p span.mobile_on {float:right; width:40px; padding-left:17px;}
.p_service .list li .con p span.mobile_off {border:1px solid #848c8e; background:url(/smgis2/file/imgs/ico/mobile_off_service.png) 4px 3px no-repeat; color:#848c8e;}
.p_service .list li .con p span.mobile_on {border:1px solid #951f34; background:url(/smgis2/file/imgs/ico/mobile_on_service.png) 4px 3px no-repeat; color:#951f34;}
.p_service .list li .con p span.move a {margin-right:2px; padding:0px 3px 1px; border:1px solid #3587ba; background-color:#3587ba; color:#fff;}
/* 분야별 지도 서비스 사이즈 */
.ph_size3 {padding:14px 0; height:calc(100% - 73px);} /* height:100%-45(타이틀)-28(상하패딩) */
/* 모바일 */
@media (max-width:991px) {
    .p_service {position:absolute; top:0; left:0; width:100%; height:100%; margin-left:0; background-color:#fff;}
    .choice3 .search div {float:left; position:relative; width:calc(100% - 72px);} /* width:100%-72(좌측영역) */
    .p_service .list {margin:0 0 0 14px;}
    .p_service .list li {float:left; width:calc(100% - 14px); margin:14px 0 0; background-color:#f3f3f3;} /* width:100%-14(우마진) */
    .p_service .list li .con {min-height:100%; padding:7px 12px 6px; border-bottom:1px solid #3587ba; font-size:12px; color:#4b575a; line-height:19px; letter-spacing:-0.5px;}
    .p_service .list li .con p span.txt5 a {display:none;}
}
/* 상세보기 */
.p_view {position:absolute; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); left:50%; width:800px; height:81.5vh; margin-left:-400px; background-color:#fff;}
.p_view .title {padding:12px 0 12px 14px; background-color:#3587ba;}
.p_view .title h4 {float:left; height:21px; padding-left:38px; background:url(/smgis2/file/imgs/ico/title2_archiving.png) no-repeat; font-weight:normal; font-size:18px; color:#fff; line-height:21px; letter-spacing:-1px; word-spacing:-1.5px;}
.p_view .title .btn_close a {float:right; width:17px; height:17px; margin:2px 14px 0 0; background:url(/smgis2/file/imgs/ico/close_pop.png) no-repeat;}
.p_view .name {padding:12px 0 12px 12px; background-color:#3587ba;}
.p_view .name h4 {float:left; height:21px; font-weight:normal; font-size:18px; color:#fff; line-height:20px; letter-spacing:-1px; word-spacing:-1.5px;}
.p_view .name .btn_close a {float:right; width:17px; height:17px; margin:2px 14px 0 0; background:url(/smgis2/file/imgs/ico/close_pop.png) no-repeat;}
.p_view .map_bg {width:calc(100% - 68px); height:300px; padding:20px; margin:0 14px 7px; 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:#4b575a; line-height:19px; letter-spacing:-0.5px;} /* width:100%-12(4+8) */
.p_view .info li a {color:#4b575a;}
.p_view .info li a:hover {text-decoration:underline;}
.p_view .info li span {padding-top:1px; border-top:1px solid #3587ba; color:#3587ba;}
.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:17px;}
.p_view .info dt {padding:5px 0 5px; border-top:1px solid #3587ba; border-bottom:1px solid #3587ba; font-size:14px; color:#3587ba; letter-spacing:-0.5px; text-align:center;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.p_view .info dt {padding:5px 0 6px;}} /* 크롬 핵 */
.p_view .info dd {padding-top:9px; font-size:12px; color:#4b575a; line-height:21px;}
.p_view .location {position:relative; width:100%; height:300px;}
.p_view .location .path {position:absolute; bottom:0; left:0; width:calc(100% - 14px); padding:2px 14px 4px 0; background-color:rgba(0,0,0,0.77); font-size:12px; color:#fff; line-height:17px; text-align:right;} /* width:100%-14(우패딩) */
.p_view .location .path span.arrow {line-height:12px !important;}
.p_view .location .general_map a {position:absolute; bottom:33px; right:10px; width:29px; height:29px; border:1px solid #3587ba; background-color:#fff !important; background:url(/smgis2/file/imgs/ico/general_map.png) no-repeat;}
.p_view .location .road_view a {position:absolute; bottom:33px; right:10px; width:29px; height:29px; border:1px solid #3587ba; background-color:#fff !important; background:url(/smgis2/file/imgs/ico/road_view.png) no-repeat;}
.p_view .basic {float:left; padding:0 14px 0;}
.p_view .basic dt {display:inline-block; padding-bottom:7px; border-top:1px solid #3587ba; font-size:14px; color:#3587ba; line-height:18px; letter-spacing:-0.5px;}
.p_view .basic dd {padding-left:10px; background:url(/smgis2/file/imgs/ico/dot_view.png) 0 8px no-repeat; font-size:13px; color:#848c8e; line-height:22px;}
.p_view .basic dd span {color:#4b575a;}
.p_view .basic dd span.sbtn a {margin-left:7px; padding:2px 12px 3px; border-radius:50px; background-color:#4b575a; font-size:12px; color:#fff;}
.p_view .btn {padding:6px 12px 0;}
.p_view .btn li a {float:left; margin:0 2px;}
.p_view .spic {padding:8px 12px 0;}
.p_view .spic li a {float:left; margin:2px;}
.p_view .spic li a img {display:block; width:80px; height:70px; border:1px solid #3587ba;}
.p_view .details {padding:11px 14px 0;}
.p_view .details dt {display:inline-block; padding-bottom:2px; border-top:1px solid #3587ba; font-size:14px; color:#3587ba; line-height:19px; letter-spacing:-0.5px;}
.p_view .details dd.txt {padding-top:4px; font-size:13px; color:#4b575a; line-height:22px;}
.p_view .details dd.txt span {color:#3587ba;}
.p_view .details dd.txt2 {padding:1px 0 9px; border-bottom:1px solid #dfdfdd; font-size:12px; color:#848c8e; line-height:17px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.p_view .details dd.txt2 {padding:2px 0 8px;}} /* 크롬 핵 */
.p_view .comment {padding:5px 14px 0;}
.p_view .comment .txt {padding-bottom:4px; font-size:12px; color:#3587ba; line-height:18px; letter-spacing:-1px;}
.p_view .comment li {float:left;}
.p_view .comment li.write {width:calc(100% - 57px);} /* width:100%-57(우측버튼) */
.p_view .comment li textarea {overflow:hidden; width:calc(100% - 6px); height:51px; padding:3px; border:none; background-color:#f3f3f3; font-size:12px; color:#848c8e; line-height:16px;} /* width:100%-6(좌우패딩) */
.p_view .comment li button[type="button"] {width:57px; height:57px; border:none; background-color:#3587ba; text-align:center; cursor:pointer;}
.p_view .comment li button[type="button"] span {display:block; padding-bottom:2px; font-size:13px; line-height:18px; color:#fff;}
.p_view .comment2 {margin:10px 14px 0; border-top:2px solid #3587ba;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.p_view .comment2 {margin:6px 14px 0;}} /* 크롬 핵 */
.p_view .comment2 li {float:left; border-bottom:1px solid #dfdfdd; font-size:12px; line-height:17px;}
.p_view .comment2 li.nickname {width:90px; color:#4b575a;}
.p_view .comment2 li.con {width:calc(100% - 90px); color:#848c8e;} /* width:100%-90(좌측영역) */
.p_view .comment2 li span {display:block; padding:1px 0 5px 3px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.p_view .comment2 li span {padding:2px 0 4px 3px;}} /* 크롬 핵 */
.p_view .btn2 {text-align:center;}
.p_view .btn2 ul {display:inline-block;}
.p_view .btn2 li {float:left; width:63px; margin:0 1px;}
.p_view .btn3 {float:right; margin:1px 14px 0 0;}
.ph_size {height:calc(100% - 73px); padding:14px 0;} /* height:100%-45(타이틀)-28(상하패딩) */
.ph_size2 {height:calc(100% - 372px); padding:13px 0 14px;} /* height:100%-45(타이틀)-300(위치)-27(위치+상하패딩) */
/* 모바일 */
@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/title2_archiving.png) no-repeat; font-weight:normal; font-size:18px; color:#fff; line-height:21px; letter-spacing:-0.5px; word-spacing:0;}
    .p_view .map_bg {width:calc(100% - 68px); height:20vh; padding:20px; margin:0 14px 6px; 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:2px; border-top:1px solid #3587ba; color:#3587ba;}
}
/* 콘텐츠 신고하기 */
.p_report {position:absolute; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); left:50%; width:300px; margin-left:-151px; border-top:3px solid #3587ba !important; border:1px solid #3587ba; background-color:#fff;}
.p_report .title {float:left; padding:4px 0 0 10px; font-weight:600; font-size:14px; color:#3587ba; letter-spacing:-0.5px; word-spacing:-2px;}
.p_report .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_report .info {padding:0 10px; border-top:1px solid #3587ba;}
.p_report .info .select_script {position:relative; height:23px; margin-top:10px; border:none; background-color:#e3e5e5;}
.p_report .info .select_script label {display:block !important; position:absolute; width:calc(100% - 6px); padding:2px 0 0 6px; font-size:12px; color:#4b575a;} /* width:100%-6(좌패딩) */
.p_report .info .select_script label:after {content:'▼'; position:absolute; top:0; right:0; width:23px; padding-top:4px; font-size:10px; color:#4b575a; text-align:center;}
.p_report .info .select_script select {width:100%; height:100%; color:#4b575a; opacity:0;}
.p_report .info textarea {overflow:auto !important; width:calc(100% - 6px); height:51px; margin-top:10px; padding:3px; border:none; background-color:#e3e5e5; font-size:12px; color:#4b575a; line-height:16px;} /* width:100%-6(좌우패딩) */
.p_report .word {padding-top:9px; font-size:12px; color:#df772d; line-height:18px; text-align:center;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.p_report .word {padding-top:5px;}} /* 크롬 핵 */
.p_report .btn {margin:12px 0 8px;  text-align:center;}
.p_report .btn ul {display:inline-block;}
.p_report .btn li {float:left;}
.p_report .btn li a {margin:0 1px; padding:1px 6px 2px 7px;}
/* 복사 */
.p_copy {position:absolute; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); left:50%; width:300px; margin-left:-151px; border-top:3px solid #3587ba !important; border:1px solid #3587ba; background-color:#fff;}
.p_copy .title {float:left; padding:4px 0 0 10px; font-weight:600; font-size:14px; color:#3587ba; letter-spacing:-0.5px; word-spacing:-2px;}
.p_copy .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_copy .info {padding:0 10px 9px; border-top:1px solid #3587ba;}
.p_copy .info .txt {padding:4px 0; font-size:12px; color:#848c8e; line-height:17px; letter-spacing:-1px; word-spacing:-1px;}
.p_copy .info dl {padding:4px 0 1px;}
.p_copy .info dt {padding-left:10px; background:url(/smgis2/file/imgs/ico/dot_pop.png) 0 5px no-repeat; font-size:12px; color:#3587ba; letter-spacing:-1px; word-spacing:-1px;}
.p_copy .info dd .select_script {float:left; position:relative; width:86px; height:23px; margin:6px 2px 0 0; border:none; background-color:#cdd0d1;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.p_copy .info dd .select_script {margin:5px 2px 0 0;}} /* 크롬 핵 */
.p_copy .info dd .select_script label {display:block !important; position:absolute; width:calc(100% - 6px); padding:2px 0 0 6px; font-size:12px; color:#4b575a;} /* width:100%-6(좌패딩) */
@media screen and (-webkit-min-device-pixel-ratio:0) {.p_copy .info dd .select_script label {padding:3px 0 0 6px;}} /* 크롬 핵 */
.p_copy .info dd .select_script label:after {content:'▼'; position:absolute; top:0; right:0; width:23px; padding-top:4px; font-size:10px; color:#4b575a; text-align:center;}
.p_copy .info dd .select_script select {width:100%; height:100%; color:#4b575a; opacity:0;}
.p_copy .info dd input[type="text"] {margin-top:6px; padding:2px 6px 5px 5px; border:none; background-color:#cdd0d1; font-size:12px; color:#4b575a;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.p_copy .info dd input[type="text"] {margin-top:5px; padding:2px 6px 3px 5px;}} /* 크롬 핵 */
.p_copy .info dd input.iw[type="text"] {width:195px; line-height:18px;}
.p_copy .info dd input.iw2[type="text"] {width:107px; line-height:18px;}
.p_copy .info dd input.iw3[type="text"] {width:calc(100% - 11px); line-height:19px;} /* width:100%-11(좌우패딩) */
@media screen and (-webkit-min-device-pixel-ratio:0) {.p_copy .info dd input.iw3[type="text"] {line-height:18px;}} /* 크롬 핵 */
.p_copy input::-webkit-input-placeholder {color:#4b575a;} /* chrome, safari */
.p_copy input::-moz-placeholder {color:#000;} /* firefox */
.p_copy input:-moz-placeholder {color:#000;} /* firefox */
.p_copy input:-ms-input-placeholder {color:#4b575a;} /* explorer */
.p_copy .info dd ul {float:right; padding-top:6px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.p_copy .info dd ul {padding-top:5px;}} /* 크롬 핵 */
.p_copy .info dd li {float:left;}
.p_copy .info dd li.btn a {margin-left:2px; padding:1px 4px 3px 5px; line-height:17px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.p_copy .info dd li.btn a {padding:2px 4px 2px 5px;}} /* 크롬 핵 */
.p_copy .info dd .point {float:none; padding-top:6px;}
.p_copy .info dd .point li a {float:left; width:81px; padding:1px 4px 5px 5px; font-size:12px; line-height:15px; letter-spacing:-0.5px; word-spacing:-2px; text-align:center;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.p_copy .info dd .point li a {padding:2px 4px 4px 5px;}} /* 크롬 핵 */
.p_copy .info dd .point li.off a {border:1px solid #3587ba; background-color:#3587ba; color:#fff;}
.p_copy .info dd .point li.on a {border:1px solid #24364a; background-color:#24364a; color:#fff;}
.p_copy .info dd .point li.blank {float:left; width:2px; height:1px;}
.p_copy .gu {margin:9px 0 10px; padding:2px 0 4px 4px; border:1px solid #dfdfdd;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.p_copy .gu {margin:9px 0 11px;}} /* 크롬 핵 */
.p_copy .gu li a {float:left; margin-top:2px; width:55px; padding:1px 4px 5px 5px; font-size:12px; line-height:15px; letter-spacing:-0.5px; word-spacing:-2px; text-align:center;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.p_copy .gu li a {padding:2px 4px 4px 5px;}} /* 크롬 핵 */
.p_copy .gu li.off a {border:1px solid #3587ba; background-color:#fff; color:#3587ba;}
.p_copy .gu li.on a {border:1px solid #3587ba; background-color:#3587ba; color:#fff;}
.p_copy .gu li.blank {float:left; width:2px; height:1px;}
.p_copy .url a {display:block; margin:9px 0 1px; padding:1px 4px 5px 5px; background-color:#df772d; font-size:12px; color:#fff; line-height:17px; letter-spacing:-0.5px; word-spacing:-2px; text-align:center;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.p_copy .url a {padding:2px 4px 4px 5px;}} /* 크롬 핵 */
.p_copy .info .smap {margin-top:10px; width:calc(100% - 2px); height:198px; border:1px solid #24364a;} /* width:100%-2(라인) */
.p_copy .info .btn2 {text-align:center;}
.p_copy .info .btn2 ul {display:inline-block;}
.p_copy .info .btn2 li {float:left;}
.p_copy .info .btn2 li a {margin:9px 1px 0; padding:1px 6px 2px 7px;}
.ph_size4 {min-height:114px;}
.ph_size5 {min-height:164px;}
.ph_size6 {height:282px;}
/* 사용인증 */
.p_member {position:absolute; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); left:50%; width:300px; margin-left:-151px; border-top:3px solid #3587ba !important; border:1px solid #3587ba; background-color:#fff;}
.p_member .title {float:left; padding:4px 0 0 10px; font-weight:600; font-size:14px; color:#3587ba; letter-spacing:-0.5px; word-spacing:-2px;}
.p_member .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_member .info {padding:1px 10px 0; border-top:1px solid #3587ba;}
.p_member .info .txt {padding-top:1px;}
.p_member .info .txt p {padding:5px 0 0 10px; background:url(/smgis2/file/imgs/ico/dot2_pop.png) 0 11px no-repeat; font-size:12px; color:#848c8e; line-height:18px; letter-spacing:-1px; word-spacing:-1px;}
.p_member .info .p_sns {padding:5px 0 10px;}
.p_member .info .p_sns ul {font-size:12px; line-height:16px; text-align:center;}
.p_member .info .p_sns li {display:block; height:27px; margin-top:8px; cursor:pointer;}
.p_member .info .p_sns li.facebook {border:1px solid #35528e; background-color:#4267b2; color:#fff;}
.p_member .info .p_sns li.facebook span.ico {position:absolute; left:11px; width:27px; height:27px; border-right:1px solid #35528e; background:url(/smgis2/file/imgs/ico/facebook.png) no-repeat;}
.p_member .info .p_sns li.seoul {width:calc(50% - 6px); border:1px solid #6a7072; background-color:#848c8e; color:#fff;} /* width:50%-6(중앙마진) */
.p_member .info .p_sns li.seoul span.ico {float:left; width:27px; height:27px; border-right:1px solid #6a7072; background:url(/smgis2/file/imgs/ico/seoul.png) no-repeat;}
.p_member .info .p_sns li.naver {border:1px solid #169600; background-color:#1cbb00; color:#fff;}
.p_member .info .p_sns li.naver span.ico {position:absolute; left:11px; width:27px; height:27px; border-right:1px solid #169600; background:url(/smgis2/file/imgs/ico/naver.png) no-repeat;}
.p_member .info .p_sns li.twitter {border:1px solid #448abf; background-color:#55acef; color:#fff;}
.p_member .info .p_sns li.twitter span.ico {position:absolute; left:11px; width:27px; height:27px; border-right:1px solid #448abf; background:url(/smgis2/file/imgs/ico/twitter.png) no-repeat;}
.p_member .info .p_sns li.kakao {border:1px solid #ccb000; background-color:#ffdc00; color:#1e1e1e;}
.p_member .info .p_sns li.kakao span.ico {position:absolute; left:11px; width:27px; height:27px; border-right:1px solid #ccb000; background:url(/smgis2/file/imgs/ico/kakao.png) no-repeat;}
.p_member .info .p_sns li.blank {height:10px;}
.p_member .info .p_sns li span.txt {display:block; padding-top:5px;}
.p_member .info table {margin-top:10px;}
.p_member .info input[type="text"], .p_member .info input[type="password"] {float:left; height:16px; margin:2px; padding:2px 2px 5px 3px; border:none; background-color:#e3e5e5; font-size:12px; color:#4b575a;}
.p_member .info input.iw[type="text"] {width:calc(100% - 69px);} /* width:100%-5(좌우패딩)-4(좌우마진)-60(우측버튼) */
.p_member .info input.iw2[type="text"], .p_member .info input.iw2[type="password"] {width:calc(100% - 9px);} /* width:100%-5(좌우패딩)-4(좌우마진) */
.p_member .info .btn a {float:left; margin-top:2px; padding:1px 5px 2px;}
.p_member .word {padding:9px 0 11px; font-size:12px; color:#df772d; line-height:18px; text-align:center;}
.p_member .btn2 {margin:12px 0 7px; text-align:center;}
.p_member .btn2 ul {display:inline-block;}
.p_member .btn2 li {float:left;}
.p_member .btn2 li a {margin:0 1px; padding:1px 7px 2px;}
/* 등록 */
.p_twrite {position:absolute; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); left:50%; height:auto; border-top:3px solid #3587ba !important; border:1px solid #3587ba; background-color:#fff;}
.p_twrite .border {border-bottom:1px solid #3587ba;}
.p_twrite .border .title {float:left; padding:4px 0 0 10px; font-weight:600; font-size:14px; color:#3587ba; letter-spacing:-0.5px; word-spacing:-2px;}
.p_twrite .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_twrite .info {padding:0 10px;}
.p_twrite .info dl {padding-top:8px;}
.p_twrite .info dl.line {padding-bottom:12px; border-bottom:1px solid #dfdfdd;}
.p_twrite .info dt {height:15px; padding-left:10px; background:url(/smgis2/file/imgs/ico/dot_pop.png) 0 5px no-repeat; font-size:12px; color:#3587ba; letter-spacing:-1px; word-spacing:-1px;}
.p_twrite .info dd input[type="text"] {float:left; height:16px; margin-top:8px; padding:2px 6px 5px 5px; border:none; background-color:#e3e5e5; font-size:12px; color:#4b575a;}
.p_twrite .info dd input.iw[type="text"] {width:calc(100% - 11px);} /* width:100%-11(좌우패딩) */
.p_twrite .info dd input.iw2[type="text"] {width:calc(100% - 131px);} /* width:100%-11(좌우패딩)-110(우측버튼)-10(좌측) */
.p_twrite .info dd input.iw3[type="text"] {width:calc(100% - 235px);} /* width:100%-11(좌우패딩)-177(우측버튼)-47(좌측) */
.p_twrite .info dd input.iw4[type="text"] {width:22px; text-align:center;} /* width:100%-11(좌우패딩)-177(우측버튼)-47(좌측) */
.p_twrite .info dd .pin {height:418px; margin-top:12px;}
.p_twrite .info dd .pin li {float:left; width:20%; padding:5px 0; text-align:center;}
.p_twrite .info dd .pin li img {width:34px; height:34px;}
.p_twrite .info dd .pin li span {display:block; width:100%; margin:0; padding:0;}
.p_twrite .info dd.wform {height:17px; padding-top:7px;}
.p_twrite .info dd.wform span {float:left; padding-right:14px;}
.p_twrite .info dd.wform span label {float:left; font-size:12px; color:#4b575a;}
.p_twrite .info dd textarea {overflow:auto !important; float:left; width:calc(100% - 48px); height:51px; margin-top:8px; padding:3px; border:none; background-color:#e3e5e5; font-size:12px; color:#4b575a; line-height:16px;} /* width:100%-6(좌우패딩)-42(우측버튼) */
.p_twrite .info dd span.txt {float:left; padding:11px 10px 0 3px; font-size:12px; color:#4b575a;}
.p_twrite .info dd span.txt2 {float:left; padding:11px 7px 0 10px; font-size:12px; color:#4b575a; letter-spacing:-1px; word-spacing:-1px;}
.p_twrite .info dd .btn a {position:absolute; top:calc(50% + 4px); -webkit-transform:translateY(-50%); transform:translateY(-50%); right:0; padding:1px 5px 2px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.p_twrite .info dd .btn a {padding:0 5px 2px;}} /* 크롬 핵 */
.p_twrite .info dd .btn2 {float:right; margin:8px 62px 0 0;}
.p_twrite .info dd .btn2 li {float:left;}
.p_twrite .info dd .btn2 li a {margin-left:2px; padding:2px 5px 3px;}
.p_twrite .info dd .btn3 {float:left; margin:8px 0 0 20px;}
.p_twrite .info dd .btn3 li {float:left;}
.p_twrite .info dd .btn3 li a {margin-right:2px; padding:1px 5px 2px;}
.p_twrite .info2 {padding:0 10px;}
.p_twrite .info2 table {margin-bottom:10px;}
.p_twrite .info2 table:last-child {margin-bottom:0;}
.p_twrite .info2 input[type="text"] {float:left; height:16px; margin:2px 0 2px 2px; padding:2px 2px 5px 3px; border:none; background-color:#e3e5e5; font-size:12px; color:#4b575a;}
.p_twrite .info2 input.readonly[type="text"] {background-color:#c5c8c9; color:#4b575a;}
.p_twrite .info2 input.iw[type="text"] {width:calc(100% - 9px);} /* width:100%-5(좌우패딩)-4(좌우마진) */
.p_twrite .info2 input.iw2[type="text"] {width:calc(100% - 129px);} /* width:100%-5(좌우패딩)-2(좌마진)-122(우측버튼) */
.p_twrite .info2 input.iw3[type="text"] {width:calc(38% - 9px); font-size:11px; padding:3px 2px 4px 3px !important;} /* width:38%-5(좌우패딩)-4(좌우마진) */
.p_twrite .info2 input.iw4[type="text"] {width:calc(16% - 9px); padding:3px 2px 4px 3px !important;} /* width:100%-5(좌우패딩)-4(좌우마진) */
.p_twrite .info2 input.iw5[type="text"] {width:calc(30% - 9px); font-size:11px; padding:3px 2px 4px 3px !important;} /* width:38%-5(좌우패딩)-4(좌우마진) */
.p_twrite .info2 .select_script {float:left; position:relative; width:calc(100% - 124px); height:23px; margin:2px; border:none; background-color:#e3e5e5;} /* width:100%-4(좌우마진)-120(우측버튼) */
.p_twrite .info2 .select_script label {display:block !important; position:absolute; width:calc(100% - 6px); padding:2px 0 0 6px; font-size:12px; color:#4b575a;} /* width:100%-6(좌패딩) */
.p_twrite .info2 .select_script label:after {content:'▼'; position:absolute; top:0; right:0; width:23px; padding-top:3px; font-size:10px; color:#4b575a; text-align:center;}
.p_twrite .info2 .select_script select {width:100%; height:100%; color:#4b575a; opacity:0;}
.p_twrite .info2 td.wform {height:27px; padding-left:5px;}
.p_twrite .info2 td.wform label {margin-right:8px;}
.p_twrite .info2 .upload {padding:2px;}
.p_twrite .info2 .upload2 {margin:0 2px;}
.p_twrite .info2 .upload2 li {float:left; text-align:center;}
.p_twrite .info2 .upload2 li img {width:44px; height:44px; border:1px solid #a0a2a3; margin:0 2px;}
.p_twrite .info2 .upload2 li span {padding:3px 0 4px;}
.p_twrite .info2 .upload2 li span a {display:inline-block; width:38px; padding:2px 0; background-color:#848c8e; font-size:12px; color:#fff; line-height:15px;}
.p_twrite .info2 .tag {padding:1px;}
.p_twrite .info2 .tag li a {float:left; margin:1px; padding:2px 6px; font-size:12px; line-height:15px; text-align:center;}
.p_twrite .info2 .tag li.off a {border:1px solid #3587ba; background-color:#fff; color:#3587ba;}
.p_twrite .info2 .tag li.on a {border:1px solid #3587ba; background-color:#3587ba; color:#fff;}
.p_twrite .info2 .tag2 {width:calc(100% - 9px); min-height:17px; margin:0 2px 2px; padding:2px 2px 4px 3px; background-color:#c5c8c9; color:#4b575a;} /* width:100%-5(좌우패딩)-4(좌우마진) */
.p_twrite .info2 div.wform {float:left; height:23px; padding:4px 0 0 5px;}
.p_twrite .info2 div.wform label {margin-right:8px;}
.p_twrite .info2 .time {float:left;}
.p_twrite .info2 .time span.date {float:left; width:18px; height:23px; margin-left:2px; padding:0; background:url(/smgis2/file/imgs/ico/ico_date.png) 0 4px no-repeat; font-size:0; cursor:pointer;}
.p_twrite .info2 .time span.txt {float:left; padding:4px 8px 6px 10px;}
.p_twrite .info2 textarea {overflow:auto !important; float:left; width:calc(100% - 10px); margin:2px; height:51px; padding:3px; border:none; background-color:#e3e5e5; font-size:12px; color:#4b575a; line-height:16px;} /* width:100%-6(좌우패딩)-4(좌우마진) */
.p_twrite .info2 .btn a {float:left; margin:2px 0 2px 2px; padding:1px 5px 2px;}
.p_twrite .info2 .btn2 a {float:left; margin:0 0 4px 2px; padding:1px 5px 2px;}
.p_twrite .btn4 {margin:12px 10px 0 0;}
.p_twrite .btn4 a {float:right; padding:1px 5px 2px;}
.p_twrite .btn5 {margin:11px 0 8px; text-align:center;}
.p_twrite .btn5 ul {display:inline-block;}
.p_twrite .btn5 li {float:left;}
.p_twrite .btn5 li a {margin:0 1px; padding:1px 7px 2px;}
.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 #3587ba !important; border:1px solid #3587ba; background-color:#fff;}
.p_stwrite .border {border-bottom:1px solid #3587ba;}
.p_stwrite .border .title {float:left; padding:4px 0 0 10px; font-weight:600; font-size:14px; color:#3587ba; 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:#3587ba; 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 #3587ba; 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:0 solid #112b3c; border-radius:0; background-color:rgba(53,135,186,0.0);}
.p_stwrite .btn {margin:11px 0 9px; text-align:center;}
.p_stwrite .btn ul {display:inline-block;}
.p_stwrite .btn li {float:left;}
.p_stwrite .btn li a {margin:0 1px; padding:1px 7px 2px;}
.pw_size {width:320px; margin-left:-161px;}
.pw_size2 {width:420px; margin-left:-211px;}
.ph_size7 {min-height:290px;}
.ph_size8 {max-height:599px;}
.ph_size11 {height:626px;}
.ph_size12 {height:540px; margin-top:10px;}
/* 모바일 */
@media (max-width:991px) {
    .p_twrite {position:absolute; top:0; -webkit-transform:none; transform:none; left:0; height:100%; border-top:3px solid #3587ba !important; border:none; background-color:#fff;}
    .p_twrite .info dd .pin {height:100%; margin-top:12px;}
    .p_twrite .info dd span.txt2 {float:left; padding:11px 7px 0 5px; font-size:12px; color:#4b575a; letter-spacing:-1px; word-spacing:-1px;}
    .p_twrite .btn5 {margin:12px 0 8px; text-align:center;}
    .p_stwrite {position:absolute; top:0; -webkit-transform:none; transform:none; left:0; width:100%; height:100%; margin-left:0; border-top:3px solid #3587ba !important; border:none; background-color:#fff;}
    .p_stwrite .info {height:auto; padding:10px 10px 2px;}
    .pw_size {width:100%; margin-left:0;}
    .pw_size2 {width:100%; margin-left:0;}
    .ph_size7 {min-height:inherit;}
    .ph_size8 {max-height:inherit;}
    .ph_size11 {height:100%;}
    .ph_size12 {height:auto; margin-top:10px;}
}
/* 이미지 URL 등록 */
.p_url {position:absolute; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); left:50%; width:300px; margin-left:-151px; border-top:3px solid #3587ba !important; border:1px solid #3587ba; background-color:#fff;}
.p_url .title {float:left; padding:4px 0 0 10px; font-weight:600; font-size:14px; color:#3587ba; letter-spacing:-0.5px; word-spacing:-2px;}
.p_url .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_url .info {padding:0 10px; border-top:1px solid #3587ba;}
.p_url .info input[type="text"] {width:269px; margin-top:10px; padding:0 6px 7px 5px; border:none; background-color:#e3e5e5; font-size:12px; color:#4b575a; line-height:18px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.p_url .info input[type="text"] {margin-top:5px; padding:1px 6px 4px 5px;}} /* 크롬 핵 */
.p_url .word {padding-top:9px; font-size:12px; color:#df772d; line-height:18px; letter-spacing:-1px; text-align:center;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.p_report .word {padding-top:5px;}} /* 크롬 핵 */
.p_url .btn {margin:12px 0 8px;  text-align:center;}
.p_url .btn ul {display:inline-block;}
.p_url .btn li {float:left;}
.p_url .btn li a {margin:0 1px; padding:1px 6px 2px 7px;}

.ph_size9 {height:234px;}
.ph_size10 {height:376px;}

/* 메인 공지 */
.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;}
}
/* 지도시각화 */
.p_visualmap {position:absolute; top:52px; right:52px; width:294px; border-top:3px solid #3587ba !important; border:1px solid #3587ba; background-color:#fff; z-index:1;}
.p_visualmap .title {float:left; padding:4px 0 0 10px; font-weight:600; font-size:14px; color:#3587ba; letter-spacing:-0.5px; word-spacing:-2px;}
.p_visualmap .btn_close a {float:right; width:21px; height:21px; margin:4px 6px 4px 0; border:none; background:url(/smgis2/file/imgs/ico/close2_pop.png) no-repeat;}
.p_visualmap .info {padding:12px 7px 6px; border-top:1px solid #3587ba;}
.p_visualmap .info li {float:left; position:relative; width:25%; padding-bottom:5px; text-align:center; cursor:pointer;}
.p_visualmap .info li img {margin-top:2px; width:56px; height:56px; opacity:0.50; filter:alpha(opacity=50);}
.p_visualmap .info li img.ico {opacity:1.0; filter:alpha(opacity=100);}
.p_visualmap .info li img.check {position:absolute; top:0; left:7px; width:56px; height:56px; margin-top:2px; border:0 solid #112b3c; border-radius:0; background-color:rgba(53,135,186,0.0); opacity:1.0; filter:alpha(opacity=100);}
.p_visualmap .info li span {display:inline-block; font-size:12px; color:#848c8e; line-height:19px; letter-spacing:-1px; word-spacing:-1.5px;}
.p_visualmap .info li span.check {font-weight:bold; color:#112b3c;}
/* 모바일 */
@media (max-width:991px) {
    .p_visualmap {position:absolute; top:44px; right:44px; width:294px; border-top:3px solid #3587ba !important; border:1px solid #3587ba; background-color:#fff; z-index:1;}
}
/* 범례 */
.p_legend {position:absolute; top:82px; z-index:999;}
.p_legend .my {position:relative; float:left; width:304px; margin-right:10px; border-top:3px solid #3587ba !important; border:1px solid #3587ba; background-color:#fff; z-index:1;}
.p_legend .my .title {float:left; padding:5px 0 0 10px; font-weight:600; font-size:14px; color:#3587ba; letter-spacing:-0.5px; word-spacing:-2px;}
.p_legend .my .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_legend .my .info {max-height:calc(100vh - 200px); margin-bottom:37px; padding:10px 10px 10px; border-top:1px solid #3587ba;}
.p_legend .my .info .bx {margin-top:10px; border:1px solid #d1e1eb;}
.p_legend .my .info .bx:first-child {margin-top:0;}
.p_legend .my .info .theme {padding:6px 8px 7px !important;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.p_legend .my .info .theme {padding:7px 8px 6px !important;}} /* 크롬 핵 */
.p_legend .my .info .theme .type_l {padding:0 !important;}
.p_legend .my .info .theme .type_l div dl {cursor:text !important;}
.p_legend .my .info .theme .type_l div dl:hover dt {text-decoration:none !important;}
.p_legend .my .info .theme .type_l div {position:relative; padding-bottom:5px !important;}
.p_legend .my .info .theme .type_g {padding:0 1px 1px !important;}
.p_legend .my .info .theme .type_g ul {padding:8px 0 0 !important;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.p_legend .my .info .theme .type_g ul {padding:7px 0 0 !important;}} /* 크롬 핵 */
.p_legend .my .info .theme .type_g li img.all {width:52px; height:52px; border:2px solid #3587ba; border-radius:9px;}
.p_legend .my .btn a {position:absolute; bottom:10px; left:10px; width:calc(100% - 22px); padding:3px 0 4px; text-align:center;} /* width:100%-22(좌우패딩) */
.p_legend .display {position:relative; float:left; width:208px; border-top:3px solid #3587ba !important; border:1px solid #3587ba; background-color:#fff; z-index:1;}
.p_legend .display .border {border-bottom:1px solid #3587ba;}
.p_legend .display .border .title {float:left; padding:5px 0 0 10px; font-weight:600; font-size:14px; color:#3587ba; letter-spacing:-0.5px; word-spacing:-2px;}
.p_legend .display .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_legend .display .info {height:350px; padding:8px 10px 8px;}
.p_legend .display .info dl.line {margin-bottom:8px; border-bottom:1px solid #dfdfdd;}
.p_legend .display .info dl.line:last-child {margin-bottom:0; border-bottom:none}
.p_legend .display .info dl.line img {width:270px; height:100%; margin:10px 0 10px;}
.p_legend .display .info dl.line:last-child img {margin:10px 0 2px;}
.p_legend .display .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;}
.p_legend .display .info dd.line {margin-top:10px; padding:0 0 0; border-top:1px solid #dfdfdd;}
/* 모바일 */
@media (max-width:991px) {
	.p_legend {z-index:5999;}
    #smDiv_certifyInfoWrap {z-index:9990;}
    .p_legend .my, .p_legend .MyMaps, .p_legend .display {
        position: fixed;
        top: 70px;
        left: 6px;
        width: 304px;
        border-top: 3px solid #3587ba !important;
        border: 1px solid #3587ba;
        background-color: #fff;
        z-index: 1;
    }
}
/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 버튼 */
.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;}
.map_type {position:absolute; top:47px; right:103px; border:1px solid #3587ba; background-color:#fff; z-index:998;}
.map_type li {float:left;}
.map_type li a {display:block; width:75px; height:21px; padding-top:2px; font-size:12px; line-height:18px; letter-spacing:-0.5px; word-spacing:-2px; text-align: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:#3587ba; color:#fff;}
.btn_group {position:absolute; top:47px; right:10px; width:83px; z-index:998;}
.btn_group li a {display:block; float:right; width:40px; height:40px; margin-left:41px; border:1px solid #3587ba; border-top:none !important; background-size:100% 100% !important; background-color:#fff !important;}
.btn_group li:first-child a {border-top:1px solid #3587ba !important; border-right:none !important;}
.btn_group li.select_map a {float:left !important; margin-left:0 !important; background:url(/smgis2/file/imgs/ico/select_map.png) no-repeat;} /* 지도 설정 */
.btn_group li.select_map + li {border-top:1px solid #3587ba !important;} /* 지도 설정 */
.btn_group li.display_map a {float:left !important; margin-left:0 !important; background:url(/smgis2/file/imgs/ico/display_map.png) no-repeat;} /* 지도 전시관 */
.btn_group li.setup a {background:url(/smgis2/file/imgs/ico/set.png) no-repeat;} /* 설정 */
.btn_group li.radius a {display:block; background:url(/smgis2/file/imgs/ico/radius.png) no-repeat;} /* 반경 재기 off */
.btn_group li.radius_on a {display:block; background-color:#3587ba !important; background:url(/smgis2/file/imgs/ico/radius_on.png) no-repeat;} /* 반경 재기 on */
.btn_group li.distance a {display:block; background:url(/smgis2/file/imgs/ico/distance.png) no-repeat;} /* 거리 재기 off */
.btn_group li.distance_on a {display:block; background-color:#3587ba !important; background:url(/smgis2/file/imgs/ico/distance_on.png) no-repeat;} /* 거리 재기 on */
.btn_group li.save a {background:url(/smgis2/file/imgs/ico/save.png) no-repeat;} /* 지도 저장 */
.btn_group li.link a {background:url(/smgis2/file/imgs/ico/link.png) no-repeat;} /* 화면 복사 */
.btn_group li.seoul_line.off a {background:url(/smgis2/file/imgs/ico/seoul_line_off.png) no-repeat;} /* 시경계 off */
.btn_group li.seoul_line.on a {background-color:#3587ba !important; background:url(/smgis2/file/imgs/ico/seoul_line_on.png) no-repeat;} /* 시경계 on */
.btn_group li.visualMap a {background:url(/smgis2/file/imgs/ico/visualmap.png) no-repeat;} /* 지도 시각화 off */
.btn_group li.visualMap_on a {background-color:#3587ba !important; background:url(/smgis2/file/imgs/ico/visualmap_on.png) no-repeat;} /* 지도 시각화 on */
.btn_group li.location a, .btn_group li.plus a, .btn_group li.minus a {width:29px !important; height:29px !important; margin-right:5px; border-top:1px solid #3587ba !important;}
.btn_group li.location a {margin-top:20px; background:url(/smgis2/file/imgs/ico/location.png) no-repeat;} /* 현재 위치 */
.btn_group li.plus a {margin-top:2px; background:url(/smgis2/file/imgs/ico/plus.png) no-repeat;} /* 지도 확대 */
.btn_group li.minus a {margin-top:2px; background:url(/smgis2/file/imgs/ico/minus.png) no-repeat;} /* 지도 축소 */
.legend, .legend2 {float:left; margin-right:10px;}
.legend a, .legend2 a {width:68px; height:28px; border:1px solid #3587ba; background-color:#fff; display:flex; flex-direction:row; justify-content:center; align-items:center;}
.legend a span, .legend2 a span {display:block; padding-bottom:2px; font-weight:600; font-size:13px; color:#3587ba; letter-spacing:-0.5px; word-spacing:-2px;}
.m_open a {display:none;}
/* 모바일 */
@media (max-width:991px) {
    .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:2px 5px 3px 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:2px 5px 3px 21px; border:1px solid #cdd0d1; background:url(/smgis2/file/imgs/ico/copy2_citymap.png) 4px 6px no-repeat; color:#848c8e; line-height:17px !important;}
    .btn_O a {padding:2px 7px 3px 6px; border:1px solid #df772d; background-color:#df772d; line-height:16px !important; color:#fff;}
    .btn_P a {padding:2px 7px 3px 6px; border:1px solid #df772d; background-color:#fff; line-height:16px !important; color:#df772d;}
    .btn_Q a {padding:2px 7px 3px 6px; border:1px solid #a84f4c; background-color:#a84f4c; line-height:16px !important; color:#fff}
    .btn_R a {padding:2px 7px 2px; border:1px solid #3587ba; background-color:#3587ba; color:#fff;}
    .map_type {position:absolute; top:47px; right:92px; border:1px solid #3587ba; background-color:#fff; z-index:998;}
    .map_type li a {display:block; width:70px; height:21px; padding-top:2px; font-size:12px; line-height:18px; letter-spacing:0; word-spacing:-2px; text-align:center;}
    .btn_group {position:absolute; top:47px; right:10px; width:75px; z-index:998;}
    .btn_group li a {display:block; float:right; width:36px; height:36px; margin-left:41px; border:1px solid #3587ba; border-top:none !important; background-color:#fff !important;}
    .btn_group li.radius a {display:none;} /* 반경 재기 */
    .btn_group li.distance a {display:none;} /* 거리 재기 */
    .btn_group li.location a, .btn_group li.plus a, .btn_group li.minus a {width:29px !important; height:29px !important; margin-right:4px; border-top:1px solid #3587ba !important;}
    .btn_group li.location a {margin-top:15px; background:url(/smgis2/file/imgs/ico/location.png) no-repeat;} /* 현재 위치 */
    .legend {position:fixed; top:120px; left:10px;}
    .legend2 {position:fixed; top:155px; left:10px;}
    .legend a, .legend2 a {width:58px; height:28px; border:1px solid #3587ba; background-color:#fff; display:flex; flex-direction:row; justify-content:center; align-items:center;}
    .legend a span, .legend2 a span {display:block; padding-bottom:2px; font-weight:600; font-size:13px; color:#3587ba; letter-spacing:-1px; word-spacing:-2px;}
    .m_open a {display:block; position:absolute; top:84px; left:10px; width:29px; height:29px; border:1px solid #3587ba; background-color:#fff !important; background:url(/smgis2/file/imgs/ico/m_open.png) no-repeat; z-index:997}
}
/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 기타 */
input[type="checkbox"] {overflow:hidden; position:absolute; width:1px; height:1px; margin:-1px; padding:0; border:0; clip:rect(0,0,0,0);}
input[type="checkbox"] + label {display:inline-block; position:relative; font-size:12px; line-height:18px; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none;}
input[type="checkbox"] + label:before {content:""; display:inline-block; width:13px; height:13px; margin:-1px 4px 0 0; border:1px solid #3587ba; background:#fff; line-height:13px; text-align:center; vertical-align:middle;}
input[type="checkbox"]:checked + label:before {content:"\2714"; font-size:12px; color:#3587ba;}
.bgmap input[type="radio"] {overflow:hidden; position:absolute; width:1px; height:1px; margin:-1px; padding:0; border:0; clip:rect(0,0,0,0);}
.bgmap input[type="radio"] + label {display:inline-block; position:relative; letter-spacing:-1px; word-spacing:-1px; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none;}
.bgmap input[type="radio"] + label:before {content:""; position:absolute; top:0; left:0; width:9px; height:9px; margin-top:3px; border:1px solid #777f81; border-radius:100%; background:#fff; text-align:center;}
.bgmap input[type="radio"]:checked + label:before {border-color:#777f81; background:#fff;}
.bgmap input[type="radio"]:checked + label:after {content:""; position:absolute; top:6px; left:3px; width:5px; height:5px; border-radius:100%; background:#777f81;}
.wform input[type="radio"] {overflow:hidden; position:absolute; width:1px; height:1px; margin:-1px; padding:0; border:0; clip:rect(0,0,0,0);}
.wform input[type="radio"] + label {display:inline-block; position:relative; top:1px; padding-left:15px; line-height:14px; letter-spacing:-1px; word-spacing:-1px; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none;}
.wform input[type="radio"] + label:before {content:""; position:absolute; top:0; left:0; width:10px; height:10px; margin-top:2px; border:1px solid #777f81; border-radius:100%; background:#fff; text-align:center;}
.wform input[type="radio"]:checked + label:before {border-color:#777f81; background:#fff;}
.wform input[type="radio"]:checked + label:after {content:""; position:absolute; top:5px; left:3px; width:6px; height:6px; border-radius:100%; background:#777f81;}
/* table {width:100%; border-top:1px solid #5399c4; border-bottom:1px solid #5399c4; letter-spacing:-0.5px; word-spacing:-2px; word-break:break-all;} */
/* table col.cw1_1 {width:29%;} */
/* table col.cw1_2 {width:71%;} */
/* table col.cw2 {width:100%;} */
/* table col.cw3_1 {width:21%;} */
/* table col.cw3_2 {width:79%;} */
/* table th {border-bottom:1px solid #fff; background-color:#5399c4; font-weight:normal; font-size:12px; color:#fff; line-height:15px; text-align:left; word-break:keep-all;} */
/* table th span {display:block; padding:4px 5px 4px;} */
/* table td {border-bottom:1px solid #dfdfdd; font-size:12px; color:#4b575a; line-height:17px;} */
/* table td span {display:block; padding:4px 5px 6px;} */
/* table tr:last-child th, table tr:last-child td {border-bottom:none;} */
/**/
.drop_group {position:absolute; top:47px; left:346px;}
.drop_group2 {position:absolute; top:47px; left:25px;}
@media (max-width:991px) {
	.drop_group2 {position:absolute; top:47px; left:10px;z-index:1000}
}
/**/
.dropdown {display:block; position:absolute; top:0px; left:0; z-index:1000;}
.dropdown .drop_btn {overflow:hidden; width:208px; height:23px; border:1px solid #3587ba; background:#fff; white-space:nowrap; cursor:pointer;}
.dropdown .drop_btn span.txt {display:block; padding:2px 0 0 6px; font-size:12px; color:#273538; line-height:17px; letter-spacing:-0.5px; word-spacing:-2px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.dropdown .drop_btn span.txt {padding:3px 0 0 6px;}} /* 크롬 핵 */
.dropdown .drop_btn span.caret {position:absolute; top:1px; left:186px; width:23px; height:23px; background:url(/smgis2/file/imgs/ico/arrow_dropdown.png) no-repeat;}
.open > div.dropdown-menu {display:block; width:208px;}
.dropdown .dropdown-menu {display:none; overflow:auto; position:absolute; top:100%; width:calc(100% - 2px); border-top:none !important; border:1px solid #3587ba; background:#fff;} /* width:100%-2(라인) */
.dropdown .dropdown-menu ul {display:block; height:210px; padding:4px 0 6px; font-size:12px; line-height:21px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.dropdown .dropdown-menu ul {height:208px; padding:6px 0 6px;}} /* 크롬 핵 */
.dropdown .dropdown-menu ul li a {display:block; padding-left:12px; font-size:12px; color:#4b575a;}
.dropdown .dropdown-menu ul li a:hover {color:#3587ba !important;}
.dropdown .dropdown-menu ul li.on a {font-weight:600; color:#3587ba !important;}
.dropdown .gw_size {float:left; width:94px; border-right:1px solid #3587ba;}
.dropdown .dw_size {float:right; width:113px;}
.dropdown .dropdown-menu .btn {float:left; width:100%; padding:6px 0 8px; border-top:1px solid #3587ba; text-align:center;} /* width:100%-59(좌패딩) */
.dropdown .dropdown-menu .btn span {display:inline-block; font-size:12px; line-height:18px; text-align:center;}
.dropdown .dropdown-menu .btn span a {display:block; color:#fff;}
.dropdown .dropdown-menu .btn span.ok a {padding:2px 10px 3px 9px; background-color:#3587ba;}
.dropdown .dropdown-menu .btn span.remove a {padding:2px 8px 3px 9px; background-color:#df772d;}
.dropdown .dropdown-menu .btn span.cancle a {padding:2px 8px 3px 9px; background-color:#848c8e;}
/**/
.dropdown2 {display:block; position:absolute; top:0; left:0; padding-left:220px; z-index:999;}
.dropdown2 .drop_btn {width:140px; height:23px; margin-bottom:14px; padding-left:6px; border:1px solid #df772c; background-color:#fff !important; background:url(/smgis2/file/imgs/ico/guide_seoulinmap.png) right 0 no-repeat; font-size:12px; color:#df772c; letter-spacing:0; word-spacing:-2px; cursor:pointer; text-align:left;}
.dropdown2 .drop_btn span {display:block; padding-top:3px;}
.open > div.dropdown-menu2 {display:block;}
.dropdown2 .dropdown-menu2 {position:absolute; top:100%; left:0;}
.dropdown2 .dropdown-menu2 .arrow {position:absolute; top:0; left:286px; width:0; height:0; border-width:0 8px 8px 8px; border-style:solid; border-color:transparent transparent #df772d transparent;}
.dropdown2 .dropdown-menu2 .con {width:366px; padding-bottom:14px; margin-top:8px; border:1px solid #df772d; background-color:rgba(0,0,0,0.7);}
.dropdown2 .dropdown-menu2 .con .word {padding:9px 13px 0; font-size:14px; color:#cdd0d1; line-height:18px; letter-spacing:-1px; word-spacing:-1px;}
.dropdown2 .dropdown-menu2 .con .word p {padding-top:2px;}
.dropdown2 .dropdown-menu2 .con .word p span {font-weight:600; font-size:15px;}
.dropdown2 .dropdown-menu2 .con ul {padding:12px 0 0 22px;}
.dropdown2 .dropdown-menu2 .con li {float:left;}
.dropdown2 .dropdown-menu2 .con li a {display:block; padding:1px 23px 2px 6px; border:1px solid #df772d; font-size:12px; color:#df772d; line-height:normal;}
.dropdown2 .dropdown-menu2 .con li a {margin-right:6px; border:1px solid #df772d;}
.dropdown2 .dropdown-menu2 .con li:first-child a {background:url(/smgis2/file/imgs/ico/arrow_seoulinmap.png) 33px 2px no-repeat !important;}
.dropdown2 .dropdown-menu2 .con li:last-child a {background:url(/smgis2/file/imgs/ico/arrow_seoulinmap.png) 57px 2px no-repeat;}
.dropdown2 .dropdown-menu2 .btn_close a {position:absolute; top:8px; left:374px; width:19px; height:19px; background:url(/smgis2/file/imgs/ico/close_seoulinmap.png) no-repeat;}
/**/
.dropdown4 {display:block;}
.dropdown4 .drop_btn {width:19px; height:19px; margin-bottom:5px; background:url(/smgis2/file/imgs/ico/question.png) no-repeat; cursor:pointer;}
.open > div.dropdown-menu4 {display:block;}
.dropdown4 .dropdown-menu4 {display:none; position:absolute; top:100%; left:0; width:100%;}
.dropdown4 .dropdown-menu4 .close a {position:absolute; top:-1px; right:0; width:19px; height:19px; background:url(/smgis2/file/imgs/ico/guide_close.png) no-repeat;}
.dropdown4 .dropdown-menu4 .arrow {position:absolute; top:0; width:0; height:0; border-width:0 6px 6px 6px; border-style:solid; border-color:transparent transparent #000 transparent;}
.dropdown4 .dropdown-menu4 .intro {width:calc(100% - 31px); margin-top:6px; padding:3px 13px 10px 10px; border:1px solid #000; background-color:#112b3c;} /* width:100%-2(라인)-20(좌우패딩)-9(close) */
.dropdown4 .dropdown-menu4 .intro span {display:block; position:relative; margin-top:7px; padding-left:9px; font-size:13px; color:#fff; line-height:18px; letter-spacing:-1px;}
.dropdown4 .dropdown-menu4 .intro span:before {content:''; position:absolute; top:8px; left:0; width:3px; height:3px; background-color:#fff;}
.d4w_size {width:calc(100% - 20px);} /* width:100%-20(우마진) */
.position1 {position:absolute; top:15px; left:10px;}
.ml11 {margin-left:118px;}
.ml12 {margin-left:121px;}
.z-index1 {z-index:1;}
/**/
.page_bx {padding:18px 0 14px; text-align:center;}
.page {display:inline-block; font-size:12px; line-height:18px;}
.page span a {float:left; margin:0 2px;}
.page span.off a, .page span.off a:hover, .page span.on a {display:inline-block; width:20px; height:22px; padding:3px 3px 0 2px; text-align:center;}
.page span.off a {border:1px solid #dfdfdd; background:#fff; color:#848c8e;}
.page span.off a:hover {border:1px solid #3587ba; color:#3587ba;}
.page span.arrow a {line-height:22px !important; color:#848c8e;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.page span.arrow a {line-height:21px !important;}} /* 크롬 핵 */
.page span.arrow a:hover {color:#3587ba;}
.page span.on a {border:1px solid #3587ba; background:#3587ba; font-weight:600; color:#fff;}
@media (max-width:991px) {
    table col.cw3_1 {width:27%;}
    table col.cw3_2 {width:73%;}
    .drop_group {position:absolute; top:47px; left:10px;}
    .dropdown {display:none;}
    .dropdown2 {display:block; position:absolute; top:0; left:0; padding-left:0; z-index:999;}
    .dropdown2 .drop_btn {width:107px; height:23px; margin-bottom:4px; padding-left:0; border:1px solid #df772c; background-color:rgba(0,0,0,0.8) !important; background:none; font-size:12px; color:#df772c; letter-spacing:-1px; word-spacing:-1px; cursor:pointer; text-align:center;}
    .dropdown2 .drop_btn span {display:block; padding-top:2px;}
    .dropdown2 .dropdown-menu2 .arrow {position:absolute; top:0; left:46px; width:0; height:0; border-width:0 8px 8px 8px; border-style:solid; border-color:transparent transparent #df772d transparent;}
    .dropdown2 .dropdown-menu2 .con {width:312px; padding-bottom:14px; margin-top:8px; border:1px solid #df772d; background-color:rgba(0,0,0,0.7);}
    .dropdown2 .dropdown-menu2 .con li a {display:block; padding:1px 24px 3px 6px; border:1px solid #df772d; font-size:12px; color:#df772d; line-height:15px;}
    @media screen and (-webkit-min-device-pixel-ratio:0) {.dropdown2 .dropdown-menu2 .con li a {padding:1px 24px 1px 6px; line-height:17px;}} /* 크롬 핵 */
    .dropdown2 .dropdown-menu2 .con li a {margin-right:6px; border:1px solid #df772d; background:url(/smgis2/file/imgs/ico/arrow_seoulinmap.png) 32px 2px no-repeat;}
    .dropdown2 .dropdown-menu2 .con li:last-child a {background:url(/smgis2/file/imgs/ico/arrow_seoulinmap.png) 54px 2px no-repeat;}
    .dropdown2 .dropdown-menu2 .btn_close a {position:absolute; top:8px; left:320px; width:19px; height:19px; background:url(/smgis2/file/imgs/ico/close_seoulinmap.png) no-repeat;}
    .ml11 {margin-left:110px;}
    .ml12 {margin-left:113px;}
}

.p_vset {position:absolute; top:50%; transform:translateY(-50%); left:50%; width:300px; margin-left:-150px; border-top:3px solid #3587ba !important; border:1px solid #3587ba; background-color:#fff;}
.p_vset .title {float:left; padding:4px 0 0 10px; font-weight:600; font-size:14px; color:#3587ba; letter-spacing:-0.5px; word-spacing:-2px;}
.p_vset .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_vset .info {padding:10px; border-top:1px solid #3587ba;}
.p_vset .info table{width:100%;margin-bottom:11px;font-size:12px; color:#273538; letter-spacing:-1px; word-spacing:-1px;} /* LJW : markup */
.p_vset .info tr{}
.p_vset .info th{font-weight:600;}
.p_vset .info td{padding:3px;}
.p_vset .info td span{padding:0 3px;}
.p_vset .info td label{padding:0 0 0 15px;}
.p_vset .info td select{width:95%;height: 23px; font-size: 12px;}
.p_vset .btn_wrap{text-align:center;}
.p_vset .btn_wrap ul{display:inline-block;}
.p_vset .btn_wrap li{float: left; width: 63px; margin: 0 1px;}
/* syesd - start */
/* 지도 > 콘텐츠 아이콘 클릭 > 팝업 */
.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;}
.tooltip2 {padding-top:6px; width:176px; height:105px; background-size:176px 111px; background-image:url("/smgis2/file/imgs/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;} 
/* 지도 복사 */
.stitle {padding:0;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.stitle input {height:24px; border:none; background-color:#d7d7d7; font-size:13px; color:#6c6c6c;}
.stitle button {height:24px; margin-left:2px; padding:0 3px 2px 4px; border:none; background-color:#3587ba; font-size:12px; color:#fff; transition:all 0.3s ease 0s !important; cursor:pointer;}
.stitle button:hover {background-color:#df772d;}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ 공간검색 */
.geomAnal .title {float:left; height:18px; margin-top:16px; padding-left:33px; background:url(/smgis2/file/imgs/ico/title_archiving.png) 10px 0 no-repeat; font-weight:600; font-size:15px; color:#273538; line-height:16px; letter-spacing:-1px;}
.geomAnal .btn a {float:right; margin:14px 10px 4px 0;}
.section .checkBox{vertical-align:middle;}
.section input[type="text"]{width:100%;line-height:16px;padding:3px;font-size:12px;}
.section .setBtn{float:right;margin:0;background-color:#3587BA;color:white;border:1px solid #2c5b7d;padding:3px;line-height:14px;cursor:pointer;}
.section .searchBtn{background-color:#3587BA;color:white;border:1px solid #2c5b7d;padding:3px;line-height:14px;margin:20px 3px;cursor:pointer;}
.section .resetBtn{background-color:white;color:#3587BA;border:1px solid #2c5b7d;padding:3px;line-height:14px;margin:10px 3px;cursor:pointer;}
.section_ct {text-align:center;}
.list_size_ctrl { float:right;}
.list_size_ctrl span{font-weight: 600; font-size: 12px; color: #273538;line-height: 18px;}
.geom_form {height:660px;}
.geom_div button{background-color:#3587BA;color:white;border:1px solid #2c5b7d;padding:3px;line-height:14px;margin:10px 3px;cursor:pointer;}
/* 탭*/
.geom_div .tab {margin:5px 14px 0 14px;}
.geom_div .tab ul {display:inline-block; width:calc(100% - 2px); border:solid 1px #7191e3;background-color:#e1e1e1;}
.geom_div .tab li a {display:block; float:left; height:22px; padding-top:6px; font-size:13px; text-align:center;}
.geom_div .tab li.bg a {width:50%; background-color:#fff; color:#7c7c7c;} /* LJW : W3C */
.geom_div .tab li.bg a:hover{background-color:#3587BA; color:#fff; transition:all 0.3s ease 0s !important;}
.geom_div .tab li.bg.on a{background-color:#3587BA; color:#fff;}
/* 공간유형*/
/* #geom_coordType_div ul{display:inline-block; width:calc(100% - 2px);}
#geom_coordType_div li{text-align:center;float:left; width:calc(33% - 12px); padding-left:8px; font-size:14px; color:#4b575a; line-height:19px; letter-spacing:-0.5px;cursor:pointer;}
#geom_coordType_div li img{ width: 50px; height: 50px;}
#geom_coordType_div li.point img{background-size:40px;background-position: center;background-repeat: no-repeat;background-image:url(/smgis/webs/jsp/hybridmap/assets/images/btn/geom_point.png);}
#geom_coordType_div li.point.on img{background-color:#3587BA;background-position: center;background-repeat: no-repeat;background-size:40px;background-image:url(/smgis/webs/jsp/hybridmap/assets/images/btn/geom_point.png);}
#geom_coordType_div li.line img{background-size:40px;background-position: center;background-repeat: no-repeat;background-image:url(/smgis/webs/jsp/hybridmap/assets/images/btn/geom_line.png);}
#geom_coordType_div li.line.on img{background-color:#3587BA;background-position: center;background-repeat: no-repeat;background-size:40px; background-image:url(/smgis/webs/jsp/hybridmap/assets/images/btn/geom_line.png);}
#geom_coordType_div li.polygon img{background-size:40px;background-position: center; background-repeat: no-repeat;background-image:url(/smgis/webs/jsp/hybridmap/assets/images/btn/geom_polygon.png);}
#geom_coordType_div li.polygon.on img{background-color:#3587BA;background-position: center;background-repeat: no-repeat;background-size:40px; background-image:url(/smgis/webs/jsp/hybridmap/assets/images/btn/geom_polygon.png);}
#geom_searchType ul{display:inline-block; width:calc(100% - 2px);}
#geom_searchType li{text-align:center;float:left; width:calc(50% - 12px); padding-left:8px; font-size:14px; color:#4b575a; line-height:19px; letter-spacing:-0.5px;cursor:pointer;}
#geom_searchType li img{ width: 50px; height: 50px;}
#geom_searchType li.union img{background-size:40px;background-position: center;background-repeat: no-repeat;background-image:url(/smgis/webs/jsp/hybridmap/assets/images/btn/geom_union.png);}
#geom_searchType li.union.on img{background-color:#3587BA;background-position: center;background-repeat: no-repeat;background-size:40px; background-image:url(/smgis/webs/jsp/hybridmap/assets/images/btn/geom_union.png);}
#geom_searchType li.intersection img{background-size:40px;background-position: center;background-repeat: no-repeat;background-image:url(/smgis/webs/jsp/hybridmap/assets/images/btn/geom_intersection.png);}
#geom_searchType li.intersection.on img{background-color:#3587BA;background-position: center;background-repeat: no-repeat;background-size:40px; background-image:url(/smgis/webs/jsp/hybridmap/assets/images/btn/geom_intersection.png);}
#geom_coordType_div li p,#geom_searchType li p{text-align:center;} */
/* 반경*/
#geom_buffer_div div{margin:5px;}
#geom_buffer_div ul{display:inline-block; width:calc(100% - 2px);}
#geom_buffer_div li{float:left; width:calc(25% - 15px); font-size:14px; color:#4b575a; line-height:19px; letter-spacing:-0.5px;padding:3px;border:1px solid #3587BA;margin:3px;cursor:pointer;}
#geom_buffer_div li:hover{background-color:#3587BA;color:white;}
#geom_buffer_div input[type="text"]{width:calc(100% - 100px);margin-top:5px;} /* LJW : W3C */
/* 지도 */
/* .geom_div .map_div{height:450px;margin:7px 14px;border:1px solid black;} */
/* 포함유형*/
/* 검색 테마 선택*/
.theme_form {max-height:580px;}
.section_ct button{background-color:#3587BA;color:white;border:1px solid #2c5b7d;padding:3px;line-height:14px;margin:10px 3px;cursor:pointer;}
.t_view {position:absolute; top:50%; transform:translateY(-50%); left:50%; width:350px; height:700px; margin-left:-175px; background-color:#fff;}
.t_view .title {padding:12px 0 12px 14px; background-color:#3587ba;}
.t_view .title h4 {float:left; height:21px; padding-left:38px; background:url(/smgis2/file/imgs/ico/view2_archiving.png) no-repeat; font-weight:normal; font-size:18px; color:#fff; line-height:17px; letter-spacing:-1px;}
.t_view .title .btn_close a {float:right; width:17px; height:17px; margin:2px 14px 0 0; background:url(/smgis2/file/imgs/ico/close_pop.png) no-repeat;}
.t_view ul {float: left; width: 100%; padding: 7px 0;}
.t_view li {position:relative; float:left; width:calc(25% - 4px); padding:0 2px; text-align:center;} /* width:25%-4(좌우패딩) */
.t_view li img {width:56px; height:56px;}
.t_view li p {font-size:12px; color:#4b575a; line-height:17px; letter-spacing:-1px; word-spacing:-0.5px;}
.t_view li span {position:absolute; left:0; width:100%; text-align:center;}
.t_view li span img {width:56px; height:56px; border:0 solid #112b3c; border-radius:0; background-color:rgba(53,135,186,0.0);}
/* ---------------------------------------------------------------------------------------------------------- 마우스 오른쪽 클릭 ------------------------------------------------------------------------------------------------------------*/
#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{}
#rightMenuDiv .miniMenu ul{}
#rightMenuDiv .miniMenu li{width:calc(50% - 20px);padding:5px;float:left;}/* LJW : W3C */
/* 지도 팝업 레이아웃 삭제 */
.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;}
.geom_theme {padding:11px 1px 0;}
.geom_theme ul {}
.geom_theme li {position:relative; float:left; width:calc(25% - 4px); padding:0 2px; text-align:center;} /* width:25%-4(좌우패딩) */
.geom_theme li img {width:56px; height:56px;}
.geom_theme li p {font-size:12px; color:#4b575a; line-height:17px; letter-spacing:-1px; word-spacing:-0.5px;}
.geom_theme li span {position:absolute; left:0; width:100%; text-align:center;}
.geom_theme li span img {width:56px; height:56px; border:0 solid #112b3c; border-radius:0; background-color:rgba(53,135,186,0.0);}
.btn_H a.on, .btn_I a.on {border:1px solid #df772d; background-color:#df772d !important; color:#fff;}
/* LHH 수정 */
.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;}/* 모바일 *//* 포지션 */
}
/* 지도 하단 주소 바 */
div.add2 {position:absolute; bottom:8px; width:70%; margin-left:15%; border-radius:25px; background-color:rgba(0,0,0,0.75); text-align:center; z-index:1996;}/* 포지션 *//**LHH 수정*/
div.add {position:absolute; bottom:8px; width:50%; margin-left:calc(25% + 160px); border-radius:25px; background-color:rgba(0,0,0,0.75); text-align:center; z-index:1996;}/* 포지션 */
div.add span, div.add2 span{display:block; padding:8px 0 9px; font-size:13px; color:#fff;}
@media (max-width:991px) {
    div.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;}/* 모바일 *//* 포지션 */
    div.add span {display:block; padding:8px 0 9px; font-size:12px; color:#fff;}/* 모바일 */
}

/* 사용자 이미지 지도 > 팝업 */
.tooltip {width:216px; height:68px; background-size:216px 68px; background-image:url("/smgis2/file/imgs/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:42px; 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");}
.coninfobg {position:absolute; width:100%; height:100%; z-index:10000;}/* 포지션 */
/* 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:40%; left:50%; width:600px; height:763px; margin:-306px 0 0 -301px; border:1px solid #425881; background-color:#f7f7f7;}/* 포지션 */
/* 171106 이진원 대리 수정 */
@media (max-height:763px) {
    .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; left:0; width:100%; height:100%; margin:0; border:none; background-color:#f7f7f7; z-index:10000;}/* 모바일(wrap) *//* 포지션 */
}
.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 .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-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("/smgis/webs/jsp/hybridmap/assets/images/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;}
.ui-autocomplete {display:block;z-index:300;width:299px;padding:5px 0 9px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.ui-autocomplete {padding:6px 0 8px;}} /* 크롬 핵 */
.ui-autocomplete li {padding-left:12px;display:block; font-size:12px; color:#273538; line-height:21px; word-spacing:-2px;}
.ui-autocomplete li:hover {color:#3587ba;background-color:#fff;border:none;}
/* radiusInput 팝업 */
.radiusInput {position:absolute; top:-63px; left:50%; width:137px; height:93px; background:url(/smgis/webs/jsp/hybridmap/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(/smgis/webs/jsp/hybridmap/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(/smgis/webs/jsp/hybridmap/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(/smgis/webs/jsp/hybridmap/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;}

/* LHH : 지도 중심점 추가_20190201 */
/* .map_center_fold{position:absolute; opacity:0.5; border-radius:100px; top:calc(50% + 18px); left:calc(50%); width:5px; height:5px; overflow:hidden; background-color:red; z-index: 10000;} */

input[type=range] {
    -webkit-appearance: none; 
    width: 100%; 
    height: 6px;
    background: #d5d4d3; 
    cursor: pointer;
    border-radius: 0; /* iOS */
    transition: background 450ms ease-in;
}

input[type=range]:focus {
    outline: none; 
}

input[type=range]::-webkit-slider-thumb{
    -webkit-appearance: none;
    width: 12px;
    height: 12px;
    background: #fff;
    border: 1px solid dodgerblue;
    border-radius:50%;
    cursor: pointer;
}
input[type=range]::-moz-range-thumb{
    -webkit-appearance: none;
    width:10px;
    height:10px;
    background: #fff;
    border: 1px solid dodgerblue;
    border-radius:50%;
    cursor: pointer;
}


/* --------------------------------------------------------------------------------------------------------- 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-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;}포지션
/* 171106 수정 */
.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) {
    .spop2 {position:absolute; top:40%; transform:translateY(-40%); left:0; width:100%; margin-left:0; *border:1px solid #425881; z-index:2000;}/* 모바일 *//* 포지션 */
}
.marker_close a {position:absolute; width:22px; height:22px; background:url(/smgis2/file/imgs/ico/close_marker.png) no-repeat;}
.p_search2 {position:absolute; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); left:50%; width:320px; height:auto; margin-left:-161px; border-top:3px solid #3587ba !important; border:1px solid #3587ba; background-color:#fff;}
.p_search2 .border {border-bottom:1px solid #3587ba;}
.p_search2 .border .title {float:left; padding:4px 0 0 10px; font-weight:600; font-size:14px; color:#3587ba; letter-spacing:-0.5px; word-spacing:-2px;}
.p_search2 .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_search2 .info {height:507px; padding:10px 10px 2px;}
.p_search2 .info .pin {margin-top:10px;}
.p_search2 .info .pin li {float:left; position:relative; width:calc(25% - 4px); padding:0 2px 4px; text-align:center;} /* width:25%-4(좌우패딩) */
.p_search2 .info .pin li img {width:56px; height:56px; opacity:0.50; filter:alpha(opacity=50);}
.p_search2 .info .pin li img.all {width:52px; height:52px; border:2px solid #3587ba; border-radius:9px;}
.p_search2 .info .pin li img.check {opacity:1.0; filter:alpha(opacity=100);}
.p_search2 .info .pin li p {padding-top:3px; font-size:12px; color:#848c8e; line-height:17px; letter-spacing:-1px; word-spacing:-0.5px;}
.p_search2 .info .pin li p.check {font-weight:bold; font-size:12px; color:#112b3c;}
.p_search2 .info .pin li span {position:absolute; left:0; width:100%; text-align:center;}
.p_search2 .info .pin li span img {width:56px; height:56px; border:0 solid #112b3c; border-radius:0; background-color:rgba(53,135,186,0.0); opacity:1.0; filter:alpha(opacity=100);}
.p_search2 .btn {margin:11px 0 9px; text-align:center;}
.p_search2 .btn ul {display:inline-block;}
.p_search2 .btn li {float:left;}
.p_search2 .btn li a {margin:0 1px; padding:1px 7px 2px;}
/* .p_search2 {position:absolute; top:0; -webkit-transform:none; transform:none; left:0; width:100%; height:100%; margin-left:0; border-top:3px solid #3587ba !important; border:none; background-color:#fff;} */
.p_search2 {position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:50%;width:320px;height:auto;margin-left:-161px;border-top:3px solid #3587ba !important;border:1px solid #3587ba;background-color:#fff;}
.p_search2 .info {height:auto; padding:10px 10px 2px;}

/* form */
.d_form fieldset {border:0;}
.d_form legend,
.d_form label {display:none; overflow:hidden;}
.d_form input[type="checkbox"],
.d_form input[type="radio"] {width:13px; height:13px; margin-top:5px; vertical-align:middle; outline:none;}

/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 위치 선택(팝업) */
.locationbg {position:absolute; width:100%; height:100%; z-index:19992;}

/*lds 사용자 정보 등록*/
.btn_M a.UserInfoBtn,li.UserInfoBtnWrap{border:1px solid #c30453 !important; background-color:#cd5785 !important; color:#fff !important;}

.UIRpopBg{display:flex; position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.17); z-index:9999; align-items:center; justify-content:center; box-sizing:border-box; padding:100px 0;}
.UIRpopWrap{width:100%; max-width:468px; height:auto; max-height:100%; background-color:#fff; padding:12px; overflow:auto}
.UIRpopBg *{box-sizing:border-box;}
.UIRpopBg .UIRpopWrap .UIRpopHeader{display:flex; width:100%; height:32px; border-bottom:1px solid #ccc; justify-content: space-between; }
.UIRpopBg .UIRpopWrap .UIRpopHeader .UIRpoptitle{font-size:16px; font-weight:bold;}
.UIRpopBg .UIRpopWrap .UIRpopHeader .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;}
.UIRpopWrap .UIRpopBody .UserInfoWrap{padding:12px 0 20px; border-bottom:1px solid #ddd;}
.UIRpopWrap .UIRpopBody .UserInfoWrap .UserInfoTitle{font-size:16px; padding-left:8px; color:#3587ba; border-left:3px solid #3587ba; line-height:20px;}
.UIRpopWrap .UIRpopBody .UserInfoWrap .FiledBtnWrap form{display:flex; flex-flow:wrap; gap:8px;}
.UIRpopWrap .UIRpopBody .UserInfoWrap .FiledBtnWrap label{width:calc(25% - 6px); height:32px; border:1px solid #ccc; padding:6px 12px; border-radius:4px; color:#787878; line-height: initial; background:#f9f9f9; text-align:center; cursor:pointer;}
.UIRpopWrap .UIRpopBody .UserInfoWrap .FiledBtnWrap label::before,.UIRpopWrap .UIRpopBody .UserInfoWrap .AgeBtnWrap label::before,.UIRpopWrap .UIRpopBody .UserInfoWrap .TownBtnWrap label::before{content:none;}
.UIRpopWrap .UIRpopBody .UserInfoWrap .FiledBtnWrap input[type="checkbox"],.UIRpopWrap .UIRpopBody .UserInfoWrap input[type="radio"],.UIRpopWrap .UIRpopBody .UserInfoWrap .TownBtnWrap input[type="checkbox"]{display:none;}
.UIRpopWrap .UIRpopBody .UserInfoWrap input[type="checkbox"]:checked + label,.UIRpopWrap .UIRpopBody .UserInfoWrap input[type="radio"]:checked + label{background:#39a4e7; color:#fff; border-color:#0486d7;}
.UIRpopWrap .UIRpopBody .UserInfoWrap input[type="checkbox"].fakeCheck + label {background:#39a4e7; color:#fff; border-color:#0486d7;}
.UIRpopWrap .UIRpopBody .UserInfoWrap .AgeBtnWrap,.UIRpopWrap .UIRpopBody .UserInfoWrap .FiledBtnWrap,.UIRpopWrap .UIRpopBody .UserInfoWrap .TownBtnWrap{padding:8px;}
.UIRpopWrap .UIRpopBody .UserInfoWrap .AgeBtnWrap form,.UIRpopWrap .UIRpopBody .UserInfoWrap .TownBtnWrap form{display:flex; flex-flow:wrap; gap:8px;}
.UIRpopWrap .UIRpopBody .UserInfoWrap .AgeBtnWrap label,.UIRpopWrap .UIRpopBody .UserInfoWrap .TownBtnWrap label{width:calc(25% - 6px); height:32px; border:1px solid #ccc; padding:6px 8px; border-radius:4px; color:#787878; line-height: initial; background:#f9f9f9; text-align:center; cursor:pointer;}
.UIRpopWrap .UIRpopFooter button{width:100%; height:32px; border:1px solid #5976ae; background-color:#5976ae; color:#fff;}
.UIRpopWrap .UIRpopBody .UserInfoWrap input[type="checkbox"]:checked + label span.s_order{
	width:20px; height:20px; display:inline-block; border-radius:100px; background:#ff991b; margin-left:4px;
}
.UserInfoWrap span svg{
	transform:rotate(180deg);
}
.UserInfoWrap span.on svg{
	transform:rotate(0deg);
}

.Certifimodal div.info ul.FiBtnWrap{
	width:100%;
	display:flex;
	gap:4px;
	box-sizing:border-box;
	padding:9px;
}
.Certifimodal div.info ul.FiBtnWrap li{
	width:calc(20% - 3px);
	height: 23px;
    border: 1px solid #cdd0d1;
    text-align: center;
    cursor: pointer;
}
.Certifimodal div.info ul.FiBtnWrap li.on{
	border: 1px solid #df772d;
    background-color: #df772d;
}
.checkIn_LoginBtn{
	opacity:0.5;
}
.checkIn_LoginBtn.active{
	opacity:1;
}
.checkIn_LoginBtn.active.on{
	border: 1px solid #df772d;
    background-color: #df772d;
}
.Certifimodal div.info ul.FiBtnWrap li.on span.icoBox{
	filter: brightness(5);
}
.Certifimodal div.info ul.FiBtnWrap li div.ico{
	display:flex;
	width:100%;
	height:23px;
	align-items:center;
	justify-content:center;
}
.Certifimodal div.info ul.FiBtnWrap li div.ico span.icoBox{
	display:inline-block;
	width:9px;
	height:9px;
	float:none;
	margin:0px;
	background-repeat:no-repeat;
	background-size:contain;
}
.Certifimodal div.info ul.FiBtnWrap li div.ico span.view.icoBox{
 	background-image:url(/smgis2/file/imgs/ico/view_tooltip2.png);
}
.Certifimodal div.info ul.FiBtnWrap li div.ico span.copy.icoBox{
	width:11px;
	background-image:url(/smgis2/file/imgs/ico/copy_tooltip2.png);
}
.Certifimodal div.info ul.FiBtnWrap li div.ico span.route.icoBox{
	background-image:url(/smgis2/file/imgs/ico/route_tooltip2.png);
}
.Certifimodal div.info ul.FiBtnWrap li div.ico span.roadview.icoBox{
	background-image:url(/smgis2/file/imgs/ico/roadview_tooltip2.png);
}
.Certifimodal div.info ul.FiBtnWrap li div.ico a{
	font-size: 12px;
    color: #848c8e;
	letter-spacing:-1.5px;
}
.Certifimodal div.info ul.FiBtnWrap li.on div.ico a{
	color:#fff;
}
.Certifimodal div.info div.ThemeBtnWrap{
	display:flex;
	flex-wrap:nowrap;
	padding: 0px 9px 6px;
    justify-content: flex-start;
    gap:11px;
    overflow: auto;
}
.Certifimodal div.info div.ThemeBtnWrap::-webkit-scrollbar{
	width: 1px;
	height:1px;
}
.Certifimodal div.info div.ThemeBtnWrap::-webkit-scrollbar-thumb{
	 background-color: transparent;
}
.Certifimodal div.info div.ThemeBtnWrap::-webkit-scrollbar-track{
	 background-color: transparent;
}
.Certifimodal div.info div.ThemeBtnWrap button{
	display:block;
	width:calc(18% - 3px);
	border:none;
	background:transparent;
	cursor:pointer;
    text-align: -webkit-center;
}
.Certifimodal div.info div.ThemeBtnWrap button p{
	width:52px;
	height:52px;
	background-color:#E56CC9;
	border-radius:6px;
	margin:6px 0px;
}
.Certifimodal div.info div.ThemeBtnWrap button span{
    display: block;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size:12px;
}
.Certifimodal div.info div.ThemeBtnWrap button p img{
	display:block;
	width:auto;
	max-width:100%;
	height:auto;
}
.Certifimodal div.info div.scrollBtnWrap ul{
	display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding-bottom: 12px;
    }
.Certifimodal div.info div.scrollBtnWrap ul li{
	display:inline-block;
	width:8px;
	height:8px;
	background:#cfcfcf;
	border-radius:100px;
	cursor:pointer;
}
.Certifimodal div.info div.scrollBtnWrap ul li.on{
	background:#009DFF;
}
.Certifimodal div.info div.UserSubmit button{
	width:calc(100% - 18px);
	height:25px;
	background-color:#df772d;
	color:#fff;
	border:none;
	font-size:12px;
}
.Certifimodal div.info div.UserSubmit{
	padding:4px 12px 12px;
}
.Certifimodal div.info div.UserSubmit .ReadMsg{
	text-align:center;
	font-weight:600;
	border:1px solid #3587BA;
	background-color:#fff;
	border-radius:4px;
	margin:0px;
	padding:12px;
	color:#3587BA;
}
 @-webkit-keyframes slide-out-top {
  0% {
    opacity: 1;
	height:100%;
  }
  100% {
    opacity: 0;
	height:0px;
  }
}
@keyframes slide-out-top {
  0% {
    opacity: 1;
	height:100%;
  }
  100% {
    opacity: 0;
	height:0px;
  }
}

.MyTheme .MyThemeBox{
    width: 360px;
    border: 1px solid #3587ba;
    background-color: #fff;
    z-index: 1;
    box-sizing: border-box;
    margin-top: 38px;
}
.MyTheme .MyThemeBox.MyMaps{
    width: 320px;
}
.MyTheme .MyThemeBox .MyThemeTitle{
	display:flex;    
	height: 28px;
    align-items: center;
	border-bottom:1px solid #3587ba;
}
.MyTheme .MyThemeBox .MyThemeTitle .Title{
	color: #009dff;
	font-weight:600;
	padding:0 8px;
	font-size:14px;
}
.MyTheme .MyThemeBox .MyThemeTitle .btn_close{
	margin-left:auto;
	border:none;
	background:transparent;
	cursor:pointer;
	padding:0 6px;
}
.MyTheme .MyThemeBox .info{
    max-height: calc(100vh - 256px);
    padding: 10px;
}
.MyTheme .type_lbox{
	display:flex;
	flex-direction:column;
}
.MyTheme .type_lbox .ListBox{
	display:flex;
	height:33px;
	margin: 3px 0;
    cursor: default;
}
.MyTheme .type_lbox .ListBox .CheckWrap{
	display:flex;
	width:calc(100% - 33px);
	align-items:center;
}
.MyTheme .type_lbox .ListBox .CheckWrap .CheckPoint{
	width:60%;
	overflow:hidden;
	text-overflow: ellipsis;
    white-space: nowrap;
}
.MyTheme .type_lbox .ListBox .CheckWrap .ThemeDelBtn{
	border: 1px solid #aaa;
    background-color: #fff;
    border-radius: 4px;
    padding: 2px 4px;
    cursor: pointer;
}
.MyTheme .type_lbox .ListBox .CheckWrap .CheckList{
	width:40%;
}
.MyTheme .type_lbox .ListBox .CheckWrap p{
	padding:0 8px;
	color:#959595;
}
.MyTheme .type_lbox .ListBox.certifi .CheckWrap p{
	padding:0 8px;
	color:#000;
}
.MyTheme .type_lbox .ListBox.certifi .ThemeIcoBox img{
	opacity:1;
}
.MyTheme .type_lbox .ListBox .ThemeIcoBox{
	border-radius:4px;
	background:#f7f7f7;
	overflow: hidden;
    box-sizing: border-box;
}
.MyTheme .type_lbox .ListBox .ThemeIcoBox img{
	width:33px; 
	height:33px;
    opacity:0.5;
}	
.MyTheme .ThemeHeaderWrap{
	border-bottom:1px solid #eaeaea;
	padding:0px !important;
}
.MyTheme .ThemeHeaderWrap .ThemeHeader{
	display:flex;
	padding-bottom:0px !important;
	gap:10px;
	flex-wrap:wrap;
}
.MyTheme .ThemeHeaderWrap .ThemeHeader .ThemeNameWrap{
	display:flex;
	flex-direction: column;
    justify-content: space-evenly;
}
.MyTheme .ThemeHeaderWrap .ThemeHeader .ThemeNameWrap .ThemeName{
	font-size:16px;
	color: #009dff;
	font-weight:600;
}
.MyTheme .ThemeHeaderWrap .ThemeHeader img{
	width: 56px;
    height: 56px;
}
.MyTheme .ThemeHeaderWrap .ThemeHeader .chk_info_lap{
	width: 100%;
	display: flex;
	gap: 5px;
}
.MyTheme .ThemeHeaderWrap .ThemeHeader .chk_info_lap input[type="radio"]{
	display:none;
}
.MyTheme .ThemeHeaderWrap .ThemeHeader .chk_info_lap label{
	padding:4px 8px; border:1px solid #aaa; border-radius:100px; cursor:pointer;
}
.MyTheme .ThemeHeaderWrap .ThemeHeader .chk_info_lap input[type="radio"]:checked + label{
	background-color:#009dff;
	color:#fff;
	border-color:#009dff;
}
.MyTheme .ThemeUserInfo{
	display:flex;
	flex-direction:column;
	background-color:#f7f7f7;
	padding:8px;
	border-top:1px solid #eaeaea;
	gap:4px;
	position:relative;
}
.MyTheme .ThemeUserInfo .checkin_reset_btn{
	position:absolute;
	right:10px;
	border:1px solid #aaa;
	background:#fff;
	border-radius:4px;
	padding:4px;
	cursor:pointer;
	top:50%;
	transform:translate(0, -50%);
}
.MyTheme .ThemeUserInfo .checkin_reset_btn:hover{
	background-color: #009dff;
    color: #fff;
    border-color: #009dff;}
.MyTheme .ThemeUserInfo div{
	display:flex;
	gap:4px;
	color:#7b90af;
}

.MyThemeCategory{
	display:flex;
	gap:8px;
}
.MyThemeCategory .mtcWrap{
	display: flex;
    flex-flow: column;
    align-items: center;
    row-gap: 4px;
    padding-top:0px !important;
}
.MyThemeCategory .mtcWrap p{
	width:44px;
	height:44px;
	border-radius:4px;
	display: flex;
    align-items: center;
    justify-content: center;
    opacity:0.3;
}
.MyThemeCategory .mtcWrap.active p{
	opacity:1;
	position:relative;
}
.MyThemeCategory .mtcWrap.active p::after{
	content:'';
	display:inline-block;
	width:0px;
	height:0px;
	border-left:4px solid transparent;
	border-right:4px solid transparent;
	position: absolute;
    bottom: -4px;
}
.MyThemeCategory .mtcWrap.active p.MyFav::after{
	border-top:4px solid #942E94;
}
.MyThemeCategory .mtcWrap.active p.MyMap::after{
	border-top:4px solid #3C87DC;
}
.MyThemeCategory .mtcWrap.active p.MayEvent::after{
	border-top:4px solid #F8C725;
}
.MyThemeCategory .mtcWrap p.MyFav{
	background-color:#942E94;
}
.MyThemeCategory .mtcWrap p.MyMap{
	background-color:#3C87DC;
}
.MyThemeCategory .mtcWrap p.MayEvent{
	background-color:#F8C725;
}
.accorWrap .accorBtn{
	display:flex;
	padding-bottom:0px !important;
}
.type_l .accorWrap div{
	padding-bottom:0px;
}
.accorWrap .accordion{
	background-color: #fff;
	display: none;
	border-bottom:1px solid #3587ba;
	padding:12px !important;
	gap:6px;
	justify-content: flex-end;
	text-align:right;
}
.accorWrap .accordion button{
	border: 1px solid #3587ba;
    border-radius: 4px;
    background-color: #fff;
    padding: 4px 6px;
    color: #3587ba;
    cursor:pointer;
    height: 28px;
}
.accorWrap .accordion button:hover{
    background-color: #3587ba;
    color: #fff;
}
/* .accorWrap .accorBtn.on{    
    padding: 6px 0px !important;
   } */
   .accorWrap .accorBtn.on p{    
	opacity:1;
   }
   .accorWrap .accorBtn input[type="text"]{    
   height: 24px;
    border: 1px solid #dbdbdb;
    border-radius: 4px;
    padding: 4px;
   }
.accorWrap .accorBtn p{
	width:56px;
	height:56px;
	display:inline-flex;
	float:left;
	border-radius:6px;
	background-color:#E56CC9;
	margin-right:8px;
	align-items:center;
	justify-content:center;
	opacity:0.5;
}
.accorWrap .accorBtn p img{
	width:56px;
	height:56px;
	opacity:1;
	margin:0;
}
.accorWrap .accorBtn dl.ThemeEditWrap{
	display:flex;
	flex-direction: column;
    justify-content: space-evenly;
}
.accorWrap .accorBtn dl .ColorWrap input[type="radio"]{
	display:none;
}
.accorWrap .accorBtn dl .ColorWrap label{
	display: inline-block;
	width:14px;
	height:14px;
	border-radius:100px;
	cursor:pointer;
}
.accorWrap .accorBtn dl .ColorWrap label.color01{
	background-color:#E56CC9;
}
.accorWrap .accorBtn dl .ColorWrap label.color02{
	background-color:#FF8725;
}
.accorWrap .accorBtn dl .ColorWrap label.color03{
	background-color:#FFC738;
}
.accorWrap .accorBtn dl .ColorWrap label.color04{
	background-color:#81C05A;
}
.accorWrap .accorBtn dl .ColorWrap label.color05{
	background-color:#00A37F;
}
.accorWrap .accorBtn dl .ColorWrap label.color06{
	background-color:#00AAD6;
}
.accorWrap .accorBtn dl .ColorWrap label.color07{
	background-color:#7345A7;
}
.accorWrap .accorBtn dl .ColorWrap label.color08{
	background-color:#F35757;
}
.accorWrap .accorBtn dl .ColorWrap label.color09{
	background-color:#41CBB3;
}
.accorWrap .accorBtn dl .ColorWrap label.color10{
	background-color:#3D59B5;
}
.accorWrap .accorBtn dl .ColorWrap input[type="radio"]:checked + label{
	width:16px;
	height:16px;
	box-sizing:border-box;
	border:2px solid rgba(255, 255, 255, 0.5);
	background-image:url(/smgis2/file/imgs/ico/color_checked.png);
	background-repeat:no-repeat;
	background-position:center center;
}
.accorWrap .accorBtn .acoMore{
	width:20px;
	border:none;
	background:transparent;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-left: auto;
}
.accorWrap .accorBtn .acoMore span{
	display:block;
	width:2px;
	height:2px;
	background:#919191;
	position:relative;
	border-radius:5px;
}
.accorWrap .accorBtn .acoMore span:nth-of-type(2){
	margin:4px 0px;
}
.UIRpopWrap::-webkit-scrollbar, div.ListTable div.TableWrap::-webkit-scrollbar{
width:4px;
}
.UIRpopWrap::-webkit-scrollbar-thumb, div.ListTable div.TableWrap::-webkit-scrollbar-thumb{
background-color:rgba(53, 135, 186, 1.0);
}


.personal_edit{
	margin: 0 10px;
    padding:6px 0px;
    text-align:right;
    }
.personal_edit button{
	border: none;
    border-radius: 4px;
    background-color: #fff;
    padding: 4px 6px;
    color: #3587ba;
    cursor: pointer;
    height: 28px;
	
}


.MyTheme .ThemeHeaderWrap .ThemeHeader .chk_info_lap.chk_edit_wrap{
	    justify-content: flex-end;
}
.MyTheme .ThemeHeaderWrap .ThemeHeader .chk_info_lap.chk_edit_wrap button{
	    border:1px solid #aaa;
	    background-color:#fff;
	    border-radius:4px;
	    padding:4px 6px;
	    cursor:pointer;
}
.MyTheme .ThemeHeaderWrap .ThemeHeader .chk_info_lap.chk_edit_wrap button.ThemeCopyBtn{
	    background-color:#009DFF;
	    color:#fff;
	    border-color:#009DFF;
}



.map_aside_right2::-webkit-scrollbar{
width:3px;
}
.map_aside_right2::-webkit-scrollbar-thumb{
background-color:rgba(53, 135, 186, 1.0);
}

#addFav{
	background:#fff;
}
#addFav a{
	display:block;
	width:56px;
	height:56px;
	border-radius:6px;
	background:#cdd0d1;
}

/* 스와이프 */
#divMapSwipe > div {
	width: 218px;	
}

#divMapSwipe .info li{
	width: 33%;
}

.linerac {
    width: 42px;
    height: 42px;
    background: url(/smgis2/file/imgs/ico/swipe_bg.png)rgba(0, 0, 0, 0.5) no-repeat center center;
    border: 2px solid #fff;
    position: absolute;
    bottom: -66px;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 100px;
}

#linerac_v {
    transform: translate(0%, -50%) rotate(90deg);
    bottom: -46px;
    left: unset;
    right: -46px;
    pointer-events: auto;
    cursor: pointer;
}

#rangeLine {
    width: 2px;
    height: calc(65% - 37px - 21px);
    background: #fff;
    z-index: 400;
    position: absolute;
    left: 50%;
    top: 37px;
    margin-left: -1px;
}

#rangeLine2 {
    width: 2px;
    height: calc(35% - 21px);
    background: #fff;
    z-index: 400;
    position: absolute;
    left: 50%;
    bottom: 0px;
    margin-left: -1px;
}

#rangeLine_v {
    width: calc(50% - 24px);
    bottom: 50%;
    height: 2px;
    background: #fff;
    z-index: 999;
    position: absolute;
}

#rangeLine2_v {
    width: calc(50% - 20px);
    bottom: 50%;
    height: 2px;
    background: #fff;
    z-index: 999;
    position: absolute;
    right: 0px;
}

#smDiv_swiperGalleryLegendButton {
	display:none;
	position: absolute;
	z-index: 997;
	top: 10px;
	left: calc(100% - 148px);
}
#smDiv_swiperGalleryLegendButton.bottom {
	top: 50%;
	left: 104px;
}

#smDiv_swiperGalleryLegendBody {
	display:none;
	z-index: 997;
	top: 45px;
	left: calc(100% - 288px);
}
#smDiv_swiperGalleryLegendBody.bottom {
	top: calc(50% + 10px);
	left: 104px;	
}