/* style.css

최초 생성일 : 20. 12. 03
최초 생성자 : hkchoi
작업 내용 : 부영산전 CSS */

/* FONT 설정 */
@font-face {
    font-family: 'Noto Sans Thin';
    font-style: normal;
    font-weight: 100;
    src: local('Noto Sans CJK KR Thin'), url(../fonts/eot/NotoSansKR-Thin-Hestia.eot), url(../fonts/eot/NotoSansKR-Thin-Hestia.eot?#iefix) format('embedded-opentype'), url(../fonts/woff/NotoSansKR-Thin-Hestia.woff) format('woff'), url(../fonts/otf/NotoSansKR-Thin-Hestia.otf) format('opentype');
}
@font-face {
    font-family: 'Noto Sans Light';
    font-style: normal;
    font-weight: 300;
    src: local('Noto Sans CJK KR Light'), url(../fonts/eot/NotoSansKR-Light-Hestia.eot), url(../fonts/eot/NotoSansKR-Light-Hestia.eot?#iefix) format('embedded-opentype'), url(../fonts/woff/NotoSansKR-Light-Hestia.woff) format('woff'), url(../fonts/otf/NotoSansKR-Light-Hestia.otf) format('opentype');
}
@font-face {
    font-family: 'Noto Sans DemiLight';
    font-style: normal;
    font-weight: 400;
    src: local('Noto Sans CJK KR DemiLight'), url(../fonts/eot/NotoSansKR-DemiLight-Hestia.eot), url(../fonts/eot/NotoSansKR-DemiLight-Hestia.eot?#iefix) format('embedded-opentype'), url(../fonts/woff/NotoSansKR-DemiLight-Hestia.woff) format('woff'), url(../fonts/otf/NotoSansKR-DemiLight-Hestia.otf) format('opentype');
}
@font-face {
    font-family: 'Noto Sans Regular';
    font-style: normal;
    font-weight: 400;
    src: local('Noto Sans CJK KR Regular'), local('Noto Sans CJK KR'), url(../fonts/eot/NotoSansKR-Regular-Hestia.eot), url(../fonts/eot/NotoSansKR-Regular-Hestia.eot?#iefix) format('embedded-opentype'), url(../fonts/woff/NotoSansKR-Regular-Hestia.woff) format('woff'), url(../fonts/otf/NotoSansKR-Regular-Hestia.otf) format('opentype');
}
@font-face {
    font-family: 'Noto Sans Medium';
    font-style: normal;
    font-weight: 500;
    src: local('Noto Sans CJK KR Medium'), url(../fonts/eot/NotoSansKR-Medium-Hestia.eot), url(../fonts/eot/NotoSansKR-Medium-Hestia.eot?#iefix) format('embedded-opentype'), url(../fonts/woff/NotoSansKR-Medium-Hestia.woff) format('woff'), url(../fonts/otf/NotoSansKR-Medium-Hestia.otf) format('opentype');
}
@font-face {
    font-family: 'Noto Sans Bold';
    font-style: normal;
    font-weight: 700;
    src: local('Noto Sans CJK KR Bold'), url(../fonts/eot/NotoSansKR-Bold-Hestia.eot), url(../fonts/eot/NotoSansKR-Bold-Hestia.eot?#iefix) format('embedded-opentype'), url(../fonts/woff/NotoSansKR-Bold-Hestia.woff) format('woff'), url(../fonts/otf/NotoSansKR-Bold-Hestia.otf) format('opentype');
}
@font-face {
    font-family: 'Noto Sans Black';
    font-style: normal;
    font-weight: 900;
    src: local('Noto Sans CJK KR Black'), url(../fonts/eot/NotoSansKR-Black-Hestia.eot), url(../fonts/eot/NotoSansKR-Black-Hestia.eot?#iefix) format('embedded-opentype'), url(../fonts/woff/NotoSansKR-Black-Hestia.woff) format('woff'), url(../fonts/otf/NotoSansKR-Black-Hestia.otf) format('opentype');
}

body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, div, span, strong, table, thead, tbody, tr, th, td, form, fieldset, legend, input, textarea, button {
    font-family: "Noto Sans Regular", "Apple SD Gothic Neo", "애플 SD 산돌고딕 Neo", "Helvetica Neue", Roboto, sans-serif;
}

/* DEFAUlT CSS */
html, body {width:100%; height:100%; position:relative;}
body {background-color:#fff; color:#000; font-size:13px; line-height:1.7; letter-spacing:-.04em;}
a {color:#000; text-decoration:none; background-color:transparent;}
a:hover, a:focus {color:inherit;}
ul, li {list-style:none; margin:0; padding:0;}
b, strong {font-family:"Noto Sans Bold"}
select {appearance:none; -webkit-appearance:none;}
select::-ms-expand {display:none;}
textarea {resize:none;}
input[type="text"]::-ms-clear {display:none;}
input[type="file"] {padding:0 !important;}
input[type="file"]::-webkit-file-upload-button {border:0; height:100%; font-family:"Noto Sans Medium"; padding:0 15px; cursor:pointer;}
input[type="file"]::-ms-value {border:0; background:#fff; padding:0 15px;}
input[type="file"]::-ms-browse {border:0;}
iframe {width:100%;}

/* NAVIGATION CSS */
#gnb {width:200px; height:100%; background-color:#282833; position:fixed; left:0; z-index:99; color:#fff; overflow-x:hidden; transition:all .3s; -webkit-transition:all .3s; -ms-transition:all .3s; -o-transition:all .3s;}
.collapse #gnb {left:-300px; transition:all .3s; -webkit-transition:all .3s; -ms-transition:all .3s; -o-transition:all .3s;}
#gnb .gnb_header {z-index:9; background-color:#282833;}
#gnb .gnb_header .logo {text-align:center; padding:15px;}
#gnb .gnb_header .logo a {display:block;}
#gnb .gnb_header .logo a img {width:160px; display:inline-block;}
#gnb .gnb_header .logo a h1 {margin:-5px 0 0; font-family:"Noto Sans Medium"; line-height:1; font-size:16px; color:#fff;}
#gnb .gnb_header .user_info {background-color:#222222; padding:15px; color:#fff; line-height:1.4;}
#gnb .gnb_header .user_info h4 {font-family:"Noto sans Medium"; font-size:14px; margin:0;}
#gnb .gnb_header .user_info p {margin:0; font-size:14px;}
#gnb .gnb_header .user_info hr {border-color:#fff; margin:10px auto;}
#gnb .gnb_header .user_info .user_func:after {content:""; display:table; clear:both;}
#gnb .gnb_header .user_info .user_func li {display:inline-block; width:50%; float:left; text-align:center;}
#gnb .gnb_header .user_info .user_func li a {color:#fff; font-size:13px;}

#gnb .menu_title {margin:0; padding:10px 15px 5px; font-size:12px; font-family:"Noto Sans Medium";}
.gnb_menu > ul > li > a {color:#fff; padding:5px 20px; font-size:14px; font-family:"Noto Sans Medium"; display:inline-block; width:100%; position:relative; transition:all .15s; -webkit-transition:all .15s; -ms-transition:all .15s; -o-transition:all .15s; white-space:nowrap;}
.gnb_menu > ul > li > a:after {content:""; width:18px; height:18px; background:url(../images/icons/system/ico_menu_arrow.png)no-repeat center/cover scroll; position:absolute; top:8px; right:15px; transition:all .15s; -webkit-transition:all .15s; -ms-transition:all .15s; -o-transition:all .15s;}
/*.gnb_menu > ul > li.open {overflow:hidden;}*/
.gnb_menu > ul > li.open > a:after {transform:rotate(90deg);-webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); -o-transform:rotate(90deg); transition:all .15s; -webkit-transition:all .15s; -ms-transition:all .15s; -o-transition:all .15s;}
.gnb_menu > ul > li > a:hover {background-color:rgba(0,0,0,0.2); transition:all .15s; -webkit-transition:all .15s; -ms-transition:all .15s; -o-transition:all .15s;}
.gnb_menu > ul > li > a img {width:25px; position:absolute; top:13px; left:20px;}

.sub_menu {background-color:#1c1c28; transition:none; display:none; padding:10px 0;}
.sub_menu > li {position:relative;}
.sub_menu > li > a {display:inline-block; color:#fff; padding:5px 25px; font-size:13px; width:100%; transition:all .15s; -webkit-transition:all .15s; -ms-transition:all .15s; -o-transition:all .15s; position:relative;}
.sub_menu > li.active {background-color:#db1530; color:#fff;}
.sub_menu > li.open > a:after {transform:rotate(90deg);-webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); -o-transform:rotate(90deg); transition:all .15s; -webkit-transition:all .15s; -ms-transition:all .15s; -o-transition:all .15s;}
.sub_menu > li > a:hover {color:rgba(255,255,255,1); transition:all .15s; -webkit-transition:all .15s; -ms-transition:all .15s; -o-transition:all .15s;}
.sub_menu > li > .bookmark {width:15px; height:15px; position:absolute; right:25px; top:9px; cursor:pointer;}
.sub_menu > li > .bookmark > svg {width:100%; height:100%;}
.sub_menu > li > .bookmark > svg #ico_bookmark > polygon[id*="Shape"] {fill:transparent;}
.sub_menu > li > .bookmark + input[type="checkbox"] {display:none;}

/* LOGIN CSS */
.login {width:100%; height:100%; display:table; min-width:1024px; position:relative; background-color:#efefef;}
/*.login:after {content:""; width:100%; height:100%; position:absolute; top:0; left:0; background: linear-gradient(120deg, rgba(110,202,250,1) 0%, rgba(75,174,226,1) 50%, rgba(0,136,207,1) 100%); z-index:-1;}*/
.login_wrap {display:table-cell; vertical-align:middle;}
.login_box {padding:60px 30px; background-color:#fff; width:400px; margin:0 auto;}
.login_header {margin-bottom:20px; text-align:center}
.login_box .login_header .login_title h1 {font-family:"Noto Sans Medium"; margin:0; line-height:1; font-size:20px;}
.login_box .login_header .login_title img {width:215px;}
.login_box .login_header span {font-family:"Noto Sans Regular"; display:block; font-size:20px; margin-top:2px; color:#aaa;}
.login_box .form_control {position:relative; height:46px; padding:0 10px !important;}
.login_box .form_control::placeholder {font-size:14px;}
.login_box .form_control:focus {z-index:1;}
.login_box .form_control + .form_control {margin-top:-1px;}
.login_box .btn {margin-top:30px;}

/* COMMON STYLE CSS */
.container {margin-right:auto; margin-left:auto;}

.row {margin-right:-5px; margin-left:-5px;}
.container:before, .contaeinr:after, .row:before,.row:after {content:""; display:table;}
.container:after, .row:after {clear:both;}
div[class*="col-"] {position:relative; min-height:1px; padding-right:5px; padding-left:5px; float:left;}
.col-1 {width:8.33333333%;}
.col-2 {width:16.66666667%;}
.col-3 {width:25%;}
.col-4 {width:33.33333333%;}
.col-5 {width:41.66666667%;}
.col-6 {width:50%;}
.col-7 {width:58.33333333%;}
.col-8 {width:66.66666667%;}
.col-9 {width:75%;}
.col-10 {width:83.33333333%;}
.col-11 {width:91.66666667%;}
.col-12 {width:100%;}

.font_blue {color:blue;}
.font_red {color:red;}
.bg_yellow {background-color:#fffacd !important;}

.card {width:100%; background-color:#fff; margin-bottom:10px;}
.card_header {margin-bottom:10px; padding:15px 20px 0;}
.card_header .card_title {margin:0; font-family:"Noto Sans Medium"; font-size:18px; line-height:1;}
.card_header .card_title > small {font-size:70%; color:#a1a1a1;}
.card_body {padding:0 20px 20px;}
.card_in_card .card_header {padding-left:0; padding-right:0; padding-top:0;}

footer {padding:15px 30px; background-color:#fff; width:100%; bottom:0; position:absolute; z-index:999999;}
footer .copyright {font-size:13px; color:#54585F; margin:0;}

.form_control {width:100%; height:28px; padding:0 7px !important; font-size:13px !important; color:#000; border-radius:0; transition:none; border:1px solid #d8d8d8; line-height:1.4; opacity:1; display:block;}
.form_control:focus {border-color:#000; transition:none;}
.form_control[disabled="disabled"] {background-color:#efefef;}
.select_form {position:relative; z-index:2;}
.select_form select.form_control {padding-right:19px !important; z-index:2;}
.caret {display:inline-block; width:0; height:0; margin-left:2px; vertical-align:middle; border-top:4px solid; border-right:4px solid transparent; border-left:4px solid transparent; z-index:1; border-width:4px;}
.select_form .caret {position:absolute; top:13px; right:7px; line-height:28px;}
.select_form select.form_control:disabled + .caret {opacity:0.2;}
textarea.form_control {height:auto; resize:none; padding:10px !important; overflow:auto;}

.btn {padding:4px 12px !important; text-align:center; font-family:"Noto Sans Medium"; font-size:12px; display:inline-block; white-space:nowrap; border:1px solid transparent; border-radius:0; line-height:1.5; min-width:70px;}
.btn:not(:disabled):not(.disabled) {cursor:pointer;}
.btn_bk, .btn_bk:hover, .btn_bk:active, .btn_bk:focus {background-color:#333 !important; color:#fff; border-color:#333 !important;}
.btn_blue, .btn_blue:hover, .btn_blue:active, .btn_blue:focus {background-color:#303080; color:#fff;}
.btn_green, .btn_green:hover, .btn_green:active, .btn_green:focus {background-color:#137168; color:#fff;}
.btn_red, .btn_red:hover, .btn_red:active, .btn_red:focus {background-color:#e74c3c; color:#fff;}
.btn_darkblue, .btn_darkblue:hover, .btn_darkblue:active, .btn_darkblue:focus {background-color:#004580; color:#fff;}
.btn_group {text-align:right; margin-top:20px; margin-bottom:20px; display:inline-block; width:100%; padding-top:20px; border-top:1px solid #d8d8d8;}
.sm_btn_group {text-align:right; margin-top:20px;}
.btn ~ .btn {margin-left:5px;}
.btn_sm {padding:3px 6px !important; min-width:55px; font-size:10px;}
.btn_lg {width:100%; padding:10px 15px !important; font-size:16px;}

.hint {font-size:12px; display:inline-block; width:100%;}
#editPwdModal .hint {background-color:#efefef; padding:10px; text-align:center; margin-bottom:-10px; white-space:nowrap;}

#mainContents {background:#f3f6f9; overflow-y:hidden;}
#contentsWrapper {padding-left:200px; position:relative; min-width:1024px; min-height:100%; height:100%; overflow:hidden; transition:all .3s; -webkit-transition:all .3s; -ms-transition:all .3s; -o-transition:all .3s;}
.collapse #contentsWrapper {padding-left:0; transition:all .3s; -webkit-transition:all .3s; -ms-transition:all .3s; -o-transition:all .3s;}

.contents {position:relative; height:100%;}
#mainContents .contents {padding:47px 10px 0; height:100%; overflow-y:scroll;}

#collapseBtn {background-color:#fff; border:0; width:37px; height:37px; padding:4px; cursor:pointer; position:absolute; z-index:3; display:flex; align-items:center; justify-content:center;}
#collapseBtn > img {width:100%;}
#collapseBtn > .tooltip {position:absolute; bottom:-10px; right:-40px; display:inline-block; background-color:rgba(0,0,0,0.6); color:#fff; padding:5px; font-size:10px; cursor:default; visibility:hidden;}
#collapseBtn:hover > .tooltip {visibility:visible;}

#mainContents #collapseBtn {border-right:1px solid #fff; border-bottom:1px solid #fff; position:fixed; top:0; left:200px; z-index:1; transition:all .3s; -webkit-transition:all .3s; -ms-transition:all .3s; -o-transition:all .3s;}
#main-tabs #collapseBtn {border-right:1px solid #e4eaec; border-bottom:1px solid #e4eaec;}

input[id*="fileUpload"] {display:none;}

.mt_0 {margin-top:0 !important;}
.mb_20 {margin-bottom:20px !important;}
.mt_30 {margin-top:30px !important;}

.table {width:100%; font-size:15px;}
.table th, .table td {padding:7px 10px; border:1px solid #d8d8d8; vertical-align:middle; line-height:inherit;}
.table th {font-family:"Noto Sans Medium"; background-color:#efefef; font-size:14px;}
.table td {word-break: keep-all;}

.loop_stat_counter {background-color:#dce5e8; padding:10px; position:relative; overflow:hidden; margin-top:10px;}
.loop_stat_counter h4 {color:#273b44;}
.loop_stat_counter span {font-size:24px; font-family:"Noto Sans Bold"; color:#273b44;}
.loop_stat_counter img {position:absolute; bottom:8px; right:8px; opacity:0.1; width:45px;}

/* nth-tabs CSS */
.nth_tabs_wrap #collapseBtn {border-bottom:1px solid #E4EAEC; border-right:1px solid #E4EAEC;}
.nth-tabs {border-bottom: 1px solid #ddd; font-family:"Noto Sans Regular", "Apple SD Gothic Neo", "애플 SD 산돌고딕 Neo", "Helvetica Neue", Roboto, sans-serif; border:0 !important;}
.nth-tabs .page-tabs {height:37px;}
.nth-tabs .content-tabs {height:37px;}
.nth-tabs .content-tabs-container {margin-left:74px; height:37px;}
.nth-tabs .roll-nav {width:37px; height:37px; line-height:37px;}
.nth-tabs .roll-nav-left {border-right:1px solid #e4eaec; left:37px;}
.nth-tabs .roll-nav-right {right:37px;}
.nth-tabs .roll-nav-right, .nth-tabs .right-nav-list {border-left:1px solid #e4eaec;}
.nth-tabs .nav-tabs > li {position:relative; float:left; margin-bottom:-1px; min-width:11em; width:auto;}
.nth-tabs .nav-tabs > li > a {line-height: 1; border: 1px solid transparent; padding:10px 29px 10px 19px; font-size:14px; position:relative;}
.nth-tabs .nav-tabs > li.active:before {content:""; display:block; width:100%; height:2px; position:absolute; top:0; left:0; background-color:#333; z-index:1;}
.nth-tabs .nav-tabs > li.active > a {border-top-width:0 !important; margin-top:1px !important;}
.nth-tabs .nav-tabs > li.active > a > span {font-family:"Noto Sans Medium";}
.nth-tabs .tab-close {top:11px; line-height:18px;}
.nth-tabs .tab-content > .tab-pane {display: none;}
.nth-tabs .tab-content > .active {display: block;}
.nth-tabs .dropdown-menu {position: absolute; top:100%; left:0; z-index:1000; display:none; float:left; min-width:160px; padding:9px 0; list-style:none; font-size:13px; text-align:left; background-color:#fff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.15); border-radius:2px; background-clip:padding-box;}
.nth-tabs .dropdown-menu>li>a {display:block; padding: 0 20px; clear:both; font-weight:400; line-height:30px; color:#333; white-space:nowrap;}
.nth-tabs .dropdown.open>.dropdown-menu {display:block;}
.nth-tabs .nth-tabs-frame {display:block; min-height:0; height:calc(100% - 37px);}
.scrollbar-outer {overflow:scroll;}

/* CONTENTS CSS */
.dynamic_tabs {background-color:#fff;}
.dynamic_tabs .tab_header {padding:10px 20px; width:100%; display:table; background-color:#fff; position:relative; z-index:1;}
.dynamic_tabs .tab_header > * {display:table-cell; vertical-align:middle; width:50%;}
.dynamic_tabs .tab_header .tab_title {margin:0; font-family:"Noto Sans Medium"; font-size:20px; line-height:1;}
.dynamic_tabs .tab_header .tab_header_right {text-align:right;}
.dynamic_tabs .tab_body {padding:0 20px 20px; position:absolute; top:0; left:0; width:100%; height:100%;min-width:1440px;}
.form_wrap {background-color:#fff; border-top:1px solid #d8d8d8; margin:0 -30px -30px; padding:0 30px;}
.filter_wrap {padding:0 20px 10px; background-color:#f9f9f9; border-color:transparent; margin:0 0 10px; position:relative; z-index:1;}
.form_wrap + .tab_body > .form_wrap {border-top-color:transparent;}
.form_wrap + .tab_body > .jqx-grid {margin-top:10px;}
.form_wrap + .tab_body .form_caption {margin-top:10px;}
.form_wrap + .tab_body .form_caption + .jqx-grid {margin-top:0;}
.filter_wrap .btn_group {padding:33px 5px 0 0; width:auto; border:0; float:right; margin:0;}
.form_element {margin-top:10px; position:relative;}
.form_element > label {font-size:12px; display:inline-block; font-family:"Noto Sans Medium"; line-height:1; white-space:nowrap;}
.form_element > label + .form_caption {float:right; position:absolute; top:-47px; right:0;}
.form_caption {text-align:right; padding:4px 0; margin-top:30px;}
.form_element > .btn {width:100%; margin-top:27px; height:28px;}
.form_element.border {border:1px solid #d8d8d8; margin-top:20px; padding:0 10px 10px;}
.form_element.border > label {background-color:#fff; padding:0 5px; position:relative; top:-10px; left:10px;}
.form_element.border > .row {margin-top:-10px;}
.form_element .div_title {
  height: 28px;
  background-color: #efefef;
  border-top: 2px solid black;
  padding-left: 10px; /* 왼쪽 여백 10px */
  font-size:14px;
}
#pipeLength {padding:0;}
.form_element_list_wrap {margin-top:-15px; height:469px; overflow-y:scroll; padding:0 10px 10px;}

.input_group {display:table; width:100%; position:relative;}
.input_group > * {display:table-cell; vertical-align:middle;}
.input_group_addon {width:30px; background-color:#efefef !important; padding:0 5px !important; font-size:12px; border:1px solid #d8d8d8; border-left:0; text-align:center;}
.input_half_group {display:flex; justify-content:space-between; align-items:stretch; position:relative; z-index:1;}
.input_half_group input.form_control {position:relative; z-index:1;}
.input_half_group input.form_control:not(:first-child) {margin-left:-1px;}
.input_half_group input.form_control:focus {z-index:2;}
.input_half_group .btn {display:flex; align-items:center; justify-content:center;}
.input_half_group .date_input {border-right:0;}

.dynamic_tabs.tab_layout .tab_header {border-bottom:1px solid #d8d8d8;}

.date_period {display:table; width:100%;}
.date_period > div {display:table-cell; vertical-align:middle;}
.date_input input {height:100%;}
.date_input.disabled {opacity:1;}
.date_input.disabled input:disabled {color:#000; cursor:text;}
.date_period .tilde {width:20px; text-align:center;}

.checkbox_group, .radio_btn_group  {display:flex; align-items:center; justify-content:space-between;}
.checkbox, .radio_btn, .jqx-radiobutton {font-size:13px; overflow:visible;}
.checkbox_group .input_group, .checkbox_group .select_form {width:auto; flex-basis:20%;}

.tree_group {width:100%; display:flex; justify-content:space-between; align-items:center;}
.tree_group .form_element {flex:1;}
.tree_group .tree_btn_group {display:flex; flex-direction:column; margin:0 30px;}
.tree_group .tree_btn_group .btn {margin:5px 0; min-width:auto;}
.tree_grid {padding:10px 0;}
.jqx-tabs .tree_grid {border-top:2px solid #271759;}

.collapse_box {display:none; border:1px solid #d8d8d8; padding:0 20px 20px;}
.sm_btn_group + .collapse_box {margin-bottom:20px;}
.collapse_box .collapse_title {border-bottom:1px solid #d8d8d8; padding:7px 15px; background-color:#efefef; margin:0 -20px;}
.collapse_box .collapse_title h3 {font-size:16px; font-family:"Noto Sans Medium";}

#loopStatCondition input[type="checkbox"] {margin-left:5px;}
#loopStatCondition input[type="checkbox"]:first-child {margin-left:0;}
#loopStatCondition input[type="checkbox"] + label {margin-left:3px; cursor:pointer;}
#loopStatCondition .btn_group {padding-right:0;}

/* 카카오맵 CSS */
.map_wrap {position:relative;overflow:hidden;width:100%;height:100%; margin-top:10px;  border:1px solid #d8d8d8;}
.radius_border{border:1px solid #919191;border-radius:5px;}
.custom_zoomcontrol {position:absolute;bottom:50px;right:10px;width:200px;height:100px;overflow:hidden;z-index:1;background-color:#f5f5f5;}
#container{height:100%;}
#mapWrapper {width:100%;height:100%;z-index:1;} /* jjh 2021-03-15 추가*/
#rvWrapper {width:50%;height:100%;top:0;right:0;position:absolute;z-index:0;}
#container.view_roadview #mapWrapper {width: 50%;} /* jjh 2021-03-15 추가*/
#roadviewControl {position:absolute;top:5px;right:-45px;width:42px;height:42px;z-index: 1;cursor: pointer; background: url(https://t1.daumcdn.net/localimg/localimages/07/2018/pc/common/img_search.png) 0 -450px no-repeat;}
#roadviewControl.active {background-position:0 -350px;}
/* jjh 2021-03-18 추가*/
#currentBtn {position:absolute;text-align:center;bottom:5px;right:-70px;width:60px;height:25px;z-index: 1;cursor: pointer;background: #fff;border-radius: 4px;border: 1px solid #c8c8c8;box-shadow: 0px 1px #888;}
#currentBtn2 {position:relative;text-align:center;bottom:5px;width:60px;height:25px;z-index: 9999999;cursor: pointer;background: #fff;border-radius: 4px;border: 1px solid #c8c8c8;box-shadow: 0px 1px #888;}
#close {position: absolute;padding: 4px;top: 5px;left: 5px;cursor: pointer;background: #fff;border-radius: 4px;border: 1px solid #c8c8c8;box-shadow: 0px 1px #888;}
#close .img {display: block;background: url(https://t1.daumcdn.net/localimg/localimages/07/mapapidoc/rv_close.png) no-repeat;width: 14px;height: 14px;} 
.custom_zoomcontrol span {display:block;width:200px;height:100px;text-align:center;cursor:pointer;}

.map_search_box {position:absolute; top:0; left:-300px; width:300px; height:100%; background-color:#fff; z-index:2; padding:10px; border-right:1px solid #d8d8d8; transition:left .3s; -webkit-transition:left .3s; -ms-transition:left .3s; -o-transition:left .3s;}
.map_search_box.collapse {left:0; transition:left .3s; -webkit-transition:left .3s; -ms-transition:left .3s; -o-transition:left .3s;}
.map_search_box .input_half_group {margin:0 -1px 10px;}
.map_search_box .jqx-tabs .jqx-tabs-title {font-size:12px;}
.map_search_box .jqx-tabs .jqx-tabs-content {padding:10px; border-top:1px solid #d8d8d8;}
.map_search_box .jqx-tabs .jqx-tabs-content .jqx-grid {min-height:315px; border-left:1px solid #d8d8d8; border-right:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8;}
.map_search_header {background-color:#333; padding:5px 10px;}
.map_search_header h4 {color:#fff; font-family:"Noto Sans Medium"; font-size:15px;}
.map_search_body {height:100%; position:relative; top:-45px; padding-top:45px;}
.search_grid_wrap {position:relative; top:-38px; padding-top:35px; width:100%; height:100%;}
.map_search_btn {position:absolute; top:50%; bottom:auto; right:-15px; background-color:#2282b9; cursor:pointer; height:50px; display:flex; align-items:center; justify-content:center;}
.map_search_btn:hover {background-color:#0f3f5a;}
.map_search_btn:hover > .caret {border-top-color:#fff;}
.map_search_btn > .caret {transform:rotate(-90deg); border-width:5px; margin:0 2px; border-top-color:#fff;}
.map_search_box.collapse .map_search_btn {background-color:#fff; border:1px solid #d8d8d8; border-left:0;}
.map_search_box.collapse .map_search_btn > .caret {border-top-color:#000; transform:rotate(90deg);}
.map_search_box.collapse .map_search_btn:hover > .caret {border-top-color:#2282b9;}

.heat_piping_modal div[class*="jqx-icon"] {margin-top:0;}
.heat_piping_modal .jqx-tabs {margin-top:0;}
.heat_piping_modal .jqx-tabs-title {font-size:12px;}
.heat_piping_list {padding:5px 20px; border-top:1px solid #d8d8d8;}
.heat_piping_list > li {display:table; width:100%; list-style:circle; padding:7px 0;}
.heat_piping_list > li > span {display:table-cell; vertical-align:middle; width:50%;}
.heat_piping_list > li > span:nth-child(1) {font-family:"Noto Sans Medium";}

/* .quartet_layout {height:100%; margin:-10px -5px 0;}
.quartet {width:50%; height:50%; padding:0 5px; float:left; position:relative; margin-top:10px;}
.quartet > .form_wrap.filter_wrap + .quartet_grid {position:absolute; top:0; left:0; padding-top:77px; width:100%; height:100%; padding-left:5px; padding-right:5px;}
.quartet .btn_group {padding-right:0;}
 */
 .quartet_layout {height:100%; margin:0 -5px;}
 .quartet {width:50%; height:50%; padding:10px 5px 0; float:left; position:relative;}
 .quartet > .quartet_grid {width:100%; height:100%;}
 .quartet_tabs {margin-top:0 !important;}
 
/* jqxWidget CSS */
.jqx-reset {box-sizing:border-box;}
.jqx-rc-all, .jqx-rc-r {border-radius:0 !important; -webkit-border-radius:0 !important;}
.jqx-widget-content {border-color:#d8d8d8; font-family:inherit; font-size:12px; box-sizing:border-box;}
.jqx-widget .jqx-grid-cell, .jqx-widget .jqx-grid-column-header, .jqx-widget .jqx-grid-group-cell {border-color:#d8d8d8; box-sizing:content-box;}
.jqx-widget-header {background-color:#efefef; font-size:12px;}
.jqx-widget-header span {font-family:"Noto Sans Medium";}
.jqx-grid-cell-alt {background:rgba(40, 41, 51, 0.02);}
.jqx-fill-state-hover {background:#e8e8e8;}
.jqx-grid {border-top:2px solid #333 !important;}
.jqx-grid div[role="row"] {cursor:pointer;}
.jqx-fill-state-pressed {background:#2196f3; color:#fff;}
.jqx-grid-groups-row {padding:0 10px; top:15px;}

.jqx-input-content {font-size:13px; padding:0px 7px !important; height:100% !important;}
.jqx-calendar td {vertical-align:middle;}

.jqx-action-button {left:auto !important; right:0; width:30px !important;}
.jqx-action-button.jqx-fill-state-pressed {background:#d1d1d1;}

.jqx-grid-caption {margin:5px auto 30px; font-size:16px;}

.jqx-tabs {background-color:transparent; border:0; margin-top:10px;}
.jqx_tabs_menu li {float:left;}
.jqx-tabs.jqx-widget-content, .jqx-tabs .jqx-widget-content:not(.date_input):not(.jqx-grid), .jqx-window-content {line-height:inherit;}
.jqx-tabs-headerWrapper {border:0; background-color:transparent; padding:0;}
.jqx-tabs-title {font-size:13px; font-family:"Noto Sans Medium"; font-weight:600; padding:5px 15px; border-radius:0; border:1px solid transparent; box-sizing:content-box;}
.jqx-tabs-title.jqx-fill-state-pressed {background-color:#282933;}
.jqx-tabs-content {border:1px solid #d8d8d8; border-radius:0; border-top:0;}
.jqx-tabs-content-element {overflow:visible;}
.jqx-tabs-content-element > .jqx-grid, .jqx-tabs-content-element > .jqx-tree {border-left:0; border-right:0; border-bottom:0;}
.jqx-tabs .form_wrap {margin:0; padding-bottom:30px; border-top:2px solid #271759;}
.jqx-tabs .form_caption {border-top:2px solid #271759; margin:0;}

.jqx-tabs + .btn_group {margin-bottom:0;}
.btn_group + .jqx-tabs {margin-top:20px;}

.jqx-grid-statusbar {border:0;}
.jqx-grid-cell.jqx-grid-cell-pinned {background-color:#efefef; border-color:#efefef;}

.jqx-scrollbar-thumb-state-normal-horizontal {box-sizing:border-box !important;}

.jqx-checkbox-default {background:#fff !important; margin:0 8px 0 0;}
.jqx-checkbox-default > div {display:flex; align-items:center; justify-content:center;}
.jqx-radiobutton-default {background:#fff !important; margin:0 5px 0 0;}
.jqx-radiobutton-default .jqx-fill-state-pressed {border-color:#000; background-color:#000 !important; top:0 !important; left:0 !important;}
.jqx-grid .jqx-checkbox-default {margin:0px 3px 0px 3px;}

.jqx-dropdownbutton-popup {border:0;}
.jqx-dropdownlist-content {display:flex; align-items:center; justify-content:center; padding:0;}
div[id*="dropDownButtonWrapper"] {display:flex; justify-content:center;}

.jqx-loader {border:0; z-index:9999999;}
.jqx-loader-modal {opacity:0.4; z-index:999999;}

.jqx-icon {float:none;}
.jqx-calendar-container {z-index:9999999;}
.jqx-icon-calendar-pressed {background-image:url(../plugin/jqwidgets-ver11.0.1/jqwidgets/styles/images/icon-calendar-white.png);}
.jqx-icon-time-pressed {background-image:url(../plugin/jqwidgets-ver11.0.1/jqwidgets/styles/images/icon-time-white.png);}

.jqx-date-time-input-popup {border:1px solid #d8d8d8 !important; padding:5px;}

/* .jqx-checkbox-check-checked {width:8px !important; height:8px !important; top:2px !important; left:2px !important;} */

/* MODAL CSS */
.modal_open {overflow:hidden;}
.modal_wrap {width:100%; height:100%; position:fixed; top:0; left:0; z-index:999999; display:none;}
.modal_background {display:table-cell; vertical-align:middle; text-align:center; background-color:rgba(0,0,0,0.4);}
.modal {display:none; border:0; line-height:inherit;}
.modal .jqx-window-header {cursor:move !important;}
.modal .modal_header {padding:10px 15px; border-radius:0;}
.modal .modal_header .modal_title {font-family:"Noto Sans Medium"; font-size:20px; line-height:1;}
.modal .modal_header .jqx-window-close-button {background-size:20px;}
.modal .modal_header .jqx-window-close-button-background {right:5px !important; top:3px; margin-right:0 !important;}
.modal .modal_contents {padding:0 20px 20px;}
#helpModal textarea.form_control {margin-top:30px; min-height:auto;}
.modal .modal_footer .btn_group {margin-bottom:0;}
.modal .jqx-tabs-content {padding:0 10px 10px; border-top:1px solid #d8d8d8;}
.ui-timepicker-standard {padding:0 !important;}
.ui-timepicker {text-align:left !important;}

/* ACCORDION(jqxExpander) CSS */
.accordion {margin-top:30px;}
.accordion .accordion_header {cursor:pointer; border:1px solid #c5c5c5; font-family:"Noto Sans Medium"; font-size:16px; background-color:#efefef; padding:10px;}
.accordion .accordion_body {display:none; padding:15px; border:1px solid #d8d8d8; border-top:0;}
.accordion .accordion_body .btn_group {margin-bottom:0;}

/* INDICATOR CSS */
#indicatorWrap {background-color:#fff; width:100%; height:100%; display:flex; align-items:center; justify-content:center;}
#indicatorWrap #indicatorContents {display:flex; align-items:center; justify-content:center;}

#indicatorWrap #indicatorContents p {font-size:14px;}
#indicatorWrap #indicatorContents .circle { position: relative; display:inline-block; margin-right:15px; width: 30px; height: 30px; border-radius: 40px; -webkit-box-sizing: border-box; border: solid 4px rgba(53, 53, 53, 0.2); border-top-color: #333; -webkit-animation: spin 1s infinite linear;}

@-webkit-keyframes spin {
  100% {-webkit-transform: rotate(360deg);}
}