@charset "utf-8";


@font-face {
    font-family: 'Segoe UI';
    font-style: normal;
    font-weight: normal;
    src: local('Segoe UI'),
        url('../fonts/Segoe UI.woff') format('woff');
}


@font-face {
    font-family: 'Segoe UI Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Segoe UI'),
        url('../fonts/Segoe UI Italic.woff') format('woff');
}


@font-face {
    font-family: 'Segoe UI Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Segoe UI'),
        url('../fonts/Segoe UI Bold.woff') format('woff');
}


@font-face {
    font-family: 'Segoe UI Bold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Segoe UI'),
        url('../fonts/Segoe UI Bold Italic.woff') format('woff');
}

/* roboto-regular - latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local(''),
    url('../fonts/roboto-v29-latin-regular.woff2') format('woff2'),
    url('../fonts/roboto-v29-latin-regular.woff') format('woff');
}
/* roboto-500 - latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: local('Roboto'),
    url('../fonts/roboto-v29-latin-500.woff2') format('woff2'),
    url('../fonts/roboto-v29-latin-500.woff') format('woff');
}
/* roboto-700 - latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: local('Roboto'),
    url('../fonts/roboto-v29-latin-700.woff2') format('woff2'),
    url('../fonts/roboto-v29-latin-700.woff') format('woff');
}
/* roboto-900 - latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 900;
    src: local('Roboto'),
    url('../fonts/roboto-v29-latin-900.woff2') format('woff2'),
    url('../fonts/roboto-v29-latin-900.woff') format('woff');
}


/* noto-sans-kr-regular - korean */
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 400;
    src: local('noto-sans-kr'),
    url('../fonts/noto-sans-kr-v21-korean-regular.woff2') format('woff2'),
    url('../fonts/noto-sans-kr-v21-korean-regular.woff') format('woff');
}
/* noto-sans-kr-500 - korean */
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 500;
    src: local('noto-sans-kr'),
    url('../fonts/noto-sans-kr-v21-korean-500.woff2') format('woff2'),
    url('../fonts/noto-sans-kr-v21-korean-500.woff') format('woff');
}
/* noto-sans-kr-700 - korean */
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 700;
    src: local('noto-sans-kr'),
    url('../fonts/noto-sans-kr-v21-korean-700.woff2') format('woff2'),
    url('../fonts/noto-sans-kr-v21-korean-700.woff') format('woff');
}
/* noto-sans-kr-900 - korean */
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 900;
    src: local('noto-sans-kr'),
    url('../fonts/noto-sans-kr-v21-korean-900.woff2') format('woff2'),
    url('../fonts/noto-sans-kr-v21-korean-900.woff') format('woff');
}


* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

ul {
    list-style: none;
}

a {
    text-decoration: none;
}

img {
    border: 0;
}

html,
body {
    width: 100%;
    height: 100%;
}

body {
    font-family: 'Segoe UI';
    /*font-size: 13px;*/
    font-size: 12px;
    height: 100%;
}

/* IR 효과 */
.ir_pm {
    display: block;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
    text-indent: -9999px;
}

/* 의미있는 이미지의 대체 텍스트를 제공하는 경우(Phark Method) */
.ir_wa {
    display: block;
    overflow: hidden;
    position: relative;
    z-index: -1;
    width: 100%;
    height: 100%;
}

/* 의미있는 이미지의 대체 텍스트로 이미지가 없어도 대체 텍스트를 보여주고자 할 때(WA IR) */
.ir_su {
    overflow: hidden;
    position: absolute;
    width: 0;
    height: 0;
    line-height: 0;
    text-indent: -9999px;
}

/* 대체 텍스트가 아닌 접근성을 위한 숨김 텍스트를 제공할 때 */

#main-header {
    height: 60px;
    background-color: #0C98FE;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.35);
    z-index: 10000;
}

#main-header h1 {
    color: white;
    text-decoration: none;
    padding: 5px 0 0 30px;
    background: url("/img/logo.png") left center no-repeat;
    margin: 0 0 0 30px;
}

#main-header h1 span {
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    color: #FFFFFF;
    margin: 0 0 3px 11.73px;
    display: block;
    position: relative;
    white-space: nowrap;
}

.header_menu {
    /*min-width: 300px;*/
    height: 60px;
}

.header_menu ul {
    display: flex;
}

.header_menu ul li {
    text-align: center;
}

.header_menu ul li a {
    display: block;
    background: url("/img/icon_header.png") left top no-repeat;
    top: 0px;
    width: 52px;
    height: 60px;
}

.header_menu ul li a.icon1 {
    background: url("/img/icon_header01.png") center top no-repeat;
    background-position: 0;
    cursor: pointer;
}

.header_menu ul li a.icon1:hover {
    background: url("/img/icon_header01_over.png") center top no-repeat;
    background-position: 0;
    cursor: pointer;
}

.header_menu ul li a.icon2 {
    background: url("/img/icon_header02.png") center top no-repeat;
    background-position: 0;
    cursor: pointer;
}

.header_menu ul li a.icon2:hover {
    background: url("/img/icon_header02_over.png") center top no-repeat;
    background-position: 0;
    cursor: pointer;
}

.header_menu ul li a.icon3 {
    background: url("/img/icon_header03.png") center top no-repeat;
    background-position: 0;
    cursor: pointer;
}

.header_menu ul li a.icon3:hover {
    background: url("/img/icon_header03_over.png") center top no-repeat;
}

.header_menu ul li a.icon4 {
    background-position: -159px 0;
    width: 104px;
    height: 60px;
    cursor: pointer;
}

/* flex */
.flex {
    display: flex;
}

.flex_vertical {
    flex-direction: column
}

.flex_padding10 {
    padding: 10px;
}

.flex_lineHeight {
    line-height: 2em;
}

.flex_fontSize13 {
    font-size: 1.3em;
}

.flex_fontSize2 {
    font-size: 2em;
}

.flex_none {
    flex: none
}

.flex_1 {
    flex: 1
}

/*navgation*/
#gnb {
    display: block;
    flex-shrink: 0;
}

#gnb li {
    position: relative;
}

#gnb li a {
    display: block;
    line-height: 57px;
    padding: 0px 25px;
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    text-decoration: none;
}

#gnb li a:hover,
#gnb ul li:hover a {
    text-decoration: none
}

#gnb li ul {
    position: absolute;
    z-index: 1;
    left: 50%;
    transform: translateX(-50%);
    width: max-content;
    transition: .3s ease;
    height: 0;
    overflow: hidden
}

#gnb li ul a {
    font-size: 16px;
    font-weight: 500;
    color: #333;
}

#gnb li:hover ul {
    display: block;
    height: 50px
}

#gnb li ul .active:hover + ul {
    display: none
}

#gnb > ul {
    height: 60px;
    display: block;
    display: flex;
    justify-content: center;
    flex-shrink: 0;
}

#gnb > ul > li:hover > a,
#gnb .active {
    border-bottom: 3px solid #fff
}

#gnb > ul ul li:hover a {
    color: #0C98FE !important
}

#windowNavigation ul {
    border-bottom: 1px solid #ddd;
}

#windowNavigation ul:after {
    content: '';
    clear: both;
    display: block;
}

#windowNavigation ul li {
    float: left;
    text-align: center;
    line-height: 50px;
    font-size: 12px;
}

#windowNavigation ul li a {
    display: inline-block;
    vertical-align: top;
}

#windowNavigation ul li a.home {
    background-position: 4px 5px;
    padding: 11px;
}


/*contents*/
#contents {
    position: relative;
    margin: 0 auto;
    width: 100%;
    height: 100%;
}

.location {
    margin: 60px 0 0 0;
    min-width: 1000px !important;
}

.location ul {
    border-bottom: 1px solid #ddd;
    padding: 0 0 0 30px;
    display: flex;
    align-items: center;
}

.location ul:after {
    content: '';
    clear: both;
    display: block;
}

.location ul li {
    font-size: 12px;
}

.location ul li a img {
    padding: 20px 0;
}

.location ul li a {
    display: inline-block;
}

.location ul li a.home {
    background-position: 4px 5px;
    padding: 11px;
}

.undo {
    height: 30px;
}

/*window*/
.subContent .tn_container {
    overflow-y: auto;
    height: 100%;
}

.subContent2 {
    z-index: 10;
    position: absolute;
    top: 51px;
    left: 500px;
    background: #fff;
}

.subTitle {
    flex: none;
    height: 60px;
    line-height: 60px;
    padding: 0 70px;
    background: #F8F8F8;
    border-bottom: 1px solid #ddd;
    color: #777;
    white-space: nowrap;
}


.subTitle_Title {
    flex: none;
    height: 60px;
    line-height: 60px;
    border-bottom: 1px solid #ddd;
    padding: 0 30px;
    background: #F8F8F8;
    color: #777;
    white-space: nowrap;
}


.subTitle h2,
.subTitle_Title h2 {
    font-weight: bold;
    font-size: 24px;
    white-space: nowrap;
}

.subContent {
    display: flex;
    height: 100%;
    flex-direction: column;
    position: relative;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 1.6px 3.6px 0px, rgba(0, 0, 0, 0.11) 0px 0.3px 0.9px 0;
    background-color: #fff
}

.subContent > .container,
.subContent > .container .box_cont {
    height: 100%
}

.btn_cancle a {
    position: absolute;
    background: url("/img/btn_cancle.png") left top no-repeat;
    background-position: 5px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    left: 30px;
    top: 15px;
}

.selectBar a {
    height: 70px;
    line-height: 70px;
    white-space: nowrap;
    margin: 35px 0;
}

.selectBar a:after {
    content: '';
    clear: both;
    display: block;
    white-space: nowrap;
}

.selectBar img {
    max-width: 100%;
    max-height: 100%;
    display: inline-block;
    vertical-align: middle;
}

.selectBar_Left {
    float: left;
    display: block;
    margin: 0 0 0 30px;
    font-size: 14px;
    position: relative;
}

.selectBar_Left > li {
    display: inline-block;
    padding-right: 20px;
}

.selectBar p.b {
    display: none;
    z-index: 100;
    position: absolute;
    left: -25px;
    top: 55px;
}

.click {
    transition: all 300ms linear;
    transition: transform 0.5s easy-in-out;
    transition: opacity 200ms linear 100ms, left 200ms 200ms;
    animation: fadein 2s;
    -moz-animation: fadein 2s;
    /* Firefox */
    -webkit-animation: fadein 2s;
    /* Safari and Chrome */
    -o-animation: fadein 2s;
    /* Opera */
}

.selectBar_Right {
    float: right;
    display: block;
    margin: 5px 30px 0 0;
    font-size: 14px;
    color: #333;
}

.selectBar_Right li {
    display: inline-block;
}


/* ---------------------------- 알림메시지 설정 상태 Start ---------------------------- */
html.open {
    overflow: hidden;
}

.btn {
    width: 60px;
    height: 60px;
    right: 100px;
    top: 0px;
    background: url("../img/icon_header03.png") center top no-repeat;
    cursor: pointer;
}

.btn:open {
    width: 60px;
    height: 60px;
    right: 100px;
    top: 0px;
    background: url("../img/icon_header03_over.png") center top no-repeat;
    cursor: pointer;
}

.close {
    position: absolute;
    background: url('../img/btn_cancle.png') left top no-repeat;
    background-position: 0px;
    width: 24px;
    height: 17px;
    right: 29px;
    top: 25px;
    cursor: pointer;
    z-index: 10000;
}


.map-close {
    position: absolute;
    background: url(../img/btn_cancle.png) left top no-repeat;
    background-position: 0px;
    width: 17px;
    height: 16px;
    right: 29px;
    top: 25px;
    cursor: pointer;
    z-index: 10000;
}

#menu {
    width: 700px;
    position: fixed;
    top: 60px;
    right: -700px;
    z-index: 1000;
    background-color: white;
    transition: All 0.2s ease;
    -webkit-transition: All 0.2s ease;
    -moz-transition: All 0.2s ease;
    -o-transition: All 0.2s ease;
}

#menu.open {
    right: 0px;
    top: 60px;
}

.page_cover.open {
    display: block;
}

.page_cover {
    width: 100%;
    height: 100%;
    position: fixed;
    right: 0px;
    top: 60px;
    background-color: rgba(0, 0, 0, 0.35);
    z-index: 100;
    display: none;
}

.messageinfo {
    overflow-y: auto;
    height: 100%;
}

.messageinfo_Contents {
    padding: 30px;
}

.messageinfo_Title:after {
    content: '';
    clear: both;
    display: block;
}

.messageinfo_Title h2 {
    font-size: 1.1875rem;
    font-weight: bold;
    float: left;
    letter-spacing: -1px;
    color: #333;
}

.messageinfo_Title span {
    font-size: 14px;
    color: #fff;
    float: left;
    display: block;;
    width: 105px;
    height: 28px;
    line-height: 28px;;
    background: #0C98FE;
    text-align: center;
    margin: 0 0 0 15px;
}

.messageinfo_Content {
    margin: 30px 0 0 0;
}

.messageinfo_Content ul {
    list-style-type: none;
    display: flex;
    justify-content: space-between;
    text-align: left;
}

.messageinfo_Content li {
    float: left;
    display: block;
    color: #666;
    font-size: 14px;
}

.messageinfo_Content li:nth-child(3) {
    float: right;
    margin: 0;
}

.messageinfo_Content li:nth-child(4) {
    float: right;
    margin: 0;
    display: block;
}

select::-ms-expand {
    /* for IE 11 */
    display: none;
}

/* 20191113 스프라이트 방식으로 수정 */
.select01 {
    width: 99px;
    padding: .4em;
    background: url(../img/btn_img.png) no-repeat;
    cursor: pointer;
    background-position: 80px -247px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #ddd !important;
    position: relative;
}

.select01::-ms-expand {
    /* for IE 11 */
    display: none;
}

.textbox {
    position: relative;
    width: 200px;
    margin: 15px
}

.textbox label {
    position: absolute;
    top: 1px;
    left: 1px;
    padding: .8em .5em;
    color: #ddd;
    cursor: text;
}

.placeholder_box01 input[type="text"] {
    font-size: 13px;
    border: 1px solid #ddd !important;
    height: 30px;
    width: 84px;
    padding: 3px 5px;
    box-sizing: border-box;
    line-height: 28px;
    margin-right: 15px;
    background: #fff;
}


.placeholder_box02 {
    position: relative;
    margin: 15px 0;
}

.placeholder_box02 label {
    color: #999;
    position: absolute;
    top: 5px;
    left: 15px;
    font-size: 0.8125rem;
    cursor: text;
}

