@charset "utf-8";
/* Dabeeo KSH 180410 */

/* Color Set */
:root {
    --color-main-01:#f05329;
    --color-main-02:#35414c;
    --color-main-02-text:#35414c;
    --color-main-02-button:#35414c;
    --color-sub-01:#82919b;
    --color-sub-02:#f5f7f8;
    --color-sub-03:#d7dcde;
    --color-sub-04:#35414c;
    --color-main-background:#f5f7f8;

    --color-btn-main:#35414c;
    --color-btn-main-hover:#1c252e;
    --color-btn-main-disabled:#bbc3cb;
    --color-btn-main-text:#fff;
    --color-btn-main-text-hover:#fff;
    --color-btn-main-text-disabled:#9ba5af;

    --color-btn-sub:#f05329;
    --color-btn-sub-hover:#f05329;
    --color-btn-sub-disabled:#ffcdbf;
    --color-btn-sub-text:#35414c;
    --color-btn-sub-text-hover:#35414c;
    --color-btn-sub-text-disabled:#d7dcde;
    --color-btn-sub-bg:#fff;

    --color-white:#fff;
    --color-dark-green:#1c252e;
    --color-lavender-gray:#bbc3cb;
    --color-peach-puff:#ffcdbf;
    --color-dodger-blue:#2084f8;
    --color-light-gray:#c9d0d3;
    --color-caribbean-green:#16d0a0;
    --color-platinum:#e5eaeb;
    --color-ultramarine-blue:#2671ff;
    --color-rich-electric-blue:#00a0e0;
    --color-dark-tangerine:#ffa022;
    --color-verdigris:#43a5b2;

    /* theme color */
    --color-theme-01:#f05329;
    --color-theme-02:#e3364a;
    --color-theme-03:#2671ff;
    --color-theme-04:#ffc810;

    /* Header */
    --color-header:#fff;

    /* Menu */
    --color-menu-background:#fff;
    --color-menu-border-line:#f05329;

    /* Alert */
    --color-alert-background:#fff;

    /* switch */
    --color-caribbean-green:#16d0a0;

    /* Log */
    --color-btn-log-level-disabled:#ffcdbf;

    /* editor */
    --color-editor-main-01:#f05329;
    --color-editor-main-02:#35414c;
    --color-editor-sub-01:#82919b;
    --color-editor-sub-02:#f5f7f8;
    --color-editor-sub-03:#d7dcde;
    --color-editor-sub-04:#35414c;
    --color-editor-sub-05:#182d40;
    --color-editor-background:#e9edef;
}

::-webkit-scrollbar{height:16px;width:15px}

::-webkit-scrollbar-button{height:0;width:0}

