@charset "utf-8";

#wrap {position:relative; width:100%; height:100%;}
#map {width:calc(100% - 321px); height:calc(100% - 37px); left:321px;} /* width:100%-321(aside), height:100%-37(header) */
#map2 {width:100%; height:calc(100% - 45px);} /* height:100%-45(타이틀) */
#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:block; position:absolute; top:calc(50% - 17px); width:12px; height:69px; background-color:#fff !important; z-index:9998;} /* top:50%-17(69-37/2) */
.aside_close a {left:320px; background:url(../images/ico/close_aside.png) no-repeat;}
.aside_open a {left:0; background:url(../images/ico/open_aside.png) no-repeat;}
.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% - 211px); 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(../images/ico/logo_footer.png) no-repeat; font-size:12px; color:#273538; line-height:14px; 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(../images/loading/pc.gif) no-repeat;}
/* 모바일 */
@media (max-width:991px) {
    #map {width:100%; height:calc(100% - 37px); left:0;} /* height:100%-37(header) */
    aside {position:absolute; top:37px; left:0; width:100%; height:calc(100% - 72px); padding-bottom:35px; border-right:1px solid #3587ba; 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.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(../images/loading/mobile.gif) no-repeat;}
}
/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 헤더 */
header h1 a {float:left; width:130px; height:29px; margin:4px 0 0 10px; background-size:100% 100% !important; background:url(../images/ico/logo_header.png) no-repeat;}
header .inform {float:left; height:19px; margin:9px 0 0 15px; padding:0 0 0 24px; background:url(../images/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 {width:75px; margin:0 2px 0 8px; text-align:center;}
header .menu {display:none;}
/* 모바일 */
@media (max-width:991px) {
    header h1 a {float:left; width:116px; height:27px; margin:5px 0 0 10px; background-size:100% 100% !important; background:url(../images/ico/logo_header.png) no-repeat;}
    header .inform {float:left; height:19px; margin:9px 0 0 8px; padding:0 0 0 24px; background:url(../images/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; right:81px;}
    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;}
    header .menu .dropdown3 .drop_btn span.txt {display:block; padding:1px 26px 3px 7px;}
    @media screen and (-webkit-min-device-pixel-ratio:0) {header .menu .dropdown3 .drop_btn span.txt {padding:2px 26px 2px 7px;}} /* 크롬 핵 */
    header .menu .dropdown3 .drop_btn span.caret {position:absolute; top:10px; right:8px; width:12px; height:6px; background:url(../images/ico/arrow_header.png) no-repeat;}
    header .menu .open > div.dropdown-menu3 {display:block;}
    header .menu .dropdown-menu3 {display:none; position:absolute; top:26px; right:0;}
    header .menu .dropdown-menu3 div {display:inline-block; position:absolute; top:0; right:8px; 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:13px 14px 5px; 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:19px;}
    header .menu .btn_B a {position:absolute; right:0; width:75px; text-align:center;}  
}
/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 메인 */
.visual {position:relative; width:100%; height:729px; margin:0 auto; background-size:auto auto !important; background:url(../images/main/bg_old.jpg) center -160px no-repeat;}
.visual .vw_size {position:relative; width:1000px; margin:0 auto;}
.visual .message {position:absolute; top:117px; left:0; width:auto; margin:auto auto; padding-top:0;}
.visual .message dt {width:351px; height:67px; background-size:351px 67px !important; background:url(../images/main/visual_txt_old.png) no-repeat;}
.visual .message dd {width:429px; height:42px; margin-top:14px; border-top:2px solid #3587ba; background-size:429px 29px !important; background:url(../images/main/visual_stxt.png) 0 13px no-repeat;}
.visual .message .btn a {display:block; position:absolute; top:4px; right:0; padding:5px 9px 6px 8px; border:4px solid #3587ba; box-shadow:0 0 7px 1px rgba(22,137,220,0.0); font-weight:600; font-size:18px; color:#3587ba; line-height:20px; letter-spacing:-1px; text-shadow:1px 1px 1px rgba(22,137,220,0.0);}
.visual .nav {position:absolute; top:46px; right:0; width:auto; margin:0 auto 0; padding:0; background-color:rgba(0,0,0,0.0);}
.visual .nav .con {padding-bottom:16px; cursor:pointer;}
.visual .nav .con .ico {float:left; width:56px; height:56px; background:url(../images/main/ico_citymap.png) no-repeat;}
.visual .nav .con .ico2 {float:left; width:56px; height:56px; background:url(../images/main/ico_citizen.png) no-repeat;}
.visual .nav .con .ico3 {float:left; width:56px; height:56px; background:url(../images/main/ico_archiving.png) no-repeat;}
.visual .nav .con .ico4 {float:left; width:56px; height:56px; background:url(../images/main/ico_100years.png) no-repeat;}
.visual .nav .con .ico5 {float:left; width:56px; height:56px; background:url(../images/main/ico_covid19.png) no-repeat;}
.visual .nav .con .bx {margin:4px 14px 0 0; border:3px solid #3587ba; border-radius:8px;}
.visual .nav .con dl {float:left; cursor:pointer;}
.visual .nav .con dt a {display:block; padding:3px 0 1px; font-weight:600; font-size:18px; color:#3587ba;}
.visual .nav .con dd {font-size:14px; color:#3587ba; line-height:19px; letter-spacing:-1px; word-spacing:0;}
.visual .pin {display:block; position:absolute; top:380px; left:0; width:100%;}
.visual .pin li {float:left; width:20%; cursor:pointer;}
.visual .pin li.ico {height:342px; background:url(../images/main/ico_pin_off.png) center 0 no-repeat;}
.visual .pin li.ico:hover {background:url(../images/main/ico_pin_on.png) center 0 no-repeat;}
.visual .pin li.ico2 {height:342px; background:url(../images/main/ico_pin2_off.png) center 65px no-repeat;}
.visual .pin li.ico2:hover {background:url(../images/main/ico_pin2_on.png) center 65px no-repeat;}
.visual .pin li.ico3 {height:342px; background:url(../images/main/ico_pin3_off.png) center 0 no-repeat;}
.visual .pin li.ico3:hover {background:url(../images/main/ico_pin3_on.png) center 0 no-repeat;}
.visual .pin li.ico4 {height:342px; background:url(../images/main/ico_pin4_off.png) center 65px no-repeat;}
.visual .pin li.ico4:hover {background:url(../images/main/ico_pin4_on.png) center 65px no-repeat;}
.visual .pin li.ico5 {height:342px; background:url(../images/main/ico_pin5_off.png) center 0 no-repeat;}
.visual .pin li.ico5:hover {background:url(../images/main/ico_pin5_on.png) center 0 no-repeat;}
.visual .source {position:absolute; bottom:0; right:0; padding:3px 6px 4px 5px; background-color:rgba(0,0,0,0.7); font-size:11px; color:#fff; word-spacing:-2px;}
.content {position:relative; width:100%; min-height:calc(100% - 729px); background-color:rgba(17,17,17,1.0);} /* min-height:100%-729(visual) */
.content .con {position:relative; width:1000px; margin:0 auto; padding:16px 0 16px;}
.content .con .service {float:left; width:auto; border-bottom:none;}
.content .con .service div {margin:0 0 16px 0; font-size:16px; color:#fff; line-height:17px; letter-spacing:-0.5px; word-spacing:-1px;}
.content .con .service div span.title {float:left; font-weight:600; padding-top:0;}
.content .con .service div span.more a {float:left; margin-left:10px; border:1px solid #fff; padding:0 5px 2px; font-size:12px; color:#fff; line-height:15px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.content .con .service div span.more a {padding:1px 5px 1px;}} /* 크롬 핵 */
.content .con .service li {float:left; width:126px; height:37px; margin-bottom:0; padding:59px 0 0; border-right:1px solid rgba(255,255,255,0.3); font-size:14px; color:#fff; line-height:17px; text-align:center; cursor:pointer;}
.content .con .service li.ico {background:url(../images/main/ico_service.png) center 4px no-repeat;}
.content .con .service li.ico2 {background:url(../images/main/ico_service2.png) center 4px no-repeat;}
.content .con .service li.ico3 {background:url(../images/main/ico_service3.png) center 4px no-repeat;}
.content .con .service li.ico4 {background:url(../images/main/ico_service4.png) center 4px no-repeat;}
.content .con .service li.ico5 {background:url(../images/main/ico_service5.png) center 4px no-repeat;}
.content .con .service li:last-child {border-right:none;}
.content .con .txt {display:block; position:absolute; top:59px; right:0; font-size:12px; color:rgba(255,255,255,0.6); line-height:17px; letter-spacing:-0.5px;}
.content .con .txt a {font-size:13px; color:rgba(255,255,255,0.6);}
.content .con .txt p {padding-left:1px;}
.content .con .txt p.blank {padding-top:14px;}
.content .con .m_txt {display:none;}
/* 모바일 */
@media (max-width:991px) {
    .visual {position:relative; width:100%; height:450px; margin:0 auto; background-size:auto 600px !important; background:url(../images/main/bg_old.jpg) center -40px no-repeat;}
    .visual .vw_size {position:relative; width:100%; margin:0 auto;}
    .visual .message {position:relative; top:auto; left:auto; width:263px; margin:0 auto; padding-top:40px;}
    .visual .message dt {width:206px; height:39px; background-size:206px 39px !important; background:url(../images/main/visual_txt_old.png) no-repeat;}
    .visual .message dd {width:100%; height:26px; margin-top:8px; border-top:2px solid #3587ba; background-size:100% 19px !important; background:url(../images/main/visual_stxt.png) 0 7px no-repeat;}
    .visual .message .btn a {display:block; position:absolute; top:39px; right:0; padding:2px 5px 3px 6px; border:2px solid #3587ba; box-shadow:0 0 7px 1px rgba(22,137,220,0.0); font-weight:600; font-size:14px; color:#3587ba; line-height:16px; letter-spacing:-1px; text-shadow:1px 1px 1px rgba(22,137,220,0.0);}
    .visual .nav {position:relative; top:auto; right:auto; width:342px; margin:15px auto 0; padding:16px 10px 1px; background-color:rgba(0,0,0,0.7);} /* width:326px; padding:16px 20px 1px; - 삼일절 */
    .visual .nav .con {padding-bottom:18px; cursor:pointer;}
    .visual .nav .con .ico {float:left; width:56px; height:56px; background:url(../images/main/mico_citymap.png) no-repeat;}
    .visual .nav .con .ico2 {float:left; width:56px; height:56px; background:url(../images/main/mico_citizen.png) no-repeat;}
    .visual .nav .con .ico4 {float:left; width:56px; height:56px; background:url(../images/main/mico_100years.png) no-repeat;}
    .visual .nav .con .ico5 {float:left; width:56px; height:56px; background:url(../images/main/mico_covid19.png) no-repeat;}
    .visual .nav .con .bx {margin:4px 14px 0 0; border:3px solid #fff; border-radius:8px;}
    .visual .nav .con dl {float:left; color:#fff; cursor:pointer;}
    .visual .nav .con dt a {display:block; padding:1px 0 3px; font-weight:normal; font-size:18px; color:#fff;}
    .visual .nav .con dd {font-size:14px; color:#fff; line-height:19px; letter-spacing:-1.5px; word-spacing:-1.5px;}
    .visual .pin {display:none;}
    .visual .source {position:absolute; bottom:0; right:50%; width:90px; margin-right:-45px; padding:3px 0 4px; background-color:rgba(0,0,0,0.7); font-size:11px; color:#fff; word-spacing:-2px; text-align:center;}
    .content {position:relative; width:100%; min-height:calc(100% - 450px); background-color:rgba(17,17,17,1.0);} /* min-height:100%-450(visual) */
    .content .con {position:relative; width:100%; margin:0 auto; padding:16px 0 0;}
    .content .con .service {float:left; width:100%; border-bottom:1px solid rgba(255,255,255,0.3);}
    .content .con .service div {margin:0 0 16px 9px; font-size:16px; color:#fff; line-height:17px; letter-spacing:-0.5px; word-spacing:-1px;}
    .content .con .service div span.title {float:left; font-weight:600; padding-top:2px;}
    .content .con .service div span.more a {float:left; margin-left:10px; border:1px solid #fff; padding:3px 5px 3px; font-size:12px; color:#fff; line-height:15px;}
    .content .con .service li {float:left; width:calc(20% - 1px); height:auto; margin-bottom:10px; padding:45px 0 3px; border-right:1px solid rgba(255,255,255,0.3); font-size:12px; color:#fff; line-height:17px; text-align:center; cursor:pointer;} /* width:20%-1(라인) */
    .content .con .service li.ico {background-size:auto 44% !important; background:url(../images/main/ico_service.png) center 4px no-repeat;}
    .content .con .service li.ico2 {background-size:auto 44% !important; background:url(../images/main/ico_service2.png) center 4px no-repeat;}
    .content .con .service li.ico3 {background-size:auto 44% !important; background:url(../images/main/ico_service3.png) center 4px no-repeat;}
    .content .con .service li.ico4 {background-size:auto 44% !important; background:url(../images/main/ico_service4.png) center 4px no-repeat;}
    .content .con .service li.ico5 {background-size:auto 44% !important; background:url(../images/main/ico_service5.png) center 4px no-repeat;}
    .content .con .txt {display:none;}
    .content .con .m_txt {display:inline-block; width:calc(100% - 10px); padding:5px 0 10px 10px; background-color:rgba(17,17,17,1.0); font-size:12px; color:rgba(255,255,255,0.6); line-height:17px; letter-spacing:-0.5px; text-align:left;} /* width:100%-10(좌패딩) */
}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 검색창 */
.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(../images/ico/search_search.png) no-repeat;}
.search_bx button[type="button"].reset {right:40px; background:url(../images/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(../images/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(../images/ico/search_search.png) no-repeat;}
    .search_bx button[type="button"].reset {right:44px; background:url(../images/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(../images/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(../images/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; font-family:'돋움', Dotum; 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;}
.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; font-family:'맑은 고딕', Malgun Gothic, '돋움', Dotum, 'Apple SD Gothic Neo', sans-serif !important; 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(../images/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(../images/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_bx2 .info .con2 .left {float:left; width:calc(100% - 81px);} /* 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;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.tooltip_bx2 .info .con2 .left span.txt {padding-top:7px;}} /* 크롬 핵 */
.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:2px 0 0 10px; background:url(../images/ico/dot_tooltip.png) 0 7px no-repeat; font-size:12px; color:#3587ba; line-height:17px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.tooltip_bx2 .info .con2 .left span.txt3 {background:url(../images/ico/dot_tooltip.png) 0 6px no-repeat;}} /* 크롬 핵 */
.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 a img {float:right; width:69px; height:69px; margin-top:10px; border:1px solid #3587ba;}
.tooltip_bx .info .con2 .left {float:left; padding:3px 0 11px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.tooltip_bx .info .con2 .left {padding:2px 0 9px;}} /* 크롬 핵 */
.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;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.tooltip_bx .info .con2 .left span.txt {padding-top:7px;}} /* 크롬 핵 */
.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(../images/ico/dot_tooltip.png) 0 7px no-repeat; font-size:12px; color:#3587ba; line-height:17px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.tooltip_bx .info .con2 .left span.txt3 {background:url(../images/ico/dot_tooltip.png) 0 6px no-repeat;}} /* 크롬 핵 */
.tooltip_bx2 .info ul.btns {padding:10px 9px 10px !important; border-top:none !important;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.tooltip_bx2 .info ul.btns {padding:9px 9px 10px !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(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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; font-family:'맑은 고딕', Malgun Gothic, '돋움', Dotum, 'Apple SD Gothic Neo', sans-serif;}
.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(../images/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(../images/mouse/naver.png) 10px 9px no-repeat;}
.mouse li.line a span.daum {margin-left:9px; background:url(../images/mouse/daum.png) 10px 9px no-repeat;}
.mouse li a span.add {background:url(../images/mouse/add.png) 11px 9px no-repeat;}
.mouse li a span.write {background:url(../images/mouse/write.png) 10px 9px no-repeat;}
.mouse li a span.search {background:url(../images/mouse/search.png) 10px 9px no-repeat;}
.mouse li a span.distance {background:url(../images/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:69px; text-align:center;}
.ban .pageing div {display:inline-block;}
.ban .pageing span {float:left; width:6px; height:6px; margin:0 2px; border-radius:25px;}
.ban .pageing span.off {background-color:rgba(255,255,255,0.37);}
.ban .pageing span.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(../images/ico/prev_ban.png) no-repeat;}
.ban .btn .play a {width:17px; background:url(../images/ico/play_ban.png) no-repeat;}
.ban .btn .stop a {width:17px; background:url(../images/ico/stop_ban.png) no-repeat;}
.ban .btn .next a {width:16px; background:url(../images/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(../images/ico/citizen_seoulinmap.png) right 20px no-repeat;}
.section dl.service {margin-right:6px; height:91px; background:url(../images/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(../images/ico/service2_seoulinmap.png) no-repeat;}
.section .con3 li.ico2 {width:calc(34% - 14px);} /* width:34%-14(좌우마진) */
.section .con3 li.ico2 span {background:url(../images/ico/service3_seoulinmap.png) no-repeat;}
.section .con3 li.ico3 {width:calc(33% - 14px);} /* width:33%-14(좌우마진) */
.section .con3 li.ico3 span {background:url(../images/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(../images/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(../images/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(../images/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(../images/ico/citizen_seoulinmap.png) right 21px no-repeat;}
    .section dl.service {margin-right:6px; height:91px; background:url(../images/ico/service_seoulinmap.png) right 22px no-repeat;}
    @media screen and (-webkit-min-device-pixel-ratio:0) {.section dl.service {background:url(../images/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 {position:relative;}
.citymap .title {float:left; height:18px; margin-top:16px; padding-left:33px; background:url(../images/ico/title_citymap.png) 10px 0 no-repeat; font-weight:600; font-size:16px; color:#273538; line-height:15px; letter-spacing:-1px; word-spacing:-1.5px;}
.citymap .btn a {position:relative; float:right; margin:14px 10px 0 0; z-index:2;}
.citizen {position:relative;}
.citizen .title {float:left; height:18px; margin-top:16px; padding-left:33px; background:url(../images/ico/title_citymap.png) 10px 0 no-repeat; font-weight:600; font-size:16px; color:#273538; line-height:15px; letter-spacing:-1px; word-spacing:-1.5px;}
.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(../images/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; border-top:1px solid #384f70; border-bottom:1px solid #384f70;}
.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-family:'돋움', Dotum; 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(../images/ico/arrow_close.png) no-repeat;}
.choice .tab .btn_open a {background:url(../images/ico/arrow_open.png) no-repeat;}
.choice .category {padding:3px 0 8px; 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(../images/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(../images/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(../images/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(../images/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(../images/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:10px 0 5px;}
.choice .tag li.off a, .choice .tag li.on a {float:left; margin:0 4px 4px 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(../images/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:10px 0 5px;}
.choice .tag2 li.off a, .choice .tag2 li.on a {float:left; margin:0 4px 4px 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(../images/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;}} /* 크롬 핵 */
.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 {font-family:'돋움', Dotum; 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:-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(../images/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 .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) {
    .citizen .title {float:left; height:18px; margin-top:16px; padding-left:33px; background:url(../images/ico/title_citymap.png) 10px 0 no-repeat; 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;}
}
/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 지도 전시관 */
.display_map .title {float:left; height:18px; margin-top:16px; padding-left:33px; background:url(../images/ico/title_display_map.png) 10px 0 no-repeat; font-weight:600; font-size:16px; color:#273538; line-height:15px; letter-spacing:-1px; word-spacing:-1.5px;}
.display_map .btn a {float:right; margin:14px 10px 0 0;}
.choice2 {margin:0 10px 15px; padding:1px 0; border-top:1px solid #384f70; border-bottom:1px solid #384f70;}
.choice2 .category {padding:9px 0 8px; font-size:12px;}
.choice2 .category .txt {float:left; width:36px; margin-right:10px; padding-top:1px; border-top:1px solid #3587ba; font-weight:600; color:#3587ba; word-spacing:-2px;}
.choice2 .category .all a, .choice2 .category .alloff a {float:left; padding:1px 6px 2px; border:1px solid #3587ba; text-align:center;}
.choice2 .category .all a {background-color:#3587ba; color:#fff;}
.choice2 .category .alloff a {background-color:#fff; color:#3587ba;}
.choice2 .category ul {float:left; width:calc(100% - 84px);} /* width:100%-84(좌측영역) */
.choice2 .category li a {float:left; width:calc(50% - 3px); margin:0 0 1px 1px; padding:1px 0 2px; text-align:center;} /* width:100%-1(좌마진)-2(라인) */
.choice2 .category li.off a {border:1px solid #3587ba; color:#3587ba;}
.choice2 .category li.on a {border:1px solid #3587ba; background-color:#3587ba; color:#fff;}
.history {padding:1px 4px 15px;}
.history:last-child {padding:1px 4px 16px;}
.history li {float:left; position:relative; width:50%; font-size:12px; line-height:17px; text-align:center;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.history li {line-height:16px;}} /* 크롬 핵 */
.history li img {width:144px; height:100px;}
.history li p.txt {padding-top:2px; color:#273538; letter-spacing:-1.5px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.history li p.txt {padding-top:3px;}} /* 크롬 핵 */
.history li p.txt2 {color:#848c8e;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.history li p.txt2 {padding-top:1px;}} /* 크롬 핵 */
.history li p.btn a {display:inline-block; margin-top:7px;}
.history li span {position:absolute; left:0; width:100%; text-align:center;}
.history li span img {width:144px; height:100px; background-color:rgba(53,135,186,0.73);}
.history select {width:59px; height:25px; margin-left:5px; border:1px solid #cdd0d1; color:#848c8e}
/* 모바일 */
@media (max-width:991px) {
    .history select {width:66px; height:25px; margin-left:5px; border:1px solid #cdd0d1; color:#848c8e}
}
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 공간검색 */
.search2 .title {float:left; height:20px; margin-top:16px; padding-left:33px; background:url(../images/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(../images/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(../images/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;}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ 설정_지도 선택 */
.setting .title {float:left; height:18px; margin-top:16px; padding-left:33px; background:url(../images/ico/title_setting.png) 10px 0 no-repeat; font-weight:600; font-size:16px; color:#273538; line-height:15px; letter-spacing:-1px; word-spacing:-1.5px;}
.setting .btn a {float:right; margin:14px 10px 0 0;}
.select_map .title {float:left; height:18px; margin-top:16px; padding-left:33px; background:url(../images/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;}
.sns {padding:0 10px 16px;}
.sns:last-child {padding:0 10px 2px;}
.sns h2 {padding-bottom:5px; background:url(../images/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;}
.sns h2 span {padding:0 6px 0 10px; background-color:#fff !important; background:url(../images/ico/dot_setting.png) 0 1px no-repeat;}
.sns ul {font-size:12px; line-height:16px; text-align:center;}
.sns li {display:block; height:27px; margin-top:4px; cursor:pointer;}
.sns li.facebook {border:1px solid #35528e; background-color:#4267b2; color:#fff;}
.sns li.facebook span.ico {position:absolute; left:11px; width:27px; height:27px; border-right:1px solid #35528e; background:url(../images/ico/facebook.png) no-repeat;}
.sns li.seoul {width:calc(50% - 4px); border:1px solid #6a7072; background-color:#848c8e; color:#fff;} /* width:50%-4(중앙마진) */
.sns li.seoul span.ico {float:left; width:27px; height:27px; border-right:1px solid #6a7072; background:url(../images/ico/seoul.png) no-repeat;}
.sns li.naver {border:1px solid #169600; background-color:#1cbb00; color:#fff;}
.sns li.naver span.ico {position:absolute; left:11px; width:27px; height:27px; border-right:1px solid #169600; background:url(../images/ico/naver.png) no-repeat;}
.sns li.twitter {border:1px solid #448abf; background-color:#55acef; color:#fff;}
.sns li.twitter span.ico {position:absolute; left:11px; width:27px; height:27px; border-right:1px solid #448abf; background:url(../images/ico/twitter.png) no-repeat;}
.sns li.kakao {border:1px solid #ccb000; background-color:#ffdc00; color:#1e1e1e;}
.sns li.kakao span.ico {position:absolute; left:11px; width:27px; height:27px; border-right:1px solid #ccb000; background:url(../images/ico/kakao.png) no-repeat;}
.sns li.copy {border:1px solid #b05e24; background-color:#df772d; color:#fff;}
.sns li.copy span.ico {position:absolute; left:11px; width:27px; height:27px; border-right:1px solid #b05e24; background:url(../images/ico/seoul.png) no-repeat;}
.sns li.logout {border:1px solid #2c5b7d; background-color:#2e678d; color:#fff;}
.sns li.logout span.ico {position:absolute; left:11px; width:27px; height:27px; border-right:1px solid #2c5b7d; background:url(../images/ico/seoul.png) no-repeat;}
.sns li.auth {border:1px solid #6a7072; background-color:#848c8e; color:#fff;}
.sns li.auth span.ico {position:absolute; left:11px; width:27px; height:27px; border-right:1px solid #6a7072; background:url(../images/ico/seoul.png) no-repeat;}
.sns li.blank {height:10px;}
.sns li span.txt {display:block; padding-top:5px;}
.bgmap {padding:0 5px 14px;}
.bgmap h2 {margin:0 5px; padding-bottom:2px; background:url(../images/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(../images/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(../images/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(../images/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(../images/ico/map_border.png) no-repeat;}
.mapset .ico li.off span.border2 {background:url(../images/ico/map2_border.png) no-repeat;}
.mapset .ico li.off span.border3 {background:url(../images/ico/map3_border.png) no-repeat;}
.mapset .ico li.off span.border4 {background:url(../images/ico/map4_border.png) no-repeat;}
.mapset .ico li.off span.border5 {background:url(../images/ico/map5_border.png) no-repeat;}
.mapset .ico li.off span.border6 {background:url(../images/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(../images/ico/map_border_on.png) no-repeat;}
.mapset .ico li.off:hover span.border2, .mapset .ico li.on span.border2 {background:url(../images/ico/map2_border_on.png) no-repeat;}
.mapset .ico li.off:hover span.border3, .mapset .ico li.on span.border3 {background:url(../images/ico/map3_border_on.png) no-repeat;}
.mapset .ico li.off:hover span.border4, .mapset .ico li.on span.border4 {background:url(../images/ico/map4_border_on.png) no-repeat;}
.mapset .ico li.off:hover span.border5, .mapset .ico li.on span.border5 {background:url(../images/ico/map5_border_on.png) no-repeat;}
.mapset .ico li.off:hover span.border6, .mapset .ico li.on span.border6 {background:url(../images/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(../images/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(../images/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(../images/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(../images/ico/prev.png) no-repeat;}
.signpost .pic li.next a {margin-left:10px; background:url(../images/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.33); z-index:9999;}
.pop_bg2 {position:absolute; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.33); z-index:10000;}
.pop_bg3 {position:absolute; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.33); 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(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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:800px; 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(../images/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(../images/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:17px; 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(../images/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 {font-family:'돋움', Dotum; 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(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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:8px 0; font-size:12px; color:#df772d; line-height:18px; text-align:center;}
.p_member .btn2 {padding:1px 0 8px; 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(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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;}
/* 공간검색 설정 */
.p_search {position:absolute; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); left:50%; width:540px; height:auto; margin-left:-271px; border-top:3px solid #3587ba !important; border:1px solid #3587ba; background-color:#fff;}
.p_search .border {border-bottom:1px solid #3587ba;}
.p_search .title {float:left; padding:4px 0 0 10px; font-weight:600; font-size:14px; color:#3587ba; letter-spacing:-0.5px; word-spacing:-2px;}
.p_search .btn_close a {float:right; width:21px; height:21px; margin:4px 6px 4px 0; background:url(../images/ico/close2_pop.png) no-repeat;}
.p_search .info {padding:0 10px 5px;}
.p_search .info .tab {padding:16px 0 12px;}
.p_search .info .tab li.bl a {border:1px solid #3587ba; border-right:none !important; border-radius:15px 0 0 15px;}
.p_search .info .tab li.br a {border:1px solid #3587ba; border-left:none !important; border-radius:0 15px 15px 0;}
.p_search .info .tab li.on a {background-color:#3587ba; color:#fff;}
.p_search .info .tab li.off a {background-color:#fff; color:#3587ba;}
.p_search .info .tab li a {float:left; width:calc(50% - 1px); height:22px; padding-top:1px; text-align:center;} /* width:50%-1(각 좌우라인) */
.p_search .info .tab li a span {display:block; font-size:12px; line-height:18px; letter-spacing:-0.5px; word-spacing:-2px;}
.p_search .info .tab li a:hover {background-color:#3587ba; color:#fff;}
.p_search .info dl {padding-bottom:11px;}
.p_search .info dt {padding-left:10px; background:url(../images/ico/dot_pop.png) 0 5px no-repeat; font-size:12px; color:#3587ba; letter-spacing:-1px; word-spacing:-1px;}
.p_search .info dd .form {padding:9px 0 18px;}
.p_search .info dd .fw_size {width:100%; text-align:center;}
.p_search .info dd .form li.ico, .p_search .info dd .form li.ico2 {position:relative; width:46px; height:46px; padding:12px; border:1px solid #3587ba; border-radius:50px; text-align:center; cursor:pointer;}
.p_search .info dd .form li.ico {float:left; margin:0 10px;}
.p_search .info dd .form li.ico2 {display:inline-block; margin:0 40px;}
.p_search .info dd .form li.off {background-color:#fff !important;}
.p_search .info dd .form li:hover, .p_search .info dd .form li.on {background-color:#3587ba !important;}
.p_search .info dd .form li span {display:block;}
.p_search .info dd .form li span.point {width:100%; height:100%; background-size:100% 100% !important; background:url(../images/form/point.png) no-repeat;}
.p_search .info dd .form li span.line {width:100%; height:100%; background-size:100% 100% !important; background:url(../images/form/line.png) no-repeat;}
.p_search .info dd .form li span.polygon {width:100%; height:100%; background-size:100% 100% !important; background:url(../images/form/polygon.png) no-repeat;}
.p_search .info dd .form li span.part {width:100%; height:100%; background-size:100% 100% !important; background:url(../images/form/union_part.png) no-repeat;}
.p_search .info dd .form li span.full {width:100%; height:100%; background-size:100% 100% !important; background:url(../images/form/union_full.png) no-repeat;}
.p_search .info dd .form li span.txt {position:absolute; left:0; width:100%; padding-top:15px; font-size:12px; color:#4b575a; letter-spacing:-1px; word-spacing:-2px;}
.p_search .info dd input[type="text"] {float:left; height:16px; margin:8px 0 0 10px; padding:2px 6px 5px 5px; border:none; background-color:#e3e5e5; font-size:12px; color:#4b575a;}
.p_search .info dd input.iw[type="text"] {width:calc(33% - 11px);} /* width:100%-11(좌우패딩) */
.p_search .info dd input.iw2[type="text"] {width:calc(100% - 69px);} /* width:100%-11(좌우패딩)-20(좌우마진)-38(우측버튼) */
.p_search .info dd .select_script {float:left; position:relative; height:23px; margin:8px 0 0 10px; border:none; background-color:#e3e5e5;}
.p_search .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(좌패딩) */
.p_search .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_search .info dd .select_script select {width:100%; height:100%; color:#4b575a; opacity:0;}
.p_search .info dd .sw {width:calc(30% - 15px);} /* 시 선택, 구 선택 */
.p_search .info dd .sw2 {width:calc(40% - 10px);} /* 도로명 선택 */
.p_search .info dd .sw3 {width:calc(32% - 6px);} /* 시 선택, 구 선택 */
.p_search .info dd .sw4 {width:calc(32% - 7px);} /* 동 선택 */
.p_search .info dd .meter {float:left; margin:6px 0 0 14px;}
.p_search .info dd .meter li {float:left;}
.p_search .info dd .meter li a {margin-left:2px; padding:1px 6px 4px; font-size:12px; line-height:15px; text-align:center;}
.p_search .info dd .meter li.off a {border:1px solid #3587ba; background-color:#fff; color:#3587ba;}
.p_search .info dd .meter li.on a {border:1px solid #3587ba; background-color:#3587ba; color:#fff;}
.p_search .info dd span.txt2 {float:left; padding:10px 0 0 4px; font-size:12px; color:#4b575a;}
.p_search .info dd .btn a {float:left; margin:8px 0 0 2px; padding:1px 5px 2px;}
.p_search .info2 {margin:0 10px; padding-top:16px; border-top:1px solid #dfdfdd;}
.p_search .info2 .smap {float:left; position:relative; width:calc(100% - 22px); height:311px; margin:0 10px 16px; border:1px solid #24364a;} /* width:100%-2(라인)-20(좌우마진) */
.p_search .info2 .smap2 {float:left; position:relative; width:calc(50% - 12px); height:311px; margin:0 0 16px 10px; border:1px solid #24364a;} /* width:100%-2(라인)-10(좌마진) */
.c_select_script {position:absolute; top:8px; right:8px; width:163px; height:23px; border:1px solid #3587ba; background-color:#fff; z-index:99998;}
.c_select_script label {display:block !important; position:absolute; width:calc(100% - 6px); padding:2px 0 0 6px; font-size:12px; color:#273538;} /* width:100%-6(좌패딩) */
.c_select_script label:after {content:'▼'; position:absolute; top:0; right:0; width:23px; padding-top:4px; font-size:10px; color:#3587ba; text-align:center;}
.c_select_script select {width:100%; height:100%; color:#273538; opacity:0;}
.marker_close a {position:absolute; width:22px; height:22px; background:url(../images/ico/close_marker.png) no-repeat;}
.p_search .info2 .list {float:right; width:50%; padding-bottom:12px;}
.p_search .info2 .list .item {position:relative; margin-top:2px; padding:4px 0 6px 16px; cursor:pointer;}
.p_search .info2 .list .item img.pin {float:left; width:22px; height:26px; padding:2px 7px 2px 0;}
.p_search .info2 .list .item dl {float:left; letter-spacing:-1px; word-spacing:-1px;}
.p_search .info2 .list .item dl.dw {width:calc(100% - 39px);} /* width:100%-29(좌측핀22+7)-10(우패딩) */
.p_search .info2 .list .item dt {width:calc(100% - 35px); font-weight:600; font-size:14px; color:#3587ba; line-height:20px;} /* width:100%-35(우패딩51-16) */
.p_search .info2 .list .item dt:hover {text-decoration:underline;}
.p_search .info2 .list .item dd {font-size:12px; line-height:18px;}
.p_search .info2 .list .item dd.txt {padding-top:4px; color:#4b575a;}
.p_search .info2 .list .item .btn a {position:absolute; top:6px; right:10px; padding:0 3px 2px !important; line-height:15px !important;}
.p_search .info2 .list .page_bx {margin-left:5px !important; padding:8px 0 0 !important;}
.p_search .btn2 {margin:0 10px; padding:12px 0 8px; border-top:1px solid #dfdfdd; text-align:center;}
.p_search .btn2 ul {display:inline-block;}
.p_search .btn2 li {float:left;}
.p_search .btn2 li a {margin:0 1px; padding:1px 7px 2px;}
.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(../images/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;}
.ph_size13 {min-height:654px;}
/* 모바일 */
@media (max-width:991px) {
    .p_search {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_search .info dd .form li.ico, .p_search .info dd .form li.ico2 {position:relative; width:28px; height:28px; padding:12px; border:1px solid #3587ba; border-radius:50px; text-align:center; cursor:pointer;}
    .p_search .info dd .form li.ico {float:left; margin:0 7px;}
    .p_search .info dd .form li.ico2 {display:inline-block; margin:0 26px;}
    .p_search .info dd input.iw[type="text"] {width:calc(14% - 11px);} /* width:100%-11(좌우패딩) */
    .p_search .info dd .meter {float:left; margin:6px 0 0 2px;}
    .p_search .info dd .meter li a {margin-left:2px; padding:1px 3px 4px; font-size:12px; line-height:15px; text-align:center;}
    .p_search .info2 .smap2 {float:left; position:relative; width:calc(100% - 22px); height:311px; margin:0 10px 8px; border:1px solid #24364a;} /* width:100%-2(라인)-20(좌우마진) */
    .p_search .info2 .list {float:right; width:100%; padding-bottom:12px;}
    .p_search .info2 .list .page_bx {margin-left:5px !important; padding:10px 0 0 !important;}
    .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 .info {height:auto; padding:10px 10px 2px;}
    .ph_size13 {min-height:auto;}
}
/* 법적공지, 개인정보취급방침 */
.p_notice {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_notice .title {float:left; padding:4px 0 0 10px; font-weight:600; font-size:14px; color:#3587ba; letter-spacing:-0.5px; word-spacing:-2px;}
.p_notice .btn_close a {float:right; width:21px; height:21px; margin:4px 6px 4px 0; background:url(../images/ico/close2_pop.png) no-repeat;}
.p_notice .info {padding:2px 10px 0; border-top:1px solid #3587ba;}
.p_notice .info p {padding-top:10px; font-size:12px; color:#4b575a; line-height:17px; letter-spacing:-0.5px; word-spacing:-1px;}
.p_notice .info p span.txt {color:#3587ba}
.p_notice .info p span.txt2 {color:#df772d}
.p_notice .btn {text-align:center;}
.p_notice .btn ul {display:inline-block;}
.p_notice .btn li {float:left;}
.p_notice .btn li a {margin-top:14px; padding:1px 6px 2px 7px;}
.ph_size9 {height:234px;}
.ph_size10 {height:394px;}
/* 메세지 */
.p_message {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_message .title {float:left; padding:4px 0 0 10px; font-weight:600; font-size:14px; color:#3587ba; letter-spacing:-0.5px; word-spacing:-2px;}
.p_message .btn_close a {float:right; width:21px; height:21px; margin:4px 6px 4px 0; background:url(../images/ico/close2_pop.png) no-repeat;}
.p_message .info {padding:6px 10px 0; border-top:1px solid #3587ba; text-align:center;}
.p_message .info p {padding-top:4px; font-size:13px; color:#4b575a; line-height:18px; letter-spacing:-0.5px; word-spacing:-1px;}
.p_message .info p span.txt {color:#3587ba;}
.p_message .info p span.txt2 {color:#df772d;}
.p_message .btn {margin:12px 0 9px; text-align:center;}
.p_message .btn ul {display:inline-block;}
.p_message .btn li {float:left;}
.p_message .btn li a {margin:0 1px; padding:1px 6px 2px 7px;}
/* 메인 공지 */
.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:39px; right:39px; width:294px; border-top:3px solid #3587ba !important; border:1px solid #3587ba; background-color:#fff; z-index:999;}
.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(../images/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;}
/* 범례 */
.p_legend {position:absolute; top:86px; z-index:999;}
.p_legend .my {position:relative; float:left; width:304px; margin-right:8px; border-top:3px solid #3587ba !important; border:1px solid #3587ba; background-color:#fff;}
.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(../images/ico/close2_pop.png) no-repeat;}
.p_legend .my .info {height:309px; 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 {float:left; width:208px; border-top:3px solid #3587ba !important; border:1px solid #3587ba; background-color:#fff;}
.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(../images/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(../images/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 .my {position:fixed; top:86px; left:49px; width:304px; margin-right:8px; border-top:3px solid #3587ba !important; border:1px solid #3587ba; background-color:#fff;}
    .p_legend .display {position:fixed; top:86px; left:49px; width:304px; border-top:3px solid #3587ba !important; border:1px solid #3587ba; background-color:#fff;}
}
/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 버튼 */
.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(../images/ico/close_tooltip.png) 6px 7px no-repeat; color:#3587ba;}
.btn_D a {padding:1px 4px 2px 20px; border:1px solid #3587ba; background:url(../images/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(../images/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(../images/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(../images/ico/view_tooltip.png) 6px 6px no-repeat;}
.btn_H a {padding:2px 6px 3px 22px; background:url(../images/ico/search_tooltip.png) 6px 6px no-repeat;}
.btn_I a {padding:2px 7px 3px 22px; background:url(../images/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(../images/ico/view_archiving.png) 6px 6px no-repeat; color:#848c8e;}
.btn_K a {display:inline-block; padding:1px 6px 2px 25px; background:url(../images/ico/video.png) 5px 2px no-repeat; letter-spacing:-1px;}
.btn_L a {display:inline-block; padding:1px 8px 2px 23px; background:url(../images/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:88px; 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:70px; z-index:998;}
.btn_group li a {display:block; float:right; width:29px; height:29px; margin:0 0 2px 39px; border:1px solid #3587ba;}
.btn_group li.select_map a {float:left !important; margin:0 0 8px 0 !important; background-color:#fff !important; background:url(../images/ico/select_map.png) no-repeat;}
.btn_group li.display_map a {float:left !important; margin:0 0 8px 8px !important; background-color:#fff !important; background:url(../images/ico/display_map.png) no-repeat;}
.btn_group li.location a {margin-bottom:8px; background-color:#fff !important; background:url(../images/ico/location.png) no-repeat;}
.btn_group li.setup a {margin-bottom:8px; background-color:#fff !important; background:url(../images/ico/set.png) no-repeat;}
.btn_group li.plus a {background-color:#fff !important; background:url(../images/ico/plus.png) no-repeat;}
.btn_group li.minus a {margin-bottom:8px; background-color:#fff !important; background:url(../images/ico/minus.png) no-repeat;}
.btn_group li.radius a {background-color:#fff !important; background:url(../images/ico/radius.png) no-repeat;}
.btn_group li.radius_on a {background-color:#3587ba !important; background:url(../images/ico/radius_on.png) no-repeat;}
.btn_group li.distance a {background-color:#fff !important; background:url(../images/ico/distance.png) no-repeat;}
.btn_group li.distance_on a {background-color:#3587ba !important; background:url(../images/ico/distance_on.png) no-repeat;}
.btn_group li.cluster a {margin-bottom:8px; background-color:#fff !important; background:url(../images/ico/cluster.png) no-repeat;}
.btn_group li.cluster_on a {margin-bottom:8px; background-color:#3587ba !important; background:url(../images/ico/cluster_on.png) no-repeat;}
.btn_group li.save a {margin-bottom:8px; background-color:#fff !important; background:url(../images/ico/save.png) no-repeat;}
.btn_group li.link a {margin-bottom:8px; background-color:#fff !important; background:url(../images/ico/link.png) no-repeat;}
.btn_group li.seoul_line a {width:44px; height:44px; border:none !important;}
.btn_group li.seoul_line.off a {background:url(../images/ico/seoul_line_off.png) no-repeat;}
.btn_group li.seoul_line.on a {background:url(../images/ico/seoul_line_on.png) no-repeat;}
.btn_group li.visualMap a {background-color:#fff !important; background:url(../images/ico/visualmap.png) no-repeat;}
.btn_group li.visualMap_on a {background-color:#3587ba !important; background:url(../images/ico/visualmap_on.png) no-repeat;}
.legend {float:left; margin-right:8px;}
.legend 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 {display:block; padding-bottom:2px; font-weight:600; font-size:13px; color:#3587ba; letter-spacing:-0.5px; word-spacing:-2px;}
.legend2 {float:left;}
.legend2 a {width:68px; height:28px; border:1px solid #3587ba; background-color:#fff; display:flex; flex-direction:row; justify-content:center; align-items:center;}
.legend2 a span {display:block; padding-bottom:2px; font-weight:600; font-size:13px; color:#3587ba; letter-spacing:-0.5px; word-spacing:-2px;}
/* .usermap a {display:block; position:absolute; right:10px; bottom:50px; width:29px; height:29px; border:1px solid #3587ba; background-color:#fff !important; background:url(../images/ico/usermap.png) no-repeat; z-index:998;} */
.m_open a {display:none;}
/* 모바일 */
@media (max-width:991px) {
    .btn_D a {padding:1px 4px 2px 20px; border:1px solid #3587ba; background:url(../images/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(../images/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(../images/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 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;}
    .legend {position:fixed; top:125px; left:10px;}
    .legend2 {position:fixed; top:164px; left:10px;}
    .m_open a {display:block; position:absolute; top:86px; left:10px; width:29px; height:29px; border:1px solid #3587ba; background-color:#fff !important; background:url(../images/ico/m_open.png) no-repeat; z-index:998}
}
/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 기타 */
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:336px;}
.drop_group2 {position:absolute; top:47px; left:10px;}
/**/
.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(../images/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(../images/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(../images/ico/arrow_seoulinmap.png) 33px 2px no-repeat !important;}
.dropdown2 .dropdown-menu2 .con li:last-child a {background:url(../images/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(../images/ico/close_seoulinmap.png) no-repeat;}
/**/
.dropdown4 {display:block;}
.dropdown4 .drop_btn {width:19px; height:19px; margin-bottom:5px; background:url(../images/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(../images/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 {font-family:'돋움', Dotum; 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:14px; 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:51px; 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(../images/ico/arrow_seoulinmap.png) 32px 2px no-repeat;}
    .dropdown2 .dropdown-menu2 .con li:last-child a {background:url(../images/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(../images/ico/close_seoulinmap.png) no-repeat;}
    .ml11 {margin-left:110px;}
    .ml12 {margin-left:113px;}
}
/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 추가 */
/* 지도 시각화 범례 */
.visualmap2 {position:absolute; bottom:50px; left:331px;z-index:1000;font-size:12px; color:#000; letter-spacing:-0.5px; transition:all 0.3s ease 0s !important;}
.visualmap2 .bg {width:210px; padding:7px 0px; border-radius:3px; background:rgba(255,255,255,0.9); -webkit-box-shadow:1px 1px 1px #666; box-shadow:1px 1px 1px #666;}
.visualmap2 .bg li.bx {float:left; width:100%; height:23px; margin:2px 0;line-height:23px;}
.visualmap2 .bg li.bx span {padding:6px 2px 0 0; font-size:12px; color:#fff; font-weight:500;}
.visualmap2 .bg .colorPalette,#smDiv_visualSetting .colorPalette{cursor:pointer;float:left;width:20px;height:20px;border-radius:20px;margin:5px 2px;}
.visualmap2 input[type=range]{width:190px;margin:5px;vertical-align:text-bottom;}
.visualmap2 .bg .settingBtnWrap{text-align:center;margin:auto; margin-top:15px;}
.visualmap2 .bg .settingBtnWrap .resetBtn{cursor:pointer;width:50px;border: 1px solid #5976ae;padding: 3px;margin:5px; border-radius: 3px; background-color: #fff; font-size: 12px; color: #6789ca; letter-spacing: -0.5px; transition: all 0.3s ease 0s !important; cursor: pointer;}
.visualmap2 .bg .settingBtnWrap .settingBtn{cursor:pointer;width:50px;border: 1px solid #5976ae;padding: 3px;margin:5px; border-radius: 3px; background-color: #6789ca; font-size: 12px; color: #fff; letter-spacing: -0.5px; transition: all 0.3s ease 0s !important; cursor: pointer;}
.visualmap2 .bg .settingBtnWrap .infoBtn{cursor:pointer;width:50px;border: 1px solid #21365F;padding: 3px;margin:5px; border-radius: 3px; background-color: #2E4C84; font-size: 12px; color: #fff; letter-spacing: -0.5px; transition: all 0.3s ease 0s !important; cursor: pointer;}
.visualmap2 .bg .settingBtnWrap .backBtn{cursor:pointer;width:50px;border: 1px solid #df772d;padding: 3px;margin:5px; border-radius: 3px; background-color: #df772d; font-size: 12px; color: #fff; letter-spacing: -0.5px; transition: all 0.3s ease 0s !important; cursor: pointer;}
/* 지도 시각화 범례 > 좌측 메뉴 닫았을 때 , 하단메뉴 닫았을때*/
.visualmap3 {position:absolute; bottom:50px; left:10px;z-index:1000;font-size:12px; color:#000; letter-spacing:-0.5px; transition:all 0.3s ease 0s !important;}
.visualmap3 .bg {width:210px; padding:7px 0px; border-radius:3px; background:rgba(255,255,255,0.9); -webkit-box-shadow:1px 1px 1px #666; box-shadow:1px 1px 1px #666;}
.visualmap3 .bg li.bx {float:left; width:100%; height:23px; margin:2px 0;line-height:23px;}
.visualmap3 .bg li.bx span {padding:6px 2px 0 0; font-size:12px; color:#fff; font-weight:500;}
.visualmap3 .bg .colorPalette,#detailColorPalette .colorPalette{cursor:pointer;float:left;width:20px;height:20px;border-radius:20px;margin:5px 2px;}
.visualmap3 input[type=range]{width:190px;margin:5px;vertical-align:text-bottom;}
.visualmap3 .bg .settingBtnWrap{text-align:center;margin:auto; margin-top:15px;}
.visualmap3 .bg .settingBtnWrap .resetBtn{cursor:pointer;width:50px;border: 1px solid #5976ae;padding: 3px;margin:5px; border-radius: 3px; background-color: #fff; font-size: 12px; color: #6789ca; letter-spacing: -0.5px; transition: all 0.3s ease 0s !important; cursor: pointer;}
.visualmap3 .bg .settingBtnWrap .settingBtn{cursor:pointer;width:50px;border: 1px solid #5976ae;padding: 3px;margin:5px; border-radius: 3px; background-color: #6789ca; font-size: 12px; color: #fff; letter-spacing: -0.5px; transition: all 0.3s ease 0s !important; cursor: pointer;}
.visualmap3 .bg .settingBtnWrap .infoBtn{cursor:pointer;width:50px;border: 1px solid #21365F;padding: 3px;margin:5px; border-radius: 3px; background-color: #2E4C84; font-size: 12px; color: #fff; letter-spacing: -0.5px; transition: all 0.3s ease 0s !important; cursor: pointer;}
.visualmap3 .bg .settingBtnWrap .backBtn{cursor:pointer;width:50px;border: 1px solid #df772d;padding: 3px;margin:5px; border-radius: 3px; background-color: #df772d; font-size: 12px; color: #fff; letter-spacing: -0.5px; transition: all 0.3s ease 0s !important; cursor: pointer;}
/* 지도 시각화 범례 > 좌측메뉴 열었을때, 하단 메뉴 열었을 때 */
.visualmap4 {position:absolute; bottom:190px; left:331px;z-index:1000;font-size:12px; color:#000; letter-spacing:-0.5px; transition:all 0.3s ease 0s !important;}
.visualmap4 .bg {width:210px; padding:7px 0px; border-radius:3px; background:rgba(255,255,255,0.9); -webkit-box-shadow:1px 1px 1px #666; box-shadow:1px 1px 1px #666;}
.visualmap4 .bg li.bx {float:left; width:100%; height:23px; margin:2px 0;line-height:23px;}
.visualmap4 .bg li.bx span {padding:6px 2px 0 0; font-size:12px; color:#fff; font-weight:500;}
.visualmap4 .bg .colorPalette,#detailColorPalette .colorPalette{cursor:pointer;float:left;width:20px;height:20px;border-radius:20px;margin:5px 2px;}
.visualmap4 input[type=range]{width:190px;margin:5px;vertical-align:text-bottom;}
.visualmap4 .bg .settingBtnWrap{text-align:center;margin:auto; margin-top:15px;}
.visualmap4 .bg .settingBtnWrap .resetBtn{cursor:pointer;width:50px;border: 1px solid #5976ae;padding: 3px;margin:5px; border-radius: 3px; background-color: #fff; font-size: 12px; color: #6789ca; letter-spacing: -0.5px; transition: all 0.3s ease 0s !important; cursor: pointer;}
.visualmap4 .bg .settingBtnWrap .settingBtn{cursor:pointer;width:50px;border: 1px solid #5976ae;padding: 3px;margin:5px; border-radius: 3px; background-color: #6789ca; font-size: 12px; color: #fff; letter-spacing: -0.5px; transition: all 0.3s ease 0s !important; cursor: pointer;}
.visualmap4 .bg .settingBtnWrap .infoBtn{cursor:pointer;width:50px;border: 1px solid #21365F;padding: 3px;margin:5px; border-radius: 3px; background-color: #2E4C84; font-size: 12px; color: #fff; letter-spacing: -0.5px; transition: all 0.3s ease 0s !important; cursor: pointer;}
.visualmap4 .bg .settingBtnWrap .backBtn{cursor:pointer;width:50px;border: 1px solid #df772d;padding: 3px;margin:5px; border-radius: 3px; background-color: #df772d; font-size: 12px; color: #fff; letter-spacing: -0.5px; transition: all 0.3s ease 0s !important; cursor: pointer;}
/* 지도 시각화 범례 > 좌측메뉴 닫았을때, 하단 메뉴 열었을 때 */
.visualmap5 {position:absolute; bottom:190px; left:10px;z-index:1000;font-size:12px; color:#000; letter-spacing:-0.5px; transition:all 0.3s ease 0s !important;}
.visualmap5 .bg {width:210px; padding:7px 0px; border-radius:3px; background:rgba(255,255,255,0.9); -webkit-box-shadow:1px 1px 1px #666; box-shadow:1px 1px 1px #666;}
.visualmap5 .bg li.bx {float:left; width:100%; height:23px; margin:2px 0;line-height:23px;}
.visualmap5 .bg li.bx span {padding:6px 2px 0 0; font-size:12px; color:#fff; font-weight:500;}
.visualmap5 .bg .colorPalette,#detailColorPalette .colorPalette{cursor:pointer;float:left;width:20px;height:20px;border-radius:20px;margin:5px 2px;}
.visualmap5 input[type=range]{width:190px;margin:5px;vertical-align:text-bottom;}
.visualmap5 .bg .settingBtnWrap{text-align:center;margin:auto; margin-top:15px;}
.visualmap5 .bg .settingBtnWrap .resetBtn{cursor:pointer;width:50px;border: 1px solid #5976ae;padding: 3px;margin:5px; border-radius: 3px; background-color: #fff; font-size: 12px; color: #6789ca; letter-spacing: -0.5px; transition: all 0.3s ease 0s !important; cursor: pointer;}
.visualmap5 .bg .settingBtnWrap .settingBtn{cursor:pointer;width:50px;border: 1px solid #5976ae;padding: 3px;margin:5px; border-radius: 3px; background-color: #6789ca; font-size: 12px; color: #fff; letter-spacing: -0.5px; transition: all 0.3s ease 0s !important; cursor: pointer;}
.visualmap5 .bg .settingBtnWrap .infoBtn{cursor:pointer;width:50px;border: 1px solid #21365F;padding: 3px;margin:5px; border-radius: 3px; background-color: #2E4C84; font-size: 12px; color: #fff; letter-spacing: -0.5px; transition: all 0.3s ease 0s !important; cursor: pointer;}
.visualmap5 .bg .settingBtnWrap .backBtn{cursor:pointer;width:50px;border: 1px solid #df772d;padding: 3px;margin:5px; border-radius: 3px; background-color: #df772d; font-size: 12px; color: #fff; letter-spacing: -0.5px; transition: all 0.3s ease 0s !important; cursor: pointer;}
/* 단계구분도 > 상세정보*/
.grade_info {position:absolute; bottom:50px; right:51px; width:294px; border-top:3px solid #3587ba !important; border:1px solid #3587ba; background-color:#fff;z-index:999;}
.grade_info .title {float:left; padding:4px 0 0 10px; font-weight:600; font-size:14px; color:#3587ba; letter-spacing:-0.5px; word-spacing:-2px;}
.grade_info .btn_close a {float:right; width:21px; height:21px; margin:4px 6px 4px 0; background:url(../images/ico/close2_pop.png) no-repeat;}
.grade_info .info {padding:12px 7px 6px; border-top:1px solid #3587ba;}
.grade_info .info ul{text-align:center;display:inline-block;}
.grade_info .info li{width:138px;float:left;font-size:12px; color:#4b575a; border:1px solid #3587ba; line-height:19px; letter-spacing:-1px; word-spacing:-1.5px;}
.grade_info .info li.on a,.grade_info .info li.off a:hover{color:#fff; background-color:#3587ba;}
.grade_info .info li.off a{color:#3587ba; background-color:#fff;}
.grade_info .info table {margin:10px 0 0 0;text-align:center;width:100%;font-size:12px; color:#273538; letter-spacing:-1px; word-spacing:-1px;}
.grade_info .info table.no{margin:0}
.grade_info .info thead{border-bottom:1px solid lightgray;border-top:2px solid #273538;}
.grade_info .info thead th {color:#4b575a;padding:10px;font-weight:600;background-color:#f3f3f3;text-align:center;}
.grade_info .info tbody tr {border-bottom:1px solid lightgray;}
.grade_info .info tbody tr:hover{background-color:#f3f3f3;}
.grade_info .info tbody td {padding:10px;}
.grade_info .info tfoot {border-bottom:1px solid lightgray;border-top:2px solid #273538;}
.grade_info .info tfoot th {color:#4b575a;padding:10px 3px;font-weight:600;background-color:#f3f3f3;text-align:center;}
.grade_info .info table td.tl{text-align:left;}
.grade_info .btn_wrap{text-align:center;}
.grade_info .btn_wrap ul{display:inline-block;}
.grade_info .btn_wrap li{float: right; width: 100px; margin: 0 1px;}
.gradeMapTooltip {width:130px; background-color:white; border:1px solid #6789ca; border-radius:10px;padding:8px; letter-spacing:-0.5px; transition:all 0.3s ease 0s !important}
.gradeMapTooltip .tooltipTitle {color:#6789ca;font-size:14px;font-weight:700;padding:3px;}
.gradeMapTooltip .tooltipContents {color:#666; font-size:12px;padding:3px;}
/* 지도 시각화 설정 */
.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(../images/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("../images/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(../images/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(../images/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(../images/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("../images/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("../images/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("../images/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;}/* 모바일 */
}
/* 사용자 이미지 지도 */
.usermapBtn a {display:block; position:absolute; right:10px; bottom:50px; width:29px; height:29px; border:1px solid #3587ba; background-color:#fff !important; background:url(../images/ico/usermap.png) no-repeat; z-index:999;}
.usermap {position:absolute; bottom:0; width:calc(100% - 320px); left:320px; height:177px; background-color:#f7f7f7;border:1px solid #3587ba; *box-shadow:0 0 5px rgba(0,0,0,0.7); z-index:1997;}/* 포지션 */
.usermap .titles {position:relative; margin:14px 14px 0; padding:4px 0 5px; border-bottom:1px solid #6789ca; font-weight:600; font-size:14px; color:#6789ca;}
.usermap .titles span {padding-top:2px; border-top:2px solid #6789ca;}
.usermap .titles span.reset2 a {position:absolute; top:0; right:23px; width:18px; height:18px; background-size:18px 18px; background-image:url(../images/btn/reset2.png);}
.usermap .titles span.close3 a {border:0; position:absolute; top:1px; right:0; width:16px; height:16px; background-size:16px 16px; background-image:url(../images/btn/close3.png);}
.usermap .sinfo {overflow-x: scroll !important; overflow-y: hidden !important; margin: 0 10px; padding: 10px 0; white-space: nowrap;}
.usermap .sinfo span.pic {position:relative; padding:0 4px; text-align:center;}
.usermap .sinfo span.pic img {width:130px; height:79px; border-bottom:21px solid #f7f7f7;}
.usermap .sinfo span.pic span.txt a {overflow:hidden; position:absolute; left:4px; width:130px; padding-top:86px; font-weight:600; font-size:12px; color:#7c7c7c; line-height:16px; text-overflow:ellipsis; white-space:nowrap;}
.usermap .sinfo span.pic > a {position:absolute;}
.usermap .sinfo span.pic > a span {position:absolute; left:0; width:130px; height:79px; background-color:rgba(98,136,192,0.8);}
.usermap2 {position:absolute; bottom:0; width:calc(100%); left:0; height:177px; background-color:#f7f7f7;border:1px solid #3587ba; *box-shadow:0 0 5px rgba(0,0,0,0.7); z-index:1997;}
.usermap2 .titles {position:relative; margin:14px 14px 0; padding:4px 0 5px; border-bottom:1px solid #6789ca; font-weight:600; font-size:14px; color:#6789ca;}
.usermap2 .titles span {padding-top:2px; border-top:2px solid #6789ca;}
.usermap2 .titles span.reset2 a {position:absolute; top:0; right:23px; width:18px; height:18px; background-size:18px 18px; background-image:url(../images/btn/reset2.png);}
.usermap2 .titles span.close3 a {border:0; position:absolute; top:1px; right:0; width:16px; height:16px; background-size:16px 16px; background-image:url(../images/btn/close3.png);}
.usermap2 .sinfo {overflow-x: scroll !important; overflow-y: hidden !important; margin: 0 10px; padding: 10px 0; white-space: nowrap;}
.usermap2 .sinfo span.pic {position:relative; padding:0 4px; text-align:center;}
.usermap2 .sinfo span.pic img {width:130px; height:79px; border-bottom:21px solid #f7f7f7;}
.usermap2 .sinfo span.pic span.txt a {overflow:hidden; position:absolute; left:4px; width:130px; padding-top:86px; font-weight:600; font-size:12px; color:#7c7c7c; line-height:16px; text-overflow:ellipsis; white-space:nowrap;}
.usermap2 .sinfo span.pic > a {position:absolute;}
.usermap2 .sinfo span.pic > a span {position:absolute; left:0; width:130px; height:79px; background-color:rgba(98,136,192,0.8);}
@media (max-width:991px) {
    .usermap {position:absolute; bottom:0; width:100%; height:145px; background-color:#f7f7f7; box-shadow:0 0 5px rgba(0,0,0,0.7); z-index:1997;}/* 모바일 *//* 포지션 */
    .usermap .sinfo span.pic img {width:78px; height:47px; border-bottom:21px solid #f7f7f7;}/* 모바일 */
    .usermap .sinfo span.pic span.txt a {overflow:hidden; position:absolute; left:4px; width:78px; padding-top:54px; font-weight:600; font-size:12px; color:#7c7c7c; line-height:16px; text-overflow:ellipsis; white-space:nowrap;}/* 모바일 */
    .usermap .sinfo span.pic > a span {position:absolute; left:0; width:78px; height:47px; background-color:rgba(98,136,192,0.8);}/* 모바일 */
}
/* 사용자 이미지 지도 > 팝업 */
.tooltip {width:216px; height:68px; background-size:216px 68px; background-image:url("http://localhost:8080/smgis/webs/jsp/hybridmap/assets/css/../images/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("http://localhost:8080/smgis/webs/jsp/hybridmap/assets/css/../images/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("http://localhost:8080/smgis/webs/jsp/hybridmap/assets/css/../images/ico/tooltip_view.png");}
.tooltip li.dbtn a:hover span {background-image:url("http://localhost:8080/smgis/webs/jsp/hybridmap/assets/css/../images/ico/tooltip_view_on.png");}
.tooltip li.dbtn2 a {width:204px;}
.tooltip li.dbtn2 a span {margin:0 4px 0 71px; background-image:url("http://localhost:8080/smgis/webs/jsp/hybridmap/assets/css/../images/ico/tooltip_view.png");}
.tooltip li.dbtn2 a:hover span {background-image:url("http://localhost:8080/smgis/webs/jsp/hybridmap/assets/css/../images/ico/tooltip_view_on.png");}
.tooltip li.sbtn a {width:54px;}
.tooltip li.sbtn a span {margin-right:3px; background-image:url("http://localhost:8080/smgis/webs/jsp/hybridmap/assets/css/../images/ico/tooltip_search.png");}
.tooltip li.sbtn a:hover span {background-image:url("http://localhost:8080/smgis/webs/jsp/hybridmap/assets/css/../images/ico/tooltip_search_on.png");}
.tooltip li.cbtn a {width:67px;}
.tooltip li.cbtn a span {margin-right:4px; background-image:url("http://localhost:8080/smgis/webs/jsp/hybridmap/assets/css/../images/ico/tooltip_copy.png");}
.tooltip li.cbtn a:hover span {background-image:url("http://localhost:8080/smgis/webs/jsp/hybridmap/assets/css/../images/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("http://localhost:8080/smgis/webs/jsp/hybridmap/assets/css/../images/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("http://localhost:8080/smgis/webs/jsp/hybridmap/assets/css/../images/ico/video.png");}
.coninfo .sinfo dl.basic dd button span.audio {margin-top:2px; background-image:url("http://localhost:8080/smgis/webs/jsp/hybridmap/assets/css/../images/ico/audio.png");}
.coninfo .sinfo .spic {margin:11px 12px 0 13px;}
.coninfo .sinfo .spic li {float:left; margin:1px; text-align:center;}
.coninfo .sinfo .spic li span a img {display:block; width:64px; height:54px; border:1px solid #6789ca;}
.coninfo .sinfo dl.details {margin:19px 14px 0;}
.coninfo .sinfo dl.details dt {font-weight:600; font-size:14px; color:#6789ca;}
.coninfo .sinfo dl.details dt span {padding-top:3px; border-top:2px solid #6789ca;}
.coninfo .sinfo dl.details dd {margin-bottom:1px; padding:7px 0 9px; border-bottom:1px solid #ccc;}
.coninfo .sinfo dl.details dd p.texts {font-weight:600; font-size:12px; color:#4c4c4c; line-height:18px;}
.coninfo .sinfo dl.details dd p.texts span {color:#6789ca;}
.coninfo .sinfo dl.details dd p.texts2 {padding-top:3px; font-size:12px; color:#7c7c7c; line-height:18px;}
.coninfo .sinfo .comment {margin:0 14px;}
.coninfo .sinfo .comment .word {padding:9px 0 5px; font-weight:600; font-size:12px; color:#6789ca; letter-spacing:-1px; word-spacing:-0.5px;}
.coninfo .sinfo .comment li {float:left;}
.coninfo .sinfo .comment li.write3 {width:calc(100% - 54px);}
.coninfo .sinfo .comment li > textarea {overflow:hidden; width:calc(100% - 6px); height:44px; padding:3px; border:none; background-color:#d7d7d7; font-family:'나눔고딕', 'NanumGothic', ng; font-size:12px; color:#6c6c6c; line-height:16px;}
.coninfo .sinfo .comment li > button {display:block; width:50px; height:50px; margin-left:4px; padding-bottom:4px; border:1px solid #5976ae; border-radius:3px; background-color:#6789ca; font-size:12px; color:#fff; text-align:center; transition:all 0.3s ease 0s !important;}
.coninfo .sinfo .comment li > button:hover {background-color:#5976ae;}
.coninfo .sinfo .comment2 {margin:12px 14px 0; border-top:2px solid #6789ca;}
.coninfo .sinfo .comment2 ul {float:left; width:100%; border-bottom:1px solid #ccc;}
.coninfo .sinfo .comment2 li {float:left; padding:4px 0 5px; font-size:12px; line-height:18px;}
.coninfo .sinfo .comment2 li.nickname {width:90px; font-weight:600; color:#4c4c4c;}
.coninfo .sinfo .comment2 li.nickname span {display:block; padding-left:3px;}
.coninfo .sinfo .comment2 li.nickname2 {width:calc(100% - 90px); color:#7c7c7c;}
.coninfo .sinfo .comment2 li.nickname2 span {display:block; padding-left:3px;}
.coninfo .sinfo .page {margin-top:14px;}
.coninfo .buttons {margin-top:14px; text-align:center;}
.coninfo .buttons button {width:70px; height:24px; margin:0 3px; padding-bottom:2px; border:1px solid #5976ae; border-radius:3px; background-color:#6789ca; font-size:12px; color:#fff; transition:all 0.3s ease 0s !important; cursor:pointer;}
.coninfo .buttons button:hover {background-color:#5976ae;}
/* 171106 이진원 대리 수정 */
/* .coninfo2 {position:absolute; top:40%; transform:translateY(-40%); left:50%; width:500px; margin-left:-251px; border:1px solid #425881; background-color:#f7f7f7; z-index:10000;}포지션 */
.coninfo2 {position:absolute; top:40%; transform:translateY(-40%); left:50%; width:600px; margin-left:-301px; border:1px solid #425881; background-color:#f7f7f7; z-index:10000;}/* 포지션 */
/* 171106 이진원 대리 수정 */
@media (max-width:991px) {
    .coninfo2 {overflow:hidden; position:absolute; top:0; transform:none; left:0; width:100%; height:100%; margin-left:0; border:none; background-color:#f7f7f7; z-index:10000;}/* 모바일(wrap) *//* 포지션 */
}
.coninfo2 .smap {position:relative;}
.coninfo2 .smap span.close a {position:absolute; top:8px; right:10px; width:16px; height:16px; background-size:16px 16px; background-image:url("/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;}
.customTable{display:table;width:100%; padding:5px;}
.customTable .row{display:table-row;}
.customTable .cell{display:table-cell;padding:3px;vertical-align:middle;}
.customTable .col1{width:10%;}
.customTable .col2{width:70%;}
.customTable .col3{width:20%;}
.customTable .ct{text-align:center;}
.customTable .cell2{display:table-cell;padding:3px 3px 3px 10px;vertical-align:middle;}

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

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;
}