.placeholder_box02 input[type="text"],
.placeholder_box02 input[type="password"] {
    font-size: 0.8125rem;
    border: 1px solid #ddd !important;
    height: 30px;
    width: 200px;
    padding: 3px 5px;
    box-sizing: border-box;
    line-height: 30px;
    background: url("../img/icon_inputsearch.png") no-repeat 98% 50%;
    background: #fff;
}

input.img-button {
    background: url("../img/btn_create.png") no-repeat;
    border: none;
    width: 65px;
    height: 30px;
    top: 10px;
    position: relative;
    cursor: pointer;
}

input.img-button:hover {
    background: url("../img/btn_create_over.png") no-repeat;
}

.placeholder_box03 {
    position: relative;
    margin: 15px 0;
    display: block;
}

.placeholder_box03 label {
    color: #999;
    position: absolute;
    top: 10px;
    left: 15px;
    cursor: text;
}

.placeholder_box03 input[type="text"] {
    font-size: 15px;
    font-weight: bold;
    border: 1px solid #ddd;
    height: 40px;
    /* width: 256px; */
    padding: 7px 10px;
    box-sizing: border-box;
    line-height: 34px;
    background: #fff;
}

.placeholder_box04 input[type="text"] {
    width: 299px !important;
    height: 30px;
    vertical-align: middle;
    box-sizing: border-box;
    padding: 3px 10px;
    border: 1px solid #ddd !important;
    background: #fff;
}

.placeholder_box05 input[type="text"],
.placeholder_box05 input[type="password"] {
    width: 157px;
    height: 30px;
    box-sizing: border-box;
    padding: 3px 10px;
    border: 1px solid #ddd !important;
    background-color: #fff !important;
}

.placeholder_box06 input[type="text"] {
    width: 285px;
    height: 30px !important;
    vertical-align: middle;
    box-sizing: border-box;
    padding: 3px 10px;
    border: 1px solid #ddd !important;
    background-color: #fff;
}

.placeholder_box07 input[type="text"] {
    width: 90px;
    height: 30px;
    vertical-align: middle;
    box-sizing: border-box;
    padding: 2px 10px;
    border: 1px solid #ddd !important;
    background-color: #fff;
}

.placeholder_box08 input[type="text"] {
    margin: 5px 0 0 0;
    display: inline-block;
    position: relative;
    /* top: -7px; */
    width: 415px;
    vertical-align: middle;
    box-sizing: border-box;
    padding: 3px 10px;
    border: 1px solid #ddd !important;
    background-color: #fff;
}

.placeholder_box08_1 input[type="text"] {
    margin: 5px 0 0 0;
    display: inline-block;
    position: relative;
    width: 227px;
    vertical-align: middle;
    box-sizing: border-box;
    padding: 3px 10px;
    border: 1px solid #ddd !important;
    background-color: #fff;
}

.placeholder_box08_2 input[type="text"] {
    margin: 5px 0 0 0;
    display: inline-block;
    position: relative;
    width: 408px;
    vertical-align: middle;
    box-sizing: border-box;
    padding: 3px 10px;
    border: 1px solid #ddd !important;
    background-color: #fff;
}

.placeholder_box09 {
    position: relative;
    margin: 15px 0;
}

.placeholder_box09 label {
    color: #fff;
    position: absolute;
    top: 7px;
    left: 15px;
    font-size: 13px;
}

.placeholder_box09 input[type="text"] {
    border: 1px solid #666;
    height: 40px;
    line-height: 40px;
    width: 100%;
    padding: 3px 10px;
    box-sizing: border-box;
    font-size: 16px;
    font-weight: bold;
    background-color: #fff;
}

.placeholder_box10 input[type="text"] {
    width: 285px;
    height: 30px;
    vertical-align: middle;
    box-sizing: border-box;
    padding: 3px 10px;
    border: 1px solid #ddd !important;
    background-color: #fff;
}

.placeholder_box11 input[type="text"] {
    width: 251px;
    vertical-align: middle;
    box-sizing: border-box;
    padding: 3px 10px;
    border: 1px solid #ddd !important;
    background-color: #fff;
}

.placeholder_box12 input[type="text"] {
    width: 98px;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
    padding: 3px 10px;
    border: 1px solid #ddd !important;
    background-color: #fff;
}

.placeholder_box13 input[type="text"] {
    width: 92%;
    margin: 5px 0 0 0;
    vertical-align: middle;
    box-sizing: border-box;
    padding: 3px 10px;
    border: 1px solid #ddd !important;
    background-color: #fff;
}

.placeholder_box14 input[type="text"] {
    width: 110px;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
    padding: 3px 10px;
    border: 1px solid #ddd !important;
    background-color: #fff;
}

.placeholder_box15 input[type="text"] {
    width: 200px;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
    padding: 5px 10px;
    border: 1px solid #ddd !important;
    background-color: #fff;
}

.placeholder_box16 input[type="text"] {
    width: 360px;
    margin: 5px 0 0 0;
    vertical-align: middle;
    box-sizing: border-box;
    padding: 3px 10px;
    border: 1px solid #ddd !important;
    background-color: #fff;
}

.placeholder_box17 {
    position: relative;
    margin: 15px 0;
}

.placeholder_box17 label {
    color: #fff;
    position: absolute;
    top: 7px;
    left: 15px;
    font-size: 0.8125rem;
}

.placeholder_box17 input[type="text"] {
    border: 1px solid #666;
    height: 40px;
    line-height: 40px;
    width: 100%;
    padding: 5px 10px;
    box-sizing: border-box;
    font-weight: bold;
    font-size: 20px;
    background-color: #fff;
}


.placeholder_box18 input[type="text"] {
    width: 95px;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
    padding: 3px 10px;
    border: 1px solid #ddd !important;
    margin: 0 0 0 5px;
    background-color: #fff;
}

.placeholder_box19 input[type="text"] {
    width: 65px;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
    padding: 3px 10px;
    border: 1px solid #ddd !important;
    margin: 0 0 0 5px;
    background-color: #fff;
}

.placeholder_box20 input[type="text"] {
    width: 45px;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
    padding: 3px 10px;
    border: 1px solid #ddd !important;
    margin: 0 2px;
    background-color: #ddd;
    color: #fff;
}

.placeholder_box21 input[type="text"] {
    width: 100%;
    text-align: left;
    vertical-align: middle;
    box-sizing: border-box;
    padding: 2px 10px !important;
    border: 1px solid #ddd;
    background-color: #fff;
}

.placeholder_box21_1 input[type="text"] {
    width: 100%;
    text-align: right;
    vertical-align: middle;
    box-sizing: border-box;
    padding: 3px 10px;
    border: 1px solid #ddd !important;
}

.placeholder_box22 input[type="text"] {
    width: 70px;
    text-align: right;
    vertical-align: middle;
    box-sizing: border-box;
    padding: 3px 10px;
    border: 1px solid #ddd !important;
    background-color: #fff;
}

.placeholder_box23 {
    width: 299px !important;
    height: 30px;
    vertical-align: middle;
    box-sizing: border-box;
    padding: 3px 10px;
    border: 1px solid #ddd !important;
    background: #fff;
}


/* ---------------------------- // 알림메시지 설정 상태 End ---------------------------- */


/* ---------------------------- input, button, select Start ---------------------------- */
/* button */
.checks ul {
    display: flex;
    position: relative;
    top: -18px;
}

.checks ul li:nth-child(1) {
    width: 30px;
    vertical-align: 30px;
}

.checks input[type="radio"] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.checks input[type="radio"] + label {
    display: inline-block;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.checks input[type="radio"] + label:before {
    content: '';
    position: absolute;
    width: 21px;
    /* 크기 조정 */
    height: 21px;
    /* 크기 조정 */
    text-align: center;
    background: #fafafa;
    border: 1px solid #cacece !important;
    border-radius: 100%;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 0px -12px rgba(0, 0, 0, 0.05);
}

.checks input[type="radio"] + label:active:before,
.checks input[type="radio"]:checked + label:active:before {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px 1px 3px rgba(0, 0, 0, 0.1);
}

.checks input[type="radio"]:checked + label:before {
    background: #E9ECEE;
    border-color: #adb8c0;
}

.checks input[type="radio"]:checked + label:after {
    content: '';
    position: absolute;
    top: 5px;
    left: 5px;
    width: 13px;
    height: 13px;
    background: #0c98fe;
    border-radius: 100%;
    box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.3);
}

/* 20191113 스프라이트 방식으로 수정 */

/* 돋보기 button */
input.img-button2 {
    background: url("../img/btn_img.png") no-repeat;
    width: 30px;
    height: 30px;
    border: none;
    cursor: pointer;
    background-position: -88px 0;
    right: -5px;
}

input.img-button2:hover {
    background-position: -88px -35px;
}

/* 지도표시 button */
input.img-button3 {
    background: url("../img/btn_img.png") no-repeat;
    width: 87px;
    height: 30px;
    line-height: 27px;
    border: none;
    cursor: pointer;
    background-position: 0 0;
    /* position: absolute; */
    display: inline-block;
}

input.img-button3:hover {
    background-position: 0 -35px;
}

/* 조회 button */
.button_search2 {
    position: relative;
    top: -5px;
    overflow: hidden;
}

input.img-button4 {
    background: url("../img/btn_img.png") no-repeat;
    width: 63px;
    height: 29px;
    border: none;
    cursor: pointer;
    background-position: -390px -69px;
    position: absolute;
    top: 0px;
}

input.img-button4:hover {
    background-position: -390px -103px;
}

.placeholder_box04 + span,
.placeholder_box06 + span,
.placeholder_box07 + span,
.placeholder_box10 + span,
.placeholder_box11 + span {
    display: inline-block;
}

/* 돋보기 button */
input.img-button5 {
    background: url("../img/btn_img.png") no-repeat;
    width: 30px !important;
    height: 30px;
    border: none;
    cursor: pointer;
    background-position: -88px 0;
    top: 0px;
    margin: 0 0 0 5px;
}

input.img-button5:hover {
    background-position: -88px -35px;
}

a,
input {
    outline: none;
}

/* ---------------------------- // input, button, select End ---------------------------- */

/* ---------------------------------------- 기본정보 start ----------------------------- */
html.open {
    overflow: hidden;
}

#subDepth2 {
    min-width: 500px;
    height: 100%;
    position: fixed;
    top: 172px;
    right: 0px;
    z-index: 10;
    background-color: white;
    transition: All 0.2s ease;
    -webkit-transition: All 0.2s ease;
    -moz-transition: All 0.2s ease;
    -o-transition: All 0.2s ease;
    min-width: 100px;
    overflow-x: hidden;
    overflow-y: auto;
}

#subDepth2.open {
    right: 0px;
    top: 60px;
}

#subDepth2 {
    height: 100%;
    width: 500px;
    overflow-x: hidden;
    overflow-y: auto;
    white-space: nowrap;
}

#subContainer {
    border: 1px solid #f00;
    overflow: auto;
    white-space: nowrap;
}

#subContainer:after {
    content: '';
    clear: both;
    display: block;
}

.subContainer_Left {
    float: left;
    width: 210px;
}

.subContainer_Right {
    float: left;
    width: 440px;
    margin: 0 0 0 30px;
    overflow: auto;
}

.box_cont {
    width: 100%;
    height: 100% !important;
    display: table; /* height 100% 안되는 현상 처리 */
}

.box_cont > .box_a {
    flex-basis: 180px !important;
    min-width: 180px !important;
    width: 180px !important;
    background-color: #f7fafd;
    box-sizing: border-box;
    padding: 8px 40px 0 20px;
    white-space: nowrap;
    height: 100% !important;
    display: table-cell; /* height 100% 안되는 현상 처리 */
    vertical-align: top;
}


.box_cont .box_a ul {
    position: sticky;
    top: 10px;
}

.box_cont .box_b {
    flex-basis: 100%;
    box-sizing: border-box;
    margin: 20px 30px 0 30px;
    min-width: 1175px;
}

.box_cont > .box_b li {
    display: block;
}

.box_cont .box_b .btn_tbutton {
    display: flex;
}

.table-wrap2 {
    margin: 0 0px;
    white-space: nowrap;
}

.report-list2 {
    width: 100%;
    color: #333;
    border-spacing: 0;
    border-collapse: collapse;
    text-align: center;
}

.report-list2 th:nth-child(1) {
    width: 5%;
}

.report-list2 th,
.report-list2 td {
    padding: 7px;
    font-weight: normal;
    line-height: 1.8em;
}

.report-list2 td a {
    color: #333;
}

.report-list2 > thead > tr > th {
    border-right: 1px solid #ddd;
}

.report-list2 > thead > tr > th:last-child {
    border-right: none;
}

.report-list2 > tbody > tr > td {
    border-right: 1px solid #ddd;
}

.report-list2 > tbody > tr > td:last-child {
    border-right: none;
}


.report-list2 > thead > tr:first-child > th {
    background: #F8F8F8;
    border-top: 1px solid #ddd;
    height: 25px;
}

.report-list2 > thead > tr:last-child > th {
    background: #F8F8F8;
    border-bottom: 1px solid #ddd;
    height: 25px;
}

.report-list2 > tbody > tr > td {
    background: #fff;
    border-bottom: 1px solid #ddd;
    height: 25px;
}

.report-list2 > tbody > tr:last-child > td {
    background: #fff;
    text-align: center;
}

.box_cont > .box_b li:first-child {
    display: block;
}

.btn_tbutton {
    display: flex;
}

.report_list {
    width: 100%;
    border-bottom: 1px solid #ddd;
    border-spacing: 0;
}

.report_list th,
.report_list td {
    padding: 7px;
    line-height: 26px;
}


/*.report_list td:nth-child(3) {*/
/*    width: 137px;*/
/*}*/

.report_list td {
    border-top: 1px solid #ddd;
}

.report_list th {
    background: #F8F8F8;
    border-top: 1px solid #ddd;
    font-weight: normal;
    text-align: right;
}

.report_list td span.tcolor,
.report_list7 td span.tcolor,
.tcolor {
    color: #f00;
    display: inline-block;
    margin: 0 0 0 5px;
}

/* +++++++++++++++++++++++++++++++++++++++++   2019-11-26 추가 ++++++++++++++++++++++++++++++++++++++ */

/* ---------------------------------------- //주소검색 End ----------------------------- */

/* 품목선택 Start */
#menu6 {
    width: 100%;
    background-color: #fff;
}

.messageinfo6_Contents {
    overflow-y: auto;
}

#menu6 .messageinfo6_Contents {
    padding: 20px 30px;
}

#menu6 .messageinfo6_Title h2 {
    font-size: 1.1875rem;
    font-weight: bold;
    letter-spacing: -1px;
}

#menu6 .messageinfo6_Title span {
    font-size: 0.875rem;
    color: #fff;
    float: left;
    display: block;
    width: 105px;
    height: 28px;
    line-height: 28px;
    background: #0C98FE;
    text-align: center;
    margin: 0 0 0 15px;
}

