@charset "UTF-8";
.modal-wrap.active, .top-area, .top-area .t-global, .consulting-status .top-btn, .consulting-status .box-flex.map-wrap .right .layer-list .body ul li, .consulting-status .box-flex.map-wrap .right .editing-layer .body, .consulting-status .btm-area, .place-list li .addr-area, header .top, .t-global .alert-box .pop-alert .overflow-y .contents ul li .business, .filter .form-group .input-group, .listbottom, .listtop, .top-content, .top-content .chart-box, .list-type01 li, .map-layer .layer-header, .map-layer .layer-group .top-layer, .group-manage .right, .error-wrap .error, .measure-box .inner .top { display: flex; justify-content: space-between; align-items: center; }

#container .container-inner .content-body .title::after { display: block; content: ''; }

.style-edit .style-box h3::before, .listtop h2::before, .mapSys #container .container-inner .aside .content-inner .contents h4::before { display: inline-block; width: 6px; height: 6px; content: ''; margin: 0 7px 3px 0; border: #466ca3 3px solid; border-radius: 50%; vertical-align: middle; }

/* select */
.select-box { display: inline-block; margin: 0 1px; vertical-align: middle; }
.select-box select { width: 100%; height: 30px; padding: 1px 25px 0 8px; line-height: 28px; background-image: url("../images/icon-select-arrow.png"); background-position: calc(100% - 10px) 50%; background-repeat: no-repeat; cursor: pointer; outline: none; appearance: none; }

/* checkbox radio */
.radios, .checkboxes { display: flex; flex-direction: column; flex-wrap: nowrap; }

label { cursor: pointer; }