::-webkit-scrollbar-thumb{background-color:#c2c2c2;background-clip:padding-box;border:solid transparent;border-width:1px 1px 1px 6px;}


::-webkit-scrollbar-corner{background:transparent}


::-webkit-scrollbar-track{background-clip:padding-box;background-color:transparent;}
::-webkit-scrollbar-track-piece{background-clip:padding-box;background-color:transparent;margin:4px 0 4px;}


::-webkit-scrollbar-thumb{border-width:1px 3px 1px 4px;border-radius: 7px;}
::-webkit-scrollbar-corner{background-clip:padding-box;background-color:#e8e8e9;border:solid transparent;border-width:0px 0 0 0px;}


/* Common */
html,body,input,textarea,select,table,label,button{font-family:'Noto Sans JP', 'Noto Sans KR',본고딕체 !important;font-size:14px;color:var(--color-sub-04);} /* 2019-09-24 span 제외*/
body{margin:0 auto;background:var(--color-main-background)}
ul{list-style:none;margin:0;padding:0;}
ul li{margin:0;padding:0;border:0;float:left;}
label{margin-bottom:0}
h1, h2, h3, h4, h5, h6{margin:0}
*:focus,button:focus{outline:none}
#wrap{min-width: 1300px;text-align:center;background:var(--color-main-background);width:100vw; overflow-x: hidden;}
#header{height:68px;margin:0 auto;background:var(--color-header);border-bottom:1px solid #d7dcde}
#navigation{height:40px;margin:0 auto;padding:13px 0;background-color:var(--color-main-background);text-align:right;font-size:13px;font-weight:300;color:var(--color-sub-01);line-height:13px}
#container{min-height:836px;margin:0 auto 50px;padding:50px 30px;background:var(--color-white);text-align:left;font-size:0;white-space:nowrap}
#footer{background:#fff}
#popup-area,#dim-mask,#loader{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;position:fixed;top:0;width:100%;height:100%;align-items:center;justify-content:center;z-index:-1;opacity:0;background: rgba(0, 0, 0, 0.3)}
.popup-area,#dim-mask{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;position:fixed;top:0;width:100%;height:100%;align-items:center;justify-content:center;z-index:-1;opacity:0;background: rgba(0, 0, 0, 0.3)}
.sub-field{background:var(--color-sub-02)}
.link{text-decoration:underline;color:var(--color-sub-01);cursor:pointer}
.link:hover{color:var(--color-sub-01)}
.link-not, .link-not *{cursor:auto !important;/* text-decoration:none */}
.border-bottom{border-bottom:1px solid var(--color-sub-03);border-radius:3px}
.fr-box .fr-counter{display:none}
.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sortIcon {margin-left: 10px;}
.sortIcon .assets {width: 11px;height: 7px;background-size: 11px 7px;vertical-align: middle}
.no-scroll{position:fixed;overflow:hidden;left:0}
.hidden{overflow:hidden}
canvas {height: 100% !important;}

/* Bootstrap col-* class override */
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
    padding-right:0;
    padding-left:0;
}

/* Layout */
.layout{width:1300px}
.layout-item-center{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;position:absolute;height:100%;width:100%;align-items:center;justify-content:center}
.layout-item-required{font-weight:500}
.layout-item-required>span{color:var(--color-main-01)}
.layout-btn-bottom{margin-top:40px}
.abs-btn-bottom{position:absolute;bottom:50px;left:0;right:0}

/* Color */
.main-color-01{color:var(--color-main-01)}
.main-color-02{color:var(--color-main-02)}
.sub-color-01{color:var(--color-sub-01)}
.sub-color-02{color:var(--color-sub-02)}
.sub-color-03{color:var(--color-sub-03)}
.sub-color-04{color:var(--color-sub-04)}

/* Background */
.background-caribbean-green{background:var(--color-caribbean-green)}
.background-ultramarine-blue{background:var(--color-ultramarine-blue)}
.main-background-01{background:var(--color-main-01)}
.main-background-02{background:var(--color-main-02)}
.sub-background-01{background:var(--color-sub-01)}
.sub-background-02{background:var(--color-sub-02)}
.sub-background-03{background:var(--color-sub-03)}
.sub-background-04{background:var(--color-sub-04)!important;}

/* Opacity */
.opacity_80{opacity:.8}
.opacity_60{opacity:.6}
.opacity_40{opacity:.4}
.opacity_20{opacity:.2}

/* height */
.height-5{height: 5px !important;}
.height-14{height: 14px !important;}
.height-17{height: 17px;}
.height-20{height: 20px;}
.height-26{height: 26px;}
.height-28{height: 28px !important;}
.height-66{height: 66px !important;}
.height-67{height: 67px;}

/* width */
.width-per-70{width:70% !important;}
.width-per-100{width: 100%;}
.width-14{width: 14px !important;}
.width-28{width: 28px !important;}
.width-40{width:40px !important;}
.width-42{width: 42px !important;}
.width-43{width: 43px !important;}
.width-44{width: 44px !important;}
.width-46{width: 46px !important;}
.width-50{width: 50px !important;}
.width-60{width:60px !important;}
.width-62{width: 62px !important;}
.width-66{width: 66px !important;}
.width-68{width:68px;}
.width-74{width:74px !important;}
.width-80{width: 80px;}
.width-90{width: 90px !important;}
.width-100{width: 100px !important;}
.width-120{width: 120px !important;} 
.width-124{width:124px !important;}
.width-130{width: 130px !important;}
.width-140{width: 140px !important;}
.width-150{width:150px !important;}
.width-155{width: 155px !important;}
.width-175{width: 175px !important;}
.width-190{width:190px !important;}
.width-196{width:196px !important;}
.width-200{width:200px !important;}
.width-204{width:204px !important}
.width-205{width:205px !important;}
.width-206 {width: 206px !important;}
.width-220{width: 220px !important;}
.width-240{width: 240px !important;}
.width-260{width: 260px !important;}
.width-310{width: 310px !important;}
.width-210{width: 210px !important;}
.width-255{width: 255px !important;}
.max-width-120{max-width: 120px !important;} 
.max-width-130{max-width: 130px !important;}
.max-width-140{max-width: 140px !important;}
.max-width-155{max-width: 155px !important;}
.max-width-175{max-width: 175px !important;}
.max-width-255{max-width: 255px !important;}
/*float*/
.left{
    float: left;
}
.right {
    float: right;
}
.left-0 {
    left: 0 !important;
}

.tab {
    white-space: pre;
}

/*vertical-align*/
.vAlignTop {
    vertical-align: top;
}

/*font-size*/
.fontSize0 {
    font-size: 0;
}

/* Cursor */
.c-pointer{cursor:pointer !important}
.c-normal{cursor:default !important}

/* Display */
.inline{display:inline !important}
.block{display:block !important;min-height:1px}
.inline-block{display:inline-block !important;}

.inline-block-16{display:inline-block;line-height:16px;vertical-align:top}
.flex{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex}
.flex-center{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;align-items:center;justify-content:center}
.flex-vertical-middle{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;align-items:center}
.none{display:none !important}
.not-allowed {
    cursor: not-allowed !important;
}
/* Position */
.pos-abs{position:absolute}
.pos-abs-right{right:0}
.pos-abs-bottom{bottom:0}
.pos-rel{position:relative}
.float-left{float:left}
.float-right{float:right}
.float-clear{float:unset}
.padding-0{padding:0 !important}
.padding-20{padding:20px !important}
.padding-30{padding:30px !important}
.padding-left-10 {padding-left: 10px !important;}
.padding-left-20 {padding-left: 20px !important;}
.padding-left-30 {padding-left: 30px !important;}
.padding-left-40 {padding-left: 40px !important;}
.padding-left-50 {padding-left: 50px !important;}
.padding-right-20{padding-right:20px !important}
.padding-lr-10{padding-left:10px !important;padding-right:10px !important}
.padding-lr-20{padding-left:20px !important;padding-right:20px !important}
.padding-lr-50{padding-left: 50px !important; padding-right: 50px !important;}
.padding-top-3{padding-top:3px !important;}
.padding-top-5{padding-top: 5px !important;}
.padding-top-8{padding-top:8px !important}
.padding-top-10{padding-top:10px !important}
.padding-top-15{padding-top:15px !important}
.padding-top-16{padding-top:16px !important}
.padding-top-20{padding-top:20px !important}
.padding-top-26{padding-top:26px !important;}
.padding-bottom-15{padding-bottom:15px !important}
.padding-bottom-10{padding-bottom:10px !important}
.padding-bottom-20{padding-bottom:20px !important}
.padding-bottom-30 {padding-bottom:30px !important;}
.padding-bottom-75 {padding-bottom: 75px !important;}
.margin-top-0{margin-top:0 !important;}
.margin-top-2{margin-top:2px !important;}
.margin-top-3{margin-top:3px !important}
.margin-top-4{margin-top:4px !important;}
.margin-top-5{margin-top:5px !important;}
.margin-top-7{margin-top:7px !important}
.margin-top-8{margin-top:8px !important}
.margin-top-10{margin-top:10px !important}
.margin-top-11{margin-top:11px !important}
.margin-top-12{margin-top:12px !important}
.margin-top-14{margin-top:14px !important}
.margin-top-15{margin-top:15px !important}
.margin-top-16{margin-top:16px !important}
.margin-top-17{margin-top:17px !important}
.margin-top-18{margin-top:18px !important}
.margin-top-20{margin-top:20px !important}
.margin-top-25{margin-top:25px !important}
.margin-top-28{margin-top:28px !important}
.margin-top-30{margin-top:30px !important}
.margin-top-40{margin-top:40px !important}
.margin-left-2{margin-left:2px !important}
.margin-left-5{margin-left:5px !important}
.margin-left-6{margin-left:6px !important}
.margin-left-7{margin-left:7px !important}
.margin-left-8{margin-left:8px !important}
.margin-left-0{margin-left:0px !important;}
.margin-left-10{margin-left:10px !important}
.margin-left-12{margin-left:12px !important}
.margin-left-15{margin-left:15px !important}
.margin-left-18{margin-left:18px !important}
.margin-left-20{margin-left:20px !important}
.margin-left-25{margin-left:25px !important}
.margin-left-30{margin-left:30px !important}
.margin-left-31{margin-left:31px !important}
.margin-left-32{margin-left:32px !important}
.margin-left-36{margin-left:36px !important}
.margin-left-40{margin-left:40px !important}
.margin-left-42{margin-left:42px !important}
.margin-left-43{margin-left:43px !important}
.margin-left-45{margin-left:45px !important}
.margin-left-49{margin-left:49px !important}
.margin-left-50{margin-left:50px !important}
.margin-left-51{margin-left:51px !important}
.margin-left-60{margin-left:60px !important}
.margin-left-70{margin-left:70px !important}
.margin-right--10{margin-right: -10px !important;}
.margin-right-0{margin-right: 0 !important;}
.margin-right-5{margin-right:5px !important}
.margin-right-6{margin-right:6px !important}
.margin-right-8{margin-right:8px !important}
.margin-right-9{margin-right:9px !important}
.margin-right-10{margin-right:10px !important}
.margin-right-12{margin-right:12px !important}
.margin-right-14{margin-right:14px !important}
.margin-right-15{margin-right:15px !important}
.margin-right-18 {margin-right: 18px !important;}
.margin-right-20{margin-right:20px !important}
.margin-right-25{margin-right:25px !important}
.margin-right-26{margin-right:26px !important}
.margin-right-27{margin-right:27px !important}
.margin-right-30{margin-right:30px !important}
.margin-right-40{margin-right:40px !important}
.margin-bottom-0 {margin-bottom: 0 !important;}
.margin-bottom-7{margin-bottom:7px !important}
.margin-bottom-8{margin-bottom:8px !important}
.margin-bottom-10{margin-bottom:10px !important;}
.margin-bottom-12{margin-bottom:12px !important}
.margin-bottom-15{margin-bottom: 15px !important;}
.margin-bottom-16{margin-bottom:16px !important}
.margin-bottom-17{margin-bottom:17px !important}
.margin-bottom-20{margin-bottom:20px !important}
.margin-bottom-24{margin-bottom:24px !important}
.margin-bottom-30{margin-bottom:30px !important}
.margin-bottom-40{margin-bottom:40px !important}
.margin-bottom-45{margin-bottom:45px !important}
.margin-bottom-60{margin-bottom:60px !important}
.margin-bottom-80{margin-bottom:80px !important}
.v-align-top{vertical-align:top}
.v-align-middle{vertical-align:middle}
.v-align-bottom{vertical-align:bottom}

/*line border */
.none-under-line {border-bottom: none !important;}
.under-line-bottom-1{border-bottom:1px solid #424f5c;}
.under-line-bottom-2{border-bottom:1px solid #424f5c;}
.under-line-bottom-3{border-bottom:1px solid #424f5c;}
.under-line-top-1{border-bottom:1px solid #424f5c;}
.under-line-top-2{border-bottom:1px solid #424f5c;}
.under-line-top-3{border-bottom:1px solid #424f5c;}

/* text */
.font-base{font-family:'Noto Sans JP', 'Noto Sans KR', 본고딕체 !important;font-size:15px;color:var(--color-sub-04)}

/* text size */
.font-size-0{font-size:0px !important}
.font-size-11{font-size:11px !important;line-height:11px}
.font-size-12{font-size:12px !important;line-height:12px}
.font-size-13{font-size:13px !important;line-height:13px}
.font-size-14{font-size:14px !important;line-height:14px}
.font-size-15{font-size:15px !important;line-height:15px}
.font-size-16{font-size:16px !important;line-height:16px}
.font-size-17{font-size:17px !important;line-height:17px}
.font-size-18{font-size:18px !important;line-height:18px}
.font-size-20{font-size:20px !important;line-height:20px}
.font-size-24{font-size:24px !important;line-height:24px}
.font-size-30{font-size:30px !important;line-height:30px}
.font-size-42{font-size:42px !important;line-height:42px}
.line-height-18{line-height:18px !important}
.line-height-20{line-height:20px !important}
.line-height-24{line-height:24px !important}
.line-height-26{line-height:26px !important}
.line-height-28{line-height:28px !important}

/* text align & font weight */
.text-left{text-align:left !important}
.text-right{text-align:right !important}
.text-center{text-align:center !important}
.text-lowercase{text-transform:lowercase !important}
.text-uppercase{text-transform:uppercase !important}
.text-capitalize{text-transform:capitalize !important}
.font-weight-light{font-weight:300 !important}
.font-weight-normal{font-weight:400 !important}
.font-weight-bold{font-weight:700 !important}
.font-weight-100{font-weight:100 !important}
.font-weight-200{font-weight:200 !important}
.font-weight-300{font-weight:300 !important}
.font-weight-400{font-weight:400 !important}
.font-weight-500{font-weight:500 !important}
.font-weight-normal-500{font-weight:500 !important}
.font-weight-600{font-weight:600 !important}
.font-weight-700{font-weight:700 !important}
.font-weight-800{font-weight:800 !important}
.font-weight-900{font-weight:900 !important}

/* Menu */
.menu{display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:row;align-items:center;position:relative;height:100%;margin:0 auto}
.menu>ul{display:flex;position:absolute;left:0;right:0;height:100%;text-align:center;justify-content:center;align-items:center}
.menu>ul li{display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;flex-direction:column;position:relative;width:115px;height:100%;text-align:center;font-size:15px;font-weight:500;line-height:15px;color:var(--color-sub-01);cursor:pointer;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-ms-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s}
.menu>ul li:not(.bubble-li){padding-top:26.5px;}
.menu>ul li:hover{color:var(--color-main-02);font-weight: 500;}
.menu>ul li:hover .border-line{opacity:1;-webkit-transition:all .2s ease-in;-moz-transition:all .2s ease-in;-ms-transition:all .2s ease-in;-o-transition:all 0.2s ease-in;transition:all 0.2s ease-in}
.menu>ul li ul {display:block;position:absolute;top:68px;left:-21.5px;z-index:3;width:158px;padding:0;margin-top:10px;opacity:0;visibility:hidden;-webkit-transiton:opacity 0.2s;-moz-transition:opacity 0.2s;-ms-transition:opacity 0.2s;-o-transition:opacity 0.2s;-transition:opacity 0.2s} 
.menu>ul li ul.wider{left: -33px;} /* 2019-10-17 수정  left:-21.5px;-> left:-33px; */
.menu>ul li ul li{display:block;width:100%;font-size:14px;font-weight:normal;line-height:40px;color:var(--color-sub-01)}
.menu>ul li ul li:hover{color:var(--color-main-02);font-weight: 400;}
.menu>ul li:hover ul{display:block;opacity:1;visibility:visible}
.menu a{color:inherit;}
.menu a:hover{color:inherit;;text-decoration:none}
.menu a.editor-4-beta{color:#63BDC9;font-weight: 500;display: flex;align-items: center;justify-content:center;gap:4px}
.menu a.editor-4-beta:hover{color:#43A5B2}
.menu a.editor-4-beta span{display: flex;align-items: center;height: 17px;background-color:#63BDC9;border-radius: 50px;padding:1px 4px 2px;font-weight: 700;font-size:10px;color:#FFFFFF}
.menu a.editor-4-beta:hover span{background-color: #43A5B2}
.menu-logo{display:inline-block;height:32px;width:160px;background:url(/image/assets/logo_maps-3x-2a1969993716470b4fe70375b75a3e14.png) no-repeat top left;background-size:160px 32px;z-index:1}
.menu-logo-en{display:inline-block;height:32px;width:174px;background:url(/image/assets/logo_maps_en-3x-b97f75f7a747b498ea90a7383d3f1bfe.png) no-repeat top left;background-size:174px 32px;z-index:1}
/* 로고수정 2019-08-28 베타로고 */
#menu-logo-beta-en{display:inline-block;height:32px;width:196px;background:url(/image/assets/logo_maps_beta_EN-3x-cdd7abb85b2a9dc68d87998916d905cd.png) no-repeat top left;background-size:196px 32px;}
#menu-logo-beta{display:inline-block;height:32px;width:196px;background:url(/image/assets/logo_maps_beta-3x-032f194224074f4568751c7a36b239e3.png) no-repeat top left;background-size:196px 32px;}

.menu-logo-symbol{display:inline-block;height:45px;width:250px;z-index:1}
.menu-logo-text{display:inline-block;height:34.79px;width:124px;background:url(../image/assets/logo_text.png) no-repeat top left;background-size:124px 34.79px;z-index:1;margin-left: 13px}
.menu-title{display:inline-block;margin-left:12px;font-size:15px;text-align:left;line-height:15px}
.menu .border-line{flex:1;border-bottom:3px solid var(--color-menu-border-line);opacity:0}
.menu .bubble{width:158px;background-color:var(--color-white);border-radius:8px;box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);padding: 5px 0;} /* 2019-09-09 간격추가  */
.menu .bubble.wider{width:178px;}/* 2019-10-17 넓이 수정 width: 158px;->width: 178px; */
.menu .bubble::before {position:absolute;display:block;width:20px;height:20px;left:69px;top:-10px;background-color:var(--color-white);box-shadow:-2px 2px 2px 0 rgba( 178, 178, 178, .4 );content:"\00a0";transform:rotate(135deg);-moz-transform:rotate(135deg);-ms-transform:rotate(135deg);-o-transform:rotate(135deg);-webkit-transform:rotate(135deg)}
.menu .bubble.wider::before{left:80px;} /* 2019-10-17 수정 left:69px; -> left:80px;*/
.menu-info{position:absolute;right:0;color:var(--color-sub-04);vertical-align:middle;line-height:0;font-size:0;white-space:nowrap}
.menu-info .dropdown{font-size:15px;line-height:15px;vertical-align:middle;white-space:normal}
/* selected 수장 2019-08-28 */
/* .menu .selected{flex:1;border-bottom:3px solid var(--color-menu-border-line);opacity:1} */
.menu>ul > li.selected{color:var(--color-main-02);font-weight: 500;}
.menu>ul > li .selected{color:var(--color-main-02);font-weight: 400;}
.menu>ul li.selected .border-line{border-bottom:3px solid var(--color-menu-border-line);opacity:1}

.dropbtn{background-color:var(--color-menu-background);color:var(--color-sub-01);padding:0;font-size:15px;border:none;border-radius:8px;cursor:pointer;text-align:right}
.dropbtn:hover, .dropbtn:focus{background-color:var(--color-menu-background)}
.dropdown{position:relative;display:inline-block}
.dropdown-content{display:none;position:absolute;top:30px;right:0px;background-color:var(--color-menu-background);min-width:120px;border-radius:8px;font-size:14px;overflow:auto;box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);z-index:101}
.dropdown-content a{color:var(--color-sub-01);padding:12px 16px;text-decoration:none;display:block}
.dropdown a:hover{color:var(--color-main-02);text-decoration:none}
.show{display:block}

/* navigation */
#navigation ul{float:right;list-style-type:none;margin:0;padding:0;text-align:right}
#navigation ul li{display:inline}
/* #navigation ul li::after{content:"";display:inline-block;width:8px;height:12px;margin:0 19px;background-image:url(/image/assets/btn_next_g-3x-42951f05f0bc835d7390475dc118e201.png);background-size:8px 12px;background-repeat:no-repeat}
#navigation ul li:last-child::after{display:none} */
/* #navigation ul li::before{content:"";display:inline-block;width:8px;height:12px;margin:0 19px;background-image:url(/image/assets/btn_next_g-3x-42951f05f0bc835d7390475dc118e201.png);background-size:8px 12px;background-repeat:no-repeat} */
#navigation ul li::before{content:"";display:inline-block;position: relative;top: 1px;width:8px;height: 12px;margin:0 19px;background-image:url(/image/assets/btn_next_g-3x-42951f05f0bc835d7390475dc118e201.png);background-size:8px 12px;background-repeat:no-repeat}
#navigation ul li:first-child::before{display:none}


/* title & label */
.page-title{display:inline-block;height:24px;border:none;padding:0;margin:0;color:var(--color-sub-04);font-size:24px !important;font-weight:bold;text-align:left;vertical-align:top;line-height:24px}
.page-title label{font-size:inherit}
.page-sub-title { margin-left: 10px; font-size: 13px; color: #fc3c22}
.lbl-require{display:inline-block;height:15px;padding:0 10px 0 0}
.lbl-main-15{display:inline-block;height:15px;border:none;padding:0;margin:0;color:var(--color-sub-04);font-size:15px;line-height:15px}
.lbl-main-17{display:inline-block;height:17px;border:none;padding:0;margin:0;color:var(--color-sub-04);font-size:17px;line-height:17px}
.lbl-sub-15{display:inline-block;height:15px;border:none;padding:0;margin:0;color:var(--color-sub-01);font-size:15px;line-height:15px}
.lbl-sub-17{display:inline-block;height:17px;border:none;padding:0;margin:0;color:var(--color-sub-01);font-size:17px;line-height:17px}

/* Tootips */
.tooltips {position:absolute;color:var(--color-sub-04);cursor: pointer;}
.tooltips div{color:var(--color-sub-04)}
.tooltips .tooltips-area {position:absolute;padding:16px 20px 14px;background-color:var(--color-sub-02);-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-box-shadow:0px 2px 3px 0px rgba(0, 0, 0, 0.16);-moz-box-shadow:0px 2px 3px 0px rgba(0, 0, 0, 0.16);box-shadow:0px 2px 3px 0px rgba(0, 0, 0, 0.16);-webkit-transition:bottom .3s ease-in-out, opacity .3s ease-in-out;-moz-transition:bottom .3s ease-in-out, opacity .3s ease-in-out;transition:bottom .3s ease-in-out, opacity .3s ease-in-out;visibility:hidden;opacity:0;z-index:1}
.tooltips .tooltips-area > div {white-space:nowrap}
.tooltips .tooltips-area > div.title{margin-bottom:13px;font-size: 15px;font-weight: bold;line-height: 22px;}
.tooltips:hover .tooltips-area {top:30px;left:40px;visibility:visible;opacity:1;white-space:nowrap}
.tooltips:hover .pos-top30{top:30px;left:0}
.tooltips-area .elements{display:block;width:185px;margin-bottom: 3px;line-height: 22px;}
.tooltips-area .elements span{font-size:15px; font-weight: 500;}
.tooltips-area .elements span:nth-child(2){float:right;color:var(--color-sub-01)}

/* Alert */
.pl-alert.big, .pl-alert2.big{width: 412px; max-width: 412px;}
.pl-alert{position:fixed;padding:0.1px;height:280px;width:276px;border-radius:8px;background-color:var(--color-alert-background);box-shadow:0px 7px 20px 0px rgba(0, 0, 0, 0.2)}
.pl-alert-pos-notice{margin:auto;margin-top:30px;margin-bottom:25px}
.pl-alert-msg{height:76px;font-size:13px;color:var(--color-sub-04);text-align:center;line-height:19px;padding: 0 26px;}
.pl-alert-msg .block span { color: #f05329;}
.pl-alert .btn-base{display:inline-block;height:40px;padding:12.5px 0;border-radius:5px;font-size:15px;font-weight:500;text-align:center;line-height:15px}
.pl-alert .btn-layout-pos{position:absolute;left:0;right:0;margin:auto;margin-top:22px;text-align:center}
.pl-alert2{position:fixed;min-width:276px;width:276px;max-width:276px;height:280px;padding:30px 0;border-radius:8px;background-color:var(--color-alert-background);box-shadow:0px 7px 20px 0px rgba(0, 0, 0, 0.2);text-align:center}
.pl-alert2 .pl-alert-pos-notice{padding:0;margin-top:0}
.pl-alert2 .pl-alert-msg{    margin-bottom: 22px;}
.pl-confirm3{width:452px;height:250px}
.pl-confirm3 .pl-alert-msg{width:452px;height:41px}
.pl-confirm3 .popup-close{position:absolute;right:0;margin:30px 30px}

/* Popup */
.pl-popup{position:relative;background-color:var(--color-alert-background);box-shadow:0px 3px 10px 0px rgba(0, 0, 0, 0.25);}
.pl-popup .btn-layout-pos{bottom:50px;margin:auto;margin-top:40px;text-align:center}
.pl-popup .popup-sub-title{font-weight:bold}
.pl-popup .popup-sub-title>span{color:var(--color-main-01)}
.editor-dialog  .popup-sub-title{font-weight:bold}
.editor-dialog  .popup-sub-title>span{color:var(--color-main-01)}
.dialog-btn-bottom{width: 100%; padding: 20px 49px 20px !important;}
.dialog-btn-bottom-10{width: 100%; padding: 10px 0px !important; }
.dialog-btn-bottom-30{width: 100%; padding: 30px 48px 30px !important; border: none !important;} /* 2019-10-07 padding 50 -> 48 수정 */

/* 계약등급 */
.level-table{position:relative;height:621px;width:853px;padding:50px;background-color:var(--color-white);box-shadow:0px 3px 10px 0px rgba(0, 0, 0, 0.25)}
.level-table-title{font-size:18px;font-weight:bold;color:var(--color-sub-04);text-align:left;line-height:18px}
.level-table table{width:100%;height:382px;margin-top:40px}
.level-table table tr{border-bottom:1px solid var(--color-sub-03)}
.level-table table tr:nth-child(1){border-bottom:1px solid var(--color-main-02)}
.level-table table tr:nth-child(1) td{width:133px;height:102px;color:var(--color-main-02);text-align:center;font-size:24px;font-weight:700}
.level-table table tr:nth-child(1) td:nth-child(1){width:133px;background:var(--color-white) !important}
.level-table table tr:nth-child(1) td:nth-child(2){width:124px;}
.level-table table tr:nth-child(1) td:nth-child(3){width:124px;opacity:0.8}
.level-table table tr:nth-child(1) td:nth-child(4){width:124px;opacity:0.6}
.level-table table tr:nth-child(1) td:nth-child(5){width:124px;opacity:0.4}
.level-table table tr:nth-child(1) td:nth-child(6){width:124px;opacity:0.2}
.level-table table td{width:124px;height:70px;font-size:15px;color:var(--color-sub-01);text-align:center}
.level-table table td:first-child {padding-right:14px;background:var(--color-sub-02);color:var(--color-sub-04);font-weight:bold;font-size:15px;text-align:right;line-height:20px}
.level-table-name{font-size:30px;font-weight:bold;line-height:30px}
.level-table-class{margin-top:5px;font-size:15px;line-height:15px}
.level-table-pos-close{float:right;margin-top:-17px;cursor:pointer}
.level-table-pos-close2{position:absolute;left:0;right:0;margin:auto;margin-top:40px}

/* 로그인 */
.login{display:inline-block;height:495px;width:498px;padding:75px 50px;background-color:var(--color-white)}
.login-logo{width:160px;height:32px;background:url(/image/assets/logo_maps-3x-2a1969993716470b4fe70375b75a3e14.png) no-repeat;background-size:160px 32px}
.login-title{margin-top:39px;font-size:18px;font-weight:bold;color:var(--color-sub-04);text-align:left;line-height:18px}
.login-sub-title{margin-top:12px;font-size:15px;color:var(--color-sub-01);text-align:left;line-height:26px}
.login-save-check{padding-top:3px;padding-right:0 !important;padding-left:37px !important;color:var(--color-sub-01)}
.login-save-check .check-mark{left:0;margin:0}
.login-save-label{margin-left:12px;font-size:15px;color:var(--color-sub-01);text-align:left}
.login-guide{font-size:15px;color:var(--color-sub-01);text-align:center}
.login-pos-id{margin-top:40px}
.login-pos-pw{margin-top:12px}
.login-pos-area{position:relative;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-moz-flex-direction:row;-ms-flex-direction:row;flex-direction:row;align-items:center;height:40px;margin-top:40px}
.login-pos-insert{position:absolute;right:0}
.login-pos-guide{margin-top:30px}

/* Date Picker */
.picker{display:inline-block;position:relative}
.picker .input-text{font-size:15px;color:var(--color-sub-01)}
.picker .picker-icon{position:absolute;bottom:10px;right:12px;top:auto;cursor:pointer}
.btn-success{background:var(--color-main-02);border-color:var(--color-main-02)}
.btn-success:hover{background:var(--color-btn-main-hover);border-color:var(--color-btn-main-hover)}
.fa-calendar:before{display:inline-block;content:"";width:14px;height:15px;background:url(/image/assets/btn_calendar-3x-eb63b53e5bfc605a2f9656b4d925f239.png) no-repeat;background-size:14px 15px}
.daterangepicker .daterangepicker_input i {top:7px}
.dr-picker{background:url(/image/assets/btn_calendar-3x-eb63b53e5bfc605a2f9656b4d925f239.png) no-repeat calc(100% - 13px) center !important;background-size:14px 15px !important}
.dr-picker-dnt{background:url(/image/assets/btn_calendar-3x-eb63b53e5bfc605a2f9656b4d925f239.png) no-repeat calc(100% - 13px) center !important;background-size:14px 15px !important}

/* Assets */
.assets{display:inline-block}
.asset-user {width:28px;height:28px;background:url(/image/assets/icon_user_3-3x-4e29bbbf820bca586ed1297a437a6c4f.png) no-repeat;background-size:28px 28px}
.asset-dropdown {width:12px;height:8px;background:url(/image/assets/btn_dropdown-3x-6aa0448cd4f34a7afbbb637ffba18c08.png) no-repeat;background-size:12px 8px}
.asset-delete{width:20px;height:20px;background:url(/image/assets/btn_delete-3x-6dac9e2018dbb1a316c8bba3cf064f80.png) no-repeat;background-size:20px 20px}
.asset-clip{width:16px;height:16px;background:url(/image/assets/icon_attachment-3x-7a1c3f4268c2569e0c8d2af094ec591c.png) no-repeat;background-size:16px 16px}
.asset-edit{width:23px;height:23px;background:url(/image/assets/btn_edit-3x-5c4ab1fedd6da424d25ca5daba650db3.png) no-repeat;background-size:23px 23px}
.asset-edit-g{width:23px;height:23px;background:url(/image/assets/btn_edit_g-3x-f277c543f8f303e2bf92999ff516b5ba.png) no-repeat;background-size:23px 23px}
.asset-calendar{width:14px;height:15px;background:url(/image/assets/btn_calendar-3x-eb63b53e5bfc605a2f9656b4d925f239.png) no-repeat;background-size:14px 15px}
.asset-front{width:10px;height:12px;background:url(/image/assets/btn_front-3x-de9eaf88e6fcd11380bebb1ab24af4ad.png) no-repeat;background-size:10px 12px}
.asset-previous{width:8px;height:12px;background:url(/image/assets/btn_Previous-3x-e9ffb291fa5c49894b62e71dbbdc1957.png) no-repeat;background-size:8px 12px}
.asset-next{width:8px;height:12px;background:url(/image/assets/btn_Next-3x-a2715717b02b6e069c356fe14cb71a97.png) no-repeat;background-size:8px 12px}
.asset-backward{width:10px;height:12px;background:url(/image/assets/btn_backward-3x-b8f076e4a784e71244a479ddb0507811.png) no-repeat;background-size:10px 12px}
.asset-check{width:9px;height:9px;background:url(/image/assets/btn_check-3x-291b41abe8ae14ec522efbec353c0342.png) no-repeat;background-size:9px 9px}
.asset-info{width:19px;height:19px;background:url(/image/assets/btn_info-3x-9369b52fffab1f3dab82b794685388df.png) no-repeat;background-size:19px 19px}
.asset-info-15{width:15px;height:15px;background:url(/image/assets/btn_info-3x-9369b52fffab1f3dab82b794685388df.png) no-repeat;background-size:15px 15px;vertical-align:middle}
.asset-notice{padding:16px 19px 16px 19px;width:57px;height:57px;border-radius:50px;background:url(/image/assets/icon_bell-3x-de9ebc1322fc5d898590fc34685eaa66.png) no-repeat;background-size:20px 26px;background-position:center;box-shadow:0px 2px 5px 0px rgba(0, 0, 0, 0.16)}
.asset-search{width:15px;height:15px;background:url(/image/assets/btn_search-3x-151c5283e790272449fa70471a0c2fda.png) no-repeat;background-size:15px 15px}
.asset-search-squire{width:36px;height:36px;border-radius:3px;background:var(--color-btn-main) url(/image/assets/btn_search_w-3x-5452ead5c4430952187328f9b00f3133.png) center no-repeat;background-size:16px 16px}
.asset-search-squire:hover{width:36px;height:36px;border-radius:3px;background:var(--color-btn-main-hover) url(/image/assets/btn_search_w-3x-5452ead5c4430952187328f9b00f3133.png) center no-repeat;background-size:16px 16px}
.asset-down{width:12px;height:8px;background:url(/image/assets/btn_down-3x-6aa0448cd4f34a7afbbb637ffba18c08.png) no-repeat;background-size:12px 8px}
.asset-up{width:12px;height:8px;background:url(/image/assets/btn_up-3x-2466ecbcc9567111d0a143834960a8df.png) no-repeat;background-size:12px 8px}
.asset-excel{width:15px;height:20px;background:url(/image/assets/btn_excel-3x-2569f79e3cc4cc523172b50b7c5b942f.png) no-repeat;background-size:15px 18px}
.asset-filter{width:16px;height:18px;background:url(/image/assets/btn_filter-3x-981f68f9efa1cf603fe150f6d70d1a88.png) no-repeat;background-size:16px 18px}
.asset-add-gray{width:12px;height:12px;background:url(/image/assets/btn_add_g-3x-0652c0c90944e32cf07d0a8f99a26d18.png) no-repeat;background-size:12px 12px}
/* 2019-10-01 추가 */
.btn-main:hover .asset-add-gray{ background-image: url(/image/assets/btn_add_on-3x-45c2b9cfeb945c1bef1932b215841d82.png)}
.asset-add{width:12px;height:12px;background:url(/image/assets/btn_add_1-3x-85c9b1af73ae86d36946876f68ac687e.png) no-repeat;background-size:12px 12px}
.asset-contract{width:48px;height:48px;background:url(/image/assets/icon_contract-3x-ebeda6576d48dc80cd8f63c13e995554.png) no-repeat;background-size:48px 48px}
.asset-contract-2{width:48px;height:48px;background:url(/image/assets/icon_contract_2-3x-5854a118211baa84cdce0bb37eb1e3f3.png) no-repeat;background-size:48px 48px}
.asset-map-contract{width:48px;height:48px;background:url(/image/assets/icon_onlymap-3x-67e1a918dfa9c0f191f7ba9c3a99a319.png) no-repeat;background-size:48px 48px}
.asset-contract-end{width:48px;height:48px;background:url(/image/assets/icon_contract_end-3x-b657bcd98ff2e82097c9be81bfbd7942.png) no-repeat;background-size:48px 48px}
.asset-contract-error{width:48px;height:48px;background:url(/image/assets/icon_contract_error-3x-1aa8fa12b94cd3acedc0c1e1a1d9a7ee.png) no-repeat;background-size:48px 48px}
.asset-stand-by{width:48px;height:48px;background:url(/image/assets/icon_contract_standby-3x-fbc16719256c2e20da7ba419c13f32c7.png) no-repeat;background-size:48px 48px}
.asset-close{width:16px;height:16px;background:url(/image/assets/btn_close-3x-8f93e58d86644a5da4726dcd82b8b4cb.png) no-repeat;background-size:16px 16px}
.asset-icon-top-admin{width:65px;height:36px;background:url(/image/assets/icon_operator-3x-103f3134c7de3b8d0a06330eb9f816fb.png) no-repeat;background-size:65px 36px}
.asset-icon-top-manager{width:93px;height:36px;background:url(/image/assets/icon_totalmanager-3x-da6c0f0a75cc1d363b29dc92369bc3b9.png) no-repeat;background-size:93px 36px}
.asset-icon-mpu-user{width:101px;height:36px;background:url(/image/assets/icon_mpuuser-3x-b1722fe106dc6be66ad9546834a65875.png) no-repeat;background-size:101px 36px}
.asset-icon-mpu-master{width:101px;height:36px;background:url(/image/assets/icon_mpumaster-3x-a0a2e36a5885fdb017fc7909edd6a386.png) no-repeat;background-size:101px 36px}
.asset-icon-contract-map{width:86px;height:32px;background:url(/image/assets/icon_onlymap02-3x-a9d507507f699fe338d0b43987f05b90.png) no-repeat;background-size:86px 32px}
.asset-icon-contract-operate{width:86px;height:32px;background:url(/image/assets/icon_contract_02-3x-773c4226c49b9c0b2e7755b70239ccce.png) no-repeat;background-size:86px 32px}
.asset-icon-contract-all{width:86px;height:32px;background:url(/image/assets/icon_allcontract-3x-ee46e38fcc255277591b3f9dee51e485.png) no-repeat;background-size:86px 32px}
.asset-home{width:14px;height:13px;background:url(/image/assets/btn_home-3x-ff2b250e5b086704113c62a1a143c1c8.png) no-repeat;background-size:14px 13px}
.asset-next-gray{width:8px;height:12px;background:url(/image/assets/btn_next_g-3x-42951f05f0bc835d7390475dc118e201.png) no-repeat;background-size:8px 12px}
.asset-calender{width:14px;height:15px;background:url(/image/assets/btn_calendar-3x-eb63b53e5bfc605a2f9656b4d925f239.png) no-repeat;background-size:14px 15px}
.asset-rentry{width:30px;height:30px;background:url(/image/assets/btn_rentry-3x-08eb3c6d2831d4e0ce228636316e606f.png) no-repeat;background-size:28px 30px;background-position:2px}
.asset-history{width:21px;height:24px;background:url(/image/assets/btn_history-3x-a2d3fb840639f767c90816dd5aa63e82.png) no-repeat;background-size:21px 24px}
.asset-logo{width:103px;height:31px;background:url(/image/assets/logo_example-3x-e9edb010b9eb4600ec3071b94b3a28d7.png) no-repeat;background-size:103px 31px}
.asset-answer{width:28px;height:28px;background:url(/image/assets/icon_answer-3x-4dc892cb931be12881effa9b74582c37.png) no-repeat;background-size:28px 28px}
.asset-circle-dounut{width:12px;height:12px;border-radius:10px;border:4px solid var(--color-caribbean-green)}
.asset-rect-round{width:15px;height:15px;border-radius:3px}
.asset-status-01{width:63px;height:63px;background:url(/image/assets/icon_status_01-3x-2a59e6cbaf62e2a6b59b1509af807acb.png) no-repeat;background-size:63px 63px}
.asset-status-02{width:63px;height:63px;background:url(/image/assets/icon_status_02-3x-ddb40b38fbe376281c5872781f483261.png) no-repeat;background-size:63px 63px}
.asset-status-03{width:63px;height:63px;background:url(/image/assets/icon_status_03-3x-5625791f7c431a223dd5f6aa06dd034a.png) no-repeat;background-size:63px 63px}
.asset-status-04{width:63px;height:63px;background:url(/image/assets/icon_status_04-3x-c5acaa2068b627d7d59ff5a1fe6a023a.png) no-repeat;background-size:63px 63px}
.asset-status-05{width:63px;height:63px;background:url(/image/assets/icon_status_05-3x-d220dbf0d7bb8280f26600bf75e1dc47.png) no-repeat;background-size:63px 63px}
.asset-status-06{width:63px;height:63px;background:url(/image/assets/icon_status_06-3x-ed68027de8e789563e38a3b5c4076e2f.png) no-repeat;background-size:63px 63px}
.asset-status-07{width:63px;height:63px;background:url(/image/assets/icon_status_07-3x-5c4888feed092823eb9ece31d31ad030.png) no-repeat;background-size:63px 63px}
.asset-airport{width:206px;height:130px;background:url(/image/assets/icon_airport-3x-58a52782e08ae3e03c968371d0f8dfe8.png) no-repeat;background-size:206px 130px}
.asset-mall{width:206px;height:130px;background:url(/image/assets/icon_mall-3x-63ae0e5d48b840c6973421b1d61cf8b3.png) no-repeat;background-size:206px 130px}
.asset-mart{width:206px;height:130px;background:url(/image/assets/icon_mart-3x-4ea3802758852308fe711a2b59e1c9c8.png) no-repeat;background-size:206px 130px}
.asset-building{width:206px;height:130px;background:url(/image/assets/icon_building-3x-3c477d46bc91c1f3b75f23f8d64ccfb3.png) no-repeat;background-size:206px 130px}
.asset-dash-prev{width:40px;height:40px;background:url(/image/assets/btn_dashboard_prev-3x-da7966d19b9871480a7a780ae1200bd4.png) no-repeat;background-size:40px 40px}
.asset-dash-next{width:40px;height:40px;background:url(/image/assets/btn_dashboard_next-3x-2fa5b0a60c6bc155706c171a5a8368ff.png) no-repeat;background-size:40px 40px}
.asset-new{width:47px;height:22px;background:url(/image/assets/icon_new_3-3x-a1bc98be370b4b217337c39177f6a0f5.png) no-repeat;background-size:47px 22px}
.asset-lang-en{width:19px;height:15px;background:url(/image/assets/btn_lang_en-3x-267a142eeec3429937fdd37a75feb842.png) no-repeat;background-size:19px 15px}
.asset-lang-kr{width:14px;height:15px;background:url(/image/assets/btn_lang_kr-3x-b88dcc4fc96a09dcb2cec43fc4e37c22.png) no-repeat;background-size:14px 15px}
.asset-delete-2{width:18px;height:18px;background:url(/image/assets/btn_delete_02-3x-c5b44730b8a34489862075b21c9db7c0.png) no-repeat;background-size:18px 18px}
.asset-map-copy{width:30px;height:30px;background:url(/image/assets/btn_copy-3x-278346ae6ce706c7c4c3cfa1e4e14fdb.png) no-repeat;background-size:30px 30px}
.asset-map-copy:hover{width:30px;height:30px;background:url(/image/assets/btn_copy_on-3x-1c1eed5b0cd3f5c54d2e5bac06bf553c.png) no-repeat;background-size:30px 30px}
.asset-map-copy:hover{width:30px;height:30px;background:url(/image/assets/btn_copy_on-3x-1c1eed5b0cd3f5c54d2e5bac06bf553c.png) no-repeat;background-size:30px 30px}
.asset-map-copy-disabled{width:30px;height:30px;background:url(/image/assets/btn_copy_dim-3x-545a5a56225ba0b36daa74022c9a638a.png) no-repeat;background-size:30px 30px}
.asset-map-download{width:30px;height:30px;background:url(/image/assets/btn_download-3x-9403b95583b48caa4a10f1d284b1fa52.png) no-repeat;background-size:30px 30px}
.asset-map-download:hover{width:30px;height:30px;background:url(/image/assets/btn_download_on-3x-8d5dbe2c951ff22ff7c8ff51f345a00d.png) no-repeat;background-size:30px 30px}
.asset-map-info{width:30px;height:30px;background:url(/image/assets/btn_MapInfo-3x-5cfe7ebe7b4c5535eb90aac7d5cc64f6.png) no-repeat;background-size:30px 30px}
.asset-map-info:hover{width:30px;height:30px;background:url(/image/assets/btn_MapInfo_on-3x-18a6e5f0b073e7ff820e839b2b4b0eea.png) no-repeat;background-size:30px 30px}
.asset-map-preview{width:30px;height:30px;background:url(/image/assets/btn_Preview-3x-e6e69b90110d2ac2acdaff26761ec227.png) no-repeat;background-size:30px 30px}
.asset-map-preview:hover{width:30px;height:30px;background:url(/image/assets/btn_Preview_on-3x-7ef21102b5b6f72aa7d37aee486c711c.png) no-repeat;background-size:30px 30px}
/* 개발문서 아이콘 추가 2020-03-10 */
.asset-doc-github{width:20px;height:20px;background:url(/image/assets/icon_github-3x-2140dbc7026653c622b32a508a40f521.png) no-repeat;background-size:20px 20px}
.asset-doc-url{width:30px;height:30px;background:url(/image/assets/icon_link-3x-9cd66b78aa4ecb0b48debcadd09ef73b.png) no-repeat;background-size:30px 30px}
.asset-doc-and{width:30px;height:30px;background:url(/image/assets/icon_android-3x-5d0359ab9f103d43686036e86cc49646.png) no-repeat;background-size:30px 30px}
.asset-doc-ios{width:30px;height:30px;background:url(/image/assets/icon_ios-3x-c14744a52217c08d5486035769ec4f7b.png) no-repeat;background-size:30px 30px}
/* 2019-07-23 추가  */
/* 버튼 클래스 추가 btn-sub-icon  */
button.btn-sub-icon { min-width: 68px;}
button.btn-sub-icon .assets { margin-right: 0px; vertical-align: middle !important; }
button.btn-sub-icon.excel .assets { margin-right: 3px !important; vertical-align: middle !important; }
button.btn-sub-icon:disabled { color: #d7dcde; border-color: #d7dcde; cursor: not-allowed; }
button.btn-sub-icon:disabled:hover{ color: #d7dcde !important; background-color: white;}
/* 엑셀다운로드 */
.asset-excel-subbtn { width:15px; height:18px; margin-bottom: 4px; margin-right: 5px !important;  background:url('/image/assets/btn_excel-new-3x-134fe6ab9cdc22e79869ecb8c564c6e8.png') no-repeat; background-size:15px 18px; } /* 2019-09-16 수정  margin-bottom: 2px; -> margin-bottom: 4px; */
button.btn-sub-icon:hover .asset-excel-subbtn { background-image:url('/image/assets/btn_excel_d_on-3x-a8bde154555b5f2a41b615c2e950df81.png'); }
button.btn-sub-icon:disabled .asset-excel-subbtn { background-image:url('/image/assets/btn_excel_d-3x-9814ba25f499c0a397b75d8cab115cf5.png'); }
/* 새로고침 */
.asset-reset { width:18px; height:15px; margin-right: 0 !important; background:url('/image/assets/btn_reset-3x-7bab902079005aa47c857dd2d966bf0b.png') no-repeat; background-size:18px 15px; }
/* 새로고침 2 */
.asset-refresh { width:18px; height:18px; margin-right: 0 !important; background:url('/image/assets/icon_Refresh-3x-1cd737a547c7bc10b340a8cf072c73c6.png') no-repeat; background-size:18px 18px; background-position-y: -2px; }
/* 추가 */
.asset-add-subbtn { width:12px; height:12px; background:url('/image/assets/icon_add_3-3x-85c9b1af73ae86d36946876f68ac687e.png') no-repeat; background-size:12px 12px; }
button.btn-sub-icon:hover .asset-add-subbtn { background-image:url('/image/assets/icon_add_on_1-3x-45c2b9cfeb945c1bef1932b215841d82.png'); }
button.btn-sub-icon:disabled .asset-add-subbtn { background-image:url('/image/assets/icon_add_d_1-3x-89fb9c0b1e4839f7f3653bb90c3d704d.png'); }
/* 수정 */
.asset-modified-subbtn { width:14px; height:14px; margin-bottom: 4px; background:url('/image/assets/icon_Edit_article-3x-bd3b0990dce30e50a2eaf44753dc3913.png') no-repeat; background-size:14px 14px; }
button.btn-sub-icon:hover .asset-modified-subbtn { background-image:url('/image/assets/icon_Edit_article_on-3x-0d73d53fb5e72b0f63014671c77328fd.png'); }
button:disabled .asset-modified-subbtn, button:disabled:hover .asset-modified-subbtn { background-image:url('/image/assets/icon_Edit_article_d-3x-09fab73321838a657f836823feffda02.png'); } /* 2019-11-19 추가 */
/* 편집 */
.asset-edit-subbtn { width:12px; height:12px; margin-bottom: 2px; background:url('/image/assets/icon_edit-3x-4b2eb59f2d64f98a098b7df00f416c4a.png') no-repeat; background-size:12px 12px; }
button.btn-sub-icon:hover .asset-edit-subbtn { background-image:url('/image/assets/icon_edit_on-3x-3056be9dff8d61810c5781509d025fa3.png'); }
/* 삭제 */
.asset-delete-subbtn { width:12px; height:12px; margin-bottom: 4px; margin-right: 3px !important; background:url('/image/assets/btn_delete-new-3x-0437aab74724c0d23ae957897a4908e0.png') no-repeat; background-size:12px 12px; }
button.btn-sub-icon:hover .asset-delete-subbtn { background-image:url('/image/assets/icon_delete_on-3x-346d22d8e91abcaa88d3f1b89308d33d.png'); }
button.btn-sub-icon:disabled .asset-delete-subbtn { background-image:url('/image/assets/icon_delete_dis-new-3x-045a54385f37370712e53674865a3ca8.png'); }
/* 비밀번호 */
.asset-password-subbtn { width:10px; height:13px; margin-bottom: 3px; background:url('/image/assets/icon_password-3x-dc5f3814f5d2f4d17e2abca72d669c12.png') no-repeat; background-size:10px 13px; }
button.btn-sub-icon:hover .asset-password-subbtn { background-image:url('/image/assets/icon_password_on-3x-47912fe37514cc6d740d0c791ab75409.png'); }
/* 회원정보 */
.asset-user-subbtn { width:10px; height:12px; margin-bottom: 2px; margin-right: 3px !important; background:url('/image/assets/icon_userpage-3x-826349a10f95be3341c4eb3eff4ab7bc.png') no-repeat; background-size:10px 12px; }
button.btn-sub-icon:hover .asset-user-subbtn { background-image:url('/image/assets/icon_userpage_on-3x-a64ddcf5c2901f2993cdbe6f32e6c8e6.png'); }
/* 재발송 */
.asset-mail-subbtn { width:14px; height:10px; margin-bottom: 2px; background:url('/image/assets/icon_sandmail-3x-936031921b47533b4499db96a106befa.png') no-repeat; background-size:14px 10px; }
button.btn-sub-icon:hover .asset-mail-subbtn { background-image:url('/image/assets/icon_sandmail_on-3x-2a3d681f8d605c718e35ac8f679952cb.png'); }
button.btn-sub-icon:disabled .asset-mail-subbtn { background-image:url('/image/assets/icon_userpage_d-3x-9a5f2a67ed9ba49896b5624094481549.png'); }
/* 목록 */
.asset-list { width: 12px; height: 11px; margin-bottom: 3px; background:url('/image/assets/btn_list-3x-c2bfbc066e8a97e2cf54cfd8c68c4fb9.png') no-repeat; background-size:12px 11px;  }
button.btn-sub-icon:hover .asset-list { width: 12px; height: 11px; margin-bottom: 3px; background:url('/image/assets/btn_list_on-3x-9f26924dcc60340560d3ce46cf52b09f.png') no-repeat; background-size:12px 11px;  }
button.btn-sub-icon:disabled .asset-list { width: 12px; height: 11px; margin-bottom: 3px; background:url('/image/assets/btn_list_disable-3x-3ca5d1fccb88c493a3ea851bde9142eb.png') no-repeat; background-size:12px 11px;  }
/* 다운로드 2020-03-10 추가 */
.asset-download{width:14px;height:14px;background:url(/image/assets/btn_download_r-3x-ab51c122ee98af9ccbb80ffd70fc1f1e.png) no-repeat;background-size:14px 12px} 
button.btn-sub-icon:hover .asset-download{background:url(/image/assets/btn_download_2-3x-40e9e9ecf424a84cd39d00ed3bb57306.png) no-repeat;background-size:14px 12px}
/* 복사하기 2020-03-10 */
button:hover .asset-map-copy{background:url(/image/assets/btn_copy_on-3x-1c1eed5b0cd3f5c54d2e5bac06bf553c.png) no-repeat;background-size:30px 30px}

/* 브라우저 체크 */
.asset-browser-logo{ width:21px;height:18px;background:url(/image/assets/logo_w-3x-136d6c6f4cb696b4f7ea430bd87b9478.png) no-repeat;background-size:21px 18px;}
.asset-browser-close{ width:16px;height:16px;background:url(/image/assets/btn_close_g-3x-bb9ab3bb015b317a848ae892abeccb0f.png) no-repeat;background-size:16px 16px; }

button > span.assets{margin-right:11px}
button > label.assets{margin-right:11px}
button > span.asset-excel{margin-right:7px}
button > label.asset-excel{margin-right:7px}

/* Button */
.btn-wrapper{text-align:center}
.button{border:none;border-radius:5px;font-weight:500;cursor:pointer;vertical-align:top}
.btn400{width:400px;height:100px;font-size:15px;line-height:26px}
.btn194{width:194px;height:40px;font-size:15px;line-height:26px}
.btn170{width:170px;height:40px;font-size:15px;line-height:26px}
.btn140{width:140px;height:40px;font-size:15px;line-height:26px}
.btn120{width:120px;height:40px;font-size:15px;line-height:26px}
.btn107{width:107px;height:40px;font-size:15px;line-height:26px}
.btn90{width:90px;height:32px;font-size:14px;line-height:16px}
.btn80{width:80px;height:28px;font-size:14px;line-height:24px}
.btn68{width:68px;height:28px;font-size:15px;color:var(--color-main-01) !important;line-height:26px}
.btn-main{color:var(--color-btn-main-text);background-color:var(--color-btn-main); font-weight: normal;} /* 2019-09-18 font-weight: normal 수정*/
.btn-main:hover{background:var(--color-btn-main-hover)}
.btn-main:disabled{color:var(--color-btn-main-text-disabled);background-color:var(--color-btn-main-disabled);cursor:not-allowed}
.btn-sub{color:var(--color-btn-sub-text);border:1px solid var(--color-btn-sub);background-color:var(--color-btn-sub-bg);font-weight: normal;} /* 2019-09-18 font-weight: normal 수정*/
.btn-sub .btn-title{
    font-weight: 500;
    color: var(--color-main-01);
}
.btn-sub:hover:enabled{border:2px solid var(--color-btn-sub-hover);}
.btn-sub:disabled{
    color:var(--color-btn-sub-text-disabled) !important;
    cursor:not-allowed;
    border: 1px solid var(--color-btn-sub-text-disabled);
    border-radius: 3px;
}
.btn-sub:disabled .asset-delete-2{
    width:18px;
    height:18px;
    background:url(/image/assets/icon_delete_dis-3x-c82481ee99e420440d777eddff1f38f8.png) no-repeat;
    background-size:18px 18px;
}
.btn-sub:disabled .btn-title{
    color:var(--color-btn-sub-text-disabled);
}
.btn-down-excel{display:inline-flex;height:32px;padding:5px 12px 6px 10px;font-weight:normal;font-size:14px;line-height:20px;align-items:flex-end}
.btn-down-excel:hover{padding:4px 11px 5px 9px}
.btn-down-excel span{margin-bottom:-1px}
.btn-down-excel label{margin-bottom:-1px}
.btn-create{display:none;padding:8px 9px 10px;font-size:14px;font-weight:normal;line-height:16px;}
.btn-update{display:none;padding:9px 10px;font-size:14px;font-weight:normal;line-height:16px;}
.btn-log{padding:7px 16px;border:1px solid var(--color-main-01);background:var(--color-main-01);color:var(--color-white);font-size:14px;border-radius:20px}
.btn-log.disabled{border:1px solid var(--color-btn-log-level-disabled);background:var(--color-btn-log-level-disabled)}

/* 2019-07-23 추가 : 버튼 타입추가  */
.btn-type2 { font-weight:400; color:var(--color-btn-sub-text);border:1px solid var(--color-btn-sub); border-radius: 3px; background-color:var(--color-btn-sub-bg); }
.btn-type2:hover { background-color: #f05329; color: #fff; border-width: 1px !important; }
.btn-type2--size { height: 28px; padding: 0px 12px; line-height: 26px; }
.btn-sub-icon { height: 28px; padding: 0px 12px; color:rgba(240, 83, 41, 1); line-height: 26px; } /* 2019-09-27 font-weight: 500 삭제 */
.btn-sub-icon.excel { height: 32px;line-height: 26px; }
.btn-main-icon{ width: 36px; height: 36px; line-height: 36px; border-radius: 3px; }
.btn-main-icon--small{ width: 28px; height: 28px; padding:5px; line-height: 100%; border-radius: 3px; }
.btn-main-small { width: initial; height: 28px; padding: 0; line-height: initial; border-radius: 3px; } /* 2019-10-24 추가 */
/* 서브버튼 disabled */
.btn-sub.btn-sub-icon:disabled:hover {    
    background-color: white;
    color: rgba(215, 220, 222, 1) !important;
    border-color: rgba(215, 220, 222, 1);
}

/* white button */
.btn-small-white {
    padding: 0 12px;
    height: 28px;
    border: 1px solid rgba(66, 79, 92, 1);
    line-height:  26px;
    border-radius: 3px;
    font-weight:400;
    color: rgba(66, 79, 92, 1);
    background-color: white;
}
.btn-small-white:hover {
    background-color: rgba(24, 45, 64, 1);
    border-color: rgba(24, 45, 64, 1);;
    color: white;
}
.btn-small-white:disabled {
    background-color: rgba(53, 65, 76, 1);
    border-color: rgba(53, 65, 76, 1);
    color: rgba(88, 105, 121, 1);
}

/* CheckBox */
.checkbox-wrapper{display:inline-block;position:relative;margin-right:20px;padding-right:30px;font-size:15px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.checkbox-wrapper input[type="checkbox"]{position:absolute;opacity:0;cursor:pointer}
.check-mark{position:absolute;top:2px;right:0;margin:0 0 0 12px;width:20px;height:20px;border:1px solid var(--color-sub-03);border-radius:2px;background-color:var(--color-white);border-radius: 3px;}
/* .checkbox-wrapper:hover input ~ .check-mark {background-color:var(--color-main-02)} */
.checkbox-wrapper input:disabled ~ .check-mark {background-color:var(--color-sub-02);cursor:not-allowed}
.checkbox-wrapper input:checked:disabled ~ .check-mark {background-color:var(--color-sub-02)}
.checkbox-wrapper input:checked ~ .check-mark{background-color:var(--color-white)}
.check-mark:after{content:"";position:absolute;display:none}
.checkbox-wrapper input:checked ~ .check-mark:after{display:block}
.checkbox-wrapper .check-mark:after{left:5px;top:3px;width:9px;height:9px;background:url(/image/assets/btn_check-3x-291b41abe8ae14ec522efbec353c0342.png) no-repeat;background-size:9px 9px}

/* Switch */
.switch{display:inline-block;position:relative;width:50px;height:28px}
.switch input{display:none}
.slider{position:absolute;top:0;left:0;bottom:0;right:0;background-color:var(--color-sub-03);cursor:pointer;-webkit-transition:.4s;transition:.4s}
.slider:before {position:absolute;right:3px;bottom:3px;width:22px;height:22px;background-color:var(--color-white);content:"";-webkit-transition:.4s;transition:.4s}
input:checked + .slider {background-color:var(--color-main-01)}
input:focus + .slider {box-shadow:0 0 1px var(--color-main-01)}
input:checked + .slider:before {-webkit-transform:translateX(-22px);-ms-transform:translateX(-22px);transform:translateX(-22px)}
input:disabled + .slider{opacity:0.2;cursor:default}
.slider.round{border-radius:34px}
.slider.round:before{border-radius:50%}

/* Table */
.blind{overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}
.table{width:100%;max-width:1240px;margin-bottom:50px;white-space:normal}
.table thead th{height:42px;padding:10px 0 8px;border-top:none;border-left:none;border-right:none;border-bottom:1px solid var(--color-sub-01) !important;font-size:15px;font-weight:bold;text-align:left;line-height:26px;vertical-align:middle}
.table tbody tr,.table2 tbody tr{    border-bottom: 1px solid var(--color-sub-03);}
.table tbody td{height:90px;padding:14px 20px 12px 0;border-top:none;border-left:none;border-right:none;font-size:15px;color:var(--color-sub-01);text-align:left;line-height:26px;vertical-align:middle}
.td-h64 tbody td{height:64px}
.table2 .table-wrapper{padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.table .table-wrapper, .table .tooltips{vertical-align:middle}
.table2 {width:100%;max-width:1240px;margin-bottom:50px;white-space:normal}
.table2 thead th{height:42px;padding:10px 0px 8px;border-top:none;border-left:none;border-right:none;border-bottom:1px solid var(--color-sub-01) !important;font-size:15px;font-weight:bold;text-align:left;line-height:26px;vertical-align:middle}
.table2 tbody td{position:relative;height:64px;border-top:none;border-left:none;border-right:none;font-size:15px;color:var(--color-sub-01);text-align:left;line-height:26px;vertical-align:top;padding-right: 20px; padding-top: 20px;}
.table .edit-column,.table2 .edit-column{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;align-items:center;justify-content:center;padding:0 30px !important;background:var(--color-sub-02);white-space:nowrap}
.table2 .map-name-row {white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.table2 .theme-name-row .theme-name{white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 420px;}
.table2 .map-name-row .table-wrapper{padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; max-width: 400px;line-height: 25px;cursor: pointer;}
.table2 .map-name-row .table-wrapper.manage{max-width: 330px;}
.table2 .time{
     padding-left: 25px;
     font-size: 15px;
     color: var(--color-sub-01);
     width:20px;
     height:20px;
     background:url(/image/assets/btn_TimeSet_2-3x-2bdac12e9fc2c0293320b6c416c00e64.png) no-repeat left;
     background-size:20px 20px;
     padding-right: 20px;
     cursor: pointer;
 }
.table2 .time:hover {
    background:url(/image/assets/btn_TimeSet_on-3x-bfbecbf2f24073fef11c51d6dae62ff1.png) no-repeat left;
    background-size:20px 20px;
}
.table-indoor-map-list .user{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 200px;
}

/*.row-click tbody tr *{cursor:pointer}*/
table .sortable{cursor:pointer}
table .no-table-data *{cursor:auto !important}
.table2 .edit-column span{ cursor: pointer;}
.table2 .edit-column span:not(:first-child){
    margin-left : 30px;
}
.table2 .edit-column.manage span:not(:first-child){
    margin-left : 20px;
}
/* tabs */
.tabs{min-width:100%;max-width:100%;margin:0 auto;background:var(--color-white)}
.tabs .tabs-section{display:none;padding:32px 0 0}
.tabs .tabs-input{display:none}
.tabs .tabs-label{display:inline-block;margin-right:40px;font-weight:500;font-size:17px;text-align:left;color:var(--color-sub-01)}
.tabs .tabs-label:before{margin-right:10px;font-weight:normal}
.tabs .tabs-label:hover{border-bottom:3px solid var(--color-main-01);color:var(--color-sub-04);cursor:pointer}
.tabs .tabs-label.disabled:hover{border-bottom:3px solid var(--color-main-01);color:var(--color-sub-01);cursor:not-allowed}
.tabs .tabs-input:checked + .tabs-label {border:none;border-bottom:3px solid var(--color-main-01);color:var(--color-sub-04)}
#tab1:checked ~ #content1,#tab2:checked ~ #content2,#tab3:checked ~ #content3,#tab4:checked ~ #content4,#tab5:checked ~ #content5,#tab6:checked ~ #content6{display:block}

/* input text */
.input-text::-webkit-input-placeholder{color:var(--color-sub-01);font-size:15px !important;font-weight:300 !important}
.input-text::-moz-placeholder {color:var(--color-sub-01);font-size:15px !important;font-weight:300 !important}
.input-text:-ms-input-placeholder {color:var(--color-sub-01);font-size:15px !important;font-weight:300 !important}
.input-text:-moz-placeholder {color:var(--color-sub-01);font-size:15px !important;font-weight:300 !important}
.input-text{padding:11px 12px 10px;border:1px solid var(--color-sub-03);border-radius:3px;background-color:var(--color-white);color:var(--color-sub-04)}
.input-text:disabled,.input-text[disabled]{color:var(--color-sub-01);background:var(--color-sub-02);cursor:not-allowed}
.normal{width:398px;height:36px}
.large{width:696px;height:36px}
.input-auto-search{    position: absolute;width:20px;height:20px;background:url(/image/assets/btn_delete-3x-6dac9e2018dbb1a316c8bba3cf064f80.png) no-repeat;background-size:20px 20px;border: none; margin-left: -50px;margin-top: 16px;cursor: pointer;}
/* select2 override */
.select2-container .select2-selection--single{height:36px}
#properties .select2-container .select2-selection--multiple{
    /*min-height:36px;*/
    border: none !important;
    background-color: var(--color-prop-bg-2);
    font-size: 15px;
    color: var(--color-editor-sub-01);
    font-weight: normal;
}
.select2-container .select2-selection--single .select2-selection__rendered{padding-left:12px;padding-right:27px}
.select2-container--default .select2-selection--single .select2-selection__rendered{line-height:36px;color:var(--color-sub-01);font-weight:normal}
.select2-container--default .select2-selection--single{border:1px solid var(--color-sub-03);border-radius:3px;background-color:var(--color-white)}
.select2-container--default .select2-selection--single .select2-selection__placeholder{color:var(--color-sub-01);font-weight:300}
.select2-container--default .select2-selection--single .select2-selection__arrow{width:33px;height:100%}
/* select2 common */
.select2,.select2-results,.select2-results__group,.select2-results__options{font-weight:400;font-size:13px;color:var(--color-sub-04)}
.select2-container--default .select2-results__option[aria-selected=true]{background-color:var(--color-sub-03)}
/* select2 border */
.select2-dropdown{border:1px solid var(--color-sub-03);}
.select2-custom-multiple + .select2-container--default .select2-selection--multiple{height:auto;min-height:36px;border:1px solid var(--color-sub-03)}
/* select2 item attribute */
.select2-container--default .select2-results__option{width:100%;padding:6px 12px}
.select2-container--default .select2-results__option--highlighted[aria-selected]{background:var(--color-main-02-button)}
.select2-container--default .select2-results__option .select2-results__option{padding-left:24px}
/* select2 group title */
.select2-container--default .select2-results__group{padding-left:12px;color:var(--color-sub-01)}
/* select2 icon arrow */
.select2-container--default .select2-selection--single .select2-selection__arrow b{top:14.96px;right:11.84px;left:auto;width:11px;height:7px;margin:0;border:none;background:url(/image/assets/btn_down-3x-6aa0448cd4f34a7afbbb637ffba18c08.png) no-repeat;background-size:11px 7px}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {background:url(/image/assets/btn_up-3x-2466ecbcc9567111d0a143834960a8df.png) no-repeat;background-size:11px 7px}
.select2-container--default.select2-container--disabled .select2-selection--single{cursor:not-allowed;background:var(--color-sub-02)}
/* select2 multiple */
.selected-item-box{display:inline-block;height:36px;padding:8px 10px 8px 10px;border:1px solid var(--color-main-01);border-radius:25px;background:var(--color-white);color:var(--color-main-01);font-size:15px}
.select2-custom-multiple + .select2-container--default .select2-selection--multiple .select2-selection__choice{padding:3.5px 12px 3.5px 12px;margin-top:2px;border:1px solid var(--color-main-01);border-radius:25px;background:var(--color-white);color:var(--color-main-01);font-size:14px}
.select2-custom-multiple +.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{border:2px solid var(--color-main-01);color:transparent}
.select2-custom-multiple + .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{float:right;width:20px;height:20px;margin:0;margin-left:10px;margin-right:4px;background:url(/image/assets/btn_delete_1-3x-6dac9e2018dbb1a316c8bba3cf064f80.png) no-repeat;background-size:20px 20px;color:transparent}

/* 2019-07-23 추가 select2 수정 */
.da-select .select2-selection__rendered { line-height: 34px !important; } /* 2019-10-10 수정 */
.da-select .select2-container .select2-selection--single { height: 36px !important; }
.da-select .select2-container--default .select2-selection--single .select2-selection__arrow b { top: 14px; }
.da-select .select2-container--default .select2-selection--single .select2-selection__rendered{ font-size: 14px; font-weight: 400; } /* 2019-10-07 추가 */

/* 그래프 */
.chart-area{position:relative;line-height:0}
.chart-area .chart-padding-2030{padding:20px 30px;background:var(--color-sub-02)}
.chart-area .chart-padding-3050{height:412px;width:302px;padding:30px 50px 0 50px;background:var(--color-sub-02)}
.chart-area .chart-padding-20{padding:20px 0px;background:var(--color-white)}
.chart-area .chart-header{position:relative;height:40px;margin-bottom:40px}
.chart-area .chart-header-60{position:relative;height:40px;margin-bottom:60px}
.chart-area .chart-title{position:absolute;margin-top:30px;font-size:30px;font-weight:bold;line-height:30px}
.chart-area .chart-legend{position:absolute;right:0;height:40px;padding:12px 18px;background:var(--color-white);border:1px solid var(--color-sub-03)}
.chart-area .chart-legend-250{width:250px}
.chart-area .chart-legend-460{width:460px}
.chart-area .chart-legend-570{width:570px}
.chart-area .chart-legend>label{color:var(--color-sub-01);font-weight:500}
.chart-area .chart-legend>label>span{vertical-align:middle}
.chart-area .chart-legend-circle{width:228px;height:110px;padding:18px 20px;margin:auto;background:var(--color-sub-02);border-radius:10px}
.chart-area .chart-legend-circle>label{display:block;font-weight:500;line-height:29px;height:32px}
.chart-area .chart-legend-circle>label>span{float:left;position:relative;vertical-align:middle;color:var(--color-sub-01)}
.chart-area .chart-legend-circle .sub-right{float:right;font-size:15px}
.chart-area .chart-body-1150{display:inline-block;width:1150px}
.chart-area .chart-body-840{display:inline-block;width:840px;margin-left:80px;vertical-align:top}
.chart-area .chart-body-248{display:inline-block;width:248px;/* height:358px; */vertical-align:top;text-align:center}
.chart-area .chart-body-200{display:inline-block;width:200px;height:200px}
.chart-area .chart-body-180{display:inline-block;width:180px;height:180px;margin:32px 34px 36px 34px}
.chart-area .chart-left{display:inline-block;width:260px;padding:27px 40px 0 30px;background:var(--color-white)}
.chart-area .chart-left>label{display:block;color:var(--color-sub-01);font-weight:500;line-height:15px}
.chart-area .chart-left>label:not(:first-child){margin-top:23px}
.chart-area .chart-left>label>span{float:right}
.chart-area .chart-left .chart-period{font-size:38px;font-weight:bold;color:var(--color-sub-04);line-height:38px}
.chart-area .chart-left .chart-bar{height:3px;width:23px;margin:15px 0 29px;background:var(--color-sub-04)}

/* 대시보드 */
.dashboard{padding:0 !important;background:transparent !important}
.dashboard .link{float:right;text-decoration:none;vertical-align:bottom}
.dashboard div{vertical-align:top;}
.dashboard .table tbody td{height:64px}
.dashboard .row-01{width:100%;background:var(--color-white)}
.dashboard .row-01 .date-rect{display:inline-block;height:80px;width:200px;padding:17px 30px;white-space:normal;line-height:0}
.dashboard .row-01 .date-01{background-color:var(--color-main-02)}
.dashboard .row-01 .date-01>label{color:var(--color-white)}
.dashboard .row-01 .date-02{background-color:var(--color-sub-03)}
.dashboard .row-01 .date-02>label{color:var(--color-sub-04)}
.dashboard .row-01 .date-03{margin:32px 30px;font-size:15px;vertical-align:top;line-height:15px}
.dashboard .row-01 .date-03>label{color:var(--color-sub-01)}
.dashboard .row-01 .date-03>label>span{color:var(--color-main-01)}

.dashboard .row-02{height:322px;width:100%;padding:30px;background:var(--color-white)}
.dashboard .row-02 .main-rect{display:inline-block;height:224px;width:224px;padding:30px 30px 40px 30px;background-color:var(--color-sub-02);vertical-align:top}
.dashboard .row-02 .main-rect>label{display:block}
.dashboard .row-02 .link{float:none}
.dashboard .row-02 .link *{cursor:pointer}

.dashboard .row-03{width:1320px;height:298px}
.dashboard .row-03 .dash-contract{width:316px;}
.dashboard .row-03 .contract-rect{height:120px;width:316px}
.dashboard .row-03 .contract-icon{display:inline-block;width:120px;height:100%;padding:28px 27px 28px 28px;border-right:1px solid var(--color-white)}
.dashboard .row-03 .contract-info{display:inline-block;width:196px;padding:20px 0 0 20px}
.dashboard .row-03 .contract-info>label{color:var(--color-white)}
.dashboard .row-03 .contract-count{float:right;margin:12px 30px 0;font-weight:bold}
.dashboard .row-03 .middle-bar{display:block;height:3px;width:18px;background:var(--color-white)}
.dashboard .row-03 .rect-01{background:-webkit-linear-gradient(-180deg, #16d0a0 0%, #00cbc3 100%);background:-moz-linear-gradient(-180deg, #16d0a0 0%, #00cbc3 100%);background:-o-linear-gradient(-180deg, #16d0a0 0%, #00cbc3 100%);background:linear-gradient(-180deg, #16d0a0 0%, #00cbc3 100%)}
.dashboard .row-03 .rect-02{background-image:-webkit-linear-gradient(-180deg, #2671ff 0%, #4621e0 100%);background-image:-moz-linear-gradient(-180deg, #2671ff 0%, #4621e0 100%);background-image:-o-linear-gradient(-180deg, #2671ff 0%, #4621e0 100%);background-image:linear-gradient(-180deg, #2671ff 0%, #4621e0 100%)}

.dashboard .row-03 .dash-used-map{flex:1;width:934px;margin-left:30px;white-space:normal;overflow:hidden}
.dashboard .row-03 .pos-nav{position:absolute;left:20px;right:20px}
.dashboard .row-03 .btn-nav{cursor:pointer}
.dashboard .row-03 .item-rect{display:inline-block;height:260px;width:206px;background:var(--color-white)}
.dashboard .row-03 .item-info{padding:0 20px;text-align:center}
.dashboard .row-03 .item-rect .item-lbl1{color:var(--color-main-01);font-size:13px;font-weight:500}
.dashboard .row-03 .item-rect .item-lbl2{margin-top:10px;color:var(--color-sub-04);font-weight:bold}
.dashboard .row-03 .item-rect .item-lbl3{margin-top:15px;color:var(--color-sub-01);font-weight:500}

.dashboard .row-04{height:358px}
.dashboard .row-04 .dash-notice{width:625px;margin-right:25px}
.dashboard .row-04 .dash-contact{margin-left:25px;flex:1}
.dashboard .row-04 .dash-body{width:100%;height:320px;margin-top:20px;background:var(--color-white)}
.dashboard .row-04 table{margin-bottom:0}
.dashboard .row-04 tbody td{padding:0}
.dashboard .row-04 tbody td:first-child{color:var(--color-sub-04)}
/* .dashboard .row-04 tbody td:last-child{width:105px} */
.dashboard .row-04 tbody tr:nth-child(n+4):last-child td{border-bottom:none}
.dashboard .row-04 .dash-notice tbody td:nth-child(1) .table-wrapper{max-width:391px}
.dashboard .row-04 .dash-notice tbody td:nth-child(2){width:102px}
.dashboard .row-04 .dash-notice tbody td .table-wrapper{padding-right:0}
.dashboard .row-04 .dash-contact tbody td:first-child{padding:0 20px;border-bottom:none;white-space:nowrap}
.dashboard .row-04 .dash-contact tbody td .table-wrapper{padding-right:0}
.dashboard .row-04 .dash-contact tbody td:nth-child(1) .table-wrapper{width:112px}
.dashboard .row-04 .dash-contact tbody td:nth-child(2) .table-wrapper{max-width:315px}
.dashboard .row-04 .dash-contact tbody td:nth-child(3) .table-wrapper{width:102px}
.dashboard .row-04 .dash-contact tbody div{height:33px;line-height:0}
.dashboard .row-04 .dash-contact tbody label{vertical-align:top}

.dashboard .row-05{}
.dashboard .row-05 .dash-log{width:100%;padding:20px 30px;background:var(--color-white)}
.dashboard .row-05 .table{margin-bottom:0}


/* 운영계약 정보 */
.contract-title{color:var(--color-sub-04)}
.add-customer .detail-wrapper{width:544px;vertical-align:top}
.add-customer .detail-wrapper .title{display:block;height:15px;margin:0 0 10px;line-height:15px;font-size:15px;font-weight:bold}
.detail-only .detail-wrapper .title{margin:0 0 21px}
.add-customer .detail-wrapper .title .require{margin-left:5px;color:var(--color-main-01)}
.add-customer .detail-wrapper .info{display:block;height:15px;margin:0 0 10px;line-height:15px;color:var(--color-sub-01);font-size:15px;font-weight:normal}
.add-customer .detail-wrapper .customer{display:inline-block;height:36px;padding:7px 10px 10px;margin-right:10px;color:var(--color-main-01);border:1px solid var(--color-main-01);border-radius:18px;font-size:15px;font-weight:normal}
.add-customer .detail-wrapper .customer:last-child{margin-right:0}
.add-customer .hr{border:0;border-bottom:1px solid var(--color-light-gray)}
.add-customer .detail-wrapper input[type=text]{width:398px;height:36px}
.add-customer .asset-info{width:15px;height:15px;background-size:15px 15px}
.add-customer .contract-base-ci{height:36px;width:36px;background-color:var(--color-white);border:1px solid var(--color-sub-03);border-radius:3px}
.add-customer .menu-log{height:8px;width:30px;background-size:30px 8px}
.add-customer .checkbox-wrapper{display:inline-block !important;height:36px !important;padding-right:36px;margin:0 12px 0 0 !important}
.add-customer .check-mark{margin:0;height:36px;width:36px}
.add-customer .check-mark-01{background-color:var(--color-theme-01)}
.add-customer .check-mark-02{background-color:var(--color-theme-02)}
.add-customer .check-mark-03{background-color:var(--color-theme-03)}
.add-customer .check-mark-04{background-color:var(--color-theme-04)}
/* .add-customer .check-mark-05{border:1px solid var(--color-dodger-blue);background-color:var(--color-theme-05)} */
/* .add-customer .check-mark-06{background-color:var(--color-theme-06)} */
.checkbox-wrapper input:disabled ~ .check-mark-01{background-color:var(--color-theme-01)}
.checkbox-wrapper input:disabled ~ .check-mark-02{background-color:var(--color-theme-02)}
.checkbox-wrapper input:disabled ~ .check-mark-03{background-color:var(--color-theme-03)}
.checkbox-wrapper input:disabled ~ .check-mark-04{background-color:var(--color-theme-04)}
/* .checkbox-wrapper input:disabled ~ .check-mark-05{border:1px solid var(--color-dodger-blue);background-color:var(--color-theme-05)} */
/* .checkbox-wrapper input:disabled ~ .check-mark-06{background-color:var(--color-theme-06)} */
.add-customer .checkbox-wrapper input:checked ~ .check-mark-01{border:3px solid var(--color-btn-main-hover);background-color:var(--color-theme-01)}
.add-customer .checkbox-wrapper input:checked ~ .check-mark-02{border:3px solid var(--color-btn-main-hover);background-color:var(--color-theme-02)}
.add-customer .checkbox-wrapper input:checked ~ .check-mark-03{border:3px solid var(--color-btn-main-hover);background-color:var(--color-theme-03)}
.add-customer .checkbox-wrapper input:checked ~ .check-mark-04{border:3px solid var(--color-btn-main-hover);background-color:var(--color-theme-04)}
/* .add-customer .checkbox-wrapper input:checked ~ .check-mark-05{border:3px solid var(--color-btn-main-hover);background-color:var(--color-theme-05)} */
/* .add-customer .checkbox-wrapper input:checked ~ .check-mark-06{border:3px solid var(--color-btn-main-hover);background-color:var(--color-theme-06)} */
.add-customer .checkbox-wrapper .check-mark:after{left:10px;top:10px;width:10px;height:10px;background-size:10px 10px}
/* .add-customer .checkbox-wrapper .check-mark:not(.check-mark-05):after{background:url(/image/assets/btn_select_w-3x-ebfc8a0ec094ce90a3ab0bf58e2c001e.png) no-repeat;background-size:10px 10px} */
.ci-preview{width:auto;max-height:36px;height:100%;padding:0;margin:0;border:none}
.add-customer .tooltips-area-1{border:0 !important;padding:0 !important}

.down-text{color:var(--color-main-01);text-decoration:underline;cursor:pointer}
.contract .contract-title{font-size:17px;font-weight:bold;color:var(--color-sub-04);line-height:29px}
.contract .target .contract-title{color:var(--color-main-01)}
.contract .contract-date{color:var(--color-sub-01);line-height:26px}
.contract .popup-form-01{width:498px;padding:50px}
.contract .popup-close{position:absolute;right:0;margin:-20px 30px 30px}
.contract .btn-rate-close{position:absolute;right:0;margin:-20px 30px 30px}
.contract-base table{width:100%;max-width:100%;margin-bottom:50px}
.contract-base tbody tr:nth-child(1){height:70px}
.contract-base tbody td:nth-child(1){width:50%}
.contract-base tbody td:nth-child(2){width:50%}
.contract-base .contract-base-text {padding:10px 0}
.contract-base .contract-base-title{font-weight:bold;color:var(--color-sub-04)}
.contract-base .contract-base-title>span{color:var(--color-main-01)}
.contract-base .contract-base-sub{color:var(--color-sub-01)}
.contract-base .asset-info{width:15px;height:15px;background-size:15px 15px}
.contract-base .contract-base-ci{height:36px;width:36px;background-color:var(--color-white);border:1px solid var(--color-sub-03);border-radius:3px}
.contract-base .menu-log{height:8px;width:30px;background-size:30px 8px}
.contract-base .checkbox-wrapper{height:36px;padding-right:36px}
.contract-base .check-mark{margin:0;height:36px;width:36px}
.contract-base .check-mark-01{background-color:var(--color-theme-01)}
.contract-base .check-mark-02{background-color:var(--color-theme-02)}
.contract-base .check-mark-03{background-color:var(--color-theme-03)}
.contract-base .check-mark-04{background-color:var(--color-theme-04)}
/* .contract-base .check-mark-05{border:1px solid var(--color-dodger-blue);background-color:var(--color-theme-05)}
.contract-base .check-mark-06{background-color:var(--color-theme-06)} */
.contract-base .checkbox-wrapper input:checked ~ .check-mark-01{border:3px solid var(--color-btn-main-hover);background-color:var(--color-theme-01)}
.contract-base .checkbox-wrapper input:checked ~ .check-mark-02{border:3px solid var(--color-btn-main-hover);background-color:var(--color-theme-02)}
.contract-base .checkbox-wrapper input:checked ~ .check-mark-03{border:3px solid var(--color-btn-main-hover);background-color:var(--color-theme-03)}
.contract-base .checkbox-wrapper input:checked ~ .check-mark-04{border:3px solid var(--color-btn-main-hover);background-color:var(--color-theme-04)}
/* .contract-base .checkbox-wrapper input:checked ~ .check-mark-05{border:3px solid var(--color-btn-main-hover);background-color:var(--color-theme-05)}
.contract-base .checkbox-wrapper input:checked ~ .check-mark-06{border:3px solid var(--color-btn-main-hover);background-color:var(--color-theme-06)} */
.contract-base .checkbox-wrapper .check-mark:after{left:10px;top:10px;width:10px;height:10px;background-size:10px 10px}
/* .contract-base .checkbox-wrapper .check-mark:not(.check-mark-05):after{background:url(/image/assets/btn_select_w-3x-ebfc8a0ec094ce90a3ab0bf58e2c001e.png) no-repeat;background-size:10px 10px} */
.contract-map{margin-bottom:0}
.contract-map thead th:nth-child(1){width:366px}
.contract-map thead th:nth-child(2){width:76px}
.contract-map thead th:nth-child(3){width:129px}
.contract-map thead th:nth-child(4){width:90px}
.contract-map thead th:nth-child(5){width:110px}
.contract-map thead th:nth-child(6){width:90px}
.contract-map thead th:nth-child(7){width:90px}
.contract-map thead th:nth-child(8){width:183px}
.popup-contract-map{position:relative;}
.popup-map-histroy{max-height:646px;width:751px;padding:50px}
.popup-map-histroy .popup-map-group{}
.popup-map-histroy .popup-map-sub{}
.popup-map-histroy thead th:nth-child(1){width:45px}
.popup-map-histroy thead th:nth-child(2){width:76px}
.popup-map-histroy thead th:nth-child(3){width:90px}
.popup-map-histroy thead th:nth-child(4){width:220px}
.popup-map-histroy thead th:nth-child(5){width:220px}
.popup-map-histroy tbody td{height:70px;padding:10px 0px !important}
.popup-map-histroy tbody td:nth-child(2) span{vertical-align:middle}
.popup-map-histroy .table{margin-top:30px;margin-bottom:0}
.operate{margin-bottom:0}
.operate thead th:nth-child(1){width:420px}
.operate thead th:nth-child(2){width:76px}
.operate thead th:nth-child(3){width:170px}
.operate thead th:nth-child(4){width:261px}
.operate thead th:nth-child(5){width:130px}
.operate thead th:nth-child(6){width:183px}
.operate tbody td:nth-child(4){word-break:break-all}
.operate tbody .edit-column{display:table-cell}
.popup-operate{position:relative;}
.popup-operate-histroy{max-height:620px;width:1183px;padding:50px}
.popup-operate-histroy .popup-operate-group{}
.popup-operate-histroy .popup-operate-sub{}
.popup-operate-histroy thead th:nth-child(1){width:45px}
.popup-operate-histroy thead th:nth-child(2){width:76px}
.popup-operate-histroy thead th:nth-child(3){width:90px}
.popup-operate-histroy thead th:nth-child(4){width:220px}
.popup-operate-histroy thead th:nth-child(5){width:261px}
.popup-operate-histroy thead th:nth-child(6){width:261px}
.popup-operate-histroy thead th:nth-child(7){width:130px}
.popup-operate-histroy tbody td{height:70px;padding:10px 0px !important;}
.popup-operate-histroy tbody td:nth-child(6){padding-right:20px !important;word-break:break-all}
.popup-operate-histroy .table{margin-top:30px;margin-bottom:0}

/* 권한관리 */
.table-permission thead th{height:42px;font-size:15px;line-height:15px;padding:14px 0 13px}
.table-permission tbody tr td:first-child{color:var(--color-main-02);font-weight:bold;font-size:17px}
.table-permission tbody tr td{height:60px;color:var(--color-sub-01);font-size:15px;font-weight:normal}
.div-menu-group{display:-webkit-flex;display:flex}
.div-menu-group .div-menu:last-child{margin-right:0}
.div-menu{-webkiy-flex:none;flex:none;padding:32px 30px;margin-right:20px;border:none;border-radius:5px;width:280px;height:120px;font-size:0;background-color:var(--color-white)}
.div-menu-checkall{margin:0 0 24px}
.div-menu-checkall .checkbox-wrapper{font-size:17px;font-weight:500}
.div-menu-checkall .check-mark{top:-1px}
.div-permission .checkbox-wrapper:last-child{margin-right:0}
.no-permission{margin-top:-20px;line-height:30px;font-size:15px !important;font-weight:400 !important;color: var(--color-sub-01);}

/* search box */
.search-wrapper{display:block;vertical-align:top}
.search-wrapper .sub{display:inline-block;margin-left:10px;vertical-align:top}
.search-wrapper .sub:first-child{margin-left:0}
.search-wrapper .sub:last-child{margin-left:20px;}
.search-wrapper .sub-120{width:120px}
.search-wrapper .sub-240{width:240px}
.search-wrapper .sub-300{width:300px}
.search-wrapper .sub .s-label{margin-bottom:12px;font-size:14px;line-height:14px;height:14px}
/* .search-wrapper .sub .s-input input{margin-right:10px} */
.search-wrapper .sub input {padding:5px 12px 5px 8px;background:var(--color-white);border:solid 1px var(--color-sub-03);border-radius:3px;font-size:15px;font-weight:400;line-height:16px}
.search-wrapper .sub input.dr-picker{color:var(--color-sub-01);background:url(/image/assets/btn_calendar-3x-eb63b53e5bfc605a2f9656b4d925f239.png) no-repeat calc(100% - 13px) center;background-size:14px 15px}
.search-wrapper .sub #select2-status-container{color:var(--color-sub-01);font-size:15px;font-weight:400}
.input-120{width:120px;height:36px}
.input-220{width:220px;height:36px}
.input-240{width:240px;height:36px}
.input-300{width:300px;height:36px}

/* 사용자 관리 */
.table-userlist{max-width:1240px}
.table-userlist .department{width:170px;color:var(--color-sub-01)}
.table-userlist .tel{width:127px;margin-right:20px;color:var(--color-sub-01)}
.table-userlist .email{width:240px;margin-right:20px;color:var(--color-sub-01)}
.table-userlist thead th{height:42px;font-size:15px;line-height:15px;padding:14px 0 13px}
.table-userlist tbody td:nth-child(6) .table-wrapper{width:427px;padding-right:0}
.table-userlist tbody td .id{font-size:17px !important;font-weight:bold}
.table-userlist tbody td .limit{display:block;text-overflow:ellipsis;word-wrap:normal;white-space:nowrap;overflow:hidden;}
.add-user .detail-wrapper{width:544px;vertical-align:top}
.add-user .detail-wrapper label{display:block;height:15px;margin:0 0 10px;line-height:15px;font-size:15px;font-weight:bold}
.add-user .detail-wrapper label .require{margin-left:5px;color:var(--color-main-01)}
.add-user .detail-wrapper input[type=text]{width:398px;height:36px}
.add-user .hr{border:0;border-bottom:1px solid var(--color-light-gray)}
.detail-user .detail-wrapper{width:544px;vertical-align:top}
.detail-user .detail-wrapper .title{display:block;height:15px;margin:0 0 10px;line-height:15px;font-size:15px;font-weight:bold}
.detail-user .detail-wrapper .title .require{margin-left:5px;color:var(--color-main-01)}
.detail-user .detail-wrapper .info{display:block;padding:10px 0;line-height:15px;color:var(--color-sub-01);font-size:15px;font-weight:normal}
.detail-user .detail-wrapper .customer,.modify-user .detail-wrapper .customer{display:inline-block;height:36px;padding:7px 10px 10px;margin:4px 10px 0 0;color:var(--color-main-01);border:1px solid var(--color-main-01);border-radius:18px;font-size:15px;font-weight:normal}
.detail-user .detail-wrapper .customer:last-child,.modify-user .detail-wrapper .customer:last-child{margin-right:0}
.detail-user .hr{border:0;border-bottom:1px solid var(--color-light-gray)}
.modify-user .detail-wrapper{width:544px;vertical-align:top}
.modify-user .detail-wrapper .title{display:block;height:15px;margin:0 0 10px;line-height:15px;font-size:15px;font-weight:bold}
.modify-user .detail-wrapper .require{margin-left:5px;color:var(--color-main-01)}
.modify-user .detail-wrapper input[type=text]{width:398px;height:36px}
.modify-user .hr{border:0;border-bottom:1px solid var(--color-light-gray)}

/* 추가 & 수정 페이지 */
.fr-checkbox-line label{font-family: Arial,Helvetica,sans-serif !important}/*링크 기능 텍스트 문제로 폰트 적용*/
.page-edit-wrapper .page-selector,.page-edit-wrapper .page-input{margin-top:10px}
.page-edit-wrapper .page-selector>select{height:36px}
.page-edit-wrapper .page-input>input{width:100%;height:36px}
.page-edit-wrapper .page-right-button{width:112px;height:36px;margin-left:12px}
.page-edit-wrapper .page-edit-box{height:326px;width:1240px;border:1px solid var(--color-sub-03);border-radius:3px;background:var(--color-white);white-space:normal}
.page-edit-box .fr-box.fr-basic.fr-top .fr-wrapper{border:none;background:var(--color-white);-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}
.page-edit-box .fr-box.fr-basic .fr-element{height:281px;border:none;color:var(--color-sub-04)}

/* 자주 묻는 질문 */
.table-faqlist thead th{height:42px;font-size:15px;line-height:15px;padding:14px 0 13px}
.table-faqlist thead th:nth-child(1){width:48px;padding-right:0}
.table-faqlist thead th:nth-child(2){width:110px}
.table-faqlist thead th:nth-child(3){width:1082px}

.faq .detail table{width:1240px;white-space:normal}
.faq .detail tbody tr{vertical-align:top}
.faq .detail tbody tr:not(:first-child){height:364px}
.faq .detail tbody td:first-child{width:40px;font-size:18px;font-weight:bold;color:var(--color-main-01)}
.faq .detail tbody td{width:1200px}
.faq .faq-title{padding-bottom:42px;font-size:18px;font-weight:bold;width:1200px;word-wrap:break-word;white-space:normal}
.faq .faq-description{width:1200px;word-wrap:break-word}
.faq .faq-front-word{display:inline-block;color:var(--color-main-01)}
.faq .popup-form {width:606px;padding:50px}
.faq .popup-form .page-right-button{width:96px;height:36px;margin-left:12px}
.faq .popup-form table{max-height:302px}
.faq .popup-form thead th:nth-child(1){width:48px}
.faq .popup-form thead th:nth-child(2){width:458px}
.faq .popup-form tbody td{height:52px;padding:0 !important}
.faq .typelist{height:302px;overflow-y:scroll}

.faq-another{padding-bottom:40px}
.faq-another label{display:block;padding:11px 0;cursor:pointer}
.faq-another span{color:var(--color-sub-01);font-size:14px}
.faq-another span:nth-child(2){margin-left:11px;font-weight:bold}
.faq-another span:nth-child(3){margin-left:20px}

/* 1:1 문의 */
.table-contactlist thead th{height:42px;font-size:15px;line-height:15px;padding:14px 0 13px}
.table-contactlist thead th:nth-child(1){width:48px;padding-right:0}
.table-contactlist thead th:nth-child(2){width:110px}
.table-contactlist thead th:nth-child(3){width:622px}
.table-contactlist thead th:nth-child(4){width:110px}
.table-contactlist thead th:nth-child(5){width:200px}
.table-contactlist thead th:nth-child(6){width:150px}
.table-contactlist tbody td:nth-child(1) .table-wrapper{width:28px;padding-right:0}
.table-contactlist tbody td:nth-child(2) .table-wrapper{width:90px}
.table-contactlist tbody td:nth-child(3) .table-wrapper{max-width:516px;padding-right:0}
.table-contactlist tbody td:nth-child(4) .table-wrapper{width:90px}
.table-contactlist tbody td:nth-child(5) .table-wrapper{width:180px}
.table-contactlist tbody td:nth-child(6) .table-wrapper{width:130px}
.table-wrapper{max-width:562px;padding-right:0}
.contact-status-01{color:var(--color-rich-electric-blue)}
.contact-status-02{color:var(--color-caribbean-green)}
.contact-status-03{color:var(--color-main-01)}
.contact-status-04{color:var(--color-sub-03)}
.contact-list-title{font-weight:500;font-size:15px;color:var(--color-sub-04)}

.contact .contact-title{padding-bottom:20px;font-size:18px;font-weight:bold;word-wrap:break-word;white-space:normal}
.contact .contact-info{background:var(--color-sub-02)}
.contact .contact-sub-info{padding:11px 0}
.contact .contact-company{display:inline-block;font-weight:500;font-size:15px;color:var(--color-sub-04)}
.contact .contact-company + span{margin-left:12px;color:var(--color-sub-01);text-decoration:none}
.contact .contact-writer{margin-left:30px;font-weight:500;font-size:15px;color:var(--color-sub-04)}
.contact .contact-writer + a{margin-left:12px;color:var(--color-sub-01);text-decoration:none}
.contact .contact-writer + a span{color:var(--color-sub-01);text-decoration:underline}
.contact .contact-add-writer {margin-left:12px;color:var(--color-sub-01);}
.contact .contact-file{margin-left:12px;text-decoration:none}
.contact .contact-file span{display:inline-block;margin-left:10px;color:var(--color-main-01);text-decoration:underline;max-width:200px;text-overflow:ellipsis;overflow:hidden;line-height:20px;vertical-align:bottom}
.contact .contact-file::before{content:"";display:inline-block;width:16px;height:15px;margin-left:30px;margin-bottom:-3px;background-image:url(/image/assets/icon_attachment-3x-7a1c3f4268c2569e0c8d2af094ec591c.png);background-size:16px 15px;background-repeat:no-repeat}
.contact .contact-date,.contact .contact-reply-writer{display:inline-block;font-size:15px;font-weight:500}
.contact .contact-date + span,.contact .contact-reply-writer + span{margin-left:12px;color:var(--color-sub-01)}
.contact .contact-content{min-height:422px;padding:30px 0;border-bottom:1px solid var(--color-sub-03);white-space:normal;word-wrap:break-word}
.contact .contact-reply-box{position:relative;padding:40px 0;border-bottom:1px solid var(--color-sub-03);word-wrap: break-word;}
.contact .contact-reply-title{height:40px;}
.contact .contact-reply-content{margin-top:20px;padding-left:40px;white-space:normal}
.contact-add  .contact-sub-info{padding:10px 20px}
.contact-add .page-edit-wrapper .page-edit-box{height:326px}
.contact-reply .page-edit-wrapper .page-edit-box{height:280px}
.contact-reply .contact-sub-box{background:var(--color-sub-02)}
.contact-reply .contact-sub-info{padding:10px 20px;border-bottom:1px solid var(--color-sub-03);border-radius:3px}
.contact-reply .contact-content{min-height:auto;padding:20px;color:var(--color-sub-01);border-bottom:0}
.contact .contact-operator{position:absolute;right:0;height:60px;padding:22px 20px;background:var(--color-sub-02)}
.contact .contact-operator>div{display:inline-block;font-weight:500}
.contact .contact-operator>div:nth-child(2){margin-left:20px}
.contact .contact-operator span{margin-left:12px;color:var(--color-sub-01);font-weight:normal}
.contact-file-box{position:relative;height:60px;margin-bottom:30px}
.contact-status-box{position:relative;height:60px;margin-bottom:80px}
.contact-status-comment{margin-left:20px;color:var(--color-sub-01);font-size:13px}

/* 공지사항 */
.table-noticelist thead th{height:42px;font-size:15px;line-height:15px;padding:14px 0 13px}
.table-noticelist thead th:nth-child(1), .table-noticelist tbody td:nth-child(1) .table-wrapper{width:48px;padding-right:0}
.table-noticelist thead th:nth-child(2){width:932px}
.table-noticelist tbody td:nth-child(2) .table-wrapper{max-width:768px;padding-right:0}
.table-noticelist thead th:nth-child(3), .table-noticelist tbody td:nth-child(3) .table-wrapper{width:110px}
.table-noticelist thead th:nth-child(4), .table-noticelist tbody td:nth-child(4) .table-wrapper{width:150px}
.table-noticelist tbody td:nth-child(2){font-weight:500;color:var(--color-sub-04)}

.notice .notice-title{padding-bottom:20px;font-size:18px;font-weight:bold;white-space:normal;word-wrap:break-word}
.notice .notice-info{padding:11px 0;border-bottom:1px solid var(--color-sub-03);border-radius:3px}
.notice .notice-info-add{padding:12px 20px;border-radius:3px;background:var(--color-sub-02)}
.notice .notice-writer{font-weight:500;font-size:15px;color:var(--color-sub-04)}
.notice .notice-writer + a{margin-left:12px;color:var(--color-sub-01);text-decoration:none}
.notice .notice-writer + a span{color:var(--color-sub-01)}
.notice .notice-add-writer {margin-left:12px;color:var(--color-sub-01);}
.notice .notice-date{display:inline-block;font-size:15px;font-weight:500}
.notice .notice-date + span{margin-left:12px;color:var(--color-sub-01)}
.notice .notice-content{min-height:422px;padding:30px 0;margin-bottom:80px;border-bottom:1px solid var(--color-sub-03);white-space:normal;word-break:break-word}

/* 사용자 가이드 */
.guide{display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:row;}
.guide .guide-menu-left{display:inline-block;width:240px;min-height:736px;padding-right:30px}
.guide .guide-menu-set{color:var(--color-sub-01);}
.guide .guide-menu-set::before{content:"";display:inline-block;width:13px;height:13px;margin-right:11px;background-image:url(/image/assets/btn_setting-3x-5cf4704344e31a7c52a653e945b95a90.png);background-size:13px 13px;background-repeat:no-repeat}
.guide .guide-content{display:inline-block;-webkit-flex:1;flex:1;flex-flow:column nowrap;min-width:0}

/* 사용자 가이드 - left menu common */
/* .guide .dd-list:first-child>li>div{color:var(--color-sub-01)}
.guide .dd-list:not(:first-child)>li>div::before{content:"┗";display:inline-block;width:8px;height:8px;margin-right:12px;font-size:8px;color:var(--color-sub-03)} */

.guide .dd-list:first-child>li>div label{color:var(--color-sub-01)}
.guide .dd-list:not(:first-child)>li>div::before{content:"┗";display:inline-block;width:8px;height:8px;margin-right:12px;font-size:8px;color:var(--color-sub-03)}

/* 사용자 가이드 - left menu */
#guide-menu{margin-top:12px}
#guide-menu .dd-handle{height:32px;margin:auto;padding:0 20px;background:var(--color-white);border:none}
/* #guide-menu .dd-handle:hover{color:var(--color-main-01)} */
#guide-menu .guide-menu-edit .dd-handle{margin:5px 0;border-radius:5px;-webkit-box-shadow:0px 3px 6px 0px rgba(0, 0, 0, 0.16);box-shadow:0px 3px 6px 0px rgba(0, 0, 0, 0.16)}
#guide-menu .dd-placeholder,#guide-menu .dd-empty{background:var(--color-platinum)}
#guide-menu>.dd-list .dd-list{padding:0}
.guide > .dd-item .dd-handle{height:42px;margin:auto;padding:0 20px;background:var(--color-white);border:none;margin:5px 0;border-radius:5px;-webkit-box-shadow:0px 3px 6px 0px rgba(0, 0, 0, 0.16);box-shadow:0px 3px 6px 0px rgba(0, 0, 0, 0.16)}
.guide .dd-handle{font-weight:normal}
.guide .dd-handle .tooltips label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width: 130px;font-size: 14px;line-height: normal}

.guide .page-edit-wrapper .page-edit-box{width:100%}
.guide .guide-show{position:relative;height:60px}
.guide .guide-writer{position:absolute;right:0;height:60px;padding:22px 20px;background:var(--color-sub-02)}
.guide .guide-writer>div{display:inline-block}
.guide .guide-writer>div:nth-child(2){margin-left:20px}
.guide .guide-writer span{margin-left:12px;color:var(--color-sub-01)}

.guide-view{min-height:581px;width:100%;padding:30px;background:var(--color-sub-02)}
.guide-view .guide-view-title{margin-top:10px;font-weight:bold;font-size:18px;white-space:normal;word-wrap:break-word}
.guide-view .guide-view-content{margin-top:40px;white-space:normal;word-wrap:break-word}
.guide-view .guide-list-content{white-space:normal;word-break:break-word;text-overflow:ellipsis;overflow:hidden;line-height:26px;max-height:78px}

.guide-list{min-height:173px;width:100%;padding:30px;background:var(--color-sub-02);margin-bottom:20px}
.guide-list .guide-list-type{font-size:15px;font-weight:500;line-height:26px}
.guide-list .guide-list-title{margin-top:10px;font-weight:bold;font-size:18px}
.guide-list .guide-list-content{margin-top:20px;white-space:normal;word-break:break-word;text-overflow:ellipsis;overflow:hidden;line-height:26px;max-height:78px}

.guide-content .no-data{margin-top:25px;border-top:1px solid var(--color-sub-03);text-align:center}
.guide-content .no-data>label{display:inline-block;margin-top:100px;color:var(--color-sub-01);cursor:auto}

.dd-handle{display:-webkit-box !important;display:-moz-box !important;display:-ms-flexbox !important;display:flex !important;align-items:center}
.dd-handle .tooltips{line-height:14px}

/* 파일 업로드 */
.filebox input[type="file"]{position:absolute;width:0;height:0;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.filebox label{display:inline-block;padding:1px 5px;color:var(--color-main-01);font-size:15px;line-height:15px;vertical-align:top;background-color:var(--color-menu-background);cursor:pointer;border:none}
.filebox .asset-clip{margin:10px 6px 0 0}
.filebox.upload-file label{display:inline-block;font-size:15px;font-weight:400;margin:10px 0 0;text-decoration:underline;color:var(--color-main-01);background-color:var(--color-menu-background)}
.filebox.upload-file .remove-file{display:none;margin-top:6px}
/* named upload */
.filebox .upload-name,.contact .filebox .upload-name{display:none;margin:6px 0px 0px 5px;font-size:15px;font-family:inherit;line-height:15px;vertical-align:top;color:var(--color-main-01);background-color:var(--color-menu-background);border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-decoration:underline;text-overflow:ellipsis}
/* imaged preview */
.filebox .upload-display{margin-bottom:5px}
.filebox .upload-thumb-wrap{display:none;width:36px;height:36px;padding:0;vertical-align:middle;border:1px solid #ddd;border-radius:5px;background-color:var(--color-white)}
.filebox .upload-display img{display:block;width:36px;height:36px}
/* 계약 등록페이지에서의 예외처리 */
.img-wrapper .upload-thumb-wrap{display:inline-block;width:36px;height:36px;padding:0;vertical-align:middle;border:1px solid #ddd;border-radius:5px;background-color:var(--color-white)}
.img-wrapper .upload-display img{display:block;width:36px;height:36px}
/* 1:1 문의에서 예외처리 */
.contact .filebox.upload-file{margin-left:10px}
.contact .filebox.upload-file label{margin:0px 0 0 0;padding-left:20px}
.contact .filebox .asset-clip{margin:0px 6px 0 0}
.contact .filebox .upload-name{margin:-2px 0px 0px 5px}
.contact .asset-delete{width:15px;height:15px;background-size:15px 15px}

/* 통계 - MPU 현황 */
.statistics .statistics-chart {/* height:440px; */margin-top:30px}
.statistics .statistics-table {margin-top:50px}
.statistics .statistics-table .table{margin-bottom:0}
.statistics .statistics-table .statistics-table-title  {font-size:18px;font-weight:bold;text-align:left;line-height:31px;color:var(--color-sub-04);margin-bottom:30px}
.mpu-status-map-code {font-size:15px;color:var(--color-sub-01)}
.mpu-status-map-name {font-size:15px;color:var(--color-sub-01);font-weight:bold}

/* 메일 템플릿 */
.mail{height:1080px;width:830px;margin:auto}
.mail .mail-head{padding:87px 0 44px;border-bottom:1px solid var(--color-sub-03)}
.mail .mail-body{padding:60px 0;border-bottom:1px solid var(--color-sub-03)}
.mail .mail-sub{margin-top:40px}
.mail .mail-btn{margin-top:80px}
.mail .mail-footer{padding-top:20px;color:var(--color-sub-01);font-size:13px}

/* 페이징 */
.pagination {display:block;margin-bottom:70px;font-family: "Noto Sans JP", "Noto Sans KR",본고딕체 !important;letter-spacing:-0.5px;text-align:center;font-size:0;margin-top: 7px;}
.pagination div{cursor: pointer;}
.pagination .page_first{display: inline-block;margin-right: 10px;width:10px;height:12px;background:url(/image/assets/btn_First-3x-7f639d4b0a949483f32a436de9ad5d1b.png) no-repeat;background-size:10px 12px;}
.pagination .page_first:hover{display: inline-block;margin-right: 10px;width:10px;height:12px;background:url(/image/assets/btn_First_on-3x-3f796206c70871f9e7293cddca006916.png) no-repeat;background-size:10px 12px;}
.pagination .page_prev{display: inline-block;margin-right: 20px;width:10px;height:12px;background:url(/image/assets/btn_Previous-3x-e9ffb291fa5c49894b62e71dbbdc1957.png) no-repeat;background-size:10px 12px;}
.pagination .page_prev:hover{display: inline-block;margin-right: 20px;width:10px;height:12px;background:url(/image/assets/btn_Previous_on-3x-c0a7d60578cf6b572aa928ec3c8e4e23.png) no-repeat;background-size:10px 12px;}
.pagination .page_next{display: inline-block;margin-left: 20px;width:10px;height:12px;background:url(/image/assets/btn_Next-3x-a2715717b02b6e069c356fe14cb71a97.png) no-repeat;background-size:10px 12px;}
.pagination .page_next:hover{display: inline-block;margin-left: 20px;width:10px;height:12px;background:url(/image/assets/btn_Next_on-3x-50037c6ecf3e7a9ee2bb6498b57e003a.png) no-repeat;background-size:10px 12px;}
.pagination .page_last{display: inline-block;margin-left: 10px;width:10px;height:12px;background:url(/image/assets/btn_Last-3x-2cf114a4b69b1532f9dc90f9eae23ef2.png) no-repeat;background-size:10px 12px;}
.pagination .page_last:hover{display: inline-block;margin-left: 10px;width:10px;height:12px;background:url(/image/assets/btn_Last_on-3x-06ec49a06378342c7bb841a7b6d3c9af.png) no-repeat;background-size:10px 12px;}
.pagination a {line-height:15px;padding:0 5px;font-size:15px;display:inline-block;font-family:"Noto Sans JP", "Noto Sans KR",본고딕체 !important;vertical-align:middle;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.pagination a .fa {vertical-align:baseline}
/*.pagination .arrow { background-color:#696969;border:1px solid #696969; margin-left:2px; margin-right:2px; color:#fff; }*/
/*.pagination .arrow:hover { background-color:#555555; }*/
.pagination .page {color:var(--color-sub-01)}
.pagination .page:hover {color:var(--color-main-01);}
.pagination .page_list { display:inline-block;} /* vertical-align:middle */
.pagination .page_list li {float:none !important; display:inline;margin-left:-1.5px}
.pagination .page_list li a {text-decoration:none}
.pagination .page_list li a:hover { color:var(--color-main-01)}
.pagination .page_list li:first-child a {padding-left:15px}
.pagination .page_list .page:last-child {margin-right:0px}
.pagination .page_list .page {font-size: 15px;margin-right: 12px;}
.pagination .page_list .page.active {color:var(--color-main-01);font-weight:bold;}

/* validatorForm */
form .bad {border:1px solid rgba(240, 83, 41, 0.4) !important}
form .bad1 {border:1px solid rgba(240, 83, 41, 0.4) !important}

/* 통계 - 실내지도 현황 */
.st0{fill:var(--color-white);}
.st1{fill:var(--color-sub-03)}
.st2{fill:var(--color-white);stroke:var(--color-sub-01);stroke-width:2.5;stroke-miterlimit:10;}
.st3{fill:var(--color-sub-01);}
.div-indoor-map .sub-block{background:var(--color-sub-02);font-size:0px}
.div-indoor-map .sub-block div{vertical-align:top}
.div-indoor-map .sub-block .map-area{width:940px;height:412px;border-left:1px solid var(--color-sub-03)}
.div-indoor-map .sub-block .map-area .map{display:inline-block;width:383px;height:412px;}
.korea-svg{width:216px;height:343px;margin:35px 95px 34px 72px}
.korea-svg circle{cursor:pointer}
.korea-svg circle:hover{fill:var(--color-main-01)}
.map-point{fill:var(--color-main-01)}
.div-indoor-map .sub-block .map-area .city{display:inline-block;width:536px;height:353px;margin:35px 20px 24px 0}
.city-info-title{width:100%;height:26px;color:var(--color-sub-04);font-size:26px;line-height:26px;font-weight:500;}
.city-info-sub{width:100%;line-height:24px;color:var(--color-sub-01);margin-top:6px}
.city-info-sub span{border-right:1px solid var(--color-sub-03);padding:0 10px;vertical-align:middle}
.city-info-sub span:first-child{padding-left:0}
.city-info-sub span:last-child{border-right:0}
.city-info-sub span label:nth-child(1){color:var(--color-main-01);font-size:24px;line-height:25px;font-weight:500;padding:0 10px}
.city-info-sub span label:nth-child(2){color:var(--color-main-01);font-size:13px;line-height:25px}
.city-list{width:536px;margin-top:16px}
.city-list div {display:inline-block;width:170px;height:42px;margin:0 11px 5px 0;padding:7px 10px 0;border:0;border-radius:5px;background-color:var(--color-white);font-size:13px;color:var(--color-sub-01)}
.city-list div:nth-child(3n){margin:0 0 5px 0;}
.city-list div.selected{border:1px solid var(--color-main-01);padding:6px 9px 0;}
.city-list div:hover{border:1px solid var(--color-main-01);padding:6px 9px 0;}
.city-list div span:nth-child(1){display:block;width:150px;height:13px;margin-bottom:3px;line-height:13px;font-size:13px;color:var(--color-sub-04)}
.city-list div span:nth-child(2){display:block;width:150px;height:13px;line-height:13px;font-size:13px;color:var(--color-sub-01)}
.table-map-detail td b{color:var(--color-sub-04)}
.table-map-detail thead th:nth-child(1), .table-map-detail tbody td:nth-child(1) .table-wrapper{width:48px;padding-right:0}
.table-map-detail thead th:nth-child(2), .table-map-detail tbody td:nth-child(2) .table-wrapper{width:230px}
.table-map-detail thead th:nth-child(3), .table-map-detail tbody td:nth-child(3) .table-wrapper{width:470px}
.table-map-detail thead th:nth-child(4), .table-map-detail tbody td:nth-child(4) .table-wrapper{width:342px}
.table-map-detail thead th:nth-child(5), .table-map-detail tbody td:nth-child(5) .table-wrapper{width:150px}

/* Month Range Picker */
.mrp-container{width:230px}
.mrp-monthdisplay{display:inline-block !important;width:230px;height:36px;border:solid 1px var(--color-sub-03);padding:5px 12px 5px 8px;border-radius:3px;background-color:var(--color-white);cursor:pointer;background:url(/image/assets/btn_calendar-3x-eb63b53e5bfc605a2f9656b4d925f239.png) no-repeat calc(100% - 13px) center !important;background-size:14px 15px !important}
.disabled .mrp-monthdisplay{background-color:var(--color-sub-02);cursor:not-allowed}
.mrp-lowerMonth, .mrp-upperMonth{color:var(--color-sub-01);font-weight:normal;font-size:15px}
.mrp-to{color:var(--color-sub-01);margin-right:0px;margin-left:0px;font-size:11px;text-transform:uppercase;padding:5px 3px 5px 3px}
.mpr-calendar{display:inline-block;padding:3px 5px}
.mpr-calendar:first-child {border-right:1px solid #999;}
.mpr-month{display:inline-block;width:58px;padding:16px;text-transform:uppercase;font-size:12px}
.mpr-calendar h5{width:250px;padding:10px 20px;text-align:center;font-weight:bold;font-size:18px}
.mpr-selected{background:var(--color-sub-02);color:var(--color-main-02)}
.mpr-month:hover{border-radius:5px;box-shadow: 0 0 0 1px var(--color-main-01) inset;cursor:pointer}
.mpr-selected.mpr-month:hover{border-radius:0px;box-shadow:none;}
.mpr-calendarholder .col-xs-6 {max-width:250px;min-width:250px;padding:10px}
.mpr-calendarholder .col-xs-1 {max-width:150px;min-width:150px}
.mpr-MonthsWrapper{text-align:center}
.mpr-calendarholder .btn-info{background-color:#40667A;border-color:#406670;width:100%;margin-bottom:10px;text-transform:uppercase;font-size:10px;padding:10px 0px}
.mpr-yeardown, .mpr-yearup{margin-left:5px;cursor:pointer;color:var(--color-main-02)}
.mpr-yeardown{float:left;}
.mpr-yearup{float:right;}
.mpr-yeardown:hover,.mpr-yearup:hover{color:var(--color-main-01)}
.mpr-calendar:first .mpr-selected:first{background-color:var(--color-main-01)}
.mpr-calendar:last .mpr-selected:last{background-color:var(--color-main-01)}
.popover{max-width:1300px !important;font-size:11px}

/* 지도 관리 */
.popup-map-create{width:500px;height:408px;padding:50px}
.popup-map-create .popup-close{position:absolute;top:30px;right:0;margin:0 30px}

.add-map-info .validation-input-wrap input {
    /* padding-right: 37px; 삭제 */
    width: 194px;
}
.add-map-info .validation-input-wrap span{
    position: absolute;
    top: 5px;
    right: 12px;
    color: rgba(130, 145, 155, 1);
}
.add-map-info .validation-input-wrap span.degree{
    font-size: 25px;
    top: 3px;
    right: 18px;
}


.add-map-info .popup-close{position:absolute;top:30px;right:0;margin:0 30px}
.add-map-info input:not(.normal){width:194px;height:36px}
.add-map-info .select2-container .select2-selection--single{height:36px}
.add-map-info .select2-container--default .select2-selection--single .select2-selection__arrow b{top:14.96px}
.hr-add-map-info{width:100%;margin:0;border-top:1px solid var(--color-sub-03)}
.sub-low{color:var(--color-editor-sub-01);font-size:13px;font-weight:normal !important;line-height:19px}
input[type="checkbox"]{display:none}
input.check-map-list[type="checkbox"] + label{color:var(--color-editor-sub-01);font-size:13px;font-weight:normal;line-height:16px;cursor: pointer;}
input.check-map-list[type="checkbox"] + label span{display:inline-block;width:20px;height:20px;margin:0;background:none;background-size:20px 20px;border:1px solid var(--color-editor-sub-03);border-radius: 3px;}
input.check-map-list[type="checkbox"]:checked + label span{background:url(/image/assets/radiobox_select-3x-dcfb1018c2b6b3fc857be7bbaab9956e.png) no-repeat;background-size:20px 20px;border:none}
.btn-remove-map{height:28px;padding:5px 10px;border-radius:3px}
.btn-remove-map:hover:active{padding:4px 9px}
.add-map-info .select2-container--default .select2-selection--single .select2-selection__rendered{font-weight:300}
.detail-view {font-size: 13px;color: var(--color-sub-01);cursor: pointer;padding-right: 21px;}
.detail-view button {cursor: pointer;position: absolute;margin-left: 11px;margin-top:3px;width:10px;height: 10px; background:url(/image/assets/btn_more_down-3x-63e2d6a80c8a35373ae057cd1d215c43.png) no-repeat;background-size:10px 10px;border:none;}
.detail-view button.on{cursor: pointer;position: absolute;margin-left: 11px;margin-top:7px;width:10px;height: 10px; background:url(/image/assets/btn_more_up-3x-4dc064f3d3a6e5ae5a0e46e7bdc1ea2c.png) no-repeat;background-size:10px 10px;border:none;}
/* loading popup */
.loading-popup{display:flex;justify-content:center;width:449px;height:293px;font-size:0;text-align:center;background-size:100px 100px;image-rendering:pixelated;background:url(/image/assets/loading2-89527b883e6eaaeb3faebc38d1faf6a9.gif) no-repeat 50% 60px}
/*.loading-popup{padding-top:88px;width:449px;height:293px;font-size:0;text-align:center}*/
/*#dots-wrapper{display:block;width:100%;height:24px}*/
.loading-message{position:absolute;bottom:0;margin:0 auto 60px;}
.loading-message span{font-size:15px;color:var(--color-sub-04);line-height:26px}
.loading-message span:nth-child(1){display:block;width:100%;font-weight:bold}
.loading-message span:nth-child(2){display:block;width:100%;font-weight:normal}
/*.dot{height:12px;width:12px;margin:0 4px;border-radius:100%;display:inline-block;opacity:1}*/
/*.one{background-color:#ffb789}*/
/*.two{background-color:#f7734f}*/
/*.three{background-color:#f05329}*/
/*.four{background-color:#ffcdbf}*/
/*.five{background-color:#ff9d83}*/
/*.bounce .one{animation:dotJump 0.1s ease;animation-delay:100ms}*/
/*.bounce .two{animation:dotJump 0.1s ease;animation-delay:600ms}*/
/*.bounce .three{animation:dotJump 0.1s ease;animation-delay:1100ms}*/
/*.bounce .four{animation:dotJump 0.1s ease;animation-delay:1600ms}*/
/*.bounce .five{animation:dotJump 0.1s ease;animation-delay:2100ms}*/
/*@keyframes dotJump {*/
    /*0%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);opacity:1}*/
    /*50%{-webkit-transform:translateY(-12px);-moz-transform:translateY(-12px);-ms-transform:translateY(-12px);-o-transform:translateY(-12px);transform:translateY(-12px);}*/
    /*100%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);}*/
/*}*/


#error{width: 100%; height: 100%;}
.error-background{background-image: -webkit-linear-gradient(-89deg, rgba(240, 83, 41, 1) 0%, rgba(244, 68, 97, 1) 100%);background-image: -moz-linear-gradient(-89deg, rgba(240, 83, 41, 1) 0%, rgba(244, 68, 97, 1) 100%);background-image: -o-linear-gradient(-89deg, rgba(240, 83, 41, 1) 0%, rgba(244, 68, 97, 1) 100%);background-image: linear-gradient(-89deg, rgba(240, 83, 41, 1) 0%, rgba(244, 68, 97, 1) 100%);}
#error-image{width:898px;height:520px;margin:auto;background:url(/image/assets/img_notfound-3x-1f4998744732cc1dff60ba555f1eea44.png)no-repeat;background-size:898px 356px;background-position-y: 170px;}
#error-message{text-align:center}
.error-message-title{color:rgba(255, 255, 255, 1);line-height:34px;margin-top:10px;}
.error-message-sub-title{color:rgba(255, 255, 255, 1);line-height:28px;margin-top:28px;}
#error-button{width:160px;height:40px;background-color: rgba(255, 255, 255, 1);border-radius: 5px;margin:auto;margin-top:40px;cursor:pointer }
.error-button-text{text-align: center;line-height:40px;color: rgba(53, 65, 76, 1);}

/*다국어 선택*/
.lang-drop-box{
    background-color: var(--color-main-background);
    border-radius: 2px;
    height: 132px;
    width:403px;
    padding: 12px 0;
    margin-top: 10px;
}
.lang-drop-box ul{
    width: 403px;
    height: 108px;
    overflow-y: auto;
    overflow-x: hidden;
}
.lang-drop-box li{
     width: 403px;
     height: 36px;
     font-size: 15px;
     color: var(--color-main-02);
     padding: 7px 20px;
}
.lang-drop-box li.disabled{
    height: 108px;
    text-align: center;
    padding: 40px 0;
}
.lang-drop-box li.disabled:hover{
    height: 108px;
    text-align: center;
    padding: 40px 0;
}
.lang-drop-box li:hover{
    background-color: var(--color-main-background);
}
.lang-drop-box li.selected{
    background-color: var(--color-main-02);
    color: var(--color-white);
}
/*선택된 다국어*/
.lang-selected-box{
    background-color: var(--color-main-background);
    border-radius: 2px;
    max-height: 132px;
    width:403px;
    padding: 12px 0;
    margin-top: 10px;
}
.lang-selected-box ul{
    width: 403px;
    max-height: 108px;
    overflow-y: auto;
    overflow-x: hidden;
}
.lang-selected-box li{
    width: 403px;
    height: 36px;
    font-size: 15px;
    color: var(--color-main-02);
    padding: 7px 20px;
}
.lang-selected-box li span{
    display: inline-block;
    vertical-align: top;
}
.lang-selected-box li.selected span{
    color:var(--color-white);
}

.lang-selected-box li button{
    margin-top: 1px;
    margin-right: 12px;
    width:20px;height:20px;background:url(/image/assets/radiobox-3x-902b68d78c1a0291839033fe997c2984.png) no-repeat;background-size:20px 20px;border: none; cursor: pointer;
}
.lang-selected-box li:hover{
    background-color: var(--color-sub-03);
}
.lang-selected-box li:hover .delete-check{
    display:inline-block;
}
.lang-selected-box li.selected{
    background-color: var(--color-main-02);
    color: var(--color-white);
}
.lang-selected-box li .delete-check{
    display: none;
    float: right;
    width:20px;height:20px;background:url(/image/assets/btn_stair_cancle-3x-b4dc0c41f588f6ab8c3076f16cf41e1f.png) no-repeat;background-size:20px 20px;cursor:pointer
}
.lang-selected-box li.selected button{
    margin-right: 12px;
    width:20px;height:20px;background:url(/image/assets/radiobox_select-3x-dcfb1018c2b6b3fc857be7bbaab9956e.png) no-repeat;background-size:20px 20px;border: none; cursor: pointer;
}


/** 카테고리 편집 dialog **/
.category-list-wrapper{display:inline-block;margin-right:23px;} /* 2019-09-11 margin-top:25px; 삭제 /// 수정 : margin-right:26px; -> margin-right:23px; */
.category-list-wrapper:last-child{display:inline-block;margin-top:25px;margin-right:0;}
.category-edit-wrap{position: relative; padding: 0 50px 30px 50px; text-align: left;width: 100%;}
.category-edit-wrap .category-list {border: 1px solid var(--color-editor-sub-03);border-radius: 3px;width: 236px; height: 573px;overflow-y: auto; padding-top: 6px; padding-bottom:  6px; } /* 2019-09-11 높이변경 : 406-> 573, 추가 : padding-top: 6px; padding-bottom:  6px; */
.category-edit-wrap .category-list.empty {position: relative;overflow: hidden;}
.category-edit-wrap .category-list .list{display:block;padding:7px 15px 7px 12px;width:100%;height:36px;font-size:15px;text-align:right}
.category-edit-wrap .category-list .list label{float:left;margin-top:3px}
.category-edit-wrap .category-list .list .delete-btn{display:none;margin-left:7px;width:20px;height:20px;background:url(/image/assets/btn_stair_cancle-3x-b4dc0c41f588f6ab8c3076f16cf41e1f.png) no-repeat;background-size:20px 20px;cursor:pointer}
.category-edit-wrap .category-list .list:hover{background-color:var(--color-editor-sub-02)}
.category-edit-wrap .category-list .list:hover .delete-btn{display:inline-block}
.category-edit-wrap .category-list .list.selected{background-color:var(--color-editor-main-02)}
.category-edit-wrap .category-list .list.selected .delete-btn{display:inline-block}
.category-edit-wrap .category-list .list.selected label{color:var(--color-white)}
.category-edit-wrap .category-list .list.selected.past{background-color:var(--color-editor-sub-02);}
.category-edit-wrap .category-list .list.selected.past label{color:var(--color-sub-04);}
.category-edit-wrap .category-list.empty span {color : rgba(130, 145, 155, 1);font-weight: 300; margin-top: 258px;position: absolute;width: 100%;text-align: center;} /* 2019-09-11 margin-top : 191-> 258 */
.category-edit-wrap .category-list .default-list{display:block;padding:7px 15px 7px 12px;width:100%;height:36px;font-size:15px;text-align:right}
.category-edit-wrap .category-list .default-list label{float:left;margin-top:3px}
.category-edit-wrap .category-list .default-list {background-color:var(--color-editor-main-02)}
.category-edit-wrap .category-list .default-list label{color:var(--color-white)}
.category-edit-wrap .category-list .default-list .delete-btn{display:inline-block;margin-left:7px;width:20px;height:20px;background:url(/image/assets/btn_stair_cancle-3x-b4dc0c41f588f6ab8c3076f16cf41e1f.png) no-repeat;background-size:20px 20px;cursor:pointer}
/*.category-edit-wrap .category-list .default-list:hover{background-color:var(--color-editor-sub-02)}*/
/*.category-edit-wrap .category-list .default-list:hover .delete-btn{display:inline-block}*/
/* 2019-09-11 추가 */
.category-edit-wrap .category-form .popup-sub-title { text-size: 14px; font-weight: 500; }
.category-edit-wrap .category-form .sub-low{
    display: inline-block;
    margin-right: 10px;
}

.category-edit-wrap .category-form {display:inline-block; float: right; position: relative;  height: 406px;} /* 2019-09-11 삭제 margin-top:25px; */
.category-edit-wrap .category-form .category-name-list{
    width: 316px; /* 2019-09-11 수정 333-> 316px */
    /* height: 290px; */ /* 2019-09-11 삭제 */
}
.category-edit-wrap .category-form .category-name-list .category-lang-title{
    height: 435px; /* 2019-09-11 수정 260px-> 445px */
    overflow-y: auto;
    text-align: right; /* 2019-09-11 추가 */
}
.category-edit-wrap .category-form .category-name-list input{width: 207px;} /* 2019-09-11 수정 100% -> 207px; */

.btn-add-category{width:65px;height:27px;padding:3px 5px;color:var(--color-editor-main-01);font-weight:normal;font-size:13px !important;line-height:19px;text-align:center;letter-spacing:-0.5px;border-radius:3px}
.btn-add-category span:last-child{ font-size: 13px; color:var(--color-editor-main-01); padding-left: 5px; }
.btn-add-category:hover{padding:2px 4px;}
.btn-add-category:disabled {background-color: #ffffff;border: 1px solid #d7dcde;border-radius: 3px;}
.btn-add-category:disabled .asset-add-1, .btn-add-category:disabled:hover .asset-add-1{width: 10px;height: 10px;margin-right: 4px !important; background: url(/image/assets/btn_add_off-3x-e01748777c4be2773ce9b0de3d46d208.png) no-repeat; background-size: 10px 10px;}
.btn-add-category:disabled span:last-child{color:var(--color-btn-sub-text-disabled)}
.category-div-line{border:0;border-left:1px solid var(--color-light-gray);height: 446px; display: inline-block; margin-right: 25px;}

#poiCodeCheckBtn{
    padding-right: 25px;
    padding-left: 25px;
}
#poiCodeCheckBtn{border: 1px solid var(--color-btn-sub);}
#poiCodeCheckBtn:disabled{border: 1px solid var(--color-sub-03);}
#poiCodeCheckBtn + .tooltip-wrapper {
    visibility: hidden;
    /*text-align: center;*/
    padding: 16px 20px;
    position: absolute;
    z-index: 1;
    left: -32%;
    opacity: 0;
    transition: opacity 0.3s;
    height: 98px;
    width: 437px;
    line-height: 20px;
    background-color: var(--color-main-background);
    border-radius: 5px;
    box-shadow: 0px 7px 20px 0px rgba(0, 0, 0, 0.2);
    color: var(--color-main-01);
    font-size: 14px;
}
#poiCodeCheckBtn + .tooltip-wrapper span:first-child{
    color: var(--color-main-01);
}
#poiCodeCheckBtn:hover + .tooltip-wrapper{
    visibility: visible;
    opacity: 1;
}

/** dialog title **/
.ui-dialog{ /* 2019-10-08 jquery-ui 폰트패밀리 추가 */
    font-family: 'Noto Sans JP', 'Noto Sans KR';
}
.ui-dialog-title .main-title{
    margin: 0;
    /* padding: 43px 0 0 50px; */
    padding: 43px 0 0 30px;
    /* padding: 52px 0 0 50px; 2019-09-10 수정 */
    height: 60px;
    color:var(--color-main-02);
    font-size: 18px;
    font-weight: bold;
}
.ui-dialog-title .top-title{
    margin: 0;
    padding: 17px 0 16px 20px;
    height: 60px;
    color: var(--color-main-02);
    font-size: 18px;
    font-weight: 500;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    text-align: center !important;
    float: none;
}

.object-fit-contain{object-fit: contain}

.select2-results__option .wrap:before{
    content:"\f0c8";
    width:25px;
    height:25px;
    padding-right: 10px;

    /*content:"";*/
    /*padding-right: 18px;*/
    /*margin: 0;*/
    /*background: none;*/
    /*background-size: 20px 20px;*/
    /*border: 1px solid var(--color-editor-sub-03);*/
    /*border-radius: 3px;*/

}
.select2-results__option[aria-selected=true] .wrap:before{
    content:"\2714";
    /*content:"";*/
    /*background: url(/image/assets/radiobox_select-3x-dcfb1018c2b6b3fc857be7bbaab9956e.png) no-repeat;*/
    /*background-size: 20px 20px;*/
    /*border: none;*/
}
.select2-selection--multiple{
    border: none;
    background-color: var(--color-prop-bg-2);
    font-size: 15px;
    color: var(--color-editor-sub-01);
    font-weight: normal;
}
.select2-search__field, .select2-search__field::placeholder{
    color: var(--color-editor-sub-01);
}

/** 미입력 세부사항**/
.pl-popup .content{
    width:100%;
    padding:5px 55px 0px;
    overflow-y: auto;
    height: 514px;
}
.pl-popup .content .sub-wrapper{
    margin: 20px 0 10px;
    background-color: #f5f7f8;
    padding: 20px 0;
    border-radius: 5px;
}

.pl-popup .content .sub-wrapper .box-wrapper {
    padding: 0px 10px;
}
.pl-popup .content .sub-wrapper .title{
    font-weight: 500;
    color: #182d40;
    line-height: 10px;
    padding: 0 0 10px 20px;
    /*border-bottom: #82919b 1px solid;*/
}
.pl-popup .content .sub-wrapper .box{
    display: inline-block;
    padding: 20px 25px;
    width: 340px;
    background-color: #ffffff;
    margin: 10px;
    border: 1px solid #ffffff;
    border-radius: 5px;
    box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.2);
}
.pl-popup .content .sub-wrapper .box:hover{
    border: 1px solid #f05329;
}
.pl-popup .content .sub-wrapper .box .box-title{
    padding-bottom: 10px;
}
.pl-popup .content .sub-wrapper .box .box-title span{
    color: #82919b;
    font-weight: bold;
}
.pl-popup .content .sub-wrapper .box:hover .box-title span{
    color: #f05329;
}
.pl-popup .content .sub-wrapper .box .box-title button{
    width:16px;
    height:15px;
    background:url(/image/assets/shortcuts_icon-3x-298097ca742909c78355bddcd351afe6.png) no-repeat;
    background-size:16px 15px;
    border: none;
}
.pl-popup .content .sub-wrapper .box:hover .box-title button{
    width:16px;
    height:15px;
    background:url(/image/assets/shortcuts_icon_hover-3x-4097a79ac25caa668a4f7f123c2dba09.png) no-repeat;
    background-size:16px 15px;
    border: none;
}
.pl-popup .content .sub-wrapper .box .box-title .direct{
    float: right;
    margin-top: 4px; /* 2019-09-19 수정 */
}
.pl-popup .content .sub-wrapper .box .box-detail{
    /* padding-left: 20px; */ /* 2019-09-19 삭제 */
}
.pl-popup .content .sub-wrapper .box .box-detail .box-detail-cont{
    margin-top: 5px;
}
.pl-popup .content .sub-wrapper .box .box-detail .box-detail-cont button{
    width:12px;
    height:12px;
    background:url(/image/assets/warning_icon-3x-b145a9db3e897126523c4907844a1700.png) no-repeat;
    background-size:12px 12px;
    border: none;
    float: left;
    vertical-align: middle;
    margin: 5px 10px 0 0;
    visibility: hidden;
}
.pl-popup .content .sub-wrapper .box .box-detail .warn button{
    visibility: visible;
}
.pl-popup .content .sub-wrapper .box .box-detail .box-detail-cont span{
    color: #424f5c;
    font-weight: 300;
}
.pl-popup .content .sub-wrapper .box .box-detail .warn span{
    color: #f05329;
}

.pl-popup .noti{
    margin: 5px 0;
    padding: 0 50px;
}
.pl-popup .noti span{
    color: #82919b;
    line-height: 18px;
    font-size: 15px;
}
.pl-popup .noti .point{
    color: #f05329;
}
.editor-dialog .select2-container--default.select2-container--focus .select2-selection--multiple {
    background-color: #ffffff;
    border: 1px solid #d7dcde;
    border-radius: 3px;
}

.editor-dialog .select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #f5f7f8;
}

.editor-dialog .select2-selection--multiple{
    /* height: 36px; */ /* 2019-10-01 수정 */
    line-height: 0; /* 2019-10-01 추가 */
    background-color: #ffffff;
    border: 1px solid #d7dcde;
    border-radius: 3px;
}
.editor-dialog .select2-selection--multiple .select2-search__field{
    margin-top: 0;
    /* 2019-09-18 추가 */
    margin-left: 8px;
    font-size: 14px;
    font-weight: 300;
}
.editor-dialog .select2-selection--multiple .select2-selection__choice{
    background-color: #ffffff;
    border: 1px solid #f05329;
    border-radius: 15px;
    color: #f05329;
    font-size: 13px;
    margin-top: 3px;  /* 2019-10-08 수정 */
    padding: 3px 10px 4px 12px;
    height: 30px; /* 2019-10-01 추가 */
    line-height: 21px; /* 2019-10-01 추가 */
}
.editor-dialog .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove{
    float: right;
    background: url("/image/assets/btn_delete-3x-6dac9e2018dbb1a316c8bba3cf064f80.png") no-repeat;
    background-size: 20px 20px;
    width: 20px;
    height: 20px;
    margin-top: 1px;
    margin-left: 6px;
    font-size: 0;
}
.half-btn{
    width: 398px;
    border-radius: 3px;
    height:40px;
    color: #82919b;
    font-size: 15px;
    display: inline-block; /* 2019-10-10 수정 */
}
.half-btn span{
    width: 197px; /* 2019-10-10 수정 */
    height:40px;
    display: inline-block;
    background-color: var(--color-sub-02);
    padding: 9px 10px;
    font-size: 15px;
    cursor: pointer;
    text-align: center;
}

.half-btn .on{
    background-color: #f05329;
    border-radius: 3px;
    color: #ffffff;
    box-shadow: 3px 0px 6px 0px rgba(0,0,0,0.2);
}
.half-btn .half-btn-left.on{
    box-shadow: 3px 0px 6px 0px rgba(0,0,0,0.2);
}
.half-btn .half-btn-right.on{
    box-shadow: -3px 0px 6px 0px rgba(0,0,0,0.2);
}

/* dialog css*/
.dialog .wrapper{
    padding: 0 35px 30px 50px;
}
.dialog .wrapper:last-child{
    padding: 0 50px 0;
}
.dialog .wrapper .box-title{
    padding-left: 10px;
    margin-bottom: 7px;
}
.dialog .wrapper .box-title span{
    font-size: 15px;
    font-weight: bold;
    color: var(--color-sub-04);
}
.dialog .wrapper .box-title .tooltip-icon{
    width: 15px;
    height: 15px;
    background: url(/image/assets/btn_info-3x-9369b52fffab1f3dab82b794685388df.png) no-repeat;
    background-size: 15px 15px;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    margin-top: 2px;
}
.dialog .wrapper .box-title .tooltip-icon:hover .tooltip-cont{
    visibility: visible;
}
.dialog .wrapper .box-title .tooltip-cont{
    visibility: hidden;
    background-color: var(--color-sub-02);
    border-radius: 5px;
    box-shadow:0px 3px 3px 0px rgba(0, 0, 0, 0.16);
    height: 52px;    
    position: fixed; /* 2019-10-25 수정 position: absolute; */
    white-space: nowrap; /* 2019-10-25 추가 */
    z-index: 1;
    padding: 16px 20px;
}
.tooltip-cont div {
    display: block;
}
.tooltip-cont div p{
    font-size: 14px;
    font-weight: 500;
    color: var(--color-sub-01);
    text-align: left;
    line-height: 20px;
    display: inline-block;
}
.tooltip-cont div .point{
    color: var(--color-main-01);
}
.dialog .wrapper .box{
    border-top: 1px solid var(--color-sub-03);
    border-bottom: 1px solid var(--color-sub-03);
}
.dialog .wrapper .row{
     display: block;
     margin: 0;
     height: 40px;
 }
.dialog .wrapper span{
    display: inline-block;
    line-height: 20px;
    padding: 10px 0;
}
.dialog .wrapper .box .title{
    background-color: var(--color-main-background);
    /*padding: 10px 0;*/
    text-align: center;
    width: 110px;
}
.dialog .wrapper .box .cont{
    padding-left: 10px;
    color: var(--color-sub-01);
}

.wrapper .box .column{
    display: flex;
    align-items: center;
}
.wrapper .box .column .title{
    width: 100%;
}
.wrapper .box .column .cont{
    width: 100%;
    text-align: center;
}
.dialog-bottom-box{
    padding: 40px 50px 50px !important;
    border-top: none;
}
.ui-dialog .ui-dialog-buttonpane button{
    margin: 0 !important;
}
.ui-dialog .ui-dialog-buttonpane button:not(:first-child){
    margin: 0 !important;
    margin-left: 10px  !important;
}
.dialog-top-box{
    height: 94px !important;
    padding: 45px 0 22px 50px !important;
}
.dialog-top-box-line{
    height: 94px !important;
    padding: 45px 0 22px 50px !important;
    border-bottom: 1px solid #d7dcde !important;
}
.dialog-top-box .title,.dialog-top-box-line .title{
    color: var(--color-sub-04);
    font-size: 18px;
    line-height: 27px;
    font-weight: bold;

}
.dialog-top-box .ui-dialog-title,.dialog-top-box-line .ui-dialog-title{
    float: none;
}
/* .dialog-top-box 추가 */
.dialog-top-box.top35{
    height: 76px !important;
    padding: 35px 0 0 50px !important;
}

.min-height-28 {
    min-height: 28px;
}

svg > g:last-child > g:last-child {
    pointer-events: none
}

div.google-visualization-tooltip {
    pointer-events: none
}

/* 2019-10-07 추가 css media query height */
@media (min-height: 1144px) {
    #container { min-height: calc(100% - 308px); }
}

textarea {
    resize: none !important;
}

.border-bottom-color-navy {
    border-bottom-color: #35414C !important;
}