#menu6 .messageinfo6_Content {
    margin: 20px 0 0 0;
}

#menu6 .messageinfo6_Content ul {
    overflow: hidden;
    list-style-type: none;
    display: flex;
    justify-content: space-between;
}

#menu6 .messageinfo6_Content li {
    float: left;
    display: block;
    font-size: 0.75rem;
    padding: 0 2px;
}

#menu6 .messageinfo6_Content li:nth-child(3) {
    float: right;
    margin: 0;
}

#menu6 .messageinfo6_Content li:nth-child(4) {
    float: right;
    margin: 0;
    display: block;
}

#menu6 .content6 {
    margin: 10px 0 0 0;
    font-size: 0.8125rem;
}

#menu6 .box_cont > .box_b > .btn_tbutton6 {
    display: flex;
    padding: 0 5px;
}

#menu6 .btn_tbutton6 {
    margin: 20px 0 0 0;
    display: flex;
    justify-content: space-between;
}

#menu6 .btn_tbutton6 li[class^=btn_tbutton_] {
    padding: 20px;
    text-align: center;
    background-color: #fff;
    box-sizing: border-box;
}

#menu6 .messageinfo6_Content li {
    padding: 0 2px;
}

#menu6 .box_a .btn_download {
    background: url(../img/btn_img.png) no-repeat;
    width: 95px;
    height: 30px;
    background-position: -390px -35px;
    display: inline-block;
    cursor: pointer;
}

.report_list6 {
    width: 100%;
    color: #333;
    border-bottom: 1px solid #ddd;
    border-spacing: 0;
    text-align: center;
}

.report_list6 th {
    text-align: center;
}

.report_list6 th,
.report_list6 td {
    padding: 7px;
    line-height: 1.8em;
    text-align: center;
}

.report_list6 td a {
    color: #333;
}

.report_list6 td:nth-child(1) {
    width: 10%;
}

.report_list6 td:nth-child(2) {
    width: 10%;
}

.report_list6 td:nth-child(3) {
    text-align: left;
    width: 45%;
    padding: 10px 20px
}

.report_list6 td:nth-child(4) {
    width: 10%;
}

.report_list6 td:nth-child(5) {
    padding: 0 10px 0 0
}

.report_list6 td {
    border-top: 1px solid #ddd;
}

.report_list6 input:checked {
    height: 20px;
    width: 20px;
}

.report_list6 input {
    height: 20px;
    width: 20px;
    margin: 5px 0 0 0;
}

/* //품목선택 End */
/* ---------------------------------------- //입출금 현황 End ----------------------------- */


/* ----------------------------------------- 계약서 정보 Start ------------------------------- */
.btn_topTap2 {
    display: flex;
    justify-content: space-between;
    color: #000;
    margin: 20px 0 10px 0;
}

.btn_topTap2 ul {
    display: flex;
}

.btn_topTap2 > ul > li > a {
    color: #333;
}

.btn_topTap2 > ul > li > a > span.btn_search1,
.btn_topTap2 > ul > li > a > span.btn_search2 {
    background: url("../img/btn_img.png") no-repeat;
    display: inline-block;
    width: 20px;
    height: 20px;
    background-position: -268px -70px;
    padding: 5px 0;
    margin: 0 5px;
}

.report_list9 {
    width: 100%;
    border-spacing: 0;
}

.report_list9 th {
    background-color: #f8f8f8
}

.report_list9 th,
.report_list9 td {
    padding: 4px;
    line-height: 1.8rem;
    border-bottom: 1px solid #ddd;
    height: 30px;
    text-align: center;
}

.report_list9 td:nth-child(1) {
    width: 26px;
}

.report_list9 td:nth-child(2) {
    color: #0C98FE;
}

.report_list9 td:nth-child(5) {
    text-align: right;
}

.report_list9 td:nth-child(8) img {
    display: inline-block;
    top: 4px;;
}

.report_list9 tbody tr:nth-child(2n) {
    background: #f5f5f5;
}


/* 프린터 정보 */
.messageinfo8_Content h3 {
    font-size: 1.23077rem;
    font-weight: bold;
    line-height: 40px;
}

.messageinfo8_Content h3 > span {
    width: 3px;
    height: 3px;
    background: #333;
    display: inline-block;
    line-height: 20px;
    position: relative;
    top: -4px;
    margin: 0 7px 0 0;
}

.btn_tbutton_wrap {
    margin: 10px 0 0 0;
}

.table_wrap10 {
    margin: 10px 0 0 0;
    background-color: #fff;
}

.report_list10 {
    width: 100%;
    color: #333;
    border-spacing: 0;
}

.report_list10 th {
    background-color: #f8f8f8;
}

.report_list10 th,
.report_list10 td {
    padding: 4px;
    /*line-height: 1.8rem;*/
    border-bottom: 1px solid #ddd;
    height: 30px;
    text-align: center;
}

.report_list10 th:nth-child(1) .report_list10 td:nth-child(1) {
    width: 150px;
    background: #000;
    border: 1px solid #000;
}

.report_list10 td:nth-child(7),
.report_list10 td:nth-child(8),
.report_list10 td:nth-child(9),
.report_list10 td:nth-child(10) {
    text-align: right;
}


/* 계약정보 */
.messageinfo9_Content {
    padding: 20px 0;
}

.btn_tbutton_wrap2 {
    margin: 0 0 10px 0;
}

.info_text2 {
    line-height: 1.25rem;
    font-size: 0.8125rem;
    font-weight: bold;
    padding: 20px 0;
    text-align: center;
}

.tbg {
    background-color: #f8f8f8;
    text-align: right;
}


/* 프린터 */
.btn_tbutton_wrap2 {
    margin: 0 0 10px 0;
}

.info_text2 {
    line-height: 1.25rem;
    font-size: 0.8125rem;
    font-weight: bold;
    padding: 20px 0;
    text-align: center;
}


/* 모델 선택 [현재:ApeosPort-IV 4070] */
#menu11 {
    width: 700px;
    background-color: #fff;
    font-size: 0.8125rem
}

.messageinfo11_Contents {
    padding: 20px 30px 50px 30px;
    overflow-y: auto;
}

.messageinfo11_Title h2 {
    font-size: 1.1875rem;
    font-weight: bold;
}

.messageinfo11_Content > ul {
    display: flex;
}

.messageinfo11_Content h3,
.table_wrap h3 {
    font-size: 0.9375rem;
    font-weight: bold;
    line-height: 30px;
}

.messageinfo11_Content h3 > span.h3_span,
.h3_span {
    width: 3px;
    height: 3px;
    background: #333;
    display: inline-block;
    line-height: 20px;
    position: relative;
    top: -4px;
    margin: 0 7px 0 0;
}

.content11 {
    margin: 10px 0 0 0;
}

.box_cont > .box_b > .btn_tbutton11 {
    display: flex;
    padding: 0 5px;
}

.btn_tbutton11 {
    margin: 5px 0 0 0;
}

.btn_tbutton11 li[class^=btn_tbutton_] {
    padding: 20px;
    text-align: center;
    background-color: #fff;
    box-sizing: border-box;
}

.box_a .btn_download {
    background: url(../img/btn_img.png) no-repeat;
    width: 95px;
    height: 30px;
    background-position: -390px -35px;
    display: inline-block;
    cursor: pointer;
}

.report_list11 {
    width: 100%;
    color: #333;
    border-bottom: 1px solid #ddd;
    border-spacing: 0;
    text-align: center;
}

.report_list11 th {
    text-align: center;
    background: #F8F8F8;
}

.report_list11 th:nth-child(1),
.report_list11 td:nth-child(1) {
    width: 10%;
}

.report_list11 th,
.report_list11 td {
    padding: 7px;
    line-height: 1.8em;
}

.report_list11 td a {
    color: #333;
}

.report_list11 td:nth-child(1) {
    width: 10%;
}

.report_list11 td:nth-child(2) {
    text-align: left;
}

.report_list11 td {
    border-top: 1px solid #ddd;
}

.report_list11 input:checked {
    height: 20px;
    width: 20px;
}

.report_list11 input {
    height: 20px;
    width: 20px;
    margin: 5px 0 0 0;
}


/* 사용자 입력 모델 */
#menu11 .content12 {
    margin: 10px 0 0 0;
    font-size: 0.8125rem;
}

.content12 {
    margin: 10px 0 0 0;
}

.report_list12 {
    width: 100%;
    color: #333;
    border-bottom: 1px solid #ddd;
    border-spacing: 0;
    text-align: center;
}

.report_list12 th:nth-child(1),
.report_list12 td:nth-child(1) {
    width: 10%;
}

.report_list12 th {
    background: #f8f8f8;
}

.report_list12 th,
.report_list12 td {
    padding: 7px;
    line-height: 1.8em;
}

.report_list12 td:nth-child(1) {
    width: 10%;
}

.report_list12 td:nth-child(3) {
    text-align: left;
}

.report_list12 td {
    border-top: 1px solid #ddd;
}

/* ----------------------------------------- //계약서 정보 End ------------------------------- */

/* ----------------------------------------- 거래처 정보 Start ------------------------------- */
/* 거래처 정보 -> 기본정보 */
.report_list_flex {
    display: flex;
}

.report_list_flex span:nth-child(2) {
    margin: 0 0 0 20px;
}

.report_list_flex2 {
    display: flex;
    position: relative;
}

.report_list_flex2 li span {
    margin: 0 5px 0 0;
    text-align: center;
}

.report_list_flex2 > span:last-child .img-button3 {
    margin: 4px 0 0 4px;
}

.report_list_flex2 > li:last-child span {
    position: relative;
}

.report_list_flex2 > span:last-child {
    position: relative;
}

.address_wrap > li > ul.report_list_flex2 > li:nth-child(2) > span:first-child {
    position: relative;
}

/* 거래처 정보 -> CMS정보 */
.report_list_flex3 {
    display: flex;
    position: relative;
    margin: 5px 0 0 0;
}

/*지도표시*/
.report_list_flex3 > input.img-button3 {
    background: url("../img/btn_img.png") no-repeat;
    width: 87px;
    height: 30px;
    line-height: 27px;
    border: none;
    cursor: pointer;
    background-position: 0 0;
    position: absolute;
}

.report_list_flex3 > input.img-button3:hover {
    background-position: 0 -35px;
}

.report_list_flex4 > span:first-child {
    position: relative;
    margin: 0 0 0 4px;
}

/* ----------------------------------------- //거래처 정보 End ------------------------------- */

/* ----------------------------------------- CMS정보 Start ------------------------------- */
.text_info2 {
    margin: 0 0 0 10px;
    display: inline-block;
    color: #333;
}

.text_info3 {
    margin: 0 0 0 10px;
    display: inline-block;
    color: #0c98fe;
}

.report_list_flex3 li span {
    margin: 0 5px 0 0;
    text-align: center;
}

.select02 {
    width: 105px;
    background: url(../img/btn_img.png) no-repeat;
    cursor: pointer;
    background-position: 89px -247px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: .1em .5em;
    border: 1px solid #ddd !important;
    position: relative;
    height: 31px;
}

.select02::-ms-expand {
    /* for IE 11 */
    display: none;
}

.button,
.button2 {
    background: #00B0FF;
    border: none;
    color: #fff;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
    outline: none;
    border-radius: 4px;
}

.button {
    padding: 3px 10px;
}

.button2 {
    border-radius: 4px;
    height: 34px;
    line-height: 34px;
    min-width: 70px;
    padding: 0 12.4444444444px;
}

.button:hover,
.button2:hover {
    background-color: #56a9e6;
}

.button_wrap {
    display: flex;
    justify-content: flex-start;
}

.button3,
.button4 {
    background-color: #999;
    border: none;
    color: #fff;
    height: 30px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
    outline: none;
    margin: 0 0 0 5px;
}

.button3:hover,
.button4:hover {
    background-color: #333;
}

.button3 {
    width: 50px;
}

.button4 {
    width: 35px;
}

/* ----------------------------------------- CMS정보 End ------------------------------- */

/* ---------------- 거래처 정보 > 기본정보 > 입출금 현황 > 입출금정보 > 기본정보 ----------- */
.messageinfo3_Content > .h3_text {
    margin: 30px 0 0 0
}

.table_wrap13 {
    margin: 35px 0 0 0px;
    background-color: #fff;
    font-size: 0.8125rem
}

.report_list13 {
    width: 100%;
    border-spacing: 0;
}

.report_list13 tr th,
.report_list13 tbody tr:nth-child(2n) {
    background-color: #f8f8f8;
}

.report_list13 tr th {
    text-align: center;
    font-weight: bold;
}

.report_list13 th,
.report_list13 td {
    padding: 7px;
    font-weight: normal;
    line-height: 1.8rem;
    border-bottom: 1px solid #ddd;
    height: 39px;
}

.report_list13 td:nth-child(1),
.report_list13 td:nth-child(3),
.report_list13 td:nth-child(4),
.report_list13 td:nth-child(5) {
    text-align: center;
}

.report_list13 td:nth-child(5),
.report_list13 td:nth-child(6),
.report_list13 td:nth-child(7),
.report_list13 td:nth-child(8),
.report_list13 td:nth-child(9) {
    text-align: right;
}

#menu13 {
    width: 600px;
}

/* ---------------- 거래처 정보 > 기본정보 > 입출금 현황 > 입출금정보 > 입출금정보 ----------- */
.button_wrap button {
    margin: 0 5px;
}

.table_wrap14 {
    margin: 5px 0 0 0;
    background-color: #fff;
    font-size: 0.8125rem;
    padding: 20px 30px;
}

.report_list14 {
    width: 100%;
    color: #333;
    border-spacing: 0;
}

.report_list14 th:nth-child(1) {
    width: 3%;
}

.report_list14 tr th {
    text-align: center;
    font-weight: bold;
    background: #f8f8f8;
}

.report_list14 th,
.report_list14 td {
    padding: 3px;
    font-weight: normal;
    /*line-height: 1.8rem;*/
    border-bottom: 1px solid #ddd;
    height: 30px;
    text-align: center;
}

.report_list14 td:nth-child(6) {
    text-align: right;
}

/* ----------------------------- 거래처 정보 > 세금계산서 정보 ----------------------------- */
.text_01 li:first-child {
    font-weight: bold;
    padding: 5px 0 0 0;
}

.text_01 li {
    padding: 0 0 0 15px;
}

.text_02 li:first-child {
    padding: 5px 0 0 0;
}

.text_02 li {
    padding: 0 0 0 15px;
    margin: 0 0 0 75px;
}

/* ----------------------------- 거래처 정보 > 영업점 관리 ----------------------------- */
.report_list15 {
    border-spacing: 0;
    width: 100%;
    border-top: 1px solid #ddd;
}

.report_list15 th:nth-child(1),
.report_list15 tr th:first-child,
.report_list15 tr td:first-child {
}