input[type="checkbox"], input[type="radio"] { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
input[type="checkbox"] + label, input[type="radio"] + label { position: relative; align-items: center; padding: 1px 6px 0 23px; user-select: none; }
input[type="checkbox"] + label:before, input[type="radio"] + label:before { content: ""; position: absolute; top: 2px; left: 0; width: 14px; height: 14px; border: 1px solid rgba(255, 255, 255, 0.2); background: rgba(255, 255, 255, 0.1); text-align: center; transition: transform 200ms ease-out; }
input[type="checkbox"] + label:after, input[type="radio"] + label:after { content: ""; background-color: rgba(255, 255, 255, 0.1); position: absolute; transform: scale(0); transition: transform 200ms ease-out; }

input[type="checkbox"] + label:after { background-color: transparent; content: ""; display: block; position: absolute; left: 5px; top: 4px; width: 4px; height: 6px; opacity: 0.1; border-bottom: 3px solid #49aee2; border-right: 3px solid #49aee2; transform: rotate(45deg); transition: border-color 0.3s ease; }
input[type="checkbox"]:checked + label:before { content: ""; }
input[type="checkbox"]:checked + label:after { content: ""; opacity: 1; }

input[type="radio"] + label:before, input[type="radio"] + label:after { border-radius: 50%; }
input[type="radio"] + label:after { left: 4px; top: 6px; width: 8px; height: 8px; }
input[type="radio"]:checked + label:before { background: rgba(255, 255, 255, 0.1); animation: borderscale 300ms ease-in; }
input[type="radio"]:checked + label:after { background: #49aee2; transform: scale(1); }

input[type="checkbox"]:disabled + label:before { background-color: #eaeaea; }

.date-box { display: inline-block; width: 120px; height: 30px; padding: 0 0 0 8px; border-radius: 4px; border: rgba(255, 255, 255, 0.15) 1px solid; background-color: #2c3440; cursor: pointer; }
.date-box input[type="text"] { width: calc(100% - 27px); height: 28px; padding: 3px 0 4px; border: none; cursor: pointer; background-color: transparent; }
.date-box img { padding: 5px; vertical-align: middle; box-sizing: content-box; }
.date-box + em { padding: 0 8px; }

/* Datepicker */
.ui-datepicker { display: none; width: 260px; height: auto; min-height: 200px; margin: 7px 0 0 -30px; padding: 10px; background-color: #2c3440; border: 1px solid rgba(255, 255, 255, 0.2); z-index: 100 !important; }
.ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; }
.ui-datepicker .ui-datepicker-prev { position: absolute; top: 2px; left: 5%; width: 20px; height: 20px; }
.ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; right: 5%; width: 20px; height: 20px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; top: 0; cursor: pointer; }
.ui-datepicker .ui-datepicker-title { margin: 0; text-align: center; color: rgba(255, 255, 255, 0.85); }
.ui-datepicker select.ui-datepicker-month { width: 30%; }
.ui-datepicker .ui-datepicker-year { width: 30%; }
.ui-datepicker table { width: 100%; border-collapse: collapse; margin: 0 auto; font-size: 12.5px; }
.ui-datepicker table th { padding: 7px 0 6px; text-align: center; border: 0; font-size: 14px; font-weight: 600; }
.ui-datepicker table th:first-child span { color: #ef8282; }
.ui-datepicker table td { padding: 2px 0; }
.ui-datepicker table td.ui-datepicker-week-end a { color: #ef8282; }
.ui-datepicker table td a { display: block; width: 25px; height: 25px; margin: 0px 3px; border-radius: 50%; text-align: center; line-height: 25px; }
.ui-datepicker table td a:hover { background-color: rgba(255, 255, 255, 0.05); text-decoration: none; }
.ui-datepicker table td a.ui-datepicker-today a { background-color: #49aee2; color: #fff; }
.ui-datepicker table td a.ui-state-active { background-color: #49aee2; font-weight: bold; color: #fff; }
.ui-datepicker table tbody tr:first-child td { padding-top: 7px; }
.ui-datepicker table td:last-child a, .ui-datepicker table td:last-child span, .ui-datepicker table th:last-child a, .ui-datepicker table th:last-child span { color: #6791cf; }

.ui-icon { display: block; width: 22px; height: 22px; text-indent: -99999px; overflow: hidden; }

.ui-icon-circle-triangle-w { background: url("../images/btn_prev_01.png") 45% 49% no-repeat; }

.ui-icon-circle-triangle-e { background: url("../images/btn_next_01.png") 55% 49% no-repeat; }

.ui-datepicker-row-break { clear: both; width: 100%; font-size: 0; }

.ui-widget-header { height: 28px; margin: 0; border-bottom: 0; color: #333; font-size: 12px; }

.ui-widget-header .ui-datepicker-title { font-size: 16px; font-weight: 600; }
.ui-widget-header .ui-datepicker-title span { font-size: 16px; font-weight: 600; }

/* 첨부파일 */
.filebox { position: relative; }
.filebox .upload-name { width: calc(100% - 18px); height: 18px; border-radius: 4px; border: rgba(255, 255, 255, 0.15) 1px solid; background-color: #2c3440; padding: 5px 8px; appearance: none; }
.filebox .upload-name:disabled { opacity: 1; }
.filebox input[type="file"] { position: absolute; width: 1px !important; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }
.filebox label { width: 28px; height: 28px !important; border-radius: 4px; font-size: 0; }
.filebox label.i-search_01 { position: absolute; right: 8px; top: calc(50% - 14px); background: url("../images/icon-search_01.png") 50% 50% no-repeat; }

html, body { width: 100%; height: 100vh; background-color: #2e3744; }

.blind { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }

img, fieldset, iframe { border: 0 none; }

address { font-style: normal; }

input, select, button { vertical-align: middle; }

i, em, address { font-style: normal; }

label, button { cursor: pointer; }

textarea { width: 100%; resize: none; }

button { height: 30px; margin: 0; outline: none; background-color: #363f4c; border-radius: 4px; border-color: rgba(255, 255, 255, 0.15); border-width: 1px; border-style: solid; letter-spacing: -0.5px; }
button + button { margin: 0 0 0 3px; }

a { outline: 0; text-decoration: none; color: rgba(255, 255, 255, 0.85); cursor: pointer; }
a:hover { text-decoration: none; color: #49aee2; }

input, textarea { ime-mode: active; outline: none; }

input:disabled { opacity: 0.8; background-color: #f2f2f2; }

input[type="text"], input[type="password"], input[type="search"], input[type="email"], textarea, select, input[type="number"], input[type="file"] { min-width: 45px; height: 30px; box-sizing: border-box; padding: 5px 10px; border: rgba(255, 255, 255, 0.15) 1px solid; border-radius: 4px; font-size: 13px; color: rgba(255, 255, 255, 0.85); font-family: "맑은 고딕", "MalgunGothic", Helvetica, Arial, sans-serif; background-color: #2c3440; }

em { text-decoration: none; font-style: normal; }

i { display: inline-block; background-repeat: no-repeat; line-height: 0; vertical-align: middle; }

.blue { color: #6791cf; }

.red { color: #ef8282; }

::placeholder { color: rgba(255, 255, 255, 0.2); }

select { background-color: #2c3440; }

/* 정렬, 길이, 여백 */
.tx-left, .tx-left th, .tx-left td { text-align: left !important; }

.tx-center { text-align: center !important; }

tr.tx-center th { text-align: center !important; }

.table.tx-center td { text-align: center; }

.tx-right, .tx-right td { text-align: right !important; }

.wfull { width: 100% !important; }

.w30 { width: 30px !important; }

.w50 { width: 50px !important; }

.w60 { width: 60px !important; }

.w70 { width: 70px !important; }

.w80 { width: 80px !important; }

.w100 { width: 100px !important; }

.w110 { width: 110px !important; }

.w120 { width: 120px !important; }

.w130 { width: 130px !important; }

.w150 { width: 150px !important; }

.w170 { width: 170px !important; }

.w190 { width: 190px !important; }

.w200 { width: 200px !important; }

.w210 { width: 210px !important; }

.w220 { width: 220px !important; }

.w230 { width: 230px !important; }

.w250 { width: 250px !important; }

.w270 { width: 270px !important; }

.w280 { width: 280px !important; }

.w300 { width: 300px !important; }

.w350 { width: 350px !important; }

.w400 { width: 400px !important; }

.w500 { width: 500px !important; }

.w550 { width: 550px !important; }

.w600 { width: 600px !important; }

.w650 { width: 650px !important; }

.w700 { width: 700px !important; }

.w800 { width: 800px !important; }

.w850 { width: 850px !important; }

.w900 { width: 900px !important; }

.w1000 { width: 1000px !important; }

.h30 { height: 30px !important; }

.h50 { height: 50px !important; }

.h70 { height: 70px !important; }

.hfull { height: 100% !important; }

.h100 { height: 100px !important; }

.h150 { height: 150px !important; }

.h200 { height: 200px !important; }

.h210 { height: 210px !important; }

.h250 { height: 250px !important; }

.h300 { height: 300px !important; }

.h400 { height: 400px !important; }

.h450 { height: 450px !important; }

.h480 { height: 480px !important; }

.h500 { height: 500px !important; }

.h600 { height: 600px !important; }

.mh100 { min-height: 100px !important; }

.mh150 { min-height: 150px !important; }

.mh200 { min-height: 200px !important; }

.mg15 { margin: 15px !important; }

.mt0 { margin-top: 0 !important; }

.mt5 { margin-top: 5px !important; }

.mt10 { margin-top: 10px !important; }

.mt15 { margin-top: 15px !important; }

.mt20 { margin-top: 20px !important; }

.mt30 { margin-top: 30px !important; }

.mt40 { margin-top: 40px !important; }

.mb5 { margin-bottom: 5px !important; }

.mb0 { margin-bottom: 0 !important; }

.mb10 { margin-bottom: 10px !important; }

.mb15 { margin-bottom: 15px !important; }

.mb20 { margin-bottom: 20px !important; }

.mb30 { margin-bottom: 30px !important; }

.mr5 { margin-right: 5px !important; }

.mr10 { margin-right: 10px !important; }

.mr15 { margin-right: 15px !important; }

.mr30 { margin-right: 30px !important; }

.ml0 { margin-left: 0px !important; }

.ml5 { margin-left: 5px !important; }

.ml10 { margin-left: 10px !important; }

.ml15 { margin-left: 15px !important; }

.ml20 { margin-left: 20px !important; }

.ml25 { margin-left: 25px !important; }

.pd0 { padding: 0 !important; }

.pt5 { padding-top: 5px !important; }

.pt10 { padding-top: 10px !important; }

.pb10 { padding-bottom: 10px !important; }

.pb20 { padding-bottom: 20px !important; }

.mr-auto { margin-right: auto; }

.ml-auto { margin-left: auto; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; color: rgba(255, 255, 255, 0.85); line-height: 1.428571429; vertical-align: baseline; box-sizing: border-box; word-break: break-all; font-family: "맑은 고딕", "MalgunGothic", Helvetica, Arial, sans-serif; font-size: 13px; }

/* HTML5 display-role reset for older browsers */
ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after { content: ''; content: none; }

q:before, q:after { content: ''; content: none; }

table { border-collapse: collapse; border-spacing: 0; }

/* Chrome용 스크롤 바 */
::-webkit-scrollbar { width: 7px; height: 7px; }

::-webkit-scrollbar-track { background: none; box-shadow: none; border-radius: 10px; }

::-webkit-scrollbar-track:hover { background: none; box-shadow: none; border-radius: 10px; }

::-webkit-scrollbar-thumb { background: #b9bec2; border-radius: 10px; }

::-webkit-scrollbar-thumb:hover { background: #9da5ab; }

/*::-webkit-scrollbar-button { width: 8px;}*/
::-webkit-scrollbar-button { display: none; }

legend, caption { visibility: hidden; overflow: hidden; width: 0; height: 0; font-size: 0; line-height: 0; }

.r-btn { text-align: right; }

.l-btn { text-align: left; }

.c-btn { text-align: center; }

i { width: 16px; height: 16px; }
i.i-excel { background: url("../images/icon-excel_01.png") 50% 50% no-repeat; }
i.i-hwp { background: url("../images/icon-hwp.png") 50% 50% no-repeat; }
i.i-ppt { background: url("../images/icon-ppt.png") 50% 50% no-repeat; }
i.i-pdf { background: url("../images/icon-pdf.png") 50% 50% no-repeat; }

button i { margin-right: 7px; background-position: 50% 50%; background-repeat: no-repeat; }
button i.i-reset { background: url("../images/icon-tools.png") -9px -196px no-repeat; }
button i.i-delete { width: 14px; height: 14px; background-image: url("../images/icon-delete_01.png"); }
button i.i-search { background-image: url("../images/icon-search_01.png"); }
button i.i-write { width: 14px; height: 15px; background-image: url("../images/icon-write.png"); }
button i.i-pic { margin-right: 4px; background-image: url("../images/icon-picture.png"); }
button i.i-bell { background-image: url("../images/icon-bell-gray.png"); }
button i.i-opinion { background-image: url("../images/icon-mark_02.png"); }
button i.i-info { background-image: url("../images/icon-mark_02.png"); }
button i.i-admin { width: 16px; height: 15px; background-image: url("../images/icon-setting_02.png"); vertical-align: bottom; }
button i.i-plus { background-image: url("../images/icon-plus_02.png"); }
button i.i-upload { background-image: url("../images/icon-upload.png"); }
button i.i-download { background-image: url("../images/icon-download.png"); }
button i.i-multi-down { background-image: url("../images/icon-multi-download.png"); }
button i.i-finish { background-image: url("../images/icon-finish.png"); }
button i.i-refresh { background-image: url("../images/icon-refresh.png"); }
button i.i-next { background-image: url("../images/btn_next_01.png"); }
button i.i-prev { background-image: url("../images/btn_prev_01.png"); }
button i.i-list { background-image: url("../images/icon-inquiry_01.png"); }
button i.i-location { background-image: url("../images/icon-pin.png"); }
button i.face-btn { background-image: url("../images/btn-face.png"); }
button i.stroke-btn { background: url("../images/btn-stroke.png") 50% 100% no-repeat; }
button i.rect-btn { background: url("../images/btn-rect-01.png") 50% 100% no-repeat; }
button i.cir-btn { background: url("../images/btn-cir-01.png") 50% 100% no-repeat; }
button i.i-code { background-image: url("../images/icon-code.png"); }
button i.i-character { background-image: url("../images/icon-character.png"); }
button i.i-number { background-image: url("../images/icon-number.png"); }
button i.i-date { background-image: url("../images/icon-date.png"); }
button i.i-general { background-image: url("../images/icon-general.png"); }
button i.i-lock { background-image: url("../images/icon-lock.png"); background-position-x: 0; }
button i.i-unlock { background-image: url("../images/icon-unlock.png"); }
button.point { border-color: #365ea5; background-color: #365ea5; color: #fff; }
button.point .i-search { width: 14px; height: 15px; margin-right: 5px; background: url("../images/icon-search_02.png") 50% 50% no-repeat; }
button.point:hover { border: #4a73bb 1px solid; }

.btn { display: inline-flex !important; align-items: center; justify-content: center; padding: 4px 10px; font-weight: 400; word-spacing: -1px; white-space: nowrap; vertical-align: middle; touch-action: manipulation; user-select: none; border: #4b535e 1px solid; color: rgba(255, 255, 255, 0.85); background-image: none; font-size: 13px; font-family: "맑은 고딕", "MalgunGothic", Helvetica, Arial, sans-serif; cursor: pointer; }
.btn:disabled { opacity: 0.6; cursor: not-allowed; }
.btn:hover { border-color: #5f6772; }
.btn.on { border-color: #365ea5; background-color: rgba(54, 94, 165, 0.2); color: #49aee2; font-weight: bold; }
.btn i.i-time { width: 17px; height: 17px; background-image: url("../images/icon-time.png"); }
.btn i.i-application { width: 16px; height: 15px; background-image: url("../images/icon-application.png"); }

.btn-gray { height: 22px; padding: 0 7px; color: #fff; font-size: 12px; border: none; background-color: #4e5366; }

.i-btn, .line-btn, .btn-add, .btn-del, .btn-erase { display: inline-block; width: 30px; height: 30px; margin: 0; border: none; background-color: transparent; cursor: pointer; font-size: 0 !important; line-height: 0; outline: none; }
.i-btn:hover, .line-btn:hover, .btn-add:hover, .btn-del:hover, .btn-erase:hover { border-color: rgba(255, 255, 255, 0.3); }
.i-btn.arrow-up, .i-btn.arrow-down, .arrow-down.line-btn, .arrow-down.btn-add, .arrow-down.btn-del, .arrow-down.btn-erase, .arrow-up.line-btn, .arrow-up.btn-add, .arrow-up.btn-del, .arrow-up.btn-erase { width: 20px; height: 25px; background: url("../images/icon-select-arrow.png") 50% 50% no-repeat; }
.i-btn.arrow-down, .arrow-down.line-btn, .arrow-down.btn-add, .arrow-down.btn-del, .arrow-down.btn-erase { transform: rotate(180deg); }
.i-btn.plus, .plus.line-btn, .plus.btn-add, .plus.btn-del, .plus.btn-erase { width: 16px; height: 16px; background: url("../images/icon-plus_03.png") 50% 50% no-repeat; }
.i-btn.minus, .minus.line-btn, .minus.btn-add, .minus.btn-del, .minus.btn-erase { width: 16px; height: 16px; background: url("../images/icon-minus_03.png") 50% 50% no-repeat; }
.i-btn.layerset, .layerset.line-btn, .layerset.btn-add, .layerset.btn-del, .layerset.btn-erase { width: 18px; height: 18px; background: url("../images/icon-layerset.png") 50% 50% no-repeat; }
.i-btn i, .line-btn i, .btn-add i, .btn-del i, .btn-erase i { width: 16px; height: 16px; background-repeat: no-repeat; background-position: 50% 50%; }
.i-btn i.i-pin, .line-btn i.i-pin, .btn-add i.i-pin, .btn-del i.i-pin, .btn-erase i.i-pin { width: 29px; height: 35px; padding: 2px; font-size: 14px; color: #365ea5; font-weight: bold; background: url("../images/icon-pin-addr.png") -30px 0 no-repeat; }
.i-btn i.i-pin.on, .line-btn i.i-pin.on, .btn-add i.i-pin.on, .btn-del i.i-pin.on, .btn-erase i.i-pin.on { color: #fff; background-position: 0 0; }
.i-btn i.i-map-pin, .line-btn i.i-map-pin, .btn-add i.i-map-pin, .btn-del i.i-map-pin, .btn-erase i.i-map-pin { width: 23px; height: 32px; background-image: url("../images/icon-map-pin.png"); }
.i-btn i.i-accessing, .line-btn i.i-accessing, .btn-add i.i-accessing, .btn-del i.i-accessing, .btn-erase i.i-accessing { background-image: url("../images/icon-setting_01.png"); }
.i-btn i.i-down, .line-btn i.i-down, .btn-add i.i-down, .btn-del i.i-down, .btn-erase i.i-down { background-image: url("../images/icon-download.png"); }
.i-btn i.i-arrow-up_w, .line-btn i.i-arrow-up_w, .btn-add i.i-arrow-up_w, .btn-del i.i-arrow-up_w, .btn-erase i.i-arrow-up_w, .i-btn i.i-arrow-down_w, .line-btn i.i-arrow-down_w, .btn-add i.i-arrow-down_w, .btn-del i.i-arrow-down_w, .btn-erase i.i-arrow-down_w { width: 20px; height: 25px; margin: 0; background: url("../images/icon-btn-arrow.png") 50% 50% no-repeat; }
.i-btn i.i-arrow-down_w, .line-btn i.i-arrow-down_w, .btn-add i.i-arrow-down_w, .btn-del i.i-arrow-down_w, .btn-erase i.i-arrow-down_w { transform: rotate(180deg); }

.line-btn, .btn-add, .btn-del { width: 30px; border: #6e747e 1px solid; }
.line-btn i, .btn-add i, .btn-del i { width: 16px; height: 16px; margin-right: 0; }
.line-btn .i-filter, .btn-add .i-filter, .btn-del .i-filter { height: 15px; background: url("../images/icon-filter.png") 50% 50% no-repeat; }
.line-btn .i-search, .btn-add .i-search, .btn-del .i-search { background: url("../images/icon-search.png") 50% 50% no-repeat; }
.line-btn .i-location, .btn-add .i-location, .btn-del .i-location { width: 13px; height: 18px; background: url("../images/icon-location.png") 50% 50% no-repeat; }
.line-btn .i-direct-choice, .btn-add .i-direct-choice, .btn-del .i-direct-choice { width: 18px; height: 18px; background: url("../images/icon-direct-choice.png") 50% 50% no-repeat; }
.line-btn.on, .on.btn-add, .on.btn-del { border-color: #365ea5; }
.line-btn.on .i-filter, .on.btn-add .i-filter, .on.btn-del .i-filter { width: 16px; height: 15px; background: url("../images/icon-filter_on.png") 50% 50% no-repeat; }
.line-btn .i-excel, .btn-add .i-excel, .btn-del .i-excel { width: 15px; background: url("../images/icon-excel.png") 50% 50% no-repeat; }
.line-btn .i-save, .btn-add .i-save, .btn-del .i-save { width: 14px; height: 14px; margin: 0; background: url("../images/icon-editing.png") -1px -4px no-repeat; }
.line-btn .i-reset02, .btn-add .i-reset02, .btn-del .i-reset02 { width: 14px; height: 14px; margin: 0; background: url("../images/icon-editing.png") -29px -4px no-repeat; }
.line-btn .i-choice, .btn-add .i-choice, .btn-del .i-choice { width: 15px; height: 14px; margin: 0; background: url("../images/icon-editing.png") -61px -5px no-repeat; }
.line-btn .i-move, .btn-add .i-move, .btn-del .i-move { width: 16px; height: 15px; margin: 0; background: url("../images/icon-editing.png") -91px -3px no-repeat; }
.line-btn .i-add, .btn-add .i-add, .btn-del .i-add { width: 15px; height: 15px; margin: 0; background: url("../images/icon-editing.png") -122px -3px no-repeat; }
.line-btn .i-revise, .btn-add .i-revise, .btn-del .i-revise { width: 16px; height: 14px; margin: 0; background: url("../images/icon-editing.png") -153px -4px no-repeat; }
.line-btn .i-editing, .btn-add .i-editing, .btn-del .i-editing { width: 16px; height: 14px; margin: 0; background: url("../images/icon-editing.png") -225px -6px no-repeat; }
.line-btn .i-del, .btn-add .i-del, .btn-del .i-del { width: 14px; height: 14px; margin: 0; background: url("../images/icon-editing.png") -354px -6px no-repeat; }

.btn-add, .btn-del { width: 26px; height: 26px; background: #353e4c url("../images/icon-plus_01.png") 50% 50% no-repeat; }

.btn-del { background: #353e4c url("../images/icon-minus_01.png") 50% 50% no-repeat; }

.btn-erase { width: 16px; height: 16px; background: url("../images/icon-delete_02.png") 50% 50% no-repeat; }

.btn-more { height: auto; padding: 0 5px; border: none; font-size: 12px; color: rgba(255, 255, 255, 0.85); }
.btn-more::before { display: inline-block; content: '+'; margin-right: 3px; color: #8f8f8f; }

.on-off { display: inline-block; padding: 2px; border: rgba(255, 255, 255, 0.15) 1px solid; border-radius: 14px; background-color: #f9f9f9; }
.on-off .btn { height: 22px; margin: 0; border: 0; border-radius: 11px; }
.on-off .btn.on { background-color: #365ea5; color: #fff; }
.on-off .btn + .btn { margin-left: -3px; }

.switch { position: relative; display: inline-block; width: 65px; height: 26px; vertical-align: middle; }
.switch input { display: none; }
.switch input:checked + .slider { background-color: #365ea5; color: #fff; }
.switch input:checked + .slider::after { position: absolute; left: 12px; right: auto; bottom: 4px; content: "SLD"; color: #fff; font-weight: 600; }
.switch input:checked + .slider::before { -webkit-transform: translateX(37px); -ms-transform: translateX(37px); transform: translateX(37px); }
.switch input:focus + .slider { box-shadow: 0 0 1px #3d5586; }
.switch .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #2fa0d0; -webkit-transition: .4s; transition: .4s; }
.switch .slider.round { border-radius: 26px; }
.switch .slider.round::before { border-radius: 50%; }
.switch .slider::after { position: absolute; right: 12px; bottom: 4px; content: "편집"; color: #fff; font-weight: 600; }
.switch .slider:before { position: absolute; content: ""; height: 16px; width: 16px; left: 6px; bottom: 5px; background-color: #fff; -webkit-transition: .4s; transition: .4s; }
.switch.asis-tobe input:checked + .slider::after { content: "기존"; }
.switch.asis-tobe .slider::after { content: "최신"; }

.table { width: 100%; border-top: rgba(255, 255, 255, 0.05) 1px solid; vertical-align: top; }
.table thead th { text-align: center; }
.table thead th .asc-btn, .table thead th .desc-btn, .table thead th .middle-btn { width: 11px; height: 16px; font-size: 0; border: none; background-color: transparent; background: url("../images/icon-sort_up.png") 100% 0 no-repeat; }
.table thead th .desc-btn { background-image: url("../images/icon-sort_down.png"); }
.table thead th .middle-btn { background-image: url("../images/icon-sort.png"); }
.table tbody th { padding-left: 10px; }
.table th, .table td { padding: 8px 6px; border-left: rgba(255, 255, 255, 0.06) 1px solid; border-bottom: rgba(255, 255, 255, 0.06) 1px solid; border-top: none; font-weight: normal; text-align: left; vertical-align: middle; }
.table th:first-child, .table td:first-child { border-left: none; }
.table th.nolineL, .table td.nolineL { border-left-width: 0 !important; }
.table th.lineL, .table td.lineL { border-left: rgba(255, 255, 255, 0.06) 1px solid; }
.table th.lineB, .table td.lineB { border-bottom: rgba(255, 255, 255, 0.06) 1px solid !important; }
.table th.nolineR, .table td.nolineR { border-right-width: 0 !important; }
.table th input[type="checkbox"] + label, .table td input[type="checkbox"] + label { display: inline; padding: 1px 6px 0 10px; }
.table th .notice, .table td .notice { padding: 2px 8px 3px; background-color: #CB7600; color: #fff; font-size: 12px; border-radius: 2px; }
.table th { font-weight: bold; background-color: #29313a; }
.table td input[type="text"] { vertical-align: top; }
.table td .box-flex { align-items: center; }
.table td .bottom-line { text-decoration: underline !important; }
.table + .table { margin-top: 10px; }
.table + .top { margin-top: 5px; }
.table + .guide { margin-top: 15px; }
.table + .listop { margin-top: 20px; }
.table + .r-btn { margin-top: 10px; }
.table .star::after { display: inline-block; content: '*'; margin-left: 4px; color: #ef8282; vertical-align: top; }

.table.list thead th { border-bottom: rgba(255, 255, 255, 0.1) 1px solid; }
.table.list tbody tr:hover td { background-color: rgba(65, 96, 155, 0.2); }
.table.list th, .table.list td { text-align: center; padding-left: 5px; padding-right: 5px; }
.table.list th.tx-left, .table.list td.tx-left { padding-left: 10px; }
.table.list th .select-box, .table.list td .select-box { margin: -3px 0; }
.table.list th input[type="checkbox"] + label, .table.list th input[type="radio"] + label, .table.list td input[type="checkbox"] + label, .table.list td input[type="radio"] + label { padding: 1px 6px 0 10px; }
.table.list th { padding: 8px 5px 6px; }
.table.list td button { margin: -3px 0; }
.table.list td button.i-btn i, .table.list td button.line-btn i, .table.list td button.btn-add i, .table.list td button.btn-del i, .table.list td button.btn-erase i { margin: 0; }

.table.form td { padding: 5px; }
.table.form td .upload-layers { position: relative; }
.table.form td .upload-layers input { width: 100%; background-color: #fff; }
.table.form td .upload-layers .i-btn, .table.form td .upload-layers .line-btn, .table.form td .upload-layers .btn-add, .table.form td .upload-layers .btn-del, .table.form td .upload-layers .btn-erase { position: absolute; right: 0; top: calc(50% - 15px); padding: 0; border-radius: 2px; font-size: 0; }
.table.form td em { line-height: 28px; padding: 0 2px; margin-left: 10px; }
.table.form td .file-area { width: 100%; height: 100px; overflow: auto; }
.table.form td .file-area .txt-name { margin-bottom: 5px; }
.table.form textarea { margin-bottom: -5px; }

.btn + .file-area { margin-top: 5px; }

.table-th { border-top: rgba(255, 255, 255, 0.1) 1px solid; border-bottom: rgba(255, 255, 255, 0.1) 1px solid; border-right: rgba(255, 255, 255, 0.06) 1px solid; background-color: #29313a; padding-right: 7px; }
.table-th .table { border-top: 0; border-right: none !important; }
.table-th .table thead th { border-bottom: none; background-color: transparent; }

.overflow-y { overflow-y: auto; overflow-x: hidden; }
.overflow-y .table { border-top: 0; }
.overflow-y .table.list td input[type="checkbox"] + label { padding: 1px 6px 0 10px; }
.overflow-y .table.list .lineL { border-left: rgba(255, 255, 255, 0.06) 1px solid; }

.overflow-x { overflow-x: auto; }
.overflow-x + .table { margin-top: 15px; }

.td-fixed td { position: relative; }
.td-fixed td .btn-fix { position: absolute; top: 8px; right: 10px; width: 60px; height: 24px; color: rgba(255, 255, 255, 0.85); }
.td-fixed td .btn-fix .i-next { width: 10px; height: 12px; margin-left: 7px; background: url("../images/icon-next.png") 50% 50% no-repeat; }

.pop-box .table { border-right: rgba(255, 255, 255, 0.06) 1px solid; }
.pop-box .table th input[type="checkbox"] + label, .pop-box .table td input[type="checkbox"] + label { padding: 1px 0 0 24px; }
.pop-box .table th:first-child, .pop-box .table td:first-child { border-left: rgba(255, 255, 255, 0.06) 1px solid; }

.pro-chart .thickL { border-left: rgba(255, 255, 255, 0.15) 1px solid !important; }
.pro-chart thead th { border-bottom: rgba(255, 255, 255, 0.15) 1px solid; }
.pro-chart tr.thickB td { border-bottom: rgba(255, 255, 255, 0.15) 1px solid; }
.pro-chart tr .thickB { border-bottom: rgba(255, 255, 255, 0.15) 1px solid; }
.pro-chart tr th { padding: 5px 2px; text-align: center; }
.pro-chart td { padding: 5px 4px; text-align: center; font-size: 12.5px; }
.pro-chart td.purple { color: #dbd4f9; background-color: #35265e; }
.pro-chart td.red { color: #ffeaea; background-color: #d75252; }
.pro-chart td.blue { color: #d7deef; background-color: #3868eb; }
.pro-chart td.yellow { color: #fff1e9; background-color: #df7436; }
.pro-chart td.green { color: #d7f7ef; background-color: #35a151; }
.pro-chart td.nolineL { text-align: right; padding-right: 15px; }

.modal-wrap { width: 100%; height: 100%; display: none; }
.modal-wrap.active { justify-content: center; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0.4); z-index: 100; overflow: hidden; }

.pop-box { display: block; background-color: #2e3744; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4); overflow: hidden; border-radius: 4px; }
.top-area { height: 40px; background-color: #2c4c86; }
.top-area h1 { display: flex; align-items: center; font-size: 15px; font-weight: 400; color: #fff; padding-left: 15px; line-height: 1; }
.top-area h1 .btn { height: 25px; margin-right: 10px; margin-left: -5px; padding: 4px 6px; color: #fff; border: none; background-color: rgba(0, 0, 0, 0.2); font-size: 11px; }
.top-area h1 .btn i.i-prev-w { width: 5px; height: 9px; margin-right: 3px; background: url("../images/icon-prev-w.png") 50% no-repeat; }
.top-area .i-btn, .top-area .line-btn, .top-area .btn-add, .top-area .btn-del, .top-area .btn-erase { width: 40px; height: 40px; border-radius: 0; padding: 0; }
.i-close { width: 14px; height: 14px; background: url("../images/btn-close_01.png") 50% no-repeat; }
.top-area .i-btn.view, .top-area .view.line-btn, .top-area .view.btn-add, .top-area .view.btn-del, .top-area .view.btn-erase { width: 22px; margin-right: 5px; }
.top-area .i-btn.view .i-view_w, .top-area .view.line-btn .i-view_w, .top-area .view.btn-add .i-view_w, .top-area .view.btn-del .i-view_w, .top-area .view.btn-erase .i-view_w { width: 22px; height: 12px; background: url("../images/btn-view_02.png") 50% no-repeat; }
.pop-box .body-area .contents { padding: 15px; }
.pop-box .body-area .contents.alert { width: 300px; padding: 20px; }
.pop-box .body-area .contents.alert i { display: block; width: 50px; height: 50px; margin: 0 auto; border-radius: 50%; margin-bottom: 15px; background-color: #49aee2; background-position: 50%; background-repeat: no-repeat; }
.pop-box .body-area .contents.alert i.i-register { background-image: url("../images/icon-register.png"); }
.pop-box .body-area .contents.alert i.i-del { background-image: url("../images/icon-del.png"); background-position: 62% 55%; }
.pop-box .body-area .contents.alert i.i-check { background-image: url("../images/icon-id_pw_check.png"); }
.pop-box .body-area .contents.alert i.i-warn { background-image: url("../images/icon-warning.png"); }
.pop-box .body-area .contents + .contents { padding: 0 15px 15px 15px; }
.pop-box .body-area .contents .l-btn { margin: 10px 0; }
.pop-box .body-area .contents.img-save .compass-img { position: absolute; top: 10px; left: 10px; width: 82px; height: 83px; background: url("../images/icon-compass.png") 50% no-repeat; }
.pop-box .body-area .contents.img-save .legend-box { bottom: 10px; right: 10px; }
.pop-box .body-area .contents.img-save .scale-box { position: absolute; display: flex; align-items: center; bottom: 10px; left: 10px; padding: 5px 10px; border-radius: 4px; background-color: rgba(46, 55, 68, 0.7); }
.pop-box .body-area .contents.img-save .scale-box label { margin-right: 5px; }
.pop-box .body-area .contents.qwchange { padding: 40px 20px; text-align: center; }
.pop-box .body-area .contents.qwchange i { display: block; width: 50px; height: 50px; margin: 0 auto; margin-bottom: 20px; background-color: rgba(255, 255, 255, 0.1); border-radius: 50%; background-position: 50%; background-repeat: no-repeat; }
.pop-box .body-area .contents.qwchange i.i-qwchange { background-image: url("../images/icon-qwchange.png"); }
.pop-box .body-area .contents.qwchange i.i-delete { background-image: url("../images/icon-delete_03.png"); }
.pop-box .body-area .contents.qwchange i.i-check { background-image: url("../images/icon-check.png"); }
.pop-box .body-area .contents.qwchange i.i-notification { background-image: url("../images/icon-notification.png"); }
.pop-box .body-area .contents.qwchange i.i-change { background-image: url("../images/icon-change_01.png"); }
.pop-box .body-area .contents.qwchange p { font-size: 14px; color: #acc9ed; }
.pop-box .body-area .box-flex { height: 100%; padding: 15px; }
.pop-box .body-area .box-flex .left .map-area { height: 100%; }
.pop-box .body-area .box-flex .contents { width: 100%; padding: 0; }
.pop-box .body-area .box-flex .contents .listtop { margin-bottom: 5px; }
.pop-box .body-area .box-flex .contents + .contents { margin-top: 15px; }
.pop-box .body-area .box-flex.filtering .list-type04 { padding: 10px; border: 1px solid rgba(255, 255, 255, 0.2); }
.pop-box .body-area .box-flex.filtering .left { width: 270px; }
.pop-box .body-area .box-flex.filtering .left .list-type04 button { margin-right: 5px; }
.pop-box .body-area .box-flex.filtering .left .list-type04 input[type="text"] { width: calc(100% - 40px); }
.pop-box .body-area .box-flex.filtering .right { width: calc(100% - 290px); }
.pop-box .body-area .box-flex.filtering .right .listtop { height: 30px; }
.pop-box .body-area .box-flex.filtering .right .list-type04 input[type="radio"] + label { padding: 0 6px 0 20px; }
.pop-box .body-area .box-flex.filtering .right .list-type04 span { padding: 0 5px; }
.pop-box .body-area .box-flex.filtering .right .list-type04 + .listtop { margin: 15px 0 7px; }
.pop-box .body-area .box-flex.filtering .right .l-btn { margin: 0; }
.pop-box .body-area .box-flex.filtering .right .l-btn .btn { width: calc(20% - 8px); margin: 5px 4px 0 0; text-align: center; }
.pop-box .body-area .filter { margin: 15px 15px 5px 15px; padding: 10px; }
.pop-box .body-area .filter .form-group .input-group label { min-width: 60px; }
.btm-btn { text-align: center; padding: 10px 0; background-color: rgba(255, 255, 255, 0.05); }
.btm-btn.listbottom { padding: 8px 15px; margin-top: 0; }
.pop-box .body-area .login-input { padding: 0 20px; margin: -15px 0 25px 0; }
.pop-box .body-area .login-input .input-group { margin-bottom: 10px; }
.pop-box .body-area .login-input .input-group label { display: inline-block; width: 120px; font-weight: 600; }
.pop-box .body-area .login-input .input-group input { width: 185px; }
.pop-box.time { width: 400px; }
.pop-box.time .top-area { display: none; }
.pop-box.time .contents { padding: 30px 15px 25px; text-align: center; }
.pop-box.time .contents h4 { margin-bottom: 15px; font-size: 18px; }
.pop-box.time .contents strong { font-size: 26px; color: #365ea5; }
.pop-box .tabArea { margin-top: -5px; }
.pop-box .tabArea .tabs li a { height: 33px; }
.pop-box .tabArea .tabcontents { padding: 15px 0; }
.pop-box .tabArea.style { width: 350px; margin-top: 0; }
.pop-box .tabArea.style .tab-top { position: relative; height: 45px; padding-top: 10px; }
.pop-box .tabArea.style .tab-top .select-box { position: absolute; top: 7px; right: 7px; width: 120px; }
.pop-box .tabArea.style .tabcontents { height: 400px; overflow-y: auto; padding: 0; }
.pop-box .tabArea.style .tabcontents .style-edit { height: auto; padding: 15px; }
.pop-box .tabArea.style .tabcontents .style-edit .style-box .s-items li { width: 100%; }
.pop-box .tabArea.style .tabcontents .style-edit .style-box .s-items li strong { width: 110px; }
.pop-box .tabArea.style .tabcontents .style-edit .style-box .s-items li strong + div { width: calc(100% - 110px); }
.pop-box .tabArea.style .tabcontents .style-edit .style-box .s-items li .control-bar { margin: 5px 10px; }
.pop-box .tabArea.style .tabcontents .style-edit .style-box .s-items li + li { margin-top: 7px; }
.pop-box .tabArea.style .tabcontents .style-edit .style-box .s-items + h4 { margin-top: 15px; }
.pop-box .tabArea.style .tabcontents .style-edit .style-box .table td button { height: 20px; }
.pop-box .tabArea.style .tabcontents .style-edit .style-box .table td button.btn { padding: 0 5px; font-size: 12px; }
.pop-box .tabArea.style .tabcontents .style-edit .style-box .table td button.line-btn, .pop-box .tabArea.style .tabcontents .style-edit .style-box .table td button.btn-add, .pop-box .tabArea.style .tabcontents .style-edit .style-box .table td button.btn-del { width: 20px; padding: 0; }
.pop-box .tabArea.style .tabcontents .style-edit .style-box .table td button.line-btn i, .pop-box .tabArea.style .tabcontents .style-edit .style-box .table td button.btn-add i, .pop-box .tabArea.style .tabcontents .style-edit .style-box .table td button.btn-del i { width: 10px; height: 10px; }
.pop-box .tabArea.style .tabcontents .style-edit .style-box .table td button.line-btn i.i-add, .pop-box .tabArea.style .tabcontents .style-edit .style-box .table td button.btn-add i.i-add, .pop-box .tabArea.style .tabcontents .style-edit .style-box .table td button.btn-del i.i-add { background: url("../images/icon-plus_03.png") 0 0 no-repeat; }
.pop-box .tabArea.style .tabcontents .style-edit .style-box .table td button.line-btn i.i-del, .pop-box .tabArea.style .tabcontents .style-edit .style-box .table td button.btn-add i.i-del, .pop-box .tabArea.style .tabcontents .style-edit .style-box .table td button.btn-del i.i-del { background: url("../images/icon-minus_03.png") 0 0 no-repeat; }
.pop-box .tabArea.style .tabcontents .style-edit .style-box .table td input[type="checkbox"] + label { padding: 1px 6px 0 10px; }
.pop-box .tabArea.style .tabcontents .style-edit .style-box .l-btn { margin-top: 7px; }
.pop-box .tabArea.style .tabcontents .style-edit .style-box .l-btn button { width: 25px; }

.map-popup { position: absolute; z-index: 400; background-color: #fff; border-radius: 4px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4); /*추가(0318)*/ }
.map-popup::after { position: absolute; content: ''; width: 25px; height: 26px; left: calc(50% - 20px); background: url("../images/bg-mapbtm.png") 0 0 no-repeat; }
.map-popup .top { padding: 7px 13px; border-radius: 4px 4px 0 0; background-color: #365ea5; color: #fff; }

.style-edit { height: 480px; overflow-y: auto; }
.style-edit .style-box h3 { margin-bottom: 7px; }
.style-edit .style-box h4 { margin-bottom: 5px; }
.style-edit .style-box .s-items { padding: 10px 7px; background-color: rgba(0, 0, 0, 0.12); border-radius: 4px; }
.style-edit .style-box .s-items li { display: inline-flex; align-items: center; width: 49%; margin-top: 5px; }
.style-edit .style-box .s-items li strong { display: inline-block; width: 80px; padding-left: 10px; }
.style-edit .style-box .s-items li .select-box, .style-edit .style-box .s-items li input { width: calc(100% - 90px); }
.style-edit .style-box .s-items li:first-child, .style-edit .style-box .s-items li:nth-child(2) { margin-top: 0; }
.style-edit .style-box .s-items .shape li { justify-content: center; width: 55px; height: 55px; margin: 2px 1px 3px; border-radius: 3px; border: 1px solid rgba(255, 255, 255, 0.2); cursor: pointer; }
.style-edit .style-box .s-items .shape li:hover { background-color: rgba(54, 94, 165, 0.3); }
.style-edit .style-box .s-items .shape li.on { background-color: rgba(54, 94, 165, 0.4); border-color: #365ea5; }
.style-edit .style-box .s-items .shape + ul { margin-top: 10px; }
.style-edit .style-box .s-items + .s-items { margin-top: 10px; }
.style-edit .style-box + .style-box { margin-top: 15px; }

.write-form { overflow-y: auto; overflow-x: hidden; height: 600px; }

.consulting-status { width: 1200px; height: 800px; border-radius: 0; }
.consulting-status .top-area .btn { height: 25px; background-color: rgba(73, 174, 226, 0.7); border-color: #49aee2; color: #fff; }
.step-box, .top-btn { height: 90px; padding: 4px; border-bottom: rgba(255, 255, 255, 0.15) 1px solid; background-color: #39414e; text-align: center; }
.step-box ul, .top-btn ul { position: relative; z-index: 30; display: inline-block; }
.step-box ul::after, .top-btn ul::after { position: absolute; z-index: -1; content: ''; width: 500px; height: 1px; top: 27px; left: 90px; background-color: #e2e0e0; }
.step-box ul li, .top-btn ul li { display: inline-block; width: 170px; padding: 5px 20px; }
.step-box ul li i, .top-btn ul li i { width: 100%; height: 44px; background-position: 50% 50%; background-repeat: no-repeat; }
.step-box ul li i.i-info, .top-btn ul li i.i-info { background-image: url("../images/icon-inquiry_02.png"); }
.step-box ul li i.i-analysis, .top-btn ul li i.i-analysis { background-image: url("../images/icon-analysis.png"); }
.step-box ul li i.i-result, .top-btn ul li i.i-result { background-image: url("../images/icon-review.png"); }
.step-box ul li i.i-review, .top-btn ul li i.i-review { background-image: url("../images/icon-view.png"); }
.step-box ul li span, .top-btn ul li span { display: block; padding-top: 2px; text-align: center; }
.step-box ul li.active i.i-info, .top-btn ul li.active i.i-info { background-image: url("../images/icon-inquiry_02_on.png"); }
.step-box ul li.active i.i-analysis, .top-btn ul li.active i.i-analysis { background-image: url("../images/icon-analysis_on.png"); }
.step-box ul li.active i.i-result, .top-btn ul li.active i.i-result { background-image: url("../images/icon-review_on.png"); }
.step-box ul li.active i.i-review, .top-btn ul li.active i.i-review { background-image: url("../images/icon-view_on.png"); }
.step-box ul li.active span, .top-btn ul li.active span { font-weight: 600; color: #49aee2; }
.step-box ul li.on, .top-btn ul li.on { border: #365ea5 1px solid; background-color: #35435c; box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.2); border-radius: 3px; }
.step-box ul li.on span, .top-btn ul li.on span { font-weight: 600; color: #7193d0; }
.consulting-status .top-btn { height: 50px; padding: 10px; }
.consulting-status .top-btn .tab a { display: inline-block; padding: 0 20px; font-size: 14px; }
.consulting-status .top-btn .tab a + a { border-left: 1px solid rgba(255, 255, 255, 0.2); }
.consulting-status .top-btn .tab a.on { color: #49aee2; font-weight: bold; }
.consulting-status .top-btn .box-flex { align-items: center; }
.consulting-status .top-btn .box-flex p { display: flex; align-items: center; }
.consulting-status .top-btn .box-flex p i { width: 11px; height: 16px; margin-right: 5px; }
.consulting-status .top-btn .box-flex p i.i-pin { background: url("../images/icon-pin.png") 50% no-repeat; }
.consulting-status .box-flex { height: calc(100% - 130px); flex-direction: initial; }
.consulting-status .box-flex.map-wrap { flex-direction: initial; }
.consulting-status .box-flex.map-wrap .left { width: 300px; height: 100%; border-right: 1px solid rgba(255, 255, 255, 0.2); }
.consulting-status .box-flex.map-wrap .left.application-area .contents-result { height: calc(100% - 50px); padding: 0 10px 10px 10px; overflow: auto; }
.consulting-status .box-flex.map-wrap .left.application-area .contents-result .listtop { height: 45px; margin-bottom: 10px; padding: 0 5px; border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
.consulting-status .box-flex.map-wrap .left.application-area .contents-result .listtop h3 { font-size: 14px; }
.consulting-status .box-flex.map-wrap .left.application-area .contents-result .b-box { padding: 10px; border-radius: 4px; border: rgba(255, 255, 255, 0.08) 1px solid; }
.consulting-status .box-flex.map-wrap .left.application-area .contents-result .b-box .map-img { display: none; }
.consulting-status .box-flex.map-wrap .left.application-area .contents-result .b-box .top-area { height: auto; margin-bottom: 5px; background-color: transparent; cursor: pointer; }
.consulting-status .box-flex.map-wrap .left.application-area .contents-result .b-box .top-area h4 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.consulting-status .box-flex.map-wrap .left.application-area .contents-result .b-box + .b-box { margin-top: 10px; }
.consulting-status .box-flex.map-wrap .left.application-area .contents-result .b-box.active { border-color: #365ea5; background-color: #35435c; }
.consulting-status .box-flex.map-wrap .left.application-area .contents-result .b-box.active .top-area h4 { overflow: visible; white-space: normal; }
.consulting-status .box-flex.map-wrap .left.application-area .contents-result .b-box.active .map-img { display: block; }
.consulting-status .box-flex.map-wrap .left.application-area .contents-result .b-box .date { margin-top: 5px; }
.consulting-status .box-flex.map-wrap .left.application-area .btm-btn { display: flex; justify-content: space-between; padding: 10px; border-bottom: rgba(255, 255, 255, 0.08) 1px solid; }
.consulting-status .box-flex.map-wrap .left .listtop { height: 43px; padding: 0 12px; border-bottom: rgba(255, 255, 255, 0.15) 1px solid; }
.consulting-status .box-flex.map-wrap .left .listtop h3 { font-size: 14px; }
.consulting-status .box-flex.map-wrap .left .btm-btn { text-align: center; padding: 10px; background-color: #39414e; }
.consulting-status .box-flex.map-wrap .right { width: calc(100% - 300px); height: 100%; }
.consulting-status .box-flex.map-wrap .right .top-area { height: 36px; }
.consulting-status .box-flex.map-wrap .right .top-area h1 { padding-left: 10px; font-size: 14px; }
.consulting-status .box-flex.map-wrap .right .layer-list { position: absolute; bottom: 50px; right: 55px; width: 380px; background-color: #2e3744; }
.consulting-status .box-flex.map-wrap .right .layer-list .body .top { padding: 10px; background-color: rgba(0, 0, 0, 0.12); }
.consulting-status .box-flex.map-wrap .right .layer-list .body ul { height: 110px; overflow: auto; padding: 5px 0; }
.consulting-status .box-flex.map-wrap .right .layer-list .body ul li { padding: 5px 10px; }
.consulting-status .box-flex.map-wrap .right .layer-list .body ul li input[type="checkbox"] + label { padding: 0px 7px 0 9px; }
.consulting-status .box-flex.map-wrap .right .layer-list .body ul li p { margin-left: 10px; }
.consulting-status .box-flex.map-wrap .right .layer-list .body ul li p::before { content: ''; display: inline-block; width: 15px; height: 15px; margin-right: 7px; background-color: #acacac; vertical-align: middle; }
.consulting-status .box-flex.map-wrap .right .layer-list .body ul li + li { border-top: rgba(255, 255, 255, 0.08) 1px solid; }
.consulting-status .box-flex.map-wrap .right .editing-layer { position: absolute; top: 15px; left: 15px; background-color: #2e3744; }
.consulting-status .box-flex.map-wrap .right .editing-layer .body { padding: 10px; }
.consulting-status .box-flex.map-wrap .right .editing-layer .body .group + .group::before { display: inline-block; content: ''; width: 1px; height: 30px; margin: 0 4px 0 9px; background-color: rgba(255, 255, 255, 0.15); vertical-align: middle; }
.consulting-status .box-flex.map-wrap .right .inquiry-box { position: absolute; top: 15px; right: 15px; width: 200px; padding: 10px; border-radius: 4px; background-color: #49aee2; z-index: 100; }
.consulting-status .box-flex.map-wrap .right .inquiry-box p { color: #fff; }
.consulting-status .box-flex.map-wrap .right .inquiry-box p span { color: #fff; font-weight: bold; }
.consulting-status .box-flex.map-wrap .right .inquiry-box p::before { content: ''; display: inline-block; width: 20px; height: 20px; vertical-align: middle; margin-right: 10px; border-radius: 50%; background: #fff url("../images/icon-info_03.png") 50% no-repeat; }
.consulting-status .box-flex.map-wrap .right .choice-list { position: absolute; bottom: 50px; right: 450px; width: 190px; background-color: #2e3744; }
.consulting-status .box-flex.map-wrap .right .choice-list ul { height: 200px; overflow: auto; }
.consulting-status .box-flex.map-wrap .right .choice-list ul li { padding: 10px; border-bottom: rgba(255, 255, 255, 0.08) 1px solid; }
.consulting-status .box-flex.map-wrap .map-area { height: 100%; }
.consulting-status .box-flex.map-wrap .map-layer { position: initial; width: 299px; }
.consulting-status .box-flex.map-wrap .map-layer .filter { margin: 0; padding: 10px; border: none; background-color: rgba(0, 0, 0, 0.3); border-bottom: rgba(255, 255, 255, 0.15) 1px solid; }
.consulting-status .box-flex.map-wrap .map-layer .filter button { margin-left: 4px; }
.consulting-status .box-flex.map-wrap .map-layer .layer-group { height: 526px; border-bottom: none; }
.consulting-status .box-flex.map-wrap .map-layer .layer-group .sub li .r-btn { left: initial; right: 10px; }
.consulting-status .box-flex.map-wrap .map-layer .layer-group .sub li .r-btn .i-btn, .consulting-status .box-flex.map-wrap .map-layer .layer-group .sub li .r-btn .line-btn, .consulting-status .box-flex.map-wrap .map-layer .layer-group .sub li .r-btn .btn-add, .consulting-status .box-flex.map-wrap .map-layer .layer-group .sub li .r-btn .btn-del, .consulting-status .box-flex.map-wrap .map-layer .layer-group .sub li .r-btn .btn-erase { width: 21px; height: 20px; }
.consulting-status .box-flex.map-wrap .map-layer .layer-group .sub li .r-btn .i-btn i, .consulting-status .box-flex.map-wrap .map-layer .layer-group .sub li .r-btn .line-btn i, .consulting-status .box-flex.map-wrap .map-layer .layer-group .sub li .r-btn .btn-add i, .consulting-status .box-flex.map-wrap .map-layer .layer-group .sub li .r-btn .btn-del i, .consulting-status .box-flex.map-wrap .map-layer .layer-group .sub li .r-btn .btn-erase i { margin: 0; }
.consulting-status .box-flex.map-wrap .pop-box { position: absolute; bottom: 15px; right: 15px; z-index: 50; width: 650px; }
.consulting-status .box-flex.map-wrap .pop-box .top-area { height: 36px; }
.consulting-status .box-flex.map-wrap .pop-box .body-area .contents { width: 100%; }
.consulting-status .box-flex.map-wrap .pop-box .body-area .table th, .consulting-status .box-flex.map-wrap .pop-box .body-area .table td { padding: 5px 4px; }
.consulting-status .tabArea { height: 100%; margin-top: 0; }
.consulting-status .tabArea .tabcontents { height: calc(100% - 35px); padding: 0; }
.resultarea { height: calc(100% - 50px); padding: 15px; overflow-y: auto; }
.resultarea .contents { height: 100%; width: 100% !important; }
.resultarea .listtop { padding: 8px 10px; border: rgba(255, 255, 255, 0.15) solid 1px; }
.resultarea .listarea li { padding: 5px 0px; border-bottom: rgba(255, 255, 255, 0.15) 1px dashed; }
.resultarea .listarea li .addr-txt { display: block; }
.resultarea .listarea li .addr-txt .addr-title { font-size: 14px; margin-bottom: 5px; }
.resultarea .listarea li .addr-txt p { margin: 3px 0; }
.resultarea .listarea li .addr-txt p strong { display: inline-block; width: 50px; height: 18px; margin-right: 5px; padding: 2px 1px 3px; font-size: 12px; text-align: center; border-radius: 4px; background-color: #294e91; font-weight: 400; }
.resultarea .listarea li .addr-txt p + p strong { background-color: #954862; }
.consulting-status .tabArea .listarea { height: calc(100% - 45px); overflow-y: auto; }
.place-list li .addr-area .addr-txt { width: calc(100% - 40px); }
.place-list li .addr-area .i-btn, .place-list li .addr-area .line-btn, .place-list li .addr-area .btn-add, .place-list li .addr-area .btn-del, .place-list li .addr-area .btn-erase { padding: 0; }
.consulting-status .tabArea .tab01 .contents { height: auto; }
.consulting-status .tabArea .tab01 .contents .listarea { height: auto; margin-bottom: 10px; }
.consulting-status .btm-area { position: absolute; bottom: 0; width: 100%; justify-content: flex-end; height: 40px; padding: 0 10px; background-color: #2e3744; }
.consulting-status .btm-area i.i-earth { background: url("../images/icon-tools.png") -5px -426px no-repeat; }
.consulting-status .body-area { height: calc(100% - 130px); overflow-y: auto; }
.consulting-status .body-area .filter { margin: 10px 0 0; }
.consulting-status .body-area .review { position: relative; z-index: 60; height: 110px; border: 1px solid rgba(255, 255, 255, 0.2); }
.consulting-status .body-area .review img { width: 100%; height: 100%; }
.consulting-status .body-area .review button { position: absolute; z-index: 70; right: 5px; bottom: 7px; width: 25px; height: 25px; box-shadow: 1px -1px 2px 0 rgba(0, 0, 0, 0.3); }
.consulting-status .title { padding: 15px 15px 0; }
.consulting-status .title .listtop { margin-bottom: 10px; }
.consulting-status .title .listtop strong { font-size: 14px; }
.consulting-status .title h2 { font-size: 22px; font-weight: 400; text-align: center; }
.consulting-status .review-map { height: 400px; position: relative; z-index: 60; }
.consulting-status .review-map img { width: 100%; height: 400px; }
.consulting-status .review-map .legend-box { min-width: 100px; width: auto; bottom: 10px; right: 10px; }
.consulting-status.report .title, .consulting-status.report .body-area { background-color: #fff; color: #333; }
.consulting-status.report .title .btn, .consulting-status.report .body-area .btn { background-color: #fff; border-color: #ccc; color: #333; }
.consulting-status.report .title .listtop div, .consulting-status.report .body-area .listtop div { color: #333; }
.consulting-status.report h2, .consulting-status.report pre, .consulting-status.report strong { color: #333; }
.consulting-status.report table { border-color: #ddd; }
.consulting-status.report table th { background-color: #eee; }
.consulting-status.report table td, .consulting-status.report table th { color: #333; border-left-color: #ddd !important; border-bottom-color: #ddd; }

.legend-box { position: absolute; z-index: 70; border: 1px solid rgba(255, 255, 255, 0.2); }
.legend-box h4 { height: 30px; padding: 7px; text-align: center; background-color: #365ea5; color: #fff; }
.legend-box .legend-list { padding: 10px; background-color: #2e3744; }
.legend-box .legend-list li { font-size: 12px; }

.info-list { padding: 10px 5px; }
.info-list li { display: flex; }
.info-list li span { display: inline-block; width: 15px; height: 15px; border-radius: 50%; margin: 1px 5px 0 0; vertical-align: middle; background-color: #777; text-align: center; font-size: 11px; color: #fff; }
.info-list li p { width: calc(100% - 20px ); }
.info-list li + li { margin-top: 5px; }

.info-consent { width: 850px; background-color: #2e3744; }
.info-consent .title { padding: 25px 20px 5px; text-align: center; }
.info-consent .title h2 { font-size: 21px; margin-bottom: 10px; color: #7193d0; }
.info-consent .assent label { padding-left: 29px; color: #7193d0; font-weight: 600; font-size: 15px; }
.info-consent .assent label::before { width: 18px; height: 18px; }
.info-consent .assent label::after { left: 6px; top: 5px; width: 6px; height: 7px; }
.info-consent .table { margin: 8px 0 10px; }
.info-consent .table td { padding: 10px; text-align: center; font-size: 14px; }
.info-consent .assent-guide p { padding: 0 3px 3px 24px; background: url("../images/icon-mark_05.png") 2px 2px no-repeat; }
.info-consent .assent-guide p.red { background-image: url("../images/icon-mark_02.png"); }
.info-consent .assent-form { margin: 5px 15px 25px; text-align: center; padding: 15px; border: rgba(255, 255, 255, 0.1) 1px solid; background-color: rgba(0, 0, 0, 0.2); }
.info-consent .assent-form p { margin-bottom: 10px; font-size: 15px; font-weight: 600; }
.info-consent .assent-form input[type="radio"] + label { font-size: 14px; }
.info-consent .assent-form span + span { margin-left: 20px; }

.layer-btn .btn { width: 130px; height: 70px; }
.layer-btn .btn i { width: 33px; height: 33px; margin-right: 12px; }
.layer-btn .btn i.i-windmill { background-image: url("../images/icon-windmill.png"); background-size: 36px; }
.layer-btn .btn i.i-load { background-image: url("../images/icon-load.png"); background-size: 33px; }
.layer-btn .btn.on { background-color: #49aee2; color: #fff; }
.layer-btn .btn.on i.i-windmill { background-image: url("../images/icon-windmill_on.png"); }
.layer-btn .btn.on i.i-load { background-image: url("../images/icon-load_on.png"); }

#Index, #mapIndex { overflow: hidden; position: absolute; left: -9999px; width: 0; height: 0; margin: 0; padding: 0; }

.inner { width: 1400px; margin: 0 auto; }

#wrapper { min-width: 1400px; height: 100%; background-color: #2e3744; }

header { min-width: 1400px; height: 97px; background-color: #1c2430; border-bottom: rgba(255, 255, 255, 0.06) 1px solid; }
header .top { height: 57px; padding: 0 20px; border-bottom: rgba(255, 255, 255, 0.1) 1px solid; }
header .top .logo { display: flex; }
header .top .logo h1, header .top .logo h2 { font-size: 0; height: 30px; background-position: 50% 50%; background-repeat: no-repeat; }
header .top .logo h1 { width: 165px; background-image: url("../images/logo-h1.png"); }
header .top .logo h2 { width: 190px; background-image: url("../images/logo-h2.png"); }
.t-global li { display: inline-flex; align-items: center; height: 20px; padding-left: 7px; color: rgba(255, 255, 255, 0.8); vertical-align: middle; line-height: 1; }
.t-global li span, .t-global li strong { color: #fff; vertical-align: middle; line-height: 1; }
.t-global li span { padding-right: 5px; }
.t-global li button { height: auto; vertical-align: middle; background-color: transparent; border: none; font-weight: 600; color: rgba(255, 255, 255, 0.9); }
.t-global li button.btn { height: 25px; background-color: #f0f0f0; border-radius: 12.5px; color: #122d52; font-weight: 400; }
.t-global li button.btn.point { background-color: #144282; border: #144282 1px solid; color: #eee; }
.t-global li button .i-user { width: 12px; height: 16px; margin-right: 7px; vertical-align: bottom; background: url("../images/icon-user_01.png") 50% 50% no-repeat; }
.t-global li button.i-btn, .t-global li button.line-btn, .t-global li button.btn-add, .t-global li button.btn-del, .t-global li button.btn-erase { width: 20px; height: 20px; padding: 0; position: relative; z-index: 10; }
.t-global li button.i-btn .i-alert, .t-global li button.line-btn .i-alert, .t-global li button.btn-add .i-alert, .t-global li button.btn-del .i-alert, .t-global li button.btn-erase .i-alert { width: 16px; height: 16px; background-color: #c4c4c4; }
.t-global li button.i-btn .num, .t-global li button.line-btn .num, .t-global li button.btn-add .num, .t-global li button.btn-del .num, .t-global li button.btn-erase .num { position: absolute; z-index: 20; top: -2px; right: -2px; font-weight: 600; font-size: 11px; }
.t-global .user-box { position: relative; z-index: 10; }
.t-global .user-box .pop-mypage { display: none; position: absolute; top: 30px; z-index: 20; background-color: #2e3744; box-shadow: 0px 2px 3px 0px rgba(51, 51, 51, 0.25); }
.t-global .user-box .pop-mypage li { display: block; height: auto; padding-left: 0; }
.t-global .user-box .pop-mypage li a { display: flex; align-items: center; height: auto; padding: 8px 13px; color: rgba(255, 255, 255, 0.85); }
.t-global .user-box .pop-mypage li a i { width: 16px; height: 19px; margin: 0 8px 2px 0; background-position: 50% 50%; background-repeat: no-repeat; vertical-align: middle; }
.t-global .user-box .pop-mypage li a i.i-myinfo { background-image: url(../images/icon-user_02.png); }
.t-global .user-box .pop-mypage li a i.i-logout { background-image: url(../images/icon-logout.png); }
.t-global .user-box .pop-mypage li + li { border-top: 1px solid rgba(255, 255, 255, 0.2); }
.t-global .user-box .btn-mypage { height: 30px; font-weight: 400; }
.t-global .user-box .btn-mypage strong { vertical-align: initial; }
.t-global .user-box:hover .pop-mypage { display: block; }
.t-global .alert-box { position: relative; z-index: 10; }
.t-global .alert-box .pop-alert { display: none; position: absolute; top: 36px; right: -10px; z-index: 20; width: 420px; background-color: #2e3744; box-shadow: 0px 2px 3px 0px rgba(51, 51, 51, 0.25); }
.t-global .alert-box .pop-alert h3 { height: 33px; padding: 8px 15px; background-color: #365ea5; color: #fff; }
.t-global .alert-box .pop-alert h3::after { position: absolute; right: 19px; top: -8px; content: ''; width: 0; height: 0; border-bottom: 8px solid #365ea5; border-right: 7px solid transparent; border-left: 7px solid transparent; }
.t-global .alert-box .pop-alert .c-btn { margin: 10px; }
.t-global .alert-box .pop-alert .c-btn .btn { width: 33%; height: 30px; padding: 1px 30px 2px; border-radius: 2px; color: #fff; background-color: rgba(0, 0, 0, 0.15); border: 1px solid rgba(255, 255, 255, 0.2); }
.t-global .alert-box .pop-alert .c-btn .btn strong { display: inline-block; width: 20px; height: 20px; margin-left: 10px; background-color: #b8d2ff; border-radius: 50%; color: #28364e; line-height: 1.4; }
.t-global .alert-box .pop-alert .c-btn .btn + .btn { margin-left: -6px; }
.t-global .alert-box .pop-alert .overflow-y { height: 400px; }
.t-global .alert-box .pop-alert .overflow-y .contents h4 { display: flex; align-items: center; height: 35px; padding: 6px 15px; background-color: rgba(54, 94, 165, 0.3); }
.t-global .alert-box .pop-alert .overflow-y .contents h4 strong { display: inline-block; height: 23px; padding: 2px 12px; margin-right: 10px; background-color: #365ea5; color: #fff; border-radius: 14px; line-height: 1.43; }
.t-global .alert-box .pop-alert .overflow-y .contents ul { margin: 5px; }
.t-global .alert-box .pop-alert .overflow-y .contents ul li { display: block; height: auto; padding: 6px 10px 6px 45px; background-position: 10px 10px; background-repeat: no-repeat; }
.t-global .alert-box .pop-alert .overflow-y .contents ul li.ico-newdoc { background-image: url("../images/icon-newdoc.png"); }
.t-global .alert-box .pop-alert .overflow-y .contents ul li.ico-allocation { background-image: url("../images/icon-allocation.png"); }
.t-global .alert-box .pop-alert .overflow-y .contents ul li.ico-deadline { background-image: url("../images/icon-deadline.png"); }
.t-global .alert-box .pop-alert .overflow-y .contents ul li.ico-change { background-image: url("../images/icon-change.png"); }
.t-global .alert-box .pop-alert .overflow-y .contents ul li .business span { color: rgba(255, 255, 255, 0.85); }
.t-global .alert-box .pop-alert .overflow-y .contents ul li .business span.name { font-weight: 600; }
.t-global .alert-box .pop-alert .overflow-y .contents ul li .business span.time { padding-right: 0; font-size: 12px; color: #666; }
.t-global .alert-box .pop-alert .overflow-y .contents.finish { opacity: 0.8; }
.t-global .alert-box .pop-alert .overflow-y .contents.finish h4 { background-color: rgba(0, 0, 0, 0.1); color: #9b9b9b; }
.t-global .alert-box .pop-alert .overflow-y .contents.finish h4 strong { background-color: rgba(0, 0, 0, 0.2); }
.t-global .alert-box .pop-alert .overflow-y .contents.finish ul { opacity: 0.5; }
.t-global .alert-box .btn-alert { width: 26px; height: 26px; background: url("../images/bg-alert.png") 50% 50% no-repeat; font-size: 0; }
.t-global .alert-box .btn-alert .num { position: absolute; top: 0; right: -7px; z-index: 30; min-width: 17px; height: 17px; line-height: 16px; padding: 0 3px; text-align: center; color: #fff; font-size: 11px; border-radius: 50%; background: #ff5722; }
.t-global .application-box { position: relative; z-index: 10; }
.t-global .application-box .pop-application { display: none; position: absolute; top: 30px; right: -10px; z-index: 20; width: 260px; background-color: #2e3744; box-shadow: 0px 2px 3px 0px rgba(51, 51, 51, 0.25); }
.t-global .application-box .pop-application .contents { padding: 5px; }
.t-global .application-box .pop-application .contents th { padding: 5px; font-weight: 400; }
.t-global .application-box .pop-application .contents td { padding: 6px; }
header .gnb { width: 1400px; margin: 0 auto; }
header .gnb ul { display: flex; width: 100%; height: 100%; }
header .gnb ul li { flex: auto; float: none; width: 20%; padding: 0 20px; text-align: center; }
header .gnb ul li a { display: inline-block; height: 40px; padding: 8px 7px 6px; text-align: center; color: #fff; font-size: 16px; font-weight: 600; }
header .gnb ul li a:hover { color: #49aee2; }
header .gnb ul li.active a { border-bottom: 3px solid #49aee2; color: #49aee2; font-weight: 600; }
header .gnb .submu { display: none; position: absolute; left: 0; right: 0; top: 97px; width: 100%; height: 180px; background: rgba(224, 233, 246, 0.95) url(../images/bg-submu_02.png) 2% 13px no-repeat; }
header .gnb .submu ul { width: 1400px; margin: 0 auto; }
header .gnb .submu ul li { font-size: 13px; text-align: center; }
header .gnb .submu ul li a { display: block; font-size: 14px; color: rgba(255, 255, 255, 0.85); font-weight: 400; }
header .gnb:hover .submu { display: block; }

#container { min-width: 1400px; height: calc(100% - 97px); }
#container .container-inner { display: flex; width: 100%; min-width: 1300px; height: 100%; }
#container .container-inner .content-body { width: 100%; height: calc(100% - 40px); margin: 20px; }
#container .container-inner .content-body .title { padding: 7px 0px 10px; }
#container .container-inner .content-body .title h3 { font-size: 22px; color: #fff; padding-bottom: 10px; }
#container .container-inner .content-body .title::after { height: 4px; background: url("../images/bg-h3.png") 0 0 repeat-x; }
#container .container-inner .content-body .body-area { height: calc(100% - 72px); }
#container .container-inner .content-body .body-area .frm { height: calc(100% - 154px); min-height: 300px; overflow-y: auto; overflow-x: hidden; }
#container .container-inner .content-body .body-area .frm .r-btn + .table { margin-top: 10px; }
#container .container-inner .content-body .body-area .frm.otherH { height: calc(100% - 115px); }
#container .container-inner .content-body .body-area .frm.otherH .overflow-y { height: calc(100% - 72px); }
#container .container-inner .content-body .body-area .frm .listtop h4 { color: #7193d0; }
#container .container-inner .content-body .body-area .guide-page .listtop { justify-content: flex-start; margin: 10px 0; }
#container .container-inner .content-body .body-area .guide-page + .guide-page { margin-top: 30px; }
#container .container-inner .content-body .body-area .contents:last-child { padding-bottom: 30px; }
#container .container-inner .content-body .body-area .box-flex .contents:last-child { padding-bottom: 0; }
#container .container-inner .inner { display: flex; margin: 20px auto; }
#container .container-inner .inner .snb { width: 200px; margin: 0 30px 0 0; }
#container .container-inner .inner .snb h3 { padding: 48px 10px; }
#container .container-inner .inner .snb + .content-body { width: calc(100% - 230px); overflow-y: visible; }
#container .container-inner .inner .content-body { height: 100%; margin: 0; }
#container .container-inner .inner .content-body .tit-intro { height: 191px; padding: 60px; margin-bottom: 10px; background: #374251 url("../images/bg-intro.jpg") 100% 100% no-repeat; }
#container .container-inner .inner .content-body .tit-intro h3 { font-size: 23px; }
#container .container-inner .inner .content-body .tit-intro h4 { display: inline-block; margin-top: 10px; padding: 3px 12px; font-weight: 400; color: #fff; font-family: Verdana; border-radius: 6px; background-color: #59687c; }
#container .container-inner .inner .content-body .tit-intro + .body-area { height: auto; }
#container .container-inner .inner .content-body .tit-intro + .body-area .contents { padding: 20px 0; }
#container .container-inner .inner .content-body .tit-intro + .body-area .contents h4 { padding-bottom: 10px; margin-bottom: 15px; border-bottom: 1px solid rgba(255, 255, 255, 0.2); font-size: 20px; color: #7193d0; }
#container .container-inner .inner .content-body .tit-intro + .body-area .contents li { line-height: 1.7; font-size: 14px; }
#container .container-inner .inner .content-body .tit-intro + .body-area .contents li p { margin-top: 10px; font-size: 13.5px; }
#container .container-inner .inner .content-body .tit-intro + .body-area .contents li p::before { display: inline-block; content: ''; width: 4px; height: 4px; margin: 2px 10px 2px 8px; background-color: #49aee2; }
#container .container-inner .inner .content-body .body-area { height: calc(100% - 72px); }
#container .container-inner .inner .content-body .body-area .frm.otherH { height: calc(100% - 120px); }
#container .container-inner .snb { width: 190px; margin: 20px 0 0 10px; }
#container .container-inner .snb + .content-body { width: calc(100% - 220px); }
#container .container-inner .snb h3 { padding: 48px 10px; height: 120px; font-size: 17px; text-align: center; color: #fff; background: url("../images/public/bg-snb.jpg") 50% 50% no-repeat; filter: saturate(0.6); }
#container .container-inner .snb h3 p { color: rgba(255, 255, 255, 0.8); font-size: 14px; }
#container .container-inner .snb .menu { margin-top: 15px; border: 1px solid rgba(255, 255, 255, 0.2); }
#container .container-inner .snb .menu li a { display: flex; align-items: center; height: auto; padding: 10px 15px; background: url("../images/icon-arrow-next.png") 90% 50% no-repeat; }
#container .container-inner .snb .menu li:hover { background-color: rgba(54, 94, 165, 0.15); }
#container .container-inner .snb .menu li.active { background-color: rgba(54, 94, 165, 0.35); }
#container .container-inner .snb .menu li.active a { color: #49aee2; font-weight: 600; }
#container .container-inner .snb .menu li + li { border-top: 1px solid rgba(255, 255, 255, 0.2); }
#container .container-inner .snb.sysmu .accordion { margin-top: 10px; border-color: rgba(255, 255, 255, 0.15); border-style: solid; border-width: 1px 1px 0 1px; }
#container .container-inner .snb.sysmu .accordion .link { padding: 14px 15px 12px; background-position-y: 13px; }
#container .container-inner .snb.sysmu .accordion .submenu { padding: 3px 0; }
#container .container-inner .snb.sysmu .accordion .submenu li { border-bottom: none; }
#container .container-inner .snb.sysmu .accordion .submenu li a { display: inline-block; word-spacing: -1px; }
#container .container-inner .snb.sysmu .accordion .submenu li a::before { display: inline-block; content: ''; width: 3px; height: 3px; margin-right: 7px; background-color: #979797; border-radius: 50%; vertical-align: middle; }
#container .container-inner .snb.sysmu .accordion .submenu li.active a { font-weight: 600; color: #49aee2; position: relative; }
#container .container-inner .snb.sysmu .accordion .submenu li.active a::before { background-color: #365ea5; }
#container .container-inner .snb.sysmu .accordion .submenu li.active a::after { display: block; position: absolute; bottom: 10px; content: ''; width: 88%; height: 5px; background-color: rgba(0, 163, 245, 0.15); transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; }
#container .container-inner .snb.sysmu .accordion .open .link { background-position-y: -173px; }
#container .container-inner .snb.sysmu .accordion .open .submenu li .depth li a::before { width: 7px; height: 2px; margin-bottom: 2px; border-radius: 0; }
#container .container-inner .snb.sysmu .accordion .open .submenu li .depth li.active a::after { bottom: 3px; }

.accordion li { border-bottom: rgba(255, 255, 255, 0.08) 1px solid; }
.accordion li.default .submenu { display: block; }
.accordion li.open .link { background-color: #4270c5; color: #fff; background-position-y: -29px; }
.accordion li.open .link.nosub { background-color: transparent; color: rgba(255, 255, 255, 0.85); }
.accordion li:last-child .link { border-bottom: 0; }
.accordion .submenu { display: none; font-size: 14px; }
.accordion .submenu li a { display: block; padding: 7px 7px 7px 13px; -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; }
.accordion .submenu li .depth { padding: 6px 5px 7px; margin-bottom: 10px; border-top: #3f4a5a 1px dotted; border-bottom: #3f4a5a 1px dotted; background-color: rgba(0, 0, 0, 0.1); }
.accordion .submenu li .depth li a { padding: 2px 3px 1px 20px; font-size: 12.5px; }
.accordion .submenu li + li a { padding-top: 0; }
.accordion .link { cursor: pointer; padding: 15px; font-weight: 600; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; background: url("../images/icon-updown.png") 93% 16px no-repeat; }
.accordion .link.nosub { background-image: none; }

.img-service { padding: 0 0 0 225px; background: url("../images/img-service.png") 15px 50% no-repeat; }

.tabArea { position: relative; }
.tabArea .tabs { border-bottom: #39414e 1px solid; }
.tabArea .tabs li { display: inline-block; padding: 0 0 0 15px; }
.tabArea .tabs li a { display: flex; align-items: center; height: 43px; padding: 0 7px; text-align: center; cursor: pointer; }
.tabArea .tabs li.on a { font-weight: 600; color: #49aee2; border-bottom: 2px solid #49aee2; }
.tabArea .tabcontents { display: none; padding: 15px; }
.tabArea .tabcontents.on { display: block; }

/* filter */
.filter { padding: 15px; margin: 10px 0 17px; border: rgba(255, 255, 255, 0.05) 1px solid; background-color: rgba(0, 0, 0, 0.12); }
.filter .form-group { display: flex; height: 30px; }
.filter .form-group .input-group input[type="checkbox"] + label { font-weight: normal; min-width: auto; margin-left: 0; }
.filter .form-group .input-group label { display: inline-block; min-width: 85px; margin-right: 10px; font-weight: 600; text-align: center; }
.filter .form-group .input-group .select-box + input[type="text"] { margin-left: 10px; }
.filter .form-group .input-group + .input-group { margin-left: 20px; }
.filter .form-group + .form-group, .filter .form-group + .b-space { margin-top: 10px; }
.filter .form-group .select-box + label, .filter .form-group input + label, .filter .form-group em + label { margin-left: 50px; }
.filter .r-btn { margin-left: auto; }
.filter .r-btn .btn { min-width: 74px; padding: 3px 8px 4px; text-align: center; }
.filter .b-space .left-form { width: calc(50% - 30px); }
.filter .b-space .mid-btn { margin-top: 60px; }
.filter .b-space .right-form { width: calc(50% - 40px); }
.filter .b-space .list { height: 150px; }
.filter .b-space .list li { height: 42px; line-height: 1.8; }
.filter .b-space .btm-form { text-align: right; margin-top: 10px; }
.filter .b-space .btm-form input[type="text"] { width: calc(100% - 76px); margin-right: 4px; }
.filter .b-space + .r-btn { margin: 10px -15px -15px; padding: 10px; background-color: #29313a; }

/* paging */
.paging { margin-top: 15px; text-align: center; }
.paging a.current { color: #49aee2; font-weight: 600; background-color: rgba(0, 0, 0, 0.2); border-radius: 6px; }
.paging > a .current:hover { color: #ef8282; font-weight: 600; }
.paging > .page { width: 18px; height: 18px; margin: 0; overflow: hidden; text-align: left; vertical-align: middle; text-indent: -9999px; }
.paging > .page:hover { z-index: 1; }
.paging > a { display: inline-block; cursor: pointer; min-width: 20px; height: 25px; vertical-align: middle; }
.paging > a:hover { font-weight: 600; }
.paging > a:not(.page) { padding: 4px 5px; line-height: 1.3; }
.paging .first { background: url("../images/btn_first_01.png") 50% 50% no-repeat; }
.paging .next { background: url("../images/btn_next_01.png") 50% 50% no-repeat; }
.paging .prev { background: url("../images/btn_prev_01.png") 50% 50% no-repeat; }
.paging .last { background: url("../images/btn_last_01.png") 50% 50% no-repeat; }

/* listbottom */
.listbottom { margin-top: 10px; }
.listbottom .paging { margin: 0 auto; }
.listbottom.r-btn { justify-content: flex-end; }
.listbottom span strong { color: #ef8282; }

/* listtop */
.listtop + .table, .listtop + .overflow-x { margin-top: 7px; }
.listtop strong { color: #49aee2; }
.listtop .star { margin-left: auto; }
.listtop .star::before { display: inline-block; content: '*'; margin-right: 4px; color: #ef8282; vertical-align: top; }

.box-flex { display: flex; justify-content: space-between; align-items: flex-start; }
.box-flex .left, .box-flex .right { width: calc(50% - 10px); height: 100%; }
.box-flex .left .listtop { height: 30px; }
.box-flex .contents { width: 49%; }
.box-flex .contents .map-box { position: relative; width: 100%; height: calc(100% - 28px); }
.box-flex .contents .map-box .map-area { width: 100%; height: 100%; border: 1px solid rgba(255, 255, 255, 0.2); }
.box-flex .contents .map-box .btn { position: absolute; bottom: 10px; right: 10px; }
.box-flex.map-stats .left .map-wrap { height: calc(100% - 35px); margin-top: 5px; }
.box-flex.map-stats .left .map-wrap .map-area { height: 100%; margin-top: 0; }

.no-results { margin-top: 50px; }
.no-results::before { display: block; height: 150px; content: ''; margin: 10px auto; background: url("../images/bg-noresults.png") 50% 50% no-repeat; }
.no-results p { text-align: center; font-size: 17px; color: #777; }

.top-content { align-items: flex-start; }
.top-content .filter { width: calc(100% - 230px); }
.top-content .chart-box { width: 220px; border: rgba(255, 255, 255, 0.12) 1px solid; align-items: flex-end; padding: 5px; margin-top: 10px; }
.top-content .chart-box .chart { width: 50%; height: 100%; background-color: #eee; }
.top-content .chart-box .chart-list { display: flex; flex-direction: column; width: 45%; height: 100%; }
.top-content .chart-box .chart-list ul { width: 100%; margin-bottom: auto; }
.top-content .chart-box .chart-list ul li { display: flex; align-items: center; font-size: 12px; }
.top-content .chart-box .chart-list ul li + li { margin-top: 1px; }

.line-box { display: inline-block; position: relative; height: 30px; width: 100%; padding: 3px; border-radius: 4px; border: rgba(255, 255, 255, 0.15) 1px solid; background-color: #2c3440; vertical-align: middle; z-index: 200; }
.line-box .color-bar { width: 100%; height: 100%; cursor: pointer; border-radius: 2px; background-color: #ff5722; }
.line-box .line-nav { position: absolute; top: 30px; right: -1px; width: 196px; max-height: 100px; border: 1px solid rgba(255, 255, 255, 0.2); background-color: #2c3440; overflow-y: auto; overflow-x: hidden; }
.line-box .line-nav li { padding: 7px 10px; }
.line-box .color-patten { width: calc(100% - 10px); height: 10px; margin: 7px 5px 0; cursor: pointer; border-bottom: #f9ad44 2px dashed; border-top: #00c8e5 2px dotted; }

.control-bar { padding: 0 15px 0 10px; }
.control-bar .line-slider .linebg { height: 7px; }
.control-bar .line-slider .linebg .slider-bar { border-radius: 50%; line-height: 19px; text-align: center; font-weight: bold; font-size: 11px; color: #fff; background-color: #365ea5; border: #29487f 1px solid; background-image: none; }
.control-bar .line-slider .linebg .slider-range { height: 7px; }

.txt-select { height: 100px; background-color: #eee; }

.tooltip { display: inline-block; position: relative; }
.tooltip .guide-txt { display: none; position: absolute; top: 30px; left: calc(50% - 100px); width: 200px; padding: 8px; background-color: #fff; border: #ccc 1px solid; border-radius: 2px; text-align: center; }
.tooltip .guide-txt::after { content: ''; position: absolute; top: -6px; left: calc(50% - 6px); z-index: 50; width: 0; height: 0; border-left: 6px solid transparent; border-bottom: 6px solid #999; border-right: 6px solid transparent; }
.tooltip:hover .guide-txt { display: block; }

.t-guide { padding: 10px 3px 5px 27px; background: url("../images/icon-info_02.png") 2px 8px no-repeat; }
.t-guide.red { background: url("../images/icon-mark_02.png") 2px 11px no-repeat; }

.r-guide { padding: 5px 3px 5px 18px; font-size: 12px; color: #6791cf; background: url("../images/icon-info_03.png") 5px 7px no-repeat; }

.rect, .cir, .line { display: inline-block; width: 12px; height: 12px; margin: 0 6px 0 0; vertical-align: middle; }
.rect.type01, .type01.cir, .type01.line { background-color: #365ea5; }
.rect.type02, .type02.cir, .type02.line { background-color: green; }
.rect.type03, .type03.cir, .type03.line { background-color: orange; }
.rect.type04, .type04.cir, .type04.line { background-color: pink; }

.cir { border-radius: 50%; }

.line { height: 4px; }

.list-type01 { overflow-y: auto; }
.list-type01 li + li { margin-top: 5px; }

.list-type02 { overflow-y: auto; border-top: rgba(255, 255, 255, 0.06) 1px solid; }
.list-type02 li { display: block; padding: 8px 10px; border-bottom: rgba(255, 255, 255, 0.06) 1px solid; }
.list-type02 li:hover { background-color: rgba(54, 94, 165, 0.1); }
.list-type02 li.active { color: #fff; background-color: rgba(54, 94, 165, 0.8); }

.list-type03 { overflow-y: auto; height: 200px; margin-top: 7px; }

.list-type04 { overflow: auto; height: 460px; }
.list-type04 li + li { margin-top: 10px; }

.list-accordion { margin-top: 7px; border-top: rgba(255, 255, 255, 0.08) 1px solid; }
.list-accordion .accordion .link { background-position: 98.5% 16px; }
.list-accordion .accordion .submenu { padding: 10px 15px; border-top: rgba(255, 255, 255, 0.08) 1px solid; background-color: rgba(0, 0, 0, 0.2); font-size: 13px; }
.list-accordion .accordion strong { display: inline-block; width: 16px; height: 16px; margin-right: 10px; font-size: 0; background-repeat: no-repeat; background-position: 50% 50%; vertical-align: middle; }
.list-accordion .accordion strong.ico-q { background-image: url("../images/icon-q.png"); }
.list-accordion .accordion strong.ico-a { background-image: url("../images/icon-a.png"); }
.list-accordion .accordion li.open .link { background-color: transparent; color: rgba(255, 255, 255, 0.85); background-position-y: -67px; }
.list-accordion.edit li .link { position: relative; z-index: 10; }
.list-accordion.edit li .link button { position: absolute; z-index: 20; right: 40px; top: 10px; }
.list-accordion.edit li .submenu { padding-left: 42px; }

.txt-name { display: inline-block; padding: 0 7px; margin: 1px 0; border-radius: 30px; background-color: #4c5c72; }
.txt-name i { width: 15px; height: 16px; vertical-align: middle; margin-right: 3px; margin-left: -3px; }
.txt-name + .txt-name { margin-left: 5px; }
.txt-name span { vertical-align: middle; }

.map-layer { position: absolute; top: 50px; right: 56px; z-index: 30; width: 300px; background-color: #2e3744; }
.map-layer .layer-header { height: 39px; padding: 0 10px; border-top: rgba(255, 255, 255, 0.15) 1px solid; border-bottom: rgba(255, 255, 255, 0.15) 1px solid; }
.map-layer .layer-group { height: 450px; border-bottom: rgba(255, 255, 255, 0.15) 1px solid; overflow-y: auto; }
.map-layer .layer-group .layer-detail + .layer-detail { border-top: rgba(255, 255, 255, 0.15) 1px solid; }
.map-layer .layer-group .top-layer { height: 36px; padding: 6px 10px; background-color: rgba(0, 0, 0, 0.1); }
.map-layer .layer-group .top-layer label { font-weight: 600; }
.map-layer .layer-group .sub { padding: 2px 4px; }
.map-layer .layer-group .sub li { position: relative; padding: 7px 8px 7px 29px; }
.map-layer .layer-group .sub li + li { border-top: rgba(255, 255, 255, 0.15) 1px dotted; }
.map-layer .layer-group .sub li .top-layer { height: auto; padding: 0; border: none; background-color: transparent; }
.map-layer .layer-group .sub li input + label { margin: 0; }
.map-layer .layer-group .sub li .r-btn { position: absolute; top: 5px; left: 5px; z-index: 50; }
.map-layer .layer-group .sub li .sub { margin-top: 4px; }
.map-layer .layer-group .sub li .sub li { padding: 2px 0 2px 18px; }
.map-layer .layer-group .sub li .sub li + li { border-top: none; }
.map-layer .layer-group em { display: inline-block; width: 14px; height: 14px; margin-bottom: 3px; }
.map-layer .layer-group em.line { height: 4px; }

.layer-area { height: calc(100% - 79px); }
.layer-area .left { width: 400px; }
.layer-area .left .tree-box { height: calc(100% - 40px); margin-top: 10px; padding: 15px; overflow: auto; border: rgba(255, 255, 255, 0.15) 1px solid; }
.layer-area .right { width: calc(100% - 420px); height: calc(100% - 40px); margin-top: 40px; border: rgba(255, 255, 255, 0.15) 1px solid; }
.layer-area .right .message { margin-top: 15%; }
.layer-area .right .message i { width: 100%; height: 110px; background-position: 50% 100%; }
.layer-area .right .message i.folder { background-image: url("../images/img-folder.png"); }
.layer-area .right .message i.folder-order { background-image: url("../images/img-folder_order.png"); }
.layer-area .right .message p { width: 100%; margin-top: 30px; font-size: 20px; text-align: center; }
.layer-area .right .write-form { height: calc(100% - 50px); padding: 15px; }
.layer-area .contents { width: 100%; }
.layer-area .contents + .contents { margin-top: 20px; }
.layer-area .listbottom { padding: 10px 15px; }

.group-manage { height: 100%; }
.group-manage .left { width: 300px; }
.group-manage .left .frm { height: calc(100% - 30px) !important; }
.group-manage .left .frm .overflow-y { height: calc(100% - 72px); }
.group-manage .right { width: calc(100% - 320px); }
.group-manage .right .contents { width: 46%; height: 100%; }
.group-manage .right .contents .listtop { height: 30px; margin-bottom: 5px; }
.group-manage .right .contents .list-type02 { height: calc(100% - 60px); position: relative; }
.group-manage .right .contents .list-type02 li.active label { color: #fff; }
.group-manage .right .btn-group { width: 8%; margin-bottom: 20px; }
.group-manage .right .btn-group button { display: block; height: 50px; width: 27px; margin: 8px auto; }

.info-list { padding: 10px 5px; }
.info-list li { display: flex; }
.info-list li span { display: inline-block; width: 15px; height: 15px; border-radius: 50%; margin: 1px 5px 0 0; vertical-align: middle; background-color: rgba(255, 255, 255, 0.2); text-align: center; font-size: 11px; color: #fff; }
.info-list li p { width: calc(100% - 20px ); }
.info-list li + li { margin-top: 5px; }

.map-stats { height: calc(100% - 79px); }
.map-stats .map-area { border: 1px solid rgba(255, 255, 255, 0.2); }
.map-stats .left .map-area { height: calc(100% - 35px); margin-top: 5px; }
.map-stats .right .contents { width: 100%; height: calc(50% - 5px); }
.map-stats .right .contents .listtop { height: 30px; margin-bottom: 5px; }
.map-stats .right .contents .listtop + div { height: calc(100% - 35px); padding: 10px; border: 1px solid rgba(255, 255, 255, 0.2); }
.map-stats .right .contents .listtop + div.content { border: none; padding: 0; }
.map-stats .right .contents + .contents { margin-top: 10px; }
.map-stats .right .contents .overflow-y { height: calc(100% - 33px); }
.map-stats .table { border-right: rgba(255, 255, 255, 0.06) 1px solid; }
.map-stats .table th:first-child, .map-stats .table td:first-child { border-left: rgba(255, 255, 255, 0.06) 1px solid; }

.situation .tabcontents { padding: 20px 0; }
.situation .tabcontents .table { border-right: rgba(255, 255, 255, 0.06) 1px solid; }
.situation .tabcontents .table th:first-child, .situation .tabcontents .table td:first-child { border-left: rgba(255, 255, 255, 0.06) 1px solid; }

.user-history { height: 100%; }
.user-history .tabcontents { height: calc(100% - 45px); padding: 15px 0; }
.user-history .tabcontents.tab02 .frm { height: calc(100% - 114px) !important; }

.loading { z-index: 500; position: absolute; }
.loading img { filter: brightness(93%) contrast(130%) saturate(150%); }

.error-wrap { height: 100%; }
.error-wrap h1 { width: 152px; height: 55px; margin-left: 20px; font-size: 0; background: url("../images/error-h1.png") 0 bottom no-repeat; }
.error-wrap .error { margin: auto; height: calc(100% - 55px); }
.error-wrap .error .inner { min-width: 620px; padding-bottom: 50px; }
.error-wrap .error .inner .error-tx { text-align: center; }
.error-wrap .error .inner .error-tx h3 { font-size: 35px; font-weight: 500; }
.error-wrap .error .inner .error-tx h3 strong { font-size: 35px; font-weight: 500; color: #49aee2; }
.error-wrap .error .inner .error-tx p { margin-top: 20px; font-size: 14px; color: #a7a7a7; }
.error-wrap .error .inner::before { display: inline-block; content: ''; width: 100%; height: 325px; margin-bottom: 20px; background: url("../images/bg-error.png") 50% no-repeat; }

html, body { overflow: hidden; }

.mapSys header { height: 55px; }
.mapSys header .top { border-bottom: none; }
.mapSys header .top .logo h1 { width: 135px; background-size: 100%; }
.mapSys header .top .logo h2 { width: 170px; margin-left: 7px; background-size: 100%; }
.mapSys header .top .gnb { width: auto; height: 100%; margin: 0; }
.mapSys header .top .gnb ul li { width: auto; padding: 0 10px; }
.mapSys header .top .gnb ul li a { height: 55px; padding: 16px 7px; }
.mapSys #container { display: block; height: calc(100% - 55px); }
.mapSys #container .container-inner { flex-direction: row; flex: 1 1 0; }
.mapSys #container .container-inner .aside { display: none; width: 350px; height: 100%; border-right: 1px solid rgba(255, 255, 255, 0.2); }
.mapSys #container .container-inner .aside .top { display: flex; align-items: center; padding: 0 15px; height: 44px; background-color: #4270c5; }
.mapSys #container .container-inner .aside .top h3 { font-size: 16px; color: #fff; font-weight: 400; }
.mapSys #container .container-inner .aside .content-inner { height: calc(100% - 44px); padding: 15px; }
.mapSys #container .container-inner .aside .content-inner .contents + .contents { margin-top: 15px; }
.mapSys #container .container-inner .aside .content-inner.map-search { padding: 0; }
.mapSys #container .container-inner .aside .content-inner.map-search .filter { padding-top: 15px; }
.mapSys #container .container-inner .aside .content-inner.map-search .filter .btn { padding: 4px 15px; }
.mapSys #container .container-inner .aside .content-inner.map-search .filter .btn i { margin-right: 7px; }
.mapSys #container .container-inner .aside .content-inner.map-search .filter em { padding-left: 5px; }
.mapSys #container .container-inner .aside .content-inner.map-search .frm { height: calc(100% - 186px); padding: 15px 15px 5px; }
.mapSys #container .container-inner .aside .content-inner.map-search .frm h4 { color: #7193d0; }
.mapSys #container .container-inner .aside .content-inner.map-search .mt10 { padding: 0 15px; }
.mapSys #container .container-inner .aside-bar { position: absolute; top: calc(50% - 15px); z-index: 50; margin-left: -1px; }
.mapSys #container .container-inner .aside-bar .btn-open, .mapSys #container .container-inner .aside-bar .btn-close { width: 22px; height: 50px; font-size: 0; border-radius: 0 4px 4px 0; border-color: rgba(255, 255, 255, 0.15); border-style: solid; border-width: 1px 1px 1px 0; background: #2e3744 url("../images/btn_next_01.png") 50% 50% no-repeat; }
.mapSys #container .container-inner .aside-bar .btn-close { background-image: url("../images/btn_prev_01.png"); }
.mapSys #container .container-inner .tabArea { height: calc(100% - 44px); }
.mapSys #container .container-inner .tabArea .tabcontents { height: calc(100% - 45px); padding: 0; }
.mapSys #container .container-inner .tabArea .listarea { height: calc(100% - 45px); overflow-y: auto; }
.mapSys #container .container-inner .tabArea .tab01 .contents { height: auto; }
.mapSys #container .container-inner .tabArea .tab01 .contents .listarea { height: auto; margin-bottom: 10px; }
.mapSys #container .container-inner .tabArea.style-setting .tabcontents .l-btn { margin: 15px 15px 10px; }
.mapSys #container .container-inner .tabArea.style-setting .tabcontents .frm { height: calc(100% - 102px); padding: 0 15px 15px; }
.mapSys #container .container-inner .tabArea.style-setting .tabcontents .frm textarea { height: 100%; }
.mapSys #container .container-inner .tabArea.style-setting .tabcontents .frm.style-edit .style-box h4 { margin: 7px 0; }
.mapSys #container .container-inner .tabArea.style-setting .tabcontents .frm.style-edit .style-box .s-items { background-color: transparent; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 0; }
.mapSys #container .container-inner .tabArea.style-setting .tabcontents .frm.style-edit .style-box .s-items li { display: flex; width: 100%; }
.mapSys #container .container-inner .tabArea.style-setting .tabcontents .frm.style-edit .style-box .s-items li strong { width: 110px; }
.mapSys #container .container-inner .tabArea.style-setting .tabcontents .frm.style-edit .style-box .s-items li .select-box, .mapSys #container .container-inner .tabArea.style-setting .tabcontents .frm.style-edit .style-box .s-items li input { width: calc(100% - 110px); }
.mapSys #container .container-inner .tabArea.style-setting .tabcontents .frm.style-edit .style-box .s-items li + li { margin-top: 7px; }
.mapSys #container .container-inner .tabArea.style-setting .tabcontents .frm.style-edit .style-box .s-items + h4 { margin-top: 15px; }
.mapSys #container .container-inner .tabArea.style-setting .tabcontents .frm.style-edit .style-box .s-items .shape li { display: inline-flex; width: calc(20% - 6px); }
.mapSys #container .container-inner .tabArea.style-setting .tabcontents .frm.style-edit .style-box .s-items .line-box { width: 184px; }
.mapSys #container .container-inner .filter { margin: 0; padding: 10px; border: none; background-color: rgba(0, 0, 0, 0.2); }
.mapSys #container .container-inner .filter button { margin-left: 5px; }
.mapSys #container .container-inner .filter button i { margin: 0; }
.mapSys #container.dashboard .filter { margin: 0; padding: 10px 15px; border-width: 0 0 1px 0; }
.mapSys #container.dashboard .filter .form-group .input-group label { min-width: 50px; }
.mapSys #container.dashboard .container-inner { height: calc(100% - 51px); background-color: #2e3744; }

.map-wrap { display: flex; height: 100%; flex-direction: column; flex: 1 1 0; position: relative; z-index: 10; }
.map-wrap .map-list { position: absolute; top: 10px; right: 56px; z-index: 20; }
.map-wrap .map-list .select-box { width: 200px; }
.map-wrap .tool-box { position: absolute; z-index: 20; top: 10px; right: 15px; display: flex; flex-direction: column; flex-wrap: wrap; width: 32px; }
.map-wrap .tool-box span { display: inline-block; width: 32px; border: rgba(255, 255, 255, 0.15) 1px solid; background-color: #2e3744; border-radius: 4px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); }
.map-wrap .tool-box span + span { margin-top: 7px; }
.map-wrap .tool-box span .i-btn, .map-wrap .tool-box span .line-btn, .map-wrap .tool-box span .btn-add, .map-wrap .tool-box span .btn-del, .map-wrap .tool-box span .btn-erase { width: 30px; padding: 0; border-radius: 0; }
.map-wrap .tool-box span .i-btn i, .map-wrap .tool-box span .line-btn i, .map-wrap .tool-box span .btn-add i, .map-wrap .tool-box span .btn-del i, .map-wrap .tool-box span .btn-erase i { width: 28px; height: 28px; margin: 0; background-image: url("../images/icon-tools.png"); background-position-x: -2px; }
.map-wrap .tool-box span .i-btn i.i-layer, .map-wrap .tool-box span .line-btn i.i-layer, .map-wrap .tool-box span .btn-add i.i-layer, .map-wrap .tool-box span .btn-del i.i-layer, .map-wrap .tool-box span .btn-erase i.i-layer { background-position-y: -2px; }
.map-wrap .tool-box span .i-btn i.i-viewall, .map-wrap .tool-box span .line-btn i.i-viewall, .map-wrap .tool-box span .btn-add i.i-viewall, .map-wrap .tool-box span .btn-del i.i-viewall, .map-wrap .tool-box span .btn-erase i.i-viewall { background-position-y: -159px; }
.map-wrap .tool-box span .i-btn i.i-zoomin, .map-wrap .tool-box span .line-btn i.i-zoomin, .map-wrap .tool-box span .btn-add i.i-zoomin, .map-wrap .tool-box span .btn-del i.i-zoomin, .map-wrap .tool-box span .btn-erase i.i-zoomin { background-position-y: -36px; }
.map-wrap .tool-box span .i-btn i.i-zoomout, .map-wrap .tool-box span .line-btn i.i-zoomout, .map-wrap .tool-box span .btn-add i.i-zoomout, .map-wrap .tool-box span .btn-del i.i-zoomout, .map-wrap .tool-box span .btn-erase i.i-zoomout { background-position-y: -66px; }
.map-wrap .tool-box span .i-btn i.i-next, .map-wrap .tool-box span .line-btn i.i-next, .map-wrap .tool-box span .btn-add i.i-next, .map-wrap .tool-box span .btn-del i.i-next, .map-wrap .tool-box span .btn-erase i.i-next { background-position-y: -94px; }
.map-wrap .tool-box span .i-btn i.i-prev, .map-wrap .tool-box span .line-btn i.i-prev, .map-wrap .tool-box span .btn-add i.i-prev, .map-wrap .tool-box span .btn-del i.i-prev, .map-wrap .tool-box span .btn-erase i.i-prev { background-position-y: -126px; }
.map-wrap .tool-box span .i-btn i.i-initialization, .map-wrap .tool-box span .line-btn i.i-initialization, .map-wrap .tool-box span .btn-add i.i-initialization, .map-wrap .tool-box span .btn-del i.i-initialization, .map-wrap .tool-box span .btn-erase i.i-initialization { background-position-y: -190px; }
.map-wrap .tool-box span .i-btn i.i-distance, .map-wrap .tool-box span .line-btn i.i-distance, .map-wrap .tool-box span .btn-add i.i-distance, .map-wrap .tool-box span .btn-del i.i-distance, .map-wrap .tool-box span .btn-erase i.i-distance { background-position-y: -219px; }
.map-wrap .tool-box span .i-btn i.i-measurement, .map-wrap .tool-box span .line-btn i.i-measurement, .map-wrap .tool-box span .btn-add i.i-measurement, .map-wrap .tool-box span .btn-del i.i-measurement, .map-wrap .tool-box span .btn-erase i.i-measurement { background-position-y: -247px; }
.map-wrap .tool-box span .i-btn i.i-download, .map-wrap .tool-box span .line-btn i.i-download, .map-wrap .tool-box span .btn-add i.i-download, .map-wrap .tool-box span .btn-del i.i-download, .map-wrap .tool-box span .btn-erase i.i-download { background-position-y: -343px; }
.map-wrap .tool-box span .i-btn i.i-print, .map-wrap .tool-box span .line-btn i.i-print, .map-wrap .tool-box span .btn-add i.i-print, .map-wrap .tool-box span .btn-del i.i-print, .map-wrap .tool-box span .btn-erase i.i-print { background-position-y: -375px; }
.map-wrap .tool-box span .i-btn i.i-info, .map-wrap .tool-box span .line-btn i.i-info, .map-wrap .tool-box span .btn-add i.i-info, .map-wrap .tool-box span .btn-del i.i-info, .map-wrap .tool-box span .btn-erase i.i-info { background-position-y: -279px; }
.map-wrap .tool-box span .i-btn i.i-roadview, .map-wrap .tool-box span .line-btn i.i-roadview, .map-wrap .tool-box span .btn-add i.i-roadview, .map-wrap .tool-box span .btn-del i.i-roadview, .map-wrap .tool-box span .btn-erase i.i-roadview { background-position-y: -310px; }
.map-wrap .tool-box span .i-btn.active i, .map-wrap .tool-box span .active.line-btn i, .map-wrap .tool-box span .active.btn-add i, .map-wrap .tool-box span .active.btn-del i, .map-wrap .tool-box span .active.btn-erase i { background-position-x: -33px; }
.map-wrap .tool-box span .i-btn + .i-btn, .map-wrap .tool-box span .line-btn + .i-btn, .map-wrap .tool-box span .btn-add + .i-btn, .map-wrap .tool-box span .btn-del + .i-btn, .map-wrap .tool-box span .btn-erase + .i-btn, .map-wrap .tool-box span .i-btn + .line-btn, .map-wrap .tool-box span .line-btn + .line-btn, .map-wrap .tool-box span .btn-add + .line-btn, .map-wrap .tool-box span .btn-del + .line-btn, .map-wrap .tool-box span .btn-erase + .line-btn, .map-wrap .tool-box span .i-btn + .btn-add, .map-wrap .tool-box span .line-btn + .btn-add, .map-wrap .tool-box span .btn-add + .btn-add, .map-wrap .tool-box span .btn-del + .btn-add, .map-wrap .tool-box span .btn-erase + .btn-add, .map-wrap .tool-box span .i-btn + .btn-del, .map-wrap .tool-box span .line-btn + .btn-del, .map-wrap .tool-box span .btn-add + .btn-del, .map-wrap .tool-box span .btn-del + .btn-del, .map-wrap .tool-box span .btn-erase + .btn-del, .map-wrap .tool-box span .i-btn + .btn-erase, .map-wrap .tool-box span .line-btn + .btn-erase, .map-wrap .tool-box span .btn-add + .btn-erase, .map-wrap .tool-box span .btn-del + .btn-erase, .map-wrap .tool-box span .btn-erase + .btn-erase { margin: 0; border-top: rgba(255, 255, 255, 0.15) 1px solid; }
.map-wrap .map-area { height: calc(100% - 40px); position: relative; z-index: 10; }
.map-wrap .map-area .map-icon .i-btn, .map-wrap .map-area .map-icon .line-btn, .map-wrap .map-area .map-icon .btn-add, .map-wrap .map-area .map-icon .btn-del, .map-wrap .map-area .map-icon .btn-erase { position: absolute; z-index: 60; padding: 0; }
.map-wrap .map-area .map-icon .i-btn i, .map-wrap .map-area .map-icon .line-btn i, .map-wrap .map-area .map-icon .btn-add i, .map-wrap .map-area .map-icon .btn-del i, .map-wrap .map-area .map-icon .btn-erase i { margin: 0; }
.btm-area { display: flex; justify-content: flex-end; align-items: center; height: 40px; padding: 0 10px; background-color: #2e3744; }
.btm-area .r-select label { margin-right: 5px; margin-left: 12px; vertical-align: middle; }
.btm-area .r-select input[type="text"] { width: 120px; border-radius: 2px; }
.btm-area .r-select input[type="text"] + input { margin-left: -6px; }
.btm-area .r-select .btn { width: 30px; height: 30px; font-size: 0; padding: 0; margin: 0; border-radius: 2px; }
.btm-area .r-select .btn i { width: 20px; height: 20px; margin: 0; }
.btm-area .r-select .btn i.i-earth { background: url("../images/icon-tools.png") -5px -426px no-repeat; }

.line-slider .linebg { height: 4px; background-color: #d5d5d5; border-radius: 2px; position: relative; }
.line-slider .linebg .slider-range { position: absolute; z-index: 100; top: 0; left: 0; height: 4px; background-color: rgba(54, 94, 165, 0.7); border-radius: 2px; }
.line-slider .linebg .slider-bar { position: absolute; z-index: 110; width: 21px; height: 21px; margin: -8px 0 0 -8px; font-size: 0; border: none; background: url("../images/btn-silder-point.png") 50% 50% no-repeat; }

.map-zoom .title { position: absolute; top: 38px; right: 50px; z-index: 30; }
.map-zoom .title li { position: relative; padding: 1px 3px; border: 1px solid #314369; border-radius: 4px; background-color: #2e3744; text-align: center; font-size: 10px; }
.map-zoom .title li + li { margin-top: 29px; }
.map-zoom .title li::after { content: ''; position: absolute; top: 4px; right: -7px; z-index: 50; width: 0; height: 0; border-bottom: 4px solid transparent; border-top: 4px solid transparent; border-left: 6px solid #314369; border-right: 1px solid transparent; }
.map-zoom .zoom-box { position: absolute; top: 10px; right: 10px; width: 30px; z-index: 30; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 4px; background-color: #2e3744; }
.map-zoom .zoom-box .i-btn, .map-zoom .zoom-box .line-btn, .map-zoom .zoom-box .btn-add, .map-zoom .zoom-box .btn-del, .map-zoom .zoom-box .btn-erase { width: 28px; padding: 0; font-size: 0; }
.map-zoom .zoom-box .i-btn:first-child, .map-zoom .zoom-box .line-btn:first-child, .map-zoom .zoom-box .btn-add:first-child, .map-zoom .zoom-box .btn-del:first-child, .map-zoom .zoom-box .btn-erase:first-child { border-bottom: 1px solid rgba(255, 255, 255, 0.2); border-radius: 0; }
.map-zoom .zoom-box .i-btn:last-child, .map-zoom .zoom-box .line-btn:last-child, .map-zoom .zoom-box .btn-add:last-child, .map-zoom .zoom-box .btn-del:last-child, .map-zoom .zoom-box .btn-erase:last-child { border-top: 1px solid rgba(255, 255, 255, 0.2); border-radius: 0; }
.map-zoom .zoom-box .i-btn i, .map-zoom .zoom-box .line-btn i, .map-zoom .zoom-box .btn-add i, .map-zoom .zoom-box .btn-del i, .map-zoom .zoom-box .btn-erase i { width: 28px; height: 28px; margin-right: 0; }
.map-zoom .zoom-box .i-btn i.i-zoom_in, .map-zoom .zoom-box .line-btn i.i-zoom_in, .map-zoom .zoom-box .btn-add i.i-zoom_in, .map-zoom .zoom-box .btn-del i.i-zoom_in, .map-zoom .zoom-box .btn-erase i.i-zoom_in { background: url("../images/icon-tools.png") -2px -36px no-repeat; }
.map-zoom .zoom-box .i-btn i.i-zoom_out, .map-zoom .zoom-box .line-btn i.i-zoom_out, .map-zoom .zoom-box .btn-add i.i-zoom_out, .map-zoom .zoom-box .btn-del i.i-zoom_out, .map-zoom .zoom-box .btn-erase i.i-zoom_out { background: url("../images/icon-tools.png") -2px -66px no-repeat; }
.map-zoom .zoom-box .zoom { position: relative; width: 28px; height: 100px; margin: 5px 0; background: url("../images/bg_scaler.png") 50% 50% repeat-y; }
.map-zoom .zoom-box .zoom .slider-bar { position: relative; width: 7px; height: 100%; margin: 0 auto; background-color: #434b57; }
.map-zoom .zoom-box .zoom .slider-bar .slider-bg { position: absolute; bottom: 0; left: 0; width: 7px; background-color: #365ea5; }
.map-zoom .zoom-box .zoom .slider { position: absolute; width: 15px; height: 10px; left: 7px; border: 0; background: url("../images/icon_slider.png") 0 0 no-repeat; }

.measure-box { position: absolute; z-index: 360; }
.measure-box .inner { display: block !important; padding: 2px; margin: 0 !important; border: 1px solid rgba(255, 255, 255, 0.2); background-color: #2e3744; border-radius: 4px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4); }
.measure-box .inner .top { padding: 5px; }
.measure-box .inner .top h4 { font-weight: 400; font-size: 12px; margin-right: 20px; }
.measure-box .inner .top span { margin-right: 15px; font-size: 14px; }
.measure-box .inner .top span strong { color: #ef8282; }
.measure-box .inner .top sup { font-size: 9px; vertical-align: super; }
.measure-box .inner .top button { width: 16px; height: 16px; margin-left: auto; border: none; font-size: 0; background: url("../images/btn-close_04.png") 50% 50% no-repeat; }
.measure-box .inner .guide { padding: 6px 8px 3px; font-size: 12px; margin: 1px; background-color: #2e3744; text-align: center; }
.measure-box.distance-box .inner { border-width: 2px; border-color: #ef8282; }
.measure-box.distance-box .inner sup { color: #ef8282; }
.measure-box.area-box .inner { border-color: #6791cf; border-width: 2px; }
.measure-box.area-box .inner .top span strong { color: #6791cf; }
.measure-box.area-box .inner .top span sup { color: #6791cf; }

.city-value { z-index: 200; display: flex; padding: 2px; border: #a58951 1px solid; background-color: #ffe5a3; border-radius: 4px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4); }
.city-value::after { position: absolute; left: calc(50% - 7px); bottom: -7px; content: ''; width: 0; height: 0; border-top: 7px solid #a58951; border-right: 8px solid transparent; border-left: 8px solid transparent; }
.city-value dt { display: flex; align-items: center; justify-content: center; width: 52px; min-height: 20px; padding: 0 2px; line-height: 1.3; font-weight: 600; background-color: #dfc080; color: #402b00; border-radius: 2px; text-align: center; font-size: 12px; }
.city-value dd { width: calc(100% - 52px); padding: 0 2px 0 3px; text-align: right; color: #815d14; font-weight: 600; }
.city-value dd li { display: flex; align-items: center; white-space: nowrap; height: 16px; }
.city-value dd li strong { display: block; color: #815d14; text-align: left; font-size: 12px; }
.city-value dd li strong + span { padding-left: 4px; }
.city-value dd li span { display: block; text-align: right; color: #442300; padding-right: 2px; }
.city-value.one dt { height: 17px; line-height: 1.4; }

.dash-wrap { position: relative; width: 100%; height: 100%; }
.dash-wrap .top-area { height: 35px; border-radius: 4px 4px 0 0; }
.dash-wrap .top-area h1 { padding-left: 10px; font-size: 14px; }
.dash-wrap .body { padding: 7px; background-color: #3c434e; border-radius: 0 0 4px 4px; }
.dash-wrap .body .content { padding: 7px; border-radius: 2px; }
.dash-wrap .setting-box { position: absolute; right: 310px; width: 150px; border-radius: 2px; background-color: #f4f4f4; box-shadow: 1px 1px 6px 0px rgba(51, 51, 51, 0.2); z-index: 40; }
.dash-wrap .setting-box .line-slider { height: 34px; padding: 16px 15px 5px; }
.dash-wrap .setting-box .setting-btn { padding: 0 7px 7px; }
.dash-wrap .setting-box .setting-btn ul { border: 1px solid #d7d7d7; border-radius: 2px; background-color: #fff; }
.dash-wrap .setting-box .setting-btn ul li a { display: inline-block; width: 100%; padding: 5px 10px; text-align: center; }
.dash-wrap .setting-box .setting-btn ul li + li { border-top: 1px solid rgba(255, 255, 255, 0.2); }
.dash-wrap .map-year { position: absolute; top: 10px; left: 10px; width: 200px; height: calc(100% - 20px); border-radius: 4px; background-color: rgba(255, 255, 255, 0.1); box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); }
.dash-wrap .map-year .body { overflow-y: auto; height: calc(100% - 40px); background-color: transparent; }
.dash-wrap .map-year .body .content { width: 100%; height: 150px; padding: 10px 15px; border-radius: 2px; border: rgba(255, 255, 255, 0.1) 1px solid; background-color: rgba(0, 0, 0, 0.1); cursor: pointer; }
.dash-wrap .map-year .body .content h4 { font-size: 14px; }
.dash-wrap .map-year .body .content + .content { margin-top: 10px; }
.dash-wrap .map-year .body .content.active { border: 1px solid #49aee2; background-color: rgba(0, 0, 0, 0.4); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4); }
.dash-wrap .map-wrap { position: absolute; top: 10px; left: 220px; width: calc(52% - 120px); height: calc(100% - 20px); border-radius: 4px; box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); }
.dash-wrap .map-wrap .top-area { height: 36px; border-radius: 4px 4px 0 0; }
.dash-wrap .map-wrap .top-area h1 { padding-left: 10px; font-size: 14px; }
.dash-wrap .map-wrap .map-area { height: 100%; }
.dash-wrap .map-wrap .map-area .map-list { left: 7px; top: 7px; right: initial; }
.dash-wrap .map-wrap .map-area .map-btn { position: absolute; top: 7px; left: 215px; z-index: 100; }
.dash-wrap .map-wrap .map-area .map-btn i { margin-right: 5px; background-image: url("../images/icon-search_03.png"); }
.dash-wrap .map-wrap .map-project-info { position: absolute; z-index: 50; top: 45px; left: 7px; }
.dash-wrap .map-wrap .map-project-info .top-area { height: 32px; background-color: #506791; }
.dash-wrap .map-wrap .map-project-info .top-area h1 { font-size: 13px; font-weight: 600; }
.dash-wrap .map-wrap .map-project-info .body { padding: 0; background-color: #2e3744; }
.dash-wrap .map-wrap .map-project-info .body .content { padding: 10px; max-height: 250px; overflow: auto; }
.dash-wrap .map-wrap .map-project-info .body .content .table th, .dash-wrap .map-wrap .map-project-info .body .content .table td { padding: 4px 6px; }
.dash-wrap .contents-wrap { position: absolute; top: 10px; right: 10px; width: calc(48% - 120px); height: calc(100% - 20px); box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); }
.dash-wrap .contents-wrap .map-chart { height: calc(50% - 5px); margin-bottom: 10px; }
.dash-wrap .contents-wrap .map-chart .body { height: calc(100% - 35px); }
.dash-wrap .contents-wrap .map-chart .body .content { height: 100%; }
.dash-wrap .contents-wrap .current-state { display: flex; height: calc(50% - 5px); }
.dash-wrap .contents-wrap .current-state .map-step { width: 100%; height: 100%; }
.dash-wrap .contents-wrap .current-state .map-step + .map-step { margin-left: 10px; }
.dash-wrap .contents-wrap .current-state .map-step .body { height: calc(100% - 35px); padding: 0; }
.dash-wrap .contents-wrap .current-state .map-step .body .content { height: 100%; }
.dash-wrap .contents-wrap .current-state .map-step .body .table { border-left: rgba(255, 255, 255, 0.06) 1px solid; }
.dash-wrap .contents-wrap .current-state .map-step .body .table th { padding: 4px; }
.dash-wrap .contents-wrap .current-state .map-step .body .table th:first-child { border-left: rgba(255, 255, 255, 0.06) 1px solid; }
.dash-wrap .contents-wrap .current-state .map-step .body .table th em { font-weight: 400; font-size: 12px; letter-spacing: -1px; }
.dash-wrap .contents-wrap .current-state .map-step .body .table td { padding: 4px; }
.dash-wrap .contents-wrap .current-state .map-step .body .overflow-y { overflow-y: scroll; height: calc(100% - 55px); }
.dash-wrap .contents-wrap .current-state .map-step .body .overflow-y.th-one { height: calc(100% - 27px); }

/*# sourceMappingURL=map-style.css.map */