.report_list15 tr th {
    background: #f8f8f8;
    height: 40px;
    text-align: center;
}

.report_list15 th,
.report_list15 td {
    padding: 7px;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    text-align: center;
}

.report_list15 th:last-child,
.report_list15 td:last-child {
    border-right: none;
}

.report_list15 td:nth-child(1) {
    width: 26px;
}

.report_list15 td:nth-child(2) {
    text-align: left;
}

.report_list15 tbody tr:nth-child(2n) {
    background: #F8F8F8;
}


/* 영업점 관리 >영업점 정보 */
.report_list16 {
    width: 100%;
    border-spacing: 0;
}

.report_list16 th {
    height: 23px;
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    background: #F8F8F8;
    text-align: center;
}

.report_list16 tr:nth-child(1) th:last-child {
    border-right: none;
}

.report_list16 tr:nth-child(2) th {
    border-top: none
}

.report_list16 td {
    text-align: center;
    padding: 7px;
    height: 30px;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.report_list16 td:last-child {
    border-right: none;
}

.report_list16 td:nth-child(1) {
    width: 50px;
}

.report_list16 td:nth-child(1) {
    text-align: left;
}

.report_list16 td:nth-child(6) {
    text-align: right;
}

.report_list16 td:nth-child(11) {
    /*color: #f00;*/
}


/* 매출 */
.btn_topTap3 {
    display: flex;
    justify-content: flex-end;
    color: #000;
}

.btn_topTap3 ul {
    display: flex;
}

.btn_topTap3 ul:first-child li {
    margin: 4px 7px 0 0;
}

.btn_topTap3 ul:last-child li {
    margin: 0 0 0 15px;
}

.btn_topTap3 > ul > li > a {
    color: #333;
}

.btn_topTap3 > ul > li > a > span.btn_search1,
.btn_topTap3 > ul > li > a > span.btn_search2 {
    background: url("../img/btn_img.png") no-repeat;
    display: inline-block;
    width: 20px;
    height: 20px;
    background-position: -268px -70px;
    padding: 5px 0;
    margin: 0 5px;
}

span.bul_circle1 {
    display: inline-block;
    width: 8px;
    height: 8px;
    background-color: #760CFE;
    border-radius: 50%;
    margin: 0 5px 0 0;
}

span.bul_circle2 {
    display: inline-block;
    width: 8px;
    height: 8px;
    background-color: #0C98FE;
    border-radius: 50%;
    margin: 0 5px 0 0;
}

span.bul_circle3 {
    display: inline-block;
    width: 8px;
    height: 8px;
    background-color: #C4C4C4;
    border-radius: 50%;
    margin: 0 5px 0 0;
}

span.bul_circle4 {
    display: inline-block;
    width: 8px;
    height: 8px;
    background-color: #36C6D3;
    border-radius: 50%;
    margin: 0 5px 0 0;
}

span.bul_circle5 {
    display: inline-block;
    width: 8px;
    height: 8px;
    background-color: #EE707A;
    border-radius: 50%;
    margin: 0 5px 0 0;
}

span.bul_circle6 {
    display: inline-block;
    width: 8px;
    height: 8px;
    background-color: #C4C4C4;
    border-radius: 50%;
    margin: 0 5px 0 0;
}

.report_list17 {
    width: 100%;
    border-bottom: 1px solid #ddd;
    border-spacing: 0;
}

.report_list17 th:nth-child(1) {
    width: 50px;
}

.report_list17 th {
    background: #f8f8f8;
}

.report_list17 th,
.report_list17 td {
    padding: 7px;
    font-weight: normal;
    text-align: left;
}

.report_list17 th {
    font-weight: bold;
}

.report_list17 td {
    border-top: 1px solid #ddd;
}

.report_list17 td.tcolor4 {
    color: #f00;
}

.report_list17 tbody tr:nth-child(2n) {
    background: #f8f8f8;
}

.report_list17 td:nth-child(6),
.report_list17 td:nth-child(7),
.report_list17 td:nth-child(8),
.report_list17 td:nth-child(9) {
    text-align: right;
}

.report_list17 td:nth-child(9) {
    color: #0C98FE;
}

.tcolor5 {
    color: #f00;
}

/* 영업점 선택 */
#menu12 {
    width: 700px;
    background-color: #fff;
    font-size: 0.8125rem;
    overflow-y: auto;
}

.report_list18 {
    width: 100%;
    color: #333;
    border-bottom: 1px solid #ddd;
    border-spacing: 0;
}

.report_list18 th {
    font-weight: bold !important;
    background: #f8f8f8;
}

.report_list18 th,
.report_list18 td {
    padding: 4px;
    font-weight: normal;
    line-height: 1.8em;
}

.report_list18 td a {
    color: #333;
}

.report_list18 td:nth-child(1),
.report_list18 td:nth-child(1) {
    width: 10%;
    text-align: center;
}

.report_list18 td:nth-child(2) {
    width: 20%;
}

.report_list18 td {
    border-top: 1px solid #ddd;
}

.report_list18 tr:hover {
    background: #eee;
}

.report_list18 input:checked {
    height: 20px;
    width: 20px;
}

.report_list18 input {
    height: 20px;
    width: 20px;
    margin: 5px 0 0 0;
}

/* 미리보기 */
.img_area {
    width: 650px;
    height: 500px;
    border: 1px solid #ddd;
    text-align: center;
    line-height: 500px;
}

/* 프린터 -> 기본요금 */
.report_list19 {
    width: 100%;
    color: #333;
    border-bottom: 1px solid #ddd;
    border-spacing: 0;
}

.report_list19 th:nth-child(1) {
    width: 5%;
}

.report_list19 th,
.report_list19 td {
    /*padding: 7px 10px 7px 7px;*/
    padding: 2px 7px;
    font-weight: normal;
    /*line-height: 1.8em;*/
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

.report_list19 th {
    background: #f8f8f8;
    font-weight: bold;
    width: 12%;
}

.report_list19 th:nth-child(1) {
    width: 13.2%;
    text-align: center;
}

.report_list19 th:nth-child(4) {
    width: 10%;
    text-align: center;
}

.report_list19 td {
    text-align: right;
    /*line-height: 30px;*/
    line-height: 20px;
}

.report_list19 td:first-child {
    text-align: left;
}

.report_list19 th:last-child,
.report_list19 td:last-child {
    border-right: none;
}

.print_div {
    display: flex;
}

.print_div span {
    margin: 0 4px 9px 0;
    display: inline-block;
    width: 20px;
    height: 20px;
    color: #fff;
    align-items: center;
    text-align: center;
    line-height: 20px;
}

.print_span01 {
    background: #363636;
    position: relative;
    top: 4px;
}

.print_span02 {
    background: #92278f;
    position: relative;
    top: 4px;
}

/* -------------------------------- 거래처 > 거래처 상세정보 > 영업점 관리 --------------------- */
.subTitle_detail {
    padding: 0 0px 50px 0px;
}

.subTitle_detail h2 {
    /* font-family: NanumGothic; */
    font-weight: bold;
    font-size: 1.5rem;
    /* margin: 0 0 25px 0; */

}

/* ------------------------------ 거래처 > 거래처 상세정보 > A/S 내역 --------------------------- */

/* ------------------------------ A/S 내역 --------------------------- */
.report_list20 {
    width: 100%;
    border-spacing: 0;
}

.report_list20 th:nth-child(1),
.report_list20 tr th:first-child,
.report_list20 tr td:first-child {
    width: 50px;
}


.report_list20 tr th {
    text-align: left;
    background-color: #f8f8f8;
}

.report_list20 th,
.report_list20 td {
    padding: 7px;
    line-height: 30px;
    border-bottom: 1px solid #ddd;
    height: 40px;
}

.report_list20 tbody tr:nth-child(2n) {
    background: #f5f5f5;
    border-bottom: 1px solid #ddd;
    height: 40px;
}

.report_list20 td:nth-child(2),
.report_list20 td:nth-child(3) {
    text-align: left;
}

.report_list20 tbody tr:nth-child(2n) {
    background: #f5f5f5;
}

/* ++++++++++++++++++++++++++++++++++++++ 20191127 세로 스크롤 이슈 해결 ++++++++++++++++++++++++++++++++++++++ */
.scroll_y {
    position: relative;
    padding: 0 0 50px 0;
    width: 100% !important;
}

.tab li a {
    display: inline-block;
    color: #333;
    text-align: center;
    text-decoration: none;
    font-size: 17px;
}

.tab .current {
    background-color: #0C98FE;
    color: #fff;
}

/* 20191128 추가 */

.flex {
    display: flex !important;
}

.space_between {
    justify-content: space-between !important;
}

.flex_end {
    justify-content: flex-end !important;
}

.button_wrap2 {
    display: flex;
    justify-content: flex-start;
    margin-top: 27px;
}

.s_title {
    height: 40px;
    line-height: 40px;
    font-size: 1.125rem;
    letter-spacing: -1px;
    font-weight: bold;
    width: 171px;
    flex-basis: 171px;
}

.s_title2 {
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    letter-spacing: -1px;
    box-sizing: border-box;
    position: relative;
    color: rgb(119, 119, 119);
    border-radius: 40px;
}

.s_title {
    position: relative;
}

.s_title:after {
    content: ':';
    margin: 0 10px;
}

.s_title2:after {
    margin: 0 10px;
}

.s_title3 {
    height: 30px;
    line-height: 30px;
    font-size: 15px;
    letter-spacing: -1px;
    font-weight: bold;
    box-sizing: border-box;
    color: #777;
}

/*.s_title3:after {
    content: ':';
    margin: 0 10px;
}*/

.mb15 {
    margin-bottom: 15px;
}

.placeholder_box23 {
    position: relative;
    width: 100%;
}

.placeholder_box23 label {
    color: #fff;
    position: absolute;
    top: 7px;
    left: 15px;
    font-size: 0.8125rem;
}

.placeholder_box23 input[type="text"] {
    border: 1px solid #e8e8e8 !important;
    height: 40px;
    line-height: 40px;
    width: 487px;
    width: 100%;
    padding: 5px 10px;
    box-sizing: border-box;
    font-size: 14px;
    border-radius: 5px;
}

/* 세부 내역 조회 input */
.placeholder_box24 {
    position: relative;
    margin: 0px 0;
}

.placeholder_box24 label {
    color: #fff;
    position: absolute;
    top: 7px;
    left: 15px;
    font-size: 0.8125rem;
}

.placeholder_box24 input[type="text"] {
    border: 1px solid #666 !important;
    height: 36px;
    line-height: 36px;
    width: 300px;
    padding: 3px 5px;
    box-sizing: border-box;
    font-size: 1.125rem;
    background: url("../img/icon_inputsearch.png") no-repeat 98% 50%;
}


/* 프린터 tab 메뉴 */
#tab_container {
    margin: 0 auto;
}

ul.tabs {
    margin: 0;
    padding: 0;
    list-style: none;
    margin: 0 0 10px 0;
}

ul.tabs li {
    text-align: center;
    cursor: pointer;
    padding: 0 10px;
    height: 35px;
    line-height: 35px;
    overflow: hidden;
    font-size: 14px;
    margin: 0 10px 0 0;
}

ul.tabs li.active {
    border-bottom: 2px solid #0c98fe;
    font-weight: bold;
}

.margin_top70 {
    margin-top: 70px
}

.color_333 {
    color: #333 !important
}

.margin_lr {
    margin: 0 30px
}

.mLR30 {
    margin: 0 30px
}

/* 프린터 > 프린터 현황 */
.table_wrap21 {
    margin: 30px 0 0 0;
}

.report_list21 {
    width: 100%;
    color: #333;
    border-spacing: 0;
    font-size: 0.8125rem;
    font-weight: normal;
}

.report_list21 th {
    height: 33px;
    font-weight: bold;
    border-right: 1px solid #ddd;
    background: #F8F8F8;
    text-align: center;
    box-sizing: border-box;
}

.report_list21 thead tr:first-child th {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.report_list21 thead tr:last-child th {
    border-bottom: 1px solid #ddd !important;
}

.report_list21 tr:nth-child(1) th:last-child,
.report_list21 tr:nth-child(2) {
    border-right: none;
}

.report_list21 tr:nth-child(1) th:nth-child(1),
.report_list21 tr:nth-child(2) th:nth-child(1),
.report_list21 tr:nth-child(2) th:nth-child(2),
.report_list21 tr:nth-child(2) th:nth-child(3),
.report_list21 tr:nth-child(2) th:nth-child(4),
.report_list21 tr:nth-child(2) th:nth-child(5),
.report_list21 tr:nth-child(2) th:nth-child(6),
.report_list21 tr:nth-child(2) th:nth-child(7) {
    width: 50px;
}

.report_list21 td {
    text-align: center;
    padding: 0 10px;
    height: 39px;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.report_list21 td:last-child {
    border-right: none;
}

.report_list21 td:nth-child(3),
.report_list21 td:nth-child(4) {
    text-align: left;
}

.report_list21 td:nth-child(14),
.report_list21 td:nth-child(15),
.report_list21 td:nth-child(16) {
    text-align: right;
}

.color_red {
    color: #f00
}

.pagin_icon {
    font-size: 14px;
    position: relative;
    top: 1px;
    color: #555;
}

/* 월사용량 */
.report_list22 {
    width: 100%;
    border-spacing: 0;
}

.report_list22 th {
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    background: #F8F8F8;
    text-align: center;
    /*line-height: 40px;*/
    line-height: 23px;
    /*padding: 7px;*/
    padding: 2px 7px;
}

.report_list22 tr:nth-child(1) th:last-child {
    border-right: none;
}

.report_list22 tr:nth-child(2) th {
    border-top: none
}

.report_list22 tr:nth-child(1) th:nth-child(1),
.report_list22 tr:nth-child(2) th:nth-child(1),
.report_list22 tr:nth-child(2) th:nth-child(2),
.report_list22 tr:nth-child(2) th:nth-child(3),
.report_list22 tr:nth-child(2) th:nth-child(4),
.report_list22 tr:nth-child(2) th:nth-child(5),
.report_list22 tr:nth-child(2) th:nth-child(6),
.report_list22 tr:nth-child(2) th:nth-child(7) {
    width: 60px;
}

.report_list22 td {
    text-align: center;
    /*height: 40px;*/
    height: 30px;
    padding: 4px;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.report_list22 td:last-child {
    border-right: none;
    width: 35px !important;
    color: red;
}

.report_list22 td:nth-child(1) {
    width: 50px
}

.report_list22 td:nth-child(7),
.report_list22 td:nth-child(9),
.report_list22 td:nth-child(10),
.report_list22 td:nth-child(11),
.report_list22 td:nth-child(12),
.report_list22 td:nth-child(13) {
    text-align: right;
}

.monthusage_span01,
.monthusage_span03 {
    display: inline-block;
    margin: 0 4px 0 0;
    color: #fff;
    text-align: center;
    line-height: 30px;
    height: 30px;
    width: 30px;
    border-radius: 3px;
}

.monthusage_span01 {
    background: #585757;
}

.monthusage_span03 {
    background: #b347b0;
}

.monthusage_span02 {
    position: relative;
    top: -2px;
    text-align: right;
    width: 35px;
}

.monthUsage_Area {
    margin: 0 auto;
    width: 18px;
    display: flex;
    flex-direction: column;
}

.M_circle,
.C_circle {
    border-radius: 50%;
    width: 16px;
    height: 16px;
    line-height: 16px;
    display: inline-block;
    color: #fff;
    text-align: center;
    font-size: 10px;
}

.M_circle {
    background: #999;
}

.C_circle {
    background: #00bcd4;
    margin-top: 5px;
}


.monthusage2_span01,
.monthusage2_span03 {
    border-radius: 3px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    display: inline-block;
    color: #fff;
    text-align: center;
    font-size: 11px;
}

.monthusage2_span01 {
    background: #999999;
}

.monthusage2_span03 {
    background: #00bcd4;
}

.monthusage2_span02 {
    position: relative;
    top: -2px;
    text-align: right;
    width: 35px;
}


/* 프린터 정보 리스트 */
.tbg {
    background-color: #f8f8f8;
}


/* X button */
input.img-button6 {
    background: url("../img/btn_img.png") no-repeat;
    width: 31px;
    height: 31px;
    border: none;
    cursor: pointer;
    background-position: -457px -69px;
    position: absolute;
    left: 5px;
}

input.img-button6:hover {
    background-position: -457px -103px;
}


/* 공통 간격 조정 */
.mgL3 {
    margin: 0 0 0 3px !important;
}

.mgL4 {
    margin: 0 0 0 4px !important;
}

.mgl5,
.mgL5 {
    margin: 0 0 0 5px !important;
}

.mgl10,
.mgL10 {
    margin: 0 0 0 10px !important;
}

.mgl20,
.mgL20 {
    margin: 0 0 0 20px !important;
}

.mgl30,
.mgL30 {
    margin: 0 0 0 30px !important;
}

.mL86 {
    margin-left: 86px !important;
}

.mgt5,
.mgT5 {
    margin: 5px 0 0 0 !important;
}

.mgT10 {
    margin: 10px 0 0 0 !important;
}

.mgT15 {
    margin: 15px 0 0 0 !important;
}

.mgT20 {
    margin: 20px 0 0 0 !important;
}

.mgT25 {
    margin: 25px 0 0 0 !important;
}

.mgT14 {
    margin-top: 14px !important;
}

.mgt1 {
    margin: 1px 0 0 0 !important;
}

.mgT2 {
    margin: 2px 0 0 0 !important;
}

.mT30,
.mgt30,
.mgT30 {
    margin-top: 30px !important;
}

.mgT50 {
    margin-top: 50px !important;
}

.mgR5 {
    margin: 0 5px 0 0 !important;
}

.mgr20 {
    margin: 0 20px 0 0 !important;
}

.mgR30 {
    margin: 0 30px 0 0 !important;
}

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

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

.mgLR5 {
    margin: 0 5px !important
}

.mgLR10 {
    margin: 0 10px !important;
}

.mgT2L10 {
    margin: 2px 0 0 10px
}

.height70 {
    height: 70px !important;
}

.radi50 {
    border-radius: 50%;
    width: 18px;
    height: 18px;
    display: inline-block;
    line-height: 18px;
    color: #fff;
    text-align: center;
}

.bg000 {
    background: #000;
}

.bg1b75bb {
    background: #1b75bb;
}

.bgeb008b {
    background: #eb008b;
}

.bgfff101 {
    background: #f9dc10;
}

.box100 {
    width: 90px;
    display: inline-block;
    background: #0C98FE;
    text-align: center;
    line-height: 29px;
    color: #fff;
}

.box40 {
    width: 50px;
    height: 30px;
    line-height: 29px;
    display: inline-block;
    background: #0C98FE;
    text-align: center;
    color: #fff;
    position: relative;
    margin: 0 0 0 5px;
}

.box50 {
    width: 50px;
    height: 25px;
    line-height: 25px;
    display: inline-block;
    background: #0C98FE;
    text-align: center;
    color: #fff;
}

.box40:hover,
.box50:hover {
    background-color: #000;
    cursor: pointer;
}

.btn_download {
    background: url(../img/btn_img.png) no-repeat;
    width: 95px;
    height: 30px;
    background-position: -390px -35px;
    display: inline-block;
    cursor: pointer;
    vertical-align: middle;
}

.bg_ddd {
    background: #ddd;
}

.border_right0 {
    border-right: none !important;
}

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

.text_right {
    text-align: right !important;
}

.text_left {
    text-align: left !important;
}

.flex_center {
    justify-content: center;
}

.flex_basis50 {
    flex-basis: 50px;
}

.width100 {
    width: 100%;
}

.width200 {
    width: 200px;
}

.height100 {
    height: 100%;
}

.visible {
    display: inline-block !important;
}

/* position */
.absolute {
    position: absolute;
}

.relative {
    position: relative;
}

/* svg button */
.buttonWrap {
    display: flex;
    justify-content: center;
    align-items: center;
    display: inline-block;
}

#setButton,
#cancleButton,
#selectButton,
#addButton {
    color: #fff;
    height: 25px;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 3px 5px;
    top: 1px;
    position: relative;
}

#setButton {
    background-color: #0c98fe;
    width: 58px;
}

#cancleButton {
    background-color: #3a80d7;
    width: 70px;
}

#selectButton {
    background-color: #32c5d2;
    width: 58px;
}

#addButton {
    background: #6f5499;
    width: 58px;
}

#setButton:hover,
#selectButton:hover,
#cancleButton:hover,
#addButton:hover {
    background-color: #555;
}

.set_button,
.save_button,
.select_button,
.cancle_button,
.add_button {
    fill: #fff !important;
    width: 18px;
    height: 18px;
}

.button_text {
    position: relative;
    top: -5px;
    left: -2px;
}

.print_flex {
    width: 100%;
}

.width5 {
    width: 15% !important;
}


/****************************** 2019.12.09 추가 ******************************/

/****************************** 주소검색 ******************************/
/* ---------------------------------------- 주소검색 Start ----------------------------- */
.address_text01 {
    color: #0C98FE;
    text-align: left;
    font-size: 15px
}

.address_text02 {
    color: #000;
    text-align: left;
    padding: 10px 0;
    margin: 10px 0 0 0;
    font-size: 15px;
    color: #777;
}

.address_text02 span {
    color: #0C98FE;
    text-align: left;
    font-weight: bold;
}

.address_div {
    text-align: left;
    background: #F8F8F8;
    border-bottom: 1px solid #ddd;
    padding: 15px
}

.address_div:first-child {
    text-align: left;
    background: #F8F8F8;
    border-top: 1px solid #000;
}

.address_div:last-child {
    text-align: left;
    background: #F8F8F8;
    border-bottom: 1px solid #ddd;
}

.actionLayer .address_form01 {
    padding: 0 0 5px 0;
}

.actionLayer .address_form01 li:nth-child(1) {
    display: block;
    text-align: left;
    font-weight: bold;
    font-size: 1rem;
    line-height: 16px;
    color: #000;
}

.actionLayer .address_form02 {
    padding: 5px 0 5px 0;
    font-size: 0.8125rem
}

.actionLayer .address_form02 li:nth-child(1) {
    display: block;
    width: 75px;
    text-align: left;
    color: #666;
}

.actionLayer .address_form02 li:nth-child(2) {
    display: block;
    text-align: left;
    font-weight: bold;
    color: #000;
    font-size: 14px;
    line-height: 14px;
}

.actionLayer .address_form03 li:nth-child(1) {
    display: block;
    width: 75px;
    text-align: left;
    color: #666;
}

.actionLayer .address_form03 li:nth-child(2) {
    display: block;
    text-align: left;
    color: #000;
    line-height: 13px;
}

.messageinfo_Contents12 {
    padding: 20px 30px;
}


/* 주소검색 결과 */
.content4 {
    font-size: 0.8125rem;
    border-top: 1px solid #b8b8b8;
}

.tb_address_result,
.tb_address_result_01 {
    width: 100%;
    border-spacing: 0;
    color: #555;
    padding: 5px 0
}

.tb_address_result tr:nth-child(2n-1) td.td_bg {
    background: #fafafa;
}

.tb_address_result tr td.td_bg {
    border-bottom: 1px solid #e0e0e0;
    padding: 5px 0;
}

.tb_address_result tr:last-child td.td_bg {
    border-bottom: 1px solid #b8b8b8;
    padding: 5px 0;
}

.tb_address_result_01 td:nth-child(1) {
    width: 15%;
}

.tb_address_result_01 td:nth-child(3) {
    width: 15%;
}

.tb_address_result_01 td {
    padding: 5px 10px;
}

.tb_address_result_01 tr:nth-child(1) td:nth-child(1),
.tb_address_result_01 tr:nth-child(1) td:nth-child(2) {
    font-weight: bold;
    font-size: 0.875rem;
}


/* ---------------------------------------- 입출금 현황 Start ----------------------------- */
.btn_topTap {
    display: flex;
    justify-content: space-between;
    color: #000;
}

.btn_topTap ul {
    display: flex;
}

.btn_topTap ul:first-child li {
    margin: 0 20px 0 0;
}

.btn_topTap ul:last-child li {
    margin: 0 0 0 20px;
}

.btn_topTap > ul > li > a {
    color: #333;
}

.btn_topTap > ul > li > a > span.btn_search1,
.btn_topTap > ul > li > a > span.btn_search2 {
    background: url("../img/btn_img.png") no-repeat;
    display: inline-block;
    width: 20px;
    height: 20px;
    background-position: -268px -70px;
    padding: 5px 0;
    margin: 0 5px;
}

.text_search1,
.text_search2 {
    height: 18px;
    position: relative;
    top: -5px;
}

.text_search1:hover,
.text_search2:hover {
    color: #0C98FE;
}

.btn_topTap > ul > li > span.bul_circle1 {
    display: inline-block;
    width: 8px;
    height: 8px;
    background-color: #760CFE;
    border-radius: 50%;
    margin: 0 5px 0 0;
}

.btn_topTap > ul > li > span.bul_circle2 {
    display: inline-block;
    width: 8px;
    height: 8px;
    background-color: #0C98FE;
    border-radius: 50%;
    margin: 0 5px 0 0;
}

.btn_topTap > ul > li > span.bul_circle3 {
    display: inline-block;
    width: 8px;
    height: 8px;
    background-color: #f00;
    border-radius: 50%;
    margin: 0 5px 0 0;
}

.report_list5 {
    width: 100%;
    border-top: 1px solid #ddd;
    border-spacing: 0;
}

.report_list5 th:nth-child(1) {
    width: 50px;
}

.report_list5 th,
.report_list5 td {
    padding: 7px;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.report_list5 th {
    background: #F8F8F8;
    text-align: center;
    line-height: 30px;
}

.report_list5 th:nth-child(4) {
    width: 20%;
}

.report_list5 td {
    line-height: 30px;
}

.report_list5 th:last-child,
.report_list5 td:last-child {
    border-right: none;
}

.report_list5 td.tcolor4 {
    color: #f00;
}

.errorcode_wrap .errorcode {
    margin: 30px auto;
    background: url("../img/btn_img.png") no-repeat;
    width: 141px;
    height: 78px;
    background-position: -656px -104px;
    padding: 15px 15px;
    line-height: 1.25rem;
    font-size: 0.8125rem;
}

.errorcode_wrap .errorcode > li:first-child {
    font-weight: bold;
}


/* 기타수납 Start */
.messageinfo3_Title h2 {
    font-size: 19px;
    font-weight: bold;
    letter-spacing: -1px;
    line-height: 50px;
}

/* 기타수납 > 기본정보 Start */
.messageinfo3_Content h3 {
    font-size: 15px;
    font-weight: bold;
    line-height: 40px;
}

.messageinfo3_Content h3 > span.h3_span {
    width: 3px;
    height: 3px;
    background: #333;
    display: inline-block;
    line-height: 20px;
    position: relative;
    top: -4px;
    margin: 0 7px 0 0;
}

.report_list7 {
    width: 100%;
    border-bottom: 1px solid #ddd;
    border-spacing: 0;
}

.report_list7 th {
    background: #f8f8f8;
    text-align: center;
}

.report_list7 th,
.report_list7 td {
    padding: 3px;
    font-weight: normal;
    /*line-height: 1.8em;*/
    border-top: 1px solid #ddd;
    height: 32px;
}

.report_list7 td:first-child,
.report_list7 td:nth-child(4) {
    text-align: right;
}

.report_list7 td:nth-child(6),
.report_list7 td:nth-child(7),
.report_list7 td:nth-child(8),
.report_list7 td:nth-child(9) {
    text-align: right;
}

.report_list7 th {
    background: #f8f8f8;
    text-align: center;
    /*padding: 0 10px 0 0;*/
    padding: 0;
    height: 32px;
}

.messageinfo3_Content > .h3_text {
    margin: 30px 0 0 0
}

.table_wrap8 {
    margin: 5px 0 0 0;
    background-color: #fff;
}

.report_list8 {
    width: 100%;
    color: #333;
    border-spacing: 0;
}

.report_list8 th {
    background: #f8f8f8;
    text-align: center;
}

.report_list8 th,
.report_list8 td {
    padding: 2px 10px;
    border-bottom: 1px solid #ddd;
    height: 30px;
}

.report_list8 th:first-child {
    width: 5%;
}

.report_list8 td:first-child,
.report_list8 td:nth-child(4) {
    text-align: center;
}

.report_list8 td:nth-child(6),
.report_list8 td:nth-child(7),
.report_list8 td:nth-child(8),
.report_list8 td:nth-child(9) {
    text-align: right;
}

.report_list8 td:last-child {
    padding: 0 20px 0 0;
}

.info_text {
    line-height: 1.25rem;
    font-size: 0.8125rem;
    padding: 10px 0 0 0;
}

.tcolor3 {
    color: #0C98FE;
}

/* //기타수납 End */


/* 품목선택 Start */
#menu6 {
    width: 500px;
    background-color: #fff;
}

#menu6 .messageinfo6_Contents {
    padding: 20px 30px;
}

#menu6 .messageinfo6_Title h2 {
    font-size: 1.1875rem;
    font-weight: bold;
    letter-spacing: -1px;
}

#menu6 .messageinfo6_Title span {
    font-size: 0.875rem;
    color: #fff;
    float: left;
    display: block;
    width: 105px;
    height: 28px;
    line-height: 28px;
    background: #0C98FE;
    text-align: center;
    margin: 0 0 0 15px;
}

#menu6 .messageinfo6_Content {
    margin: 20px 0 0 0;
}

#menu6 .messageinfo6_Content ul {
    overflow: hidden;
    list-style-type: none;
    display: flex;
    justify-content: space-between;
}

#menu6 .messageinfo6_Content li {
    float: left;
    display: block;
    font-size: 0.75rem;
    padding: 0 2px;
}

#menu6 .messageinfo6_Content li:nth-child(3) {
    float: right;
    margin: 0;
}

#menu6 .messageinfo6_Content li:nth-child(4) {
    float: right;
    margin: 0;
    display: block;
}

#menu6 .content6 {
    margin: 10px 0 0 0;
    font-size: 0.8125rem;
}

#menu6 .box_cont > .box_b > .btn_tbutton6 {
    display: flex;
    padding: 0 5px;
}

#menu6 .btn_tbutton6 {
    margin: 20px 0 0 0;
    display: flex;
    justify-content: space-between;
}

#menu6 .btn_tbutton6 li[class^=btn_tbutton_] {
    padding: 20px;
    text-align: center;
    background-color: #fff;
    box-sizing: border-box;
}

#menu6 .messageinfo6_Content li {
    padding: 0 2px;
}

#menu6 .box_a .btn_download {
    background: url(../img/btn_img.png) no-repeat;
    width: 95px;
    height: 30px;
    background-position: -390px -35px;
    display: inline-block;
    cursor: pointer;
}

.report_list6 {
    width: 100%;
    color: #333;
    border-bottom: 1px solid #ddd;
    border-spacing: 0;
    text-align: center;
}

.report_list6 th {
    text-align: center;
    background: #f8f8f8;
}

.report_list6 th,
.report_list6 td {
    padding: 7px;
    line-height: 1.8em;
    text-align: center;
}

.report_list6 td a {
    color: #333;
}

.report_list6 td:nth-child(1),
.report_list6 td:nth-child(2) {
    width: 10%;
}

.report_list6 td:nth-child(3) {
    text-align: left;
    width: 45%;
    padding: 10px 20px
}

.report_list6 td:nth-child(4) {
    width: 10%;
}

.report_list6 td:nth-child(5) {
    padding: 0 10px 0 0
}

.report_list6 td {
    border-top: 1px solid #ddd;
}

.report_list6 input:checked {
    height: 20px;
    width: 20px;
}

.report_list6 input {
    height: 20px;
    width: 20px;
    margin: 5px 0 0 0;
}

/* //품목선택 End */
/* ---------------------------------------- //입출금 현황 End ----------------------------- */


/* 2019-12-10 추가 */
.cursor {
    cursor: pointer;
}

.right {
    text-align: right !important
}


/************************ placeholder ************************/
::placeholder {
    color: #555 !important;
    opacity: 1;
    /* Firefox */
}

:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #555 !important;
}

::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #555 !important;
}


/************************ placeholder red ************************/
/* 사용방법  class="input_red" */
.input_red::placeholder {
    color: #f00 !important;
    opacity: 1;
    /* Firefox */
}

.input_red:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #f00 !important;
}

.input_red::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #f00 !important;
}

input:-moz-read-only {
    /* For Firefox */
    background-color: #f1f1f1;
}

input[type="text"]:read-only,
input[type="text"]:disabled {
    background: #f1f1f1 !important;
}


/* 주소검색 검색 버튼 */
.search {
    display: inline-block;
    width: 38px;
    height: 38px;
    right: 1px;
    top: 1px;
    background: url("../img/btn_img.png") no-repeat 98% 50%;
    background-position: -164px -136px;
    text-indent: -99999px;
    border: none;
    cursor: pointer;
    position: absolute;
}

/*********************** 매출 > 매출 개요********************************/
.mgLR30 {
    margin: 0 30px
}

.mgT35B10 {
    margin: 35px 0 10px 0;
}

.color_000 {
    color: #333 !important;
}

.w10pro {
    width: 10%
}

/*********************** 거래처 > 거래처 관리 검색********************************/

/* 검색 input */
.placeholder_box15_1 input[type="text"] {
    vertical-align: middle;
    box-sizing: border-box;
    padding: 5px 10px;
    border: 1px solid #ddd !important;
    font-size: 14px;
}

.placeholder_box15_1 input[type="text"] {
    width: 209px;
    text-align: center;
    font-size: 13px;
    padding: 5px !important;
}


/* 기간 input */
.placeholder_box18_1 input[type="text"] {
    width: 85px;
}

.placeholder_box15_2 input[type="text"],
.placeholder_box18_1 input[type="text"] {
    vertical-align: middle;
    box-sizing: border-box;
    padding: 5px 10px;
    min-height: 41px;
    font-size: 14px;
    border: 1px solid #e8e8e8 !important;
    text-align: center;
}

/* 검색어 */
.placeholder_box15_2 input[type="text"] {
    width: 350px;
    text-align: left;
}

/* 신규 버튼 */
.button_add {
    width: 80px;
    display: block;
    padding: 8px 10px;
    border-radius: 5px;
    border: 1px solid #e8e8e8;
    background: #fff;
    font-size: 14px;
    box-sizing: border-box;
    height: 41px;
    min-height: 41px;
    top: 1px !important;
}

input.img-button7 {
    background: url("../img/btn_img.png") no-repeat;
    width: 27px;
    height: 27px;
    border: none;
    cursor: pointer;
    background-position: -167px -135px;
    right: 2px;
    position: absolute;
    top: 1px;
}

input.img-button8 {
    background: url("../img/btn_img.png") no-repeat;
    width: 65px;
    height: 30px;
    border: none;
    cursor: pointer;
    background-position: -258px -35px;
    /* position: absolute; */
    top: 0px;
    right: 0px;
}

input.img-button8:hover {
    background-position: -258px -35px;
}

.middle {
    vertical-align: middle !important;
}

.lh70 {
    line-height: 70px;
}

input::placeholder {
    color: #999 !important;
    font-weight: normal;
}


/****************** 2019-12-12 추가 ********************/
.color_000 {
    color: #000;
}

.svg svg {
    top: -3px;
    height: 20px;
    vertical-align: middle;
    position: relative;
}

.svg:hover,
.svg svg:hover {
    cursor: pointer;
}

/* 삭제 버튼 */
.svg2 svg {
    width: 20px;
    height: 20px;
    fill: #0C98FE;
    vertical-align: middle;
}

.svg2 {
    top: -2px
}

.svg2:hover {
    cursor: pointer;
}


/* 수정 버튼 */
.svg3 {
    top: -2px
}

.svg3 svg {
    fill: #0C98FE;
    vertical-align: middle;
}

.svg3:hover,
.svg3 svg:hover {
    cursor: pointer;
}


/* 신규 버튼 */
.svg4 {
    top: -4px
}

.svg4 svg {
    fill: #0C98FE;
    vertical-align: middle;
}

.svg4:hover,
.svg4 svg:hover {
    cursor: pointer;
}

/* 취소 버튼 */
.svg5 svg {
    width: 16px;
    height: 16px;
    fill: #0C98FE;
    vertical-align: middle;
}

.svg5 {
    top: -1px
}

.svg5:hover {
    cursor: pointer;
}


/* 잔액 버튼 */
.svg6 svg {
    width: 18px;
    height: 18px;
    fill: #ff2c2c;
    vertical-align: middle;
}

.svg6 {
    top: -2px
}

.svg6:hover {
    cursor: pointer;
}


/* 다운로드 버튼 */
.svg7 svg {
    width: 18px;
    height: 18px;
    fill: #fff;
    vertical-align: middle;
}

.svg7 {
    top: -2px
}

.svg7:hover {
    cursor: pointer;
}


/************* 달력 CSS *********/
.calendar_area {
    width: 95px !important;
    height: 28px !important;
}

.vc-rounded {
    border-radius: 0px !important;
    height: 30px !important;
}

.vc-border-gray-400 {
    border-color: #ddd !important;
}

.focus\:vc-shadow:focus {
    box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0), 0 0px 0px 0 rgba(0, 0, 0, 0) !important;
}

.vc-text-base {
    font-size: 14px !important;
}

.vc-text-gray-800 {
    color: #333 !important;
}

.font14 {
    font-size: 14px;
}

.bold {
    font-weight: bold;
}

.ilineBlock {
    display: inline-block;
}

.line_height30 {
    line-height: 30px;
}

.color_red {
    color: #f00 !important;
}

.select03 {
    width: 125px;
    background: url(../img/btn_img.png) no-repeat;
    cursor: pointer;
    background-position: 105px -247px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: .1em .5em;
    border: 1px solid #ddd !important;
    position: relative;
    height: 31px;
}

.select03::-ms-expand {
    /* for IE 11 */
    display: none;
}
.select03-1 {
    width: 215px;
    background: url(../img/btn_img.png) no-repeat;
    cursor: pointer;
    background-position: 190px -247px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: .1em .5em;
    border: 1px solid #ddd !important;
    position: relative;
    height: 31px;
}

.select04 {
    width: 140px;
    background: url(../img/btn_img.png) no-repeat;
    cursor: pointer;
    background-position: 122px -247px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: .1em .5em;
    border: 1px solid #ddd !important;
    position: relative;
    height: 31px;
}

.select04::-ms-expand {
    /* for IE 11 */
    display: none;
}

.select05 {
    width: 100%;
    background: url(../img/btn_img.png) no-repeat;
    cursor: pointer;
    background-position: 105px -247px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: .1em .5em;
    position: relative;
    height: 25px;
    border: none !important;
}


.select05::-ms-expand {
    /* for IE 11 */
    display: none;
}

.select06 {
    width: 100%;
    background: url(../img/icon_selectarrow.png) no-repeat;
    cursor: pointer;
    background-position: 89% center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: .1em .5em;
    position: relative;
}

.w100pro {
    width: 100%
}

.scrollY {
    overflow-y: auto !important;
    padding: 0 0 50px 0;
}

.subContent .pLR30 {
    padding: 0 30px 50px 30px !important;
}

.subContent .paRL30 {
    padding: 0 30px;
}

.flex_align_center,
.flex_vertical_center {
    align-items: center
}

.login_text {
    vertical-align: middle;
    line-height: 59px;
    color: #fff;
    font-size: 14px;
    text-align: center;
    padding: 0 10px;
    cursor: pointer;
}

.login_out {
    margin: 20px;
    color: #fff;
}

.login_svg {
    margin: 7px 0 0 0;
    position: relative;
    top: 7px;
}

.login_info {
    position: relative;
    top: -2px;
    cursor: pointer;
}

.logout_text {
    position: relative;
    top: -7px;
    margin: 0 0 0 5px;
    font-size: 16px;
    padding: 5px;
}

.logout_text:hover {
    font-weight: 600;
}

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

.placeholder_box25 input[type="text"] {
    width: 430px;
    vertical-align: middle;
    box-sizing: border-box;
    padding: 5px 10px;
    border: 1px solid #ddd !important;
}

input.img-button9 {
    background: url("../img/btn_img.png") no-repeat;
    width: 30px;
    height: 30px;
    border: none;
    cursor: pointer;
    background-position: -88px 0;
}

input.img-button9:hover {
    background-position: -88px -35px;
}

input.img-button2_1 {
    background: url("../img/btn_img.png") no-repeat;
    width: 30px;
    height: 30px;
    border: none;
    cursor: pointer;
    background-position: -88px 0;
}

input.img-button2_1:hover {
    background-position: -88px -35px;
}

input.img-button2_2 {
    background: url("../img/btn_img.png") no-repeat;
    width: 30px;
    height: 30px;
    border: none;
    cursor: pointer;
    background-position: -88px 0;
    top: 1px;
}

input.img-button2_2:hover {
    background-position: -88px -35px;
}

.placeholder_box26 input[type="text"] {
    width: 100px !important;
    vertical-align: middle;
    box-sizing: border-box;
    padding: 5px 10px;
    border: 1px solid #ddd !important;
}

input.img-button2_3 {
    background: url("../img/btn_img.png") no-repeat;
    width: 30px;
    height: 30px;
    border: none;
    cursor: pointer;
    background-position: -88px 0;
    top: 1px;
    right: -5px;
}

input.img-button2_3:hover {
    background-position: -88px -35px;
}

.calarea {
    width: 120px;
    display: inline-flex
}

.placeholder_box10_1 input[type="text"] {
    width: 95px;
    vertical-align: middle;
    box-sizing: border-box;
    padding: 5px 10px;
    border: 1px solid #ddd !important;
}

.messageinfo4_Content {
    /*padding: 18px 0 0 0;*/
    /* overflow: auto; */
}

/* ***************** 사용량 내역 table *************** */
.report_list24 {
    width: 100%;
    color: #333;
    border-spacing: 0;
}

.report_list24 > tbody > tr > th {
    width: 93px;
    height: 34px;
}

.report_list24 > tbody > tr > td {
    width: 556px;
}

.report_list24 > tbody > tr {
    height: 25px
}

.report_list24 > tbody th {
    background: #F8F8F8;
    border-right: 1px solid #ddd;
    text-align: right;
    padding: 0 10px 0 0;
}

.report_list24 > tbody th,
.report_list24 > tbody td {
    border-top: 1px solid #ddd;
    padding: 8px 10px;
}

.report_list24 > tbody > tr:last-child td {
    border-bottom: 1px solid #ddd;
}

.report_list25 {
    width: 100%;
    color: #333;
    border-spacing: 0;
}

.report_list25 tr {
    box-sizing: border-box;
}

.report_list25 thead th {
    background: #F8F8F8;
    font-weight: bold;
    text-align: center;
    border-right: 1px solid #ddd;
}

.report_list25 > tbody tr td {
    border-right: 1px solid #ddd;
    text-align: right;
}

.report_list25 > thead tr th {
    border-right: 1px solid #ddd;
}

.report_list25 > thead tr th:last-child,
.report_list25 > tbody tr td:last-child {
    border-right: none;
}

.report_list25 > tbody > tr:first-child td {
    border-bottom: 1px solid #ddd;
    height: 34px;
}

/* ***************** // 사용량 내역 table *************** */

.left {
    text-align: left !important;
}

.placeholder_box27 {
    position: relative;
    width: 646px;
}

.placeholder_box27 input[type="text"] {
    border: 1px solid #666;
    height: 40px;
    line-height: 40px;
    width: 645px;
    width: 100%;
    padding: 3px 5px;
    box-sizing: border-box;
    font-size: 1.125rem;
}

select {
    width: 150px;
    padding: .6em;
    background: url("../img/icon_selectarrow.png") no-repeat 90% 50%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #ddd !important;
}

select::-ms-expand {
    /* for IE 11 */
    display: none;
}

.select01 {
    width: 318px;
    background: url("../img/icon_selectarrow.png") no-repeat 97% 50%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: .1em .5em;
    border: 1px solid #ddd;
    position: relative;
    height: 31px;
}

.select01::-ms-expand {
    /* for IE 11 */
    display: none;
}

.textbox {
    position: relative;
    width: 200px;
    margin: 15px
}

.textbox label {
    position: absolute;
    top: 1px;
    left: 1px;
    padding: .8em .5em;
    color: #ddd;
    cursor: text;
}

.placeholder_box01 input[type="text"] {
    font-size: 13px;
    border: 1px solid #ddd !important;
    height: 30px;
    width: 84px;
    padding: 3px 5px;
    box-sizing: border-box;
    line-height: 28px;
    margin-right: 15px;
}

::placeholder {
    color: #999;
    opacity: 1;
    /* Firefox */
}

:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #999;
}

::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #999;
}

.previewCenter {
    margin: 0 auto;
    text-align: center;
}

.color_main {
    color: #0c98fe;
}

/********************************************************************/
/*                                                                  */
/*               거래처 관라 > 납부방법 선택시 색상                 */
/*                                                                  */
/********************************************************************/
.multiselect__option--selected.multiselect__option--highlight {
    background: #0C98FE !important;
}

.multiselect__option--highlight {
    background: #0C98FE !important;
}

/********************************************************************/
/*                                                                  */
/*                            dashboard                             */
/*                                                                  */
/********************************************************************/
.dashboard {
    text-align: center;
    width: 100%;
    padding: 30px;
}

.dashboard img {
    margin: auto
}

#contents_dashboard {
    position: relative;
    margin: 0 auto;
    width: 100%;
    overflow-y: auto;
}

.placeholder_box04_1 input[type="text"],
.placeholder_box04_1 input[type="password"] {
    width: 148px;
    vertical-align: middle;
    box-sizing: border-box;
    padding: 5px 10px;
    border: 1px solid #ddd !important;
    background: #fff;
}


/********************************************************************/
/*                            Tab Menu                              */
/********************************************************************/

.box_cont .box_a li {
    padding: 5px 0;
}

.box_a > ul > li > a {
    padding: 5px;
    color: #333;
    /* fill: #f00; */
    width: 170px;
    display: inline-block;
}

.box_a > ul > li > a:hover,
.box_a > ul > li .active {
    fill: #0C98FE !important;
    color: #0C98FE !important;
}

.box_a > ul > li > a > svg {
    vertical-align: middle;
}

.box_a > ul > li > a > svg.svg:hover {
    fill: #0C98FE !important;
}

.box_a > ul > li > a > span {
    vertical-align: middle;
    padding: 0 0 0 10px;
    top: -1px;
    position: relative;
}

.inline {
    display: inline;
}

.calarea2 {
    display: inline-flex
}

.colorFFF {
    display: inline-block;
    width: 22px;
    height: 22px;
    background: #fff;
    border: 1px solid #ddd;
    vertical-align: middle;
    margin-right: 5px;
}

.noData {
    margin: 0 auto;
    text-align: center;
    height: 100px;
    line-height: 100px;
}

.block,
.inline_block {
    display: inline-block !important;
}

.subContent.active.forward .subTitle {
    cursor: default;
    color: #333;
}

.subContent.active:not(.forward) .subTitle:hover {
    color: #333 !important;
    background-color: #f3f3f3;
}

.placeholder_box28 input[type="text"],
.placeholder_box28_1 input[type="text"] {
    text-align: right;
    vertical-align: middle;
    box-sizing: border-box;
    padding: 5px 5px;
    border: 1px solid #ddd !important;
}

.placeholder_box28 input[type="text"] {
    /*width: 158px;*/
    width: 100%;
}

.placeholder_box28_1 input[type="text"] {
    width: 45px;
}

.location > ul > li > span.active a:hover {
    text-decoration: underline;
}


/************************* 잉크/토너 잔량(%) ****************************/
.amount_Wrap {
    display: flex;
    flex-direction: column;
    width: 22px;
    height: 22px;
    align-items: center;
    border: 1px solid #ddd;
    border-radius: 3px;
    overflow: hidden;
    box-sizing: border-box;
    margin: 0 auto;
    position: relative;
}

.amount_text {
    position: absolute;
    line-height: 22px;
    z-index: 1;
    font-weight: bold;
    font-size: 12px;
    top: -1px
}

.amount_box1 {
    margin-top: auto;
    width: 22px;
    background-color: #999;
    bottom: 0;
}

.amount_box2 {
    margin-top: auto;
    width: 22px;
    background-color: #409ee9;
    bottom: 0;
}

.amount_box3 {
    margin-top: auto;
    width: 22px;
    background-color: #f555b2;
    bottom: 0;
}

.amount_box4 {
    margin-top: auto;
    width: 22px;
    background-color: #ffd426;
    bottom: 0;
}

.percent30 {
    height: 30%;
}

.percent50 {
    height: 50%;
}

.percent70 {
    height: 70%;
}

.percent90 {
    height: 90%;
}


/************* radio button *****************/
.radio input[type="radio"] {
    position: absolute;
    opacity: 0;
}

.radio input[type="radio"] + label em:before {
    content: "";
    background: #f4f4f4;
    border-radius: 100%;
    border: 1px solid #b4b4b4;
    display: inline-block;
    width: 1.4em;
    height: 1.4em;
    position: relative;
    top: -0.2em;
    margin-right: 1em;
    vertical-align: top;
    cursor: pointer;
    text-align: center;
    transition: all 250ms ease;
}

.radio input[type="radio"]:checked + label em:before {
    background-color: #3197ee;
    box-shadow: inset 0 0 0 4px #f4f4f4;
}

.radio input[type="radio"]:focus + label em:before {
    outline: none;
    border-color: #3197ee;
}

.radio input[type="radio"]:disabled + label em:before {
    box-shadow: inset 0 0 0 4px #f4f4f4;
    border-color: #b4b4b4;
    background: #b4b4b4;
}

.radio input[type="radio"] + label em:empty:before {
    margin-right: 5px;
}

.pagination .active {
    background-color: #0C98FE;
    text-align: center;
    margin: 0px;
    padding: 0px;
    color: #fff !important;
}

.table_wrap7 h3 {
    font-size: 20px;
    font-weight: bold;
    line-height: 40px;
}

.resetButton {
    height: 36px;
    line-height: 30px;
    width: 70px;
    padding: 4px 0;
    border-radius: 3px;
    margin: 0 0 0 5px;
}

.button5 {
    border: none;
    line-height: 40px;
    min-height: 40px;
    width: 70px;
    text-align: center;
    text-decoration: none;
    border-radius: 5px;
    font-size: 14px;
    margin: 0 0 0 5px;
    border: 1px solid #ddd;
    color: #555;
    box-sizing: border-box;
    cursor: pointer;
}

.button6 {
    background-color: #0c98fe;
    color: #fff;
    line-height: 41px;
    min-height: 41px;
    width: 70px;
    text-align: center;
    text-decoration: none;
    font-size: 14px;
    cursor: pointer;
    outline: none;
    border-radius: 5px;
    margin: 0 0 0 5px;
}

.button7 {
    border: none;
    line-height: 40px;
    min-height: 40px;
    width: 90px;
    text-align: center;
    text-decoration: none;
    border-radius: 5px;
    font-size: 14px;
    margin: 0 0 0 5px;
    border: 1px solid #ddd;
    color: #555;
    box-sizing: border-box;
    cursor: pointer;
}

.multiselect__tags_none {
    min-height: 40px;
    display: block;
    padding: 8px 8px 0 0;
    border-radius: 5px;
    border: none;
    background: #fff;
    font-size: 14px;
}

.paddingLR30 {
    padding: 0 30px;
}

.ellipsis {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    word-wrap:normal;
}


@media (min-width: 1904px) {
    .container {
        max-width: 100% !important;
        padding: 0 !important;
    }
}

@media (min-width: 1264px) {
    .container {
        max-width: 100% !important;
        padding: 0 !important;
    }
}

@media (min-width: 960px) {
    .container {
        max-width: 100% !important;
        padding: 0 !important;
    }
}

label {
    padding-left: 3px;
}

/*input[type="text"] {
    padding: 1px 10px !important;
}*/

button {
    outline: none;
    border: none;
    padding: 0;
    background: none;
}

input, select, textarea {
    position: relative;
    /*width: 100%;*/
    outline: 0;
    color: #333;
    vertical-align: middle;
    border: 1px solid #ddd;
    box-sizing: border-box;
    background: #fff;
}

textarea {
    resize: none !important;
    width: 100%;
    background-color: #fff;
    overflow-y: auto;
    padding: 3px 5px;
    resize: none !important;
    border: 1px solid #ddd !important;
}


/*  select 버튼 스타일 추가 */
input[type=checkbox] {
    display: none;
}

input[type=checkbox] + label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    font-size: 13px;
    /*top: 7px;*/
    line-height: 30px;
    padding-left: 30px !important;
}

input[type=checkbox] + label:before {
    content: "";
    display: inline-block;
    width: 22px;
    height: 22px;
    position: absolute;
    left: 0;
    bottom: -5px;
    background-color: #fff;
    border-radius: 2px;
    box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0), 0px 1px 0px 0px rgba(255, 255, 255, 0.3);
    border: 1px solid #DDDDDD !important;
    box-sizing: border-box;
    line-height: 30px;
}

input[type=checkbox]:checked + label:before {
    background: url(../img/icon_checked.png) -17px top no-repeat;
}

input[type=checkbox]:checked + label:before {
    background: url(../img/icon_checked.png) -17px top no-repeat;
}

.v-input--selection-controls {
    margin-top: 0px !important;
    padding-top: 0px !important;
}

.v-radio {
    /*display: initial;*/
    /*width: 26px !important;*/
}

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

.v-btn--contained {
    box-shadow: none !important;
}


/*===================================================================*/

/* detail window */

.window_table,
.window_table2,
.window_table3,
.window_table4 {
    border-bottom: 1px solid #ddd;
    border-spacing: 0;
    margin-top: 4px;
    width: 100%;
    font-size: 13px;
    table-layout: fixed;
}

h3 {
    font-size: 15px;
    font-family: 'Segoe UI';
    font-weight: bold;
}

.window_table th,
.window_table td,
.window_table2 th,
.window_table2 td,
.window_table3 th,
.window_table3 td,
.window_table4 th,
.window_table4 td {
    border-top: 1px solid #ddd;
    font-weight: normal;
    height: 29px;
    padding: 3px 6px;
}

.window_table th,
.window_table2 th,
.window_table3 th,
.window_table4 th {
    background: #f8f8f8;
    text-align: right;
    border-right: 1px solid #ddd;
}

/* window 500이하 */
.window_table2 th {
    width: 30%;
}

/* window 500이상 */
.window_table th {
    width: 20%;
}

/* window 120이상 */
.window_table3 th {
    width: 15%;
}

/* window 500이상 */
.window_table4 th {
    width: 25%;
}


/* 프린터 사용량 수정 창 */
.window_table5 {
    border-bottom: 1px solid #ddd;
    border-spacing: 0;
    margin-top: 4px;
    width: 100%;
}

.window_table5 th {
    width: 20%;
    height: 30px;
    border-right: 1px solid #ddd;
    text-align: center;
}


.window_table5 td {
    border-top: 1px solid #ddd;
    padding: 8px 10px;
}


/******* 공통 *******/
.list-radio {
    margin: 0 auto !important;
    width: 26px !important;
}

/******* pagination *******/
.pagination_center {
    text-align: center;
    margin: 25px auto;
    width: 100%;
}

.pagination_center li {
    width: 24px;
    height: 24px;
    border-radius: 4px;
    margin: 0 4px;
}

.pagination {
    display: inline-block;
}

.pagination a {
    width: 28px;
    height: 28px;
    border-radius: 4px;
    text-align: center;
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #707070 !important;
    font-weight: bold;
}

.pagination.active a,
.pagination a:hover {
    background-color: #0C98FE;
    text-align: center;
    margin: 0px;
    padding: 0px;
    color: white !important;
}

.pagination a:hover:not(.active) {
    background-color: #ddd;
}

.pagination a:empty {
    display: none !important
}


/* 프린터 상세 > 프린터 정보 */

/*  잔량정보    */
.tn_table1 {
    border-spacing: 0;
    width: 100%;
}

.tn_table1 > thead > tr > th {
    background: #F8F8F8;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-top: 1px solid #ddd;
    height: 40px;
}

.tn_table1 > thead > tr:nth-child(1) > th:nth-child(1) {
    width: 20%;
}

.tn_table1 > thead > tr:nth-child(1) > th:last-child,
.tn_table1 > thead > tr:nth-child(2) > th:last-child {
    border-right: none;
}

.tn_table1 > thead > tr:nth-child(2) th {
    border-top: none
}

.tn_table1 > tbody > tr > td {
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    height: 40px;
    padding: 0 10px;
    text-align: right;
}

.tn_table1 > tbody > tr > td:last-child {
    border-right: none;
}

.tn_table1 > tbody > tr > td:nth-child(1) {
    text-align: center;
}

.tn_table2 {
    border-spacing: 0;
    margin-top: 30px;
    width: 100%;
}

.tn_table2 th {
    background: #F8F8F8;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-top: 1px solid #ddd;
    height: 40px;
    width: 12.5%;
}

.tn_table2 tr:nth-child(1) th:last-child {
    border-right: none;
}

.tn_table2 tr:nth-child(2) th {
    border-top: none
}

.tn_table2 td {
    text-align: right;
    padding: 0 10px;
    height: 40px;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.tn_table2 td:last-child {
    border-right: none;
}

/*  프린터 상세정보 > 계약정보    */
.tn_table3 {
    border-spacing: 0;
    margin-top: 30px;
    width: 100%;
}

.tn_table3 > tbody > tr > th {
    background: #F8F8F8;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-top: 1px solid #ddd;
    padding: 7px;
}

.tn_table3 > tbody > tr > th:nth-child(1),
.tn_table3 > tbody > tr > th:nth-child(4) {
    width: 20%;

}

.tn_table3 > tbody > tr:nth-child(1) > th:last-child {
    border-right: none;
}

.tn_table3 > tbody > tr:nth-child(2) > th {
    border-top: none;
}

.tn_table3 > tbody > tr > td {
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    padding: 7px;
    text-align: right;
    width: 15%;
}

.tn_table3 > tbody > tr > td:last-child {
    border-right: none;
}


/*  작업 > 작업현황 목록   */
.tn_table4 {
    width: 100%;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-spacing: 0;
}

.tn_table4 th,
.tn_table4 td {
    padding: 5px 10px;
    border-right: 1px solid #ddd;
}

.tn_table4 th:last-child,
.tn_table4 td:last-child {
    border-right: none;
}

.tn_table4 th {
    text-align: center;
    height: 30px;
    line-height: 30px;
    background: #F8F8F8;
}

.tn_table4 th:nth-child(1) {
    width: 26px;
}

.tn_table4 th:nth-child(3) {
    width: 450px;
}

.tn_table4 th:nth-child(2) {
    width: 135px;
}

.tn_table4 th:nth-child(7) {
    width: 110px;
}

.tn_table4 th:nth-child(5) {
    width: 230px;
}

.tn_table4 th:nth-child(6) {
    width: 150px;
}

.tn_table4 th:nth-child(8) {
    width: 135px;
}

.tn_table4 th:nth-child(9) {
    width: 120px;
}

.tn_table4 th:nth-child(10) {
    width: 140px;
}

.tn_table4 td {
    border-top: 1px solid #ddd;
    height: 30px;
}

.tn_table4 td:nth-child(2),
.tn_table4 td:nth-child(5),
.tn_table4 td:nth-child(6),
.tn_table4 td:nth-child(7),
.tn_table4 td:nth-child(8),
.tn_table4 td:nth-child(9) {
    text-align: center;
}

.tn_table4 td:nth-child(4),
.tn_table4 td:nth-child(10) {
    text-align: left;
}

/*******    거래처관리 목록    *******/
.tn_table5 {
    width: 100%;
    border-top: 1px solid #ddd;
    border-spacing: 0;
}

.tn_table5 th,
.tn_table5 td {
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

.tn_table5 th:last-child,
.tn_table5 td:last-child {
    border-right: none;
}

.tn_table5 th {
    background: #F8F8F8;
}

/*.tn_table5 td {
    line-height: 30px;
}*/

.tn_table5 th,
.tn_table5 td {
    padding: 7px 10px;
    text-align: center;
}

.tn_table5 th:nth-child(1) {
    width: 26px;
}

.tn_table5 th:nth-child(3) {
    /*width: 110px;*/
}

.tn_table5 th:nth-child(4) {
    width: 200px;
}

.tn_table5 th:nth-child(5) {
    /*width: 120px;*/
}

.tn_table5 th:nth-child(6) {
    width: 120px;
    /*width: 80px;*/
}

.tn_table5 th:nth-child(7),
.tn_table5 th:nth-child(8),
.tn_table5 th:nth-child(9) {
    /*width: 90px;*/
}

.tn_table5 th:nth-child(10) {
    width: 100px;
    padding: 0 5px;
}

.tn_table5 th:nth-child(11) {
    width: 50px;
}

.tn_table5 th:last-child {
    width: 60px;
}

.tn_table5 td:nth-child(2) {
    text-align: left;
}

.tn_table5 td:nth-child(8),
.tn_table5 td:nth-child(10),
.tn_table5 td:nth-child(11) {
    text-align: right;
}

/*.tn_table5 td:nth-child(10) {
    color: #ff0000;
}*/

/*******  장치현황 목록   *******/
.tn_table6 {
    width: 100%;
    border-top: 1px solid #ddd;
    border-spacing: 0;
}

.tn_table6 th:nth-child(1) {
    width: 50px;
}

.tn_table6 th,
.tn_table6 td {
    padding: 5px 10px;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

.tn_table6 th:last-child,
.tn_table6 td:last-child {
    border-right: none;
}

.tn_table6 th {
    background: #F8F8F8;
    text-align: center;
    line-height: 30px;
}

.tn_table6 td {
    line-height: 30px;
    text-align: center;
}

.tn_table6 td:nth-child(2) {
    text-align: left;
}


/******* 프린터 > 프린터 현황 *******/
.tn_table7 {
    width: 100%;
    border-top: 1px solid #ddd;
    border-spacing: 0;
}

.tn_table7 th,
.tn_table7 td {
    padding: 5px 10px;
    height: 30px;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    text-align: center;
}

.tn_table7 th {
    background: #F8F8F8;
    line-height: 20px;
}

.tn_table7 tr:nth-child(1) th:last-child,
.tn_table7 tr:nth-child(2),
.tn_table7 td:last-child {
    border-right: none;
}

.tn_table7 tr:nth-child(1) th:nth-child(1) {
    width: 26px;
}

.tn_table7 td:nth-child(2),
.tn_table7 td:nth-child(3),
.tn_table7 td:nth-child(4) {
    text-align: left;
}

.tn_table7 td:nth-child(15),
.tn_table7 td:nth-child(16),
.tn_table7 td:nth-child(17),
.tn_table7 td:nth-child(18) {
    text-align: right;
}

.tn_table7 th.width40 {
    width: 40px;
}

/*******  매출 > 월별사용량   *******/
.tn_table8 {
    width: 100%;
    border-top: 1px solid #ddd;
    border-spacing: 0;
}

.tn_table8 th {
    background: #F8F8F8;
    height: 26px;
}

.tn_table8 td:nth-child(8),
.tn_table8 td:nth-child(10),
.tn_table8 td:nth-child(11),
.tn_table8 td:nth-child(12),
.tn_table8 td:nth-child(13),
.tn_table8 td:nth-child(14) {
    padding: 5px 0;
}

.tn_table8 th,
.tn_table8 td {
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    text-align: center;
}

.tn_table8 td {
    padding: 5px;
}

.tn_table8 tr:nth-child(1) th:last-child,
.tn_table8 tr:nth-child(2),
.tn_table8 td:last-child {
    border-right: none;
}

.tn_table8 tr td:nth-child(2) {
    text-align: left;
}

.tn_table8 tr td:nth-child(9),
.tn_table8 tr td:nth-child(10),
.tn_table8 tr td:nth-child(11),
.tn_table8 tr td:nth-child(12),
.tn_table8 tr td:nth-child(13),
.tn_table8 tr td:nth-child(14),
.tn_table8 tr td:nth-child(15),
.tn_table8 tr td:nth-child(16),
.tn_table8 tr td:nth-child(17),
.tn_table8 tr td:nth-child(18) {
    text-align: right;
}

.monthly_border li:nth-child(1) {
    border-bottom: 1px solid #ddd;
}

.monthly_border li:nth-child(1),
.monthly_border li:nth-child(2) {
    padding: 1px 4px;
}


/*******  매출 > 매출  *******/
.tn_table9 {
    width: 100%;
    border-top: 1px solid #ddd;
    border-spacing: 0;
}

.tn_table9 th {
    background: #F8F8F8;
}

.tn_table9 th:nth-child(1) {
    width: 26px;
}

.tn_table9 th,
.tn_table9 td {
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    padding: 5px 10px;
    height: 30px;
    line-height: 30px;
    text-align: center;
}

.tn_table9 th:last-child,
.tn_table9 td:last-child {
    border-right: none;
}

.tn_table9 td:nth-child(3) {
    width: 80px !important;
}

.tn_table9 td:nth-child(4) {
    width: 60px !important;
}

.tn_table9 td:nth-child(5) {
    width: 110px !important;
}

.tn_table9 td:nth-child(2),
.tn_table9 td:nth-child(6) {
    text-align: left;
}

.tn_table9 td:nth-child(4),
.tn_table9 td:nth-child(7),
.tn_table9 td:nth-child(8),
.tn_table9 td:nth-child(9),
.tn_table9 td:nth-child(10) {
    text-align: right;
}

/*******  직원관리   *******/
.tn_table10 {
    width: 100%;
    border-top: 1px solid #ddd;
    border-spacing: 0;
}

.tn_table10 th {
    background: #F8F8F8;
}

.tn_table10 th:nth-child(1) {
    width: 26px;
}

.tn_table10 th,
.tn_table10 td {
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    padding: 5px 10px;
    height: 30px;
    line-height: 30px;
    text-align: center;
}

.tn_table10 th:last-child,
.tn_table10 td:last-child {
    border-right: none;
}


/*******  영업일 관리   *******/
.tn_table11 {
    width: 100%;
    border-top: 1px solid #ddd;
    border-spacing: 0;
    margin-top: 8px;
}

.tn_table11 th {
    background: #F8F8F8;
}

.tn_table11 th:nth-child(1) {
    width: 50px;
}

.tn_table11 th,
.tn_table11 td {
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    padding: 5px 10px;
    height: 30px;
    line-height: 30px;
    text-align: center;
}

.tn_table11 th:last-child,
.tn_table11 td:last-child {
    border-right: none;
}



/*******  프린터 계약서 목록   *******/
.tn_table12 {
    width: 100%;
    border-top: 1px solid #ddd;
    border-spacing: 0;
}

.tn_table12 th {
    background-color: #f8f8f8;
}

.tn_table12 th,
.tn_table12 td {
    padding: 3px;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    height: 40px;
    text-align: center;
}

.tn_table12 th:last-child,
.tn_table12 td:last-child {
    border-right: none;
}

.tn_table12 > tr > thead > td:nth-child(1) {
    width: 50px;
}

.tn_table12 > tr > thead > td:nth-child(2) {
    width: 200px;
}

.tn_table12 td:nth-child(10) {
    text-align: right;
}



/*******  프린터 메시지   *******/
.tn_table13 {
    width: 100%;
    border-top: 1px solid #ddd;
    border-spacing: 0;
}

.tn_table13 th:nth-child(1) {
    width: 26px;
}

.tn_table13 th,
.tn_table13 td {
    padding: 5px 10px;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    height: 40px;
}

.tn_table13 th {
    background: #F8F8F8;
}

.tn_table13 th:nth-child(5) {
    min-width: 150px;
}

.tn_table13 th:last-child,
.tn_table13 td:last-child {
    border-right: none;
}

.tn_table13 th,
.tn_table13 td:nth-child(3),
.tn_table13 td:nth-child(5) {
    text-align: center;
}


/** Map Search */
.map-container {
    display: flex;
    width: 100%;
    height: 100%;
}

/* Vue Numeric Input */
#app input[type=tel] {
    border: 1px solid #ddd;
    padding: 2px 10px;
}

.button--Color {
    height: 45px !important;
    background: #2196f3 !important;
    color: #fff !important;
    flex: 1 0 !important;
}

/* Font Size */
.font__13 {
    font-size: 0.813rem !important;
}

.font__14 {
    font-size: 0.875rem !important;
    line-height: 1.375rem !important;
}

.font__16 {
    font-size: 1rem !important;
    line-height: 1.188rem !important;
}

.font__17 {
    font-size: 1.063rem !important;
    line-height: 1.5rem !important;
}

.color__999 {
    color: #999 !important;
}

.color__666 {
    color: #666 !important;
}

.color__333 {
    color: #333 !important;
}

.color__aaa {
    color: #aaa !important;
}

.color__blue {
    color: #0C98FE !important;
}
.color__skyblue {
    color: #48b1fe !important;
}

.color__red {
    color: #EC4DA3 !important;
}

.line-through {
    text-decoration: line-through;
}

/* 여백 */
.py__3 {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
}

.px__10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.px__18 {
    padding-left: 18px !important;
    padding-right: 18px !important;
}

/** Map App */
.map-app-content-expand {
    display: flex;
    height: 100%;
}

.map-app-content-fold {
    position: relative;
    height: 100%;
}

.map-app-content-fold.content-wrapped {
    width: 360px;
}

.map-app-content-none-display {
    display: none;
}

.display-none {
    display: none;
}

.map-app-tab-content__wrapper {
    width: 750px;
    height: 100%;
    position: relative;
    background-color: white;
    z-index: 1;
    border-right: 1px solid #ddd;
    overflow-y: hidden;
    overflow-x: hidden;
}

.map-app-tab-content__wrapper .v-toolbar__content {
    padding: 4px 4px;
}

.map-app-content-fold .map-app-tab-content__wrapper {
    position: absolute;
    top: 0;
    left: 0;
}

.map-app-tab-content__wrapper .inner_wrapper,
.map-app-tab-content__wrapper .info_wrapper {
    height: 100%;
    padding: 0;
    overflow-x: hidden;
    overflow-y: hidden;
}

.map-app-tab-content__wrapper .inner_wrapper {
    width: 100%;
}

.map-app-tab-content__wrapper .info_wrapper,
.map-app-tab-content__wrapper .inner_wrapper
{
    padding-top: 64px;
}

/*.map-app-tab-content__wrapper .info_wrapper,*/
/*.map-app-tab-content__wrapper .inner_wrapper*/
/*{*/
/*    padding-top: 56px;*/
/*}*/

.map-app-tab-content__wrapper .info_wrapper > .title
{
    font-size: 20px;
    font-weight: bold;
}

.map-app-tab-content__wrapper .text_area {
    border-bottom: 1px solid #ddd;
    padding: 10px 20px;
}

.map-app-tab-content__wrapper .middle_line {
    width: 100%;
    height: 30px;
    background-color: #f4f4f4;
    padding: 0 20px;
    font-size: 13px;
    line-height: 30px;
}

.map-app-tab-content__wrapper .bottom {
    width: 100%;
    height: 70px;
    background-color: #555555;
    color: white;
    font-size: 14px;
    padding: 10px 20px;
}

.map-app-tab-content__wrapper .bottom > span {
    display: block;
}

#app .toggle_card {
    background-color: #ddd;
}

/**
 작업 컨텍스트 메뉴
 */
.work-context-menu {
    text-align: center !important;
}

.work-context-menu .work-context-menu__item {
    border-bottom: 1px solid #ddd;
    text-align: center !important;
}

.work-context-menu .work-context-menu__item:first-child {
    padding-top: 8px;
}

.work-context-menu .work-context-menu__item:last-child {
    padding-bottom: 8px;
    border-bottom: 0;
}

table td {
    word-break: break-all;
}

.header_menu .header_ic_user {
    display:flex;
    align-items:center;
}
.header_menu .header_ic_more {
    display:none;
}

.select_box_group {
    display: flex;
    flex-wrap: wrap;
}

.select_box_group li {
    width: 150px;
}

.v-text-field.v-text-field--enclosed .v-text-field__details {
    display: none;
}

.table_st {
    padding: 8px 4px;
}

.simple_header_menu {
    display: flex;
    padding: 14px 30px 8px;
}

.no_data_text_wrap {
    font-size: 0.875rem;
    color: #888;
    font-weight: 500;
    margin-top: 30px;
}

.two-row-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.1;
}

.border-none {
    border: none;
}

.select_border_none {
    border: none !important;
    background-image: none;
}

.required_bolder {
    border: 1px solid red ;
}


.translate-y1 {
    transform: translateY(1px);
}

.translate-y2 {
    transform: translateY(2px);
}

.translate-y3 {
    transform: translateY(3px);
}

.translate-y-1 {
    transform: translateY(-1px);
}

.translate-y-2 {
    transform: translateY(-2px);
}

.translate-y-3 {
    transform: translateY(-3px);
}

.fit-content {
    width: fit-content;
}