@charset "UTF-8";

/* ==========================================================================
   HTML(Common) Elements
   ========================================================================== */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 400;
	src:url('https://zinsc-contents.lxhausys.com/html/static/fonts/notosanskr/NotoSans-Regular.eot');
	src:url('https://zinsc-contents.lxhausys.com/html/static/fonts/notosanskr/NotoSans-Regular.woff') format('woff'),
		url('https://zinsc-contents.lxhausys.com/html/static/fonts/notosanskr/NotoSans-Regular.otf') format('otf'),
		url('https://zinsc-contents.lxhausys.com/html/static/fonts/notosanskr/NotoSans-Regular.eot?#iefix') format('embedded-opentype');
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 500;
	src:url('https://zinsc-contents.lxhausys.com/html/static/fonts/notosanskr/NotoSans-Medium.eot');
	src:url('https://zinsc-contents.lxhausys.com/html/static/fonts/notosanskr/NotoSans-Medium.eot?#iefix') format('embedded-opentype'),
		url('https://zinsc-contents.lxhausys.com/html/static/fonts/notosanskr/NotoSans-Medium.woff') format('woff'),
		url('https://zinsc-contents.lxhausys.com/html/static/fonts/notosanskr/NotoSans-Medium.ttf') format('truetype');
}
html,
body {
    width: 100%;
    height: 100%;
}
html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
body {
    padding: 0px;
    margin: 0px;
    height: 100%;
    min-height: 100%;
    /*background: #f9f9f9;*/
    background: #fff;
    position: relative;
    overflow: hidden;
    color: #262930;
    font-family: "Malgun Gothic", "Noto Sans KR", sans-serif;
    font-size: 12px;
	font-weight:400;
}
audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline
}
audio:not([controls]) {
    display: none;
    height: 0
}
[hidden], template {
    display: none
}
ol, ul {
    margin: 0;
    list-style: none;
}
a {
    text-decoration: none;
    cursor: pointer;
    color: #575757;
    margin: 0;
    padding: 0;
}
a:hover {
    color: #575757;
}
a:focus, a:hover {
    text-decoration: none;
}
hr {
    height: 0 !important;
    width: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
}
img {
	max-width:100%;
    border: none;
    vertical-align: middle;
}
input, select, button, textarea {
    color: #4d4c4c;
}
textarea {
    width: 100%;
    vertical-align: middle;
}
button {
    border: none;
    cursor: pointer;
}
table {
    border-collapse: collapse;
    table-layout:fixed;
}
iframe {
    border: none;
}
*:focus {
    outline: none;
}
caption {
    height: 0 !important;
    width: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
}
legend, caption {
    display: none;
}
em, i {
    font-style: normal;
}
h1, h2, h3 {
    margin-top: 10px;
}
label {
    margin: 0;
}
td input[type="text"]{
    vertical-align: bottom!important;
}
.clear {
    clear: both;
}
.clearFix:after {
    content: '';
    display: block;
    clear: both;
}
.noDisplay {
    height: 0 !important;
    width: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
}
.hiddenBlock {
    display: none;
}
.show {
    display: block;
}

[class^='col-xs-'],
[class^='col-sm-'] {
    padding-left: 0;
    padding-right:25px;
}

.row {
    margin-left: 0;
    margin-right: -5px;
}
.txt-center {
    text-align: center !important;
}
.txt-left {
    text-align: left !important;
}
.txt-right {
    text-align: right !important;
}
.txt-red {
    color: #f01313 !important;
}
.txt-blue {
    color: #1456CF !important;
}
.txt-black {
    color: #000 !important;
}
.txt-LGS {
    font-family: "Noto Sans KR";
}
.va-middle {
    vertical-align:middle !important;
}
.mr0{
    margin-right:0 !important;
}
.mr15{
    margin-right:15px !important;
}
.mt3 {
    margin-top: 3px !important;
}
.mt5 {
    margin-top: 5px !important;
}
.mt10 {
    margin-top: 10px !important;
}
.mt20 {
    margin-top: 20px !important;
}
.mt40 {
    margin-top: 40px !important;
}
.pdr10{
    padding-right:10px !important;
}
.bor-right-none{
    border-right: none!important;
}
.form-inline .inline-tex{
    display: inline-block;
    /*line-height: 26px;*/
    padding: 0 0 4px;
}
.img-wide img {
	width:100%;
}
.error-img {
	max-width:100% !important;
	width:auto !important;
}
.w50p {
	width:50% !important;
}
.w-auto{
    width:auto !important;
    min-width:60% !important;
}
.w200{
    width:200px !important;
}
.overH {
	overflow: hidden !important
}
.floatL {
	float: left !important
}
.floatR {
	float: right !important
}
.line27 {
	line-height: 27px !important
}
.ellipsis {
    overflow:hidden;text-overflow:ellipsis;display:block;white-space:nowrap;
}
.ellipsis-table td {
    overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.nodata-bg {
    background-color:#ddd;
}
.w75px {
	width:75px !important;
}
.form-price {
	text-align:right;
	color:#000;
}
.inline-block-style {
    display:inline-block;vertical-align:top;
}
/* ==========================================================================
   header
   ========================================================================== */
header.top-header{
    position: relative;
    height: 60px;
    border-bottom: 1px solid #dedede;
    background: #f8f8f8
}
header.top-header .sysLogo{
    float: left;
    width: 210px;
}
header.top-header .sysLogo h1{
    font-size: 20px;
}
header.top-header .sysLogo h1 a{ /* 2021-03-10 modify */
     padding-top: 12px;
	 color:transparent;
	background:url('../images/ico_logo.png') no-repeat center 50%;
}
header.top-header .sysLogo h1 a span { color:#212121; }

header.top-header .sysLogo h1 span{
    font-size: 12px;
    padding-top: 5px;
}
header .gnb-header .gnb{
    position: relative;
    background: blue;
}
header .gnb-header .gnb li{
    float: left;
    height: 60px;
    line-height: 60px;
}
header .gnb-header .gnb li a{
    font-family: "Noto Sans KR";
    font-size: 16px;
    color: #333;
    display: block;
    padding: 0 10px;
	letter-spacing:-0.6px;
}
header .gnb-header .gnb li a:hover{
    color: #830000;
}
header .gnb-header .gnb li a.select{
     color: #830000;
	 font-weight:500;
}
header .gnb-header .global-menu li{
    border-right: none;
}
header .gnb-header .global-menu .header-logout span{
    line-height: 60px;
}
header .gnb-header .global-menu .header-logout button,
header .gnb-header .global-menu .header-setting button{
    top: 21px;
}
.gnb-header {
	position: relative;
}
.page-container {
    position: relative;
    width: 100%;
    height: 100%;
    min-width: 1280px;
}
.page-left {
    width: 211px; height:100%;
    position: absolute;
    top: 0;
    left: 0;
    border-right: 1px solid #dedede;
    background: #f8f8f8;
}
.page-content {
    position: absolute;
    top: 0px;
    right: 0;
    left: 211px;
}
.page-head {
    position: relative;
    min-width: 1069px;
    background: #fff;
    border-bottom: 1px solid #e5e5e5;
}
.leftCon {
    display: block;
    width: 45px;
    height: 45px;
    border-right: 1px solid #ededed;
    text-align: center;
    float: left;
}
.leftCon img {
    margin: 15px 0 0 0;
}
.page-title {
    float: left;
    font-size: 16px;
    margin: 13px 0 0 17px;
    font-weight: bold;
    color: #666;
}
.global-menu {
    position: relative;
    margin-right: 10px;
}
.global-menu li {
    position: relative;
    float: left;
    height: 100%;
    margin: 0 10px;
    height: 45px;
}
.global-menu li:first-child{
    border-right: 1px solid #ededed;
}
.global-menu .header-help button,
.global-menu .header-logout button,
.global-menu .header-setting button{
    position: absolute;
    right: 0;
    width: 18px;
    height: 18px;
}
.global-menu .header-help button{
    background: url(../images/ico_help.png) no-repeat;
    top: 14px;
    margin-right: 20px;
}
.global-menu .header-logout span{
    font-family: "Noto Sans KR";
    color: #666;
    display: inline-block;
    line-height: 45px;
    padding-right: 29px;
	font-size:14px;
}
.global-menu .header-logout button{
    top: 14px;
    background: url(../images/ico_logout.png) no-repeat;
}
.global-menu .header-setting{
    width:18px;
}
.global-menu .header-setting button{
    background: url(../images/ico_setting.png) no-repeat;
    top: 14px;
}
.systemSearch {
    position: relative;
    width: 240px;
}
.systemSearch input {
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 3px 0 0 3px;
    border-right: none;
    width: 200px;
    padding: 0 0 0 10px;
    height: 28px;
    line-height: 28px;
    float: left;
    margin-top: 16px;
}
.systemSearch button {
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 0 3px 3px 0;
    border-left: none;
    height: 28px;
    line-height: 28px;
    float: left;
    margin-top: 16px;
    padding: 0 6px 0 0;
}
.systemSearch button img {
    position: relative;
    top: -2px;
}

/* ==========================================================================
   left & Navigation
   ========================================================================== */
.page-navigation {
    overflow: hidden;
    overflow-y: auto;
    scrollbar-3dLight-Color: #eee;
    scrollbar-arrow-color: #696969;
    scrollbar-base-color: #efefef;
    scrollbar-Face-Color: #d8d8d8;
    scrollbar-Track-Color: #eee;
    scrollbar-DarkShadow-Color: #eee;
    scrollbar-Highlight-Color: #eee;
    scrollbar-Shadow-Color: #eee;
}
.page-navigation::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}
.page-navigation::-webkit-scrollbar-track {
    background: #eee;
}
.page-navigation::-webkit-scrollbar-thumb {
    background: #d8d8d8;
}
.sysLogo {
    position: relative;
    text-align: center;
    height: 45px;

}
.sysLogo h1{
    font-family: "Noto Sans KR";
    margin-top: 0;
    font-size: 18px;
    font-weight: bold;
}
.sysLogo h1 a{
    padding-top: 7px;
    display: block;
    color: #830000;
}
.sysLogo h1 span{
    font-size: 11px;
    display: block;
    padding-top: 3px;
    color: #545353;
}

/* ==========================================================================
   main
   ========================================================================== */
.container {
    max-width: none!important;
    width: auto;
    overflow: auto;
    padding: 0;
    margin: 0;
    background-color: #fff;
}
.content {
    min-width: 1069px;
    padding: 20px;
}
.content-footer {
    margin-top: 30px;
    padding-top: 12px;
    padding-bottom: 12px;
    border-top: 1px solid #bbbbbb;
}
.content-footer:after {
    display: block;
    content: "";
    clear: both;
}
#iframeContainer {
    padding: 0;
    overflow: hidden;
}

/* ==========================================================================
   widget
   ========================================================================== */
/*.widgetWrapper .widget + .widget {
    margin-top: 0;
}*/
.widgetWrapper:after {
    display: block;
    content: "";
    clear: both;
}
/*.widget + .widget {
    margin-top: 30px;
}*/
.widget-header:after {
    display: block;
    content: "";
    clear: both;
}
.widget-header.fold > * {
    display: none;
}
.widget-header.fold > .widget-toggleBtn {
    display: block;
    background-position-y: -11px;
}
.widget-footer {
    margin-top: 20px;
}
.widget-footer:after {
    display: block;
    content: "";
    clear: both;
}

/* ==========================================================================
   title
   ========================================================================== */
.widget-header {
    height: 31px;
    line-height: 31px;
    margin-bottom: 5px;
}
.widget-header h1, .widget-header h2 {
    height: 31px;
    line-height: 31px;
    margin: 0;
    margin-right: 20px;
    font-weight: bold;
    font-size: 15px;
    color: #262930;
}
.widget-header h3 {
    height: 31px;
    line-height: 31px;
    margin: 0;
    font-size: 12px;
    font-weight: bold;
    color: #262930;
}
.widget-header > * {
    float: left;
}
.page-view{
    margin-bottom: 5px;
}
.page-view select {
    margin-left: 8px;
    width: 85px;
}
.page-view select + span {
    margin-left: 2px;
}

/* ==========================================================================
   search
   ========================================================================== */
.search:after {
    display: block;
    content: "";
    clear: both;
}
.search-content {
    position: relative;
    padding: 10px;
    border: 1px solid #c3c3c3;
    background: #fff;
}
.search-content table tbody th {
    text-align: right;
}
.search-content table tbody th,
.search-content table tbody td {
    height: 34px;
    padding: 4px 10px;
}
.search-footer {
    float: right;
    position: relative;
    margin-top: 12px
}
.search .row + .row {
    margin-top: 8px;
}
.search .row > label {
    height: 27px;
    line-height: 27px;
    padding-right: 10px;
    text-align: right;
    color: #4d4c4c;
    font-weight: bold;
}
.search .row > label + div {
    color: #4d4c4c;
}
.search .row:last-of-type .form-group {
    margin-bottom: 0;
}
.search-toggleBtn {
    position: absolute;
    bottom: -18px;
    left: 50%;
    margin-left: -40px;
}
.search-toggleBtn button.btn-default {
    width: 80px;
    height: 18px;
    padding: 0;
    border-top: none;
    background: #fff url("../images/ico_arrowUpDown01.png") no-repeat center 6px;
    text-indent: -9999px;
}
.search-toggleBtn.spread button {
    background-position-y: -12px;
}
.search .row + .hiddenBlock.show {
    margin-top: 8px;
}
.search-single .row > label {
    height: 33px;
    line-height: 33px;
}
.search-single .row > label + div {
    padding: 3px 0;
    height: 33px;
}
.search-single .search-footer {
    float: left;
    margin-top: 0;
    margin-left: 12px;
}
.search-content .display-row {
    display: table-row;
}
.search-content .display-row ~ tr {
    display: none;
}

/* ==========================================================================
   form
   ========================================================================== */
.form-asterisk {
    color: #e5113e;
    margin-right: 4px;
}
.checkbox-inline input[type=checkbox],
.radio-inline input[type=radio] {
    margin-top: 8px;
}
.singleView-input{
    display: inline-block;
    height: auto;
    border: 1px solid #c3c3c3;
}
.singleView-input .form-control{
    border: transparent;
    height: 24px;
}
input.form-asterisk,
select.form-asterisk{
    background-color: #ffdee9;
}
.form-control {
    display: inline-block;
    height: 27px;
    padding: 4px 10px;
    border: 1px solid #c3c3c3;
    border-radius: 0;
    font-size: 12px;
    box-shadow: none;
    margin-right: 1px;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    background-color: #ebebeb;
}
.form-control[readonly]{
     background-color: #fff;
}
select.form-control {
    padding: 3px 1px 4px 6px;
}
textarea.form-control {
    padding: 6px 10px;
}
.inline-data > * {
    float: left !important;
}
.inline-data > span {
    height: 27px;
    line-height: 27px;
    text-align: center;
}
.inline-data:after {
    display: block;
    content: "";
    clear: both;
}
.input-group[class*=col-] {
    padding-right: 5px;
    padding-left: 5px;
}
.radio-inline,
.checkbox-inline {
    position: relative;
    height: 27px;
    line-height: 27px;
    padding-left: 24px;
}
.radio-inline input[type="radio"] + ins.form-control,
.checkbox-inline input[type="checkbox"] + ins.form-control {
    position: absolute;
    top: 5px;
    left: 0;
    width: 19px;
    height: 19px;
    padding: 0;
    border: none;
}
.radio-inline input[type="radio"] + ins.form-control {
    background: url("../images/bg_radio.png") no-repeat center bottom;
    background: none \0/IE8;
}
.radio-inline input[type="radio"]:checked + ins.form-control {
    background-position-y: top;
}
.radio-inline ins.form-control + span {
    margin-left: 2px;
}
.checkbox-inline input[type="checkbox"] + ins.form-control {
    background: url("../images/bg_checkbox.png") no-repeat center bottom;
    background: none \0/IE8;
}
.checkbox-inline input[type="checkbox"]:checked + ins.form-control {
    background-position-y: top;
}
.checkbox-inline ins.form-control + span {
    margin-left: 2px;
}
.input-search input[type="text"] {
    border-right: none;
}
.input-search .input-group-btn button {
    width: 34px;
    height: 27px;
    padding: 0;
    margin-left: -1px;
    border: 1px solid #c3c3c3;
    border-left: none;
    background: #fff url("../images/ico_search.png") no-repeat center 4px;
    text-indent: -9999px;
}
.input-group.date .input-group-addon {
    padding: 0;
    border: none;
    background: none;
}
.input-group.date .input-group-addon button {
    width: 28px;
    height: 27px;
    padding: 0;
    margin-left: 5px;
    border: none;
    background: url("../images/ico_datepicker.png") 4px 3px no-repeat;
    text-indent: -9999px;
    border: 1px solid #c3c3c3;
}
.input-group.date + .calendar-tilda {
    height: 27px;
    line-height: 27px;
}
.input-file {
    position: relative;
}
.input-file input[type="file"] {
    position: absolute;
    top: 0;
    right: 0;
    width: 143px;
    height: 100%;
    opacity: 0;
    filter: alpha(opacity=0);
    cursor: pointer;
    clip: rect(0px,143px,27px,67px);
}
.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child>.btn,
.input-group-btn:first-child>.btn-group>.btn,
.input-group-btn:first-child>.dropdown-toggle,
.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,
.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle){
    margin-right: 0;
}
.form-control.inp_read {border-color:#fff;width:auto !important;box-shadow:none;padding:0;line-height:27px;}

/* ==========================================================================
   table
   ========================================================================== */
.table {
    margin-bottom: 0;
}
.table > caption + thead > tr:first-child > td,
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > td,
.table > thead:first-child > tr:first-child > th {
    border-top: 1px solid #c3c3c3;
}
.table >tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
    height: 34px;
    padding: 3px 12px;
    vertical-align: middle;
    border: 1px solid #c3c3c3;
    color: #666;
}
.table > tbody > tr > td,
.table > tfoot > tr > td,
.table > thead > tr > td {
    padding: 3px 8px;
}
.table td a {
    display: inline-block;
    height: 27px;
    line-height: 27px;
    margin: 0 5px;
    text-decoration: underline;
    color: #3166a2;
}
td .btn {
    float: none;
}
td .row + .row {
    margin-top: 5px;
}
.listTable table thead th{
    background-color: #ddd;
    text-align: center;
}
.listTable table tbody th {
    text-align: center;
    background: #e9e9e9;
    font-weight: bold;
}
.listTable table tfoot th{
    background: #e9e9e9;
}
.listTable table tbody td {
    text-align: center;
    background: #fff;
}
.listTable .table > tbody > tr > td,
.listTable .table > tfoot > tr > td,
.listTable .table > thead > tr > td {
    padding: 3px 14px;
}
.listTable tbody tr.even td { background: #f8f8f8; }
.listTable tbody tr:hover td { background: #fbefef; }
.paginate {
    float: none;
    margin: 8px 0;
    padding: 0;
    text-align: center;
}
.paginate:after {
    display: block;
    content: "";
    clear: both;
}
.paginate .paginateWrapper {
    display: inline-block;
}
.paginate .paginate_button {
    float: left;
    display: inline-block;
    width: 28px;
    line-height: 26px;
    padding: 0;
    margin: 0;
    color: #4d4c4c !important;
}
.paginate span {
    float: left;
    /*display: inline-block;*/
    margin: 0 12px;
    padding: 0 8px;
    /*border-left: 1px solid #dfdfdf;*/
    /*border-right: 1px solid #dfdfdf;*/
}

.paginate span .paginate_button.current,
.paginate span .paginate_button.current:hover {
    width: 28px;
    line-height: 26px;
    padding: 0;
    margin: 0 5px;
    border: 1px solid #c3c3c3;
    background: #fff !important;
    font-weight: normal !important;
    cursor: default;
}
.paginate .paginate_button {
    border: 1px solid #c3c3c3;
}
.paginate span .paginate_button {
    border: none;
}
.paginate .paginate_button:hover {
    color: #830000!important;
}
.paginate .paginate_button.first {
    margin-right: 4px;
    text-indent: -9999px;
    background: #fff url("../images/ico_arrowLeftRight.png") no-repeat 7px center !important;
}
.paginate .paginate_button.previous {
    text-indent: -9999px;
    background: #fff url("../images/ico_arrowLeftRight.png") no-repeat -27px center;
}
.paginate .paginate_button.next {
    text-indent: -9999px;
    background: #fff url("../images/ico_arrowLeftRight.png") no-repeat -70px center;
}
.paginate .paginate_button.last {
    margin-left: 4px;
    text-indent: -9999px;
    background: #fff url("../images/ico_arrowLeftRight.png") no-repeat -104px center;
}
.paginate .paginate_button.disabled {
    cursor: default;
    border: 1px solid transparent;
}
.detailTable th {
    text-align: right;
    background: #e9e9ea;
    font-weight: bold;
}
.detailTable td {
    background: #fff;
}
.table .table {
    margin: 6px 0;
}
.table .table.listTable th {
    text-align: center;
    background: #ddd;
    font-weight: bold;
}

/* ==========================================================================
   data table
   ========================================================================== */
table.dataTable {
    margin: 0;
    border-collapse: collapse;
}
.dataTables_wrapper .dataTables_length {
    position: absolute;
    top: 0;
    left: 0;
    height: 31px;
    line-height: 31px;
}
.dataTables_wrapper .dataTables_length label {
    font-weight: normal;
}
.dataTables_wrapper .dataTables_length select {
    display: inline-block;
    height: 27px;
    margin-right: 3px;
    padding: 3px 1px 4px 6px;
    border: 1px solid #c3c3c3;
    border-radius: 0;
    font-size: 12px;
    box-shadow: none;
}
.dataTables_wrapper .dataTables_filter {
    height: 31px;
    line-height: 31px;
    margin-bottom: 5px;
}
.dataTables_wrapper .dataTables_filter input {
    display: inline-block;
    height: 27px;
    line-height: 27px;
    padding: 0 24px 0 10px;
    border: 1px solid #c3c3c3;
    border-radius: 0;
    font-size: 12px;
    font-weight: normal;
    background: url("../images/ico_search_grey.png") no-repeat right center;
}
.dataTables_wrapper .dataTables_info {
     position: absolute;
     top: 0;
     left: 150px;
     height: 31px;
     line-height: 31px;
     padding: 0;
 }
.dataTables_scroll + .dataTables_info {
    left: 0;
}
table.dataTable tfoot th:first-child {
    border-left: 1px solid #cdcdcd;
    border-right: none;
}
.listTable table.dataTable.display tbody tr > .sorting_1,
.listTable table.dataTable.order-column.stripe tbody tr > .sorting_1 {
    background-color: #e9e9ea;
}
table.dataTable thead th,
table.dataTable tbody td {
    border: 1px solid #c3c3c3;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
table.dataTable tbody td {
    height: 34px;
    padding: 4px 5px;
    box-sizing: border-box;
}
.dataTable tbody tr.even td {
    background: #f8f8f8;
}
.dataTable tbody tr:hover td {
    background: #fbefef;
}
table.dataTable thead .sorting {
    background: #ddd url("../images/ico_sort_both.png") no-repeat center right;
}
table.dataTable thead .sorting_asc {
    background: #ddd url("../images/ico_sort_asc.png") no-repeat center right;
}
table.dataTable thead .sorting_desc {
    background: #ddd url("../images/ico_sort_desc.png") no-repeat center right;
}
.dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: none;
}
.dataTables_wrapper.no-footer .dataTables_scrollBody > table {
    margin: 0;
}
.dataTables_wrapper .dataTables_paginate {
    float: none;
    margin: 8px 0;
    padding: 0;
    text-align: center;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
    width: 28px;
    line-height: 26px;
    padding: 0;
    margin: 0;
    color: #4d4c4c !important;
    border-radius: 0;
}
.dataTables_wrapper .dataTables_paginate > span {
    display: inline-block;
    margin: 0 12px;
    padding: 0 8px;
}
.dataTables_wrapper .dataTables_paginate > span .paginate_button.current,
.dataTables_wrapper .dataTables_paginate > span .paginate_button.current:hover {
    width: 28px;
    line-height: 26px;
    padding: 0;
    margin: 0 5px;
    border: 1px solid #c3c3c3;
    background: #fff !important;
    font-weight: normal !important;
    cursor: default;
}
.dataTables_wrapper .dataTables_paginate > span .paginate_button:hover {
    color: #830000 !important;
    border-width: 0;
    background: transparent !important;
}
.dataTables_wrapper .dataTables_paginate > .paginate_button {
    border: 1px solid #c3c3c3;
}
.dataTables_wrapper .dataTables_paginate > .paginate_button:hover {
    border-color: #c3c3c3;
    box-shadow: none;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.first {
    margin-right: 4px;
    text-indent: -9999px;
    background: #fff url("../images/ico_arrowLeftRight.png") no-repeat 7px center !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.previous,
.dataTables_wrapper .dataTables_paginate .paginate_button.previous:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.previous.disabled  {
    text-indent: -9999px;
    background: url("../images/ico_arrowLeftRight.png") no-repeat -27px center;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.next {
    text-indent: -9999px;
    background: #fff url("../images/ico_arrowLeftRight.png") no-repeat -70px center;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.next.disabled {
    background: url("../images/ico_arrowLeftRight.png") no-repeat -70px center !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.last {
    margin-left: 4px;
    text-indent: -9999px;
    background: #fff url("../images/ico_arrowLeftRight.png") no-repeat -104px center;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.last.disabled {
    background: url("../images/ico_arrowLeftRight.png") no-repeat -104px center !important;
}
.cellEdit .dataTables_wrapper .dataTables_filter {
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
}
.cellEdit .dataTables_wrapper td input {
    width: 100%;
    height: 27px;
    line-height: 27px;
    padding: 2px 10px;
    border: none;
    background: none;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.cellEdit .dataTables_wrapper tr.row-remove td {
    background: #cdcdcd;
}
.cellEdit .dataTables_wrapper td input:focus {
    border: 1px solid #c3c3c3;
    background: #fff;
    text-align: left;
}
.cellEdit .dataTables_wrapper tr.row-edit td input {
    border: 1px solid #c3c3c3;
    background: #fff;
    text-align: left;
}
.cellEdit .dataTables_wrapper td .btn-edit {
    margin-left: 3px;
}
table.dataTable tfoot th, table.dataTable tfoot td {
    padding: 4px 8px 4px 8px;
    border: 1px solid #cdcdcd;
    border-left: none;
}
table.dataTable tfoot th:first-child {
    border-left: 1px solid #cdcdcd;
    border-right: none;
}
/*table.DTCR_clonedTable {
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 202;
    cursor: move;
}
div.DTCR_pointer {
    width: 1px;
    background-color: #f01313;
    z-index: 201;
    cursor: move;
}*/
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    border: 1px solid #c3c3c3;
    box-shadow: none;
}

/* ==========================================================================
   jqGrid
   ========================================================================== */
.listTable .ui-jqgrid.ui-widget-content {
    border: none;
}
.listTable .ui-state-default,
.listTable .ui-widget-content .ui-state-default,
.listTable .ui-widget-header .ui-state-default {
    border: none;
    border-radius: 0;
}
.listTable .ui-jqgrid {
    border-radius: 0;
    background: none;
}
.listTable .ui-jqgrid .ui-jqgrid-htable {
    border-collapse: collapse;
}
.listTable .ui-jqgrid .ui-jqgrid-htable th {
    height: 38px;
    border: 1px solid #cdcdcd;
    background: #e9e9e9;
    font-family: "Malgun Gothic";
    color: #262930;
    font-size: 12px;
}
.listTable .ui-jqgrid .ui-jqgrid-bdiv {
    border-bottom: 1px solid #cdcdcd;
}
.listTable .ui-jqgrid .ui-jqgrid-bdiv > div {
    top: -3px;
}
.listTable .ui-jqgrid .ui-jqgrid-btable {
    border-collapse: collapse;
}
.listTable .ui-jqgrid tbody tr td {
    height: 34px;
    padding: 1px 6px 1px 6px;
    text-overflow: ellipsis;
    white-space: nowrap;
    border: 1px solid #cdcdcd;
    background: #f8f8f8;
    font-family: "Malgun Gothic";
    font-size: 12px;
    color: #262930;
}
.listTable .ui-jqgrid tbody tr.even td {
    background: #fff;
}
.listTable .ui-jqgrid tbody tr.jqgfirstrow td {
    border: none;
}
.listTable .ui-jqgrid .ui-jqgrid-view input,
.listTable .ui-jqgrid .ui-jqgrid-view select,
.listTable .ui-jqgrid .ui-jqgrid-view textarea,
.listTable .ui-jqgrid .ui-jqgrid-view button {
    padding: 4px 5px;
    font-size: 12px;
    font-family: "Malgun Gothic";
}
.ui-icon-triangle-1-n {
    margin-top: -2px;
    background-position: 2px -16px;
}
.listTable .ui-icon-triangle-1-s {
    margin-top: 6px;
    background-position: -63px -18px;
}

/* ==========================================================================
   button
   ========================================================================== */
.module-group{
    float: right;
    margin-bottom: 10px;
}
.btn {
    float: left;
    border-radius: 0!important;
    font-size: 12px;
    padding: 0 20px;
}
.btn-default{
    height: 27px;
    color: #333;
    border-color: #c3c3c3;
}
.btn-lgred,
.btn-lgred:hover{
    color: #fff!important;
    background-color: #830000!important;
    border-color: #830000!important;
}
/*.btn-save,
.btn-save:hover{
    color: #fff!important;
    border-color: #830000!important;
    background-color: #830000!important;
}*/
.btn-dark-grey,
.btn-dark-grey:hover{
    color: #fff!important;
    border-color: #5c5c5c!important;
    background-color: #5c5c5c!important;
}
.btn-search {
    height: 27px;
    font-weight: bold;
}
.btn-add > span > i,
.btn-del > span > i,
.btn-copy > span > i,
.btn-domform > span > i,
.btn-upload > span > i,
.btn-download > span > i,
.btn-print > span > i{
    position: relative;
    margin-right: 5px;
}
.btn-add > span > i > img,
.btn-del > span > i > img,
.btn-copy > span > i > img,
.btn-domform > span > i > img,
.btn-upload > span > i > img,
.btn-download > span > i > img,
.btn-print > span > i > img{
    margin-top: -1px;
    vertical-align: middle;
}
.btn-sm {
    height: 27px;
    padding: 0 20px;
}
.btn-group {
    float: left;
}
.btn-group + .btn-group {
    padding-left: 10px;
    margin-left: 10px;
    border-left: 1px solid #dfdfdf;
}
.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
    margin-left: 10px;
}
.inline-data > * + .btn-group {
    margin-left: 10px;
}
td > .btn-group {
    height: 100%;
}
.btn-grey {
    border-color: #c3c3c3 !important;
    background: #f3f3f3 !important;
    color: #666 !important;
}
.btn-group .selectbox {
	float:left;
	margin-right:10px;
}
.btn-group .selectbox:after {
	display: block;
    content: "";
    clear: both;
}
.btn-group .selectbox select{
	float:left;
	min-width:100px;
	margin-right:4px;
}
.btn-default.disabled,
.btn-default.disabled.active,
.btn-default.disabled.focus,
.btn-default.disabled:active,
.btn-default.disabled:focus,
.btn-default.disabled:hover,
.btn-default[disabled],
.btn-default[disabled].active,
.btn-default[disabled].focus,
.btn-default[disabled]:active,
.btn-default[disabled]:focus,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default,
fieldset[disabled] .btn-default.active,
fieldset[disabled] .btn-default.focus,
fieldset[disabled] .btn-default:active,
fieldset[disabled] .btn-default:focus,
fieldset[disabled] .btn-default:hover,
.btn-default.active.focus,
.btn-default.active:focus,
.btn-default.active:hover,
.btn-default:active.focus,
.btn-default:active:focus,
.btn-default:active:hover,
.open>.dropdown-toggle.btn-default.focus,
.open>.dropdown-toggle.btn-default:focus,
.open>.dropdown-toggle.btn-default:hover {
    border-color: #c3c3c3;
    background-color: transparent;
    color: #333;
    box-shadow: none;
}
.btn-default[disabled],
.btn-default[disabled]:hover{
    border-color: #c4c4c4;
    background-color: #f3f3f3;
    color: #999;
}
.btn-default:active:hover,
.btn-default:focus,
.btn:active,
.btn-default:active,
.btn-default:hover {
    border-color: #c3c3c3;
    background-color: transparent;
    color: #333;
    box-shadow: none;
}
.search-footer:after {
    display: block;
    content: "";
    clear: both;
}
.search-footer .btn {
    font-weight: bold;
    font-size: 14px;
}
.content-footer .btn {
    font-weight: bold;
    border-radius: 3px;
}
.widget-toggleBtn.btn-default {
    width: 31px;
    height: 31px;
    padding: 0;
    margin-right: 14px;
    background: #fff url("../images/ico_arrowUpDown02.png") no-repeat center 11px;
    text-indent: -9999px;
}
button.close {
    width: 20px;
    height: 20px;
    background: url("../images/btn_close.png") no-repeat center;
    text-indent: -9999px;
    opacity: 1;
}
button.close:hover{
    opacity: 1;
}
/*  2302 추가   */
.px_btn{
    float: left;
    position: relative;
    left: 50%;
    transform: translate( calc(-50% - 185px), 0);
}
.px_btn .btn{
    margin-right: 10px;
}
/* ==========================================================================
   tab
   ========================================================================== */
.nav-tabs {
    margin-bottom: 20px;
    border-bottom: 1px solid #999;
}
* + .nav-tabs {
    margin-top: 10px;
}
.nav-tabs > li > a,
.nav-tabs > li > a:hover{
    margin-right: 4px;
    border: 1px solid #d8d8d8;
    border-radius: 0;
    background: #eee;
    color: #666;
    padding: 8px 20px 7px;
    border-bottom-color: #999;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover {
    background: #fff;
    color: #575757;
    border: 1px solid #999!important;
    border-bottom-color: transparent!important;
}
.innerTabs.nav-tabs {
    margin-bottom: 20px;
    border-bottom: 1px solid #cccccc;
}
.innerTabs.nav-tabs > li > a {
    padding: 8px 20px;
    margin-right: 0;
    color: #666;
    border-color: transparent;
    background: transparent;
}
.innerTabs.nav-tabs > li.active > a,
.innerTabs.nav-tabs > li.active > a:focus,
.innerTabs.nav-tabs > li.active > a:hover {
    border-color:transparent!important;
    border-bottom: 2px solid #830000!important;
    background: #fff;
    color: #830000;
}
/* .innerTabs.nav-tabs > li > a:hover {
    border: 1px solid #aaaaaa;
    background: #ccc;
} */

/* ==========================================================================
   indicator
   ========================================================================== */
.indicator.nav-tabs {
    margin-bottom: 15px;
    border-bottom: none;
}
.indicator.nav-tabs > li {
    margin-bottom: 0;
}
.indicator.nav-tabs > li > a {
    height: 34px;
    margin: 0 6px 0 13px;
    border: 1px solid #cdcdcd;
    border-radius: 0;
    background: #f9f9f9;
    color: #575757;
    width: 190px;
    text-align: center;
    font-weight: bold;
}
.indicator.nav-tabs > li > a:before {
    right: 100%;
    top: -1px;
    content: " ";
    height: 34px;
    width: 13px;
    position: absolute;
    background: url("../images/bg_indicatorLeft.png") no-repeat bottom;
}
.indicator.nav-tabs > li > a:after {
    left: 100%;
    top: -1px;
    content: " ";
    height: 34px;
    width: 13px;
    position: absolute;
    background: url("../images/bg_indicatorright.png") no-repeat bottom;
}
.indicator.nav-tabs > li:first-child a {
    margin-left: 0;
}
.indicator.nav-tabs > li:first-child a:before {
    display: none;
}
.indicator.nav-tabs > li:first-child a,
.indicator.nav-tabs > li:last-child a{
    width: 203px;
}
.indicator.nav-tabs > li:last-child a:after {
    background-image: none;
}
.indicator.nav-tabs > li.completed > a,
.indicator.nav-tabs > li.completed > a:focus,
.indicator.nav-tabs > li.completed > a:hover {
    border-color: #cdcdcd;
    background: #ebebeb;
    color: #8f8f8f;
}
.indicator.nav-tabs > li.completed > a:before,
.indicator.nav-tabs > li.completed > a:after {
    background-position-y: top;
}
.indicator.nav-tabs > li.active > a,
.indicator.nav-tabs > li.active > a:focus,
.indicator.nav-tabs > li.active > a:hover {
    border-color: #830000 !important;
    background: #830000 !important;
    color: #fff !important;
}
.indicator.nav-tabs > li.active > a:before,
.indicator.nav-tabs > li.active > a:after {
    background-position-y: center;
}
.indicator.nav-tabs > .nav > li > a {
    padding: 0;
}
/* ==========================================================================
   instruction
   ========================================================================== */
.instruction {
    float: left;
}
.instruction > p {
    margin: 0;
    padding-left: 22px;
    background: url("../images/ico_instruction.png") no-repeat left center;
}
.instruction > p + p {
    margin-top: 6px;
}
.widget-content .instruction {
    margin: 4px 0 14px;
}
.nav-tabs .instruction {
    line-height: 36px;
    margin-left: 15px;
}
.btn-tooltip {
    width: 21px;
    height: 21px;
    background: url("../images/btn_tooltip.png") no-repeat center;
    text-indent: -9999px;
}
.widget-header .btn-tooltip {
    margin-top: 5px;
}
.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    line-height: 1.4;
    visibility: visible;
    filter: alpha(opacity=0);
    opacity: 0;
}
.tooltip.in {
    filter: alpha(opacity=100);
    opacity: 1;
}
.tooltip.top {
    padding: 5px 0;
    margin-top: -10px;
}
.tooltip-inner {
    max-width: 530px;
    padding: 10px 22px;
    color: #b8062c;
    text-align: center;
    text-decoration: none;
    background-color: #fbefef;
    border: 1px solid #f75f71;
    border-radius: 0;
}
.tooltip-arrow {
    position: absolute;
    width: 13px;
    height: 12px;
    border: none;
}
.tooltip.top .tooltip-arrow {
    bottom: -6px;
    left: 50%;
    margin-left: -5px;
    margin-left: -5px;
    background: url("../images/bg_tooltip_top.png") no-repeat center;
}
.alert {
    padding: 16px 20px;
    line-height: 18px;
    border-radius: 0;
}
.alert strong + p {
    margin-top: 10px;
}
.alert-info {
    border-color: #f5be00;
    background: #fffac4;
    color: #252525;
}
/* ==========================================================================
   accordion
   ========================================================================== */

.accordion{
    border-bottom: 1px solid #c3c3c3;
    margin-bottom: 0;
    /*padding: 15px 0;*/
}
.accordion:first-child{
    border-top: 1px solid #c3c3c3;
}
.accordion > [data-toggle="collapse"]{
    position: relative;
    font-size: 14px;
    font-weight: bold;
    padding-left: 20px;
    height: 34px;
    line-height: 34px;
    /*background: blue;*/
}
.accordion > [data-toggle="collapse"] a{
    display: block;
}
.accordion > [data-toggle="collapse"] > a:after{
    content:'';
    position: absolute;
    top: 7px;
    right: 20px;
    border: 1px solid #d8d8d8;
    width: 20px;
    height: 20px;
    background: url(../images/accordion-arrow.png) 4px 7px no-repeat;
}
.accordion > [data-toggle="collapse"] > a.rotate180:after{
     -webkit-transform:rotate(180deg);
    transform:rotate(180deg);
}
.accordion > [data-toggle="collapse"] + .collapse{
    padding-bottom: 10px;
}
/* ==========================================================================
   popup
   ========================================================================== */
.modal-dialog {
    width: 475px;
    margin: 50px auto;
}
.modal-sm {
    width: 350px;
    height: 350px;
}
.modal-content {
    border: none;
    border-radius: 0;
}
.modal-sm .modal-content {
    height: 350px
}
.modal-header {
    padding: 17px 24px;
    border-color: #666666;
}
.modal-title {
    color: #4c4c4c;
    font-size: 14px;
    font-weight: bold;
}
.modal-header .close {
    position: absolute;
    top: 17px;
    right: 24px;
    margin: 0;
}
.modal-body {
    padding: 16px 24px 14px;
    color: #4c4c4c;
}
.modal-body > * + * {
    margin-top: 5px;
}
.modal-body > p {
    margin: 0;
}
.modal-body textarea[readonly="readonly"] {
    border-color: #dfdfdf;
    background: #f8f8f8;
}
.modal-body.txt-center {
    padding: 14px 60px 10px;
}
.modal-body .alertImg {
    margin: 15px 0 25px;
}
.modal-body .loadingImg {
    display: block;
    position: relative;
    top: 105px;
    margin: 0 auto;
}
.modal-body .progressingImg {
    display: block;
    position: relative;
    top: 140px;
    margin: 0 auto;
}
.modal-body em {
    color: #767676;
    font-weight: bold;
    font-size: 18px;
}
.modal-body img + em {
    display: block;
    position: relative;
    top: 115px;
}
.modal-body .progressingImg + em {
    top: 156px;
}
.modal-footer {
    padding: 14px 0 26px;
    text-align: center;
    border: none;
}
.modal-footer .btn-group {
    float: none;
}
.modal-footer .btn-group .btn+.btn {
    margin-left: 5px;
}

/* ==========================================================================
   window
   ========================================================================== */
.popup {
    width: 800px;
    height: 600px;
    overflow: auto;
    padding: 0;
    margin: 0;
}
.popup-header {
    position: relative;
    height: 52px;
    border-bottom: 1px solid #666666;
}
.popup-header h1 {
    height: 52px;
    line-height: 50px;
    margin: 0 0 0 25px;
    font-size: 18px;
    color: #4c4c4c;
    font-weight:700;
}
.popup-header button.close {
    position: absolute;
    top: 15px;
    right: 25px;
}
.popup .content {
    height: 455px;
    min-width: 0;
    padding: 20px 25px;
}
.popup-footer {
    margin: 20px 25px 0;
    padding-top: 12px;
    padding-bottom: 20px;
    border-top: 1px solid #666666;
}
.popup-footer:after {
    display: block;
    content: "";
    clear: both;
}

/* ==========================================================================
   datepicker
   ========================================================================== */
.datepicker {
    padding: 0;
    border: 2px solid #828282;
    border-radius: 0;
}
.datepicker:before,
.datepicker:after {
    display: none;
}
.datepicker td, .datepicker th {
    width: 38px;
    height: 38px;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-radius: 0;
    color: #666666;
    font-size: 12px;
    font-weight: bold;
}
.datepicker thead tr th {
    border: none;
}
.datepicker thead tr {
    border-bottom: 1px solid #666666;
}
.datepicker thead tr th.prev,
.datepicker thead tr th.prev:hover {
    background: url("../images/ico_arrowLeftRight02.png") no-repeat 12px center;
    text-indent: -9999px;
}
.datepicker thead tr th.next,
.datepicker thead tr th.next:hover {
    background: url("../images/ico_arrowLeftRight02.png") no-repeat -30px center;
    text-indent: -9999px;
}
.datepicker thead tr th.prev:hover,
.datepicker thead tr th.next:hover {
    background-color: #eee;
}
.datepicker thead tr + tr th {
    background: #f8f8f8;
}
.datepicker .datepicker-switch {
    background: none!important;
}
.datepicker thead tr + tr th:first-child {
    color: #ec486b;
}
.datepicker thead tr + tr th + th + th + th + th + th + th {
    color: #00c9bd;
}
.datepicker tbody td:first-child {
    border-left: none;
    color: #ec486b;
}
.datepicker tbody td.old,
.datepicker tbody td.new {
    color: #c5c5c5;
}
.datepicker tbody td + td + td + td + td + td + td {
    color: #00c9bd;
}
.datepicker tbody tr td.active {
    position: absolute;
    background: #e63c6b !important;
    text-shadow: none;
    border: none;
    line-height: 28px;
}
.datepicker .datepicker-months td,
.datepicker .datepicker-years td {
    width: 280px;
    padding: 0;
    border-top: none;
}
.datepicker .datepicker-months table tr td span,
.datepicker .datepicker-years table tr td span {
    display: block;
    width: 70px;
    height: 40px;
    line-height: 40px;
    margin: 0;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-radius: 0;
    color: #666;
}
.datepicker .datepicker-months table tr td span:first-child,
.datepicker .datepicker-years table tr td span:first-child {
    border-left: none;
}
.datepicker .datepicker-months table tr td span.active,
.datepicker .datepicker-years table tr td span.active {
    background: #e63c6b !important;
    text-shadow: none;
    border: none;
    color: #fff;
    line-height: 40px;
}

/* ==========================================================================
   comment
   ========================================================================== */
.commentList {
    margin-top: 8px;
    border: 1px solid #dfdfdf;
    background: #fff;
}
.commentList li {
    position: relative;
    padding: 14px 22px;
}
.commentList li:after {
    display: block;
    content: "";
    clear: both;
}
.commentList li + li {
    border-top: 1px dotted #dfdfdf;
}
.commentList li > div {
    line-height: 11px;
}
.commentList li > div > * {
    display: inline-block;
}
.commentList li p {
    margin-bottom: 16px;
}
.commentList li span {
    color: #959595;
}
.commentList li em {
    padding-right: 15px;
    margin-left: 1px;
    margin-right: 10px;
    border-right: 1px solid #ddd;
    color: #4c4c4c;
}
.reply {
    position: absolute;
    top: 17px;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 6px;
    background: url("../images/ico_rereply.png") no-repeat center;
    text-indent: -9999px;
}
.commentList .reply + p {
    padding-left: 20px;
}
.commentList .btn-delete {
    display: inline-block;
    width: 19px;
    height: 19px;
    margin-left: 8px;
    background: url("../images/btn_delete.png") no-repeat center;
    text-indent: -9999px;
}

/* ==========================================================================
   file attach
   ========================================================================== */
.fileAttach {
    height: 110px;
    text-align: center;
    border: 1px solid #c6c6c6;
    background: #fff;
}
.fileAttach p {
    padding-top: 50px;
    margin-top: 23px;
    background: url("../images/ico_fileAttach.png") no-repeat center top;
    color: #b7b7b7;
}
.fileAttachHeader {
    margin-top: 5px;
}
.fileAttachHeader > div > span {
    float: left;
    display: inline-block;
    height: 27px;
    line-height: 27px;
    margin-right: 15px;
}
.fileAttachHeader:after {
    display: block;
    content: "";
    clear: both;
}
.fileAttachList {
    margin: 15px 0 10px;
}
.fileAttachList li {
    position: relative;
    min-height: 30px;
    margin: 3px 4px;
    border: 1px solid #d4d4d4;
    border-radius: 3px;
    background: #f9f9f9;
}
.fileAttachList li p {
    height: 28px;
    line-height: 28px;
    margin: 0;
    padding: 0 28px 0 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.fileAttachList li p span {
    margin-left: 5px;
}
.fileAdd-single-delete,
.fileAttachList li button.delete {
    position: absolute;
    top: 9px;
    right: 10px;
    width: 11px;
    height: 11px;
    background: url("../images/btn_delete02.png") no-repeat center;
    text-indent: -9999px;
}

/* ==========================================================================
   jstree
   ========================================================================== */
.jstree {
    width: 100%;
    height: 279px;
    padding: 8px 14px;
    overflow-y: auto;
    border: 1px solid #dfdfdf;
    background: #ffffff;
}
.jstree-default .jstree-node,
.jstree-default .jstree-icon {
    background-image: url("../images/bg_tree.png");
}
.jstree-default .jstree-last {
    background: 0 0;
}

/* ==========================================================================
   only for GPortal Embeded Version
   ========================================================================== */
.g_sysLogo {
    height: 67px;
    background: url(../images/bg_g_sysLogo.png) no-repeat;
    position: relative;
}
.g_sysLogo a {
    position: absolute;
    width: 100%;
    height: 100%;
}
.g_sysLogo a img {
    position: absolute;
    left: 20px;
    top: 12px;
    width: 40px;
    height: 40px;
}
.g_sysLogo a h1 {
    width: 100%;
    font-family: "Noto Sans KR";
    font-size: 16px;
    font-weight: bold;
    color: #f6e8ee;
    position: absolute;
    left: 70px;
    top: 16px;
}
.G-page-content {
    padding-top: 67px;
}
.G-page-head {
    padding: 0 0 0 211px;
}
.G-page-head .page-title {
    border-bottom: 1px solid #cdcdcd;
    float: none;
    height: 67px;
    margin: 0 20px;
    padding-left: 3px;
    position: relative;
}
.G-page-head .page-title .breadcrumb {
    position: absolute;
    top: 22px;
}
.G-page-head .page-title ul {
    float: right;
}
.G-page-head .page-title div.systemSearch {
    position: absolute;
    right: -15px;
    top: 5px;
}
.G-page-head .page-title div.systemSearch input {
    font-size: 12px;
}

/* ==========================================================================
   LNB
   ========================================================================== */
.lnb  li a{
    transition: background-color 200ms linear;
}
.lnb > .depth1 > li > a {
	font-size: 14px;
	color: #333;
    padding: 13px 18px;
    transition: background-color 200ms linear;
}
.lnb .depth1 li a,
.lnb .depth2 li a,
.lnb .depth3 li a,
.lnb .depth4 li a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    background:#eee url(../images/menu_open.png) 182px 18px no-repeat;
    /*border-bottom: 1px solid #484c56;*/
    font-family: Noto Sans KR;
    position: relative;
}
.lnb .depth1 li a:hover,
.lnb .depth1 .depth2 li a:hover,
.lnb .depth1 .depth2 li .depth3 li a:hover,
.lnb .depth1 .depth2 li .depth3 li .depth4 li a:hover {
    background-color: #d8d8d8;
}
.lnb .depth2 li a {
    font-size: 13px;
    padding: 12px 30px;
    background-color:#f8f8f8;
}
.lnb > .depth1 li > .depth2 > li > a{
    color: #333;
	font-size:14px;
}
.lnb > .depth1 li > .depth2 > li > a:before,
.lnb > .depth1 li > .depth2 > li > .depth3 > li > a:before{
    content:'';
    display: block;
    overflow: hidden;
    position: absolute;
    top: 18px;
    width: 4px;
    height: 4px;
    border-radius: 2px;
}
.lnb > .depth1 li > .depth2 > li > a:before{
    left: 20px;
    background: #666;
}
.lnb > .depth1 li > .depth2 > li > .depth3 > li > a:before{
    left: 30px;
    background: #999;
}
.lnb > .depth1 li > .depth2 > li > .depth3 > li > a,
.lnb > .depth1 li > .depth2 > li > .depth3 > li > .depth4 > li > a{
    padding: 12px 41px;
    color: #666;
}
.lnb .depth1 li .depth2,
.lnb .depth1 li .depth2 li .depth3,
.lnb .depth1 li .depth2 li .depth3 li .depth4 {
    display: none;
}
.lnb .depth2 li a.finalDepth,
.lnb .depth3 li a.finalDepth,
.lnb .depth4 li a.finalDepth {
    background-image: none;
    border-bottom: none;
    padding: 8px 30px;
}
.finalDepth {
    background-image: none!important;
}
.lnb ul li a.select,
.lnb ul li ul li a.select {
    background-image: url(../images/menu_close.png)!important;
    /*-webkit-transform:rotate(180deg);
    transform:rotate(180deg);*/
}
.lnb ul li a.color{
    color: #830000!important;
}
.hr-system{
    position: fixed;
    left: 18px;
    bottom: 38px;
}
.hr-system button{
    font-family: "Noto Sans KR";
    width: 173px;
    background: #666;
}
.hr-system button a{
    font-size: 14px;
    height: 37px;
    line-height: 37px;
    color: #fff;
}

/* 추가 Css */
input[readonly], select[disabled], textarea[readonly]{background-color: #ebebeb;}
select{display: inline-block; margin-right: 1px;padding:3px 1px 4px 6px;height: 27px; border: 1px solid #c3c3c3;font-size:12px;}
table td select, table td button, table td input{vertical-align:middle;}
header.top-header{min-width:1390px;}
p{margin:0;}

.leftCon_iframe {
    display: block;
    width: 45px;
    height: 45px;
    border-right: 1px solid #ededed;
    text-align: center;
    float: left;
}
.leftCon_iframe img {
    margin: 15px 0 0 0;
}

.table_top h2 {height: 31px;
    line-height: 31px;
    margin: 0;
    margin-right: 20px;
    font-weight: bold;
    font-size: 15px;
    color: #262930;
}

.lnb .depth3{padding:7px 0;border-bottom:1px solid #ccc;border-top:1px solid #ccc;background-color:#fff}
.lnb .depth1 > li > a.select{color:#fff;background:#333 url('../images/menu_close_wh.png') no-repeat 182px center !important;}
.lnb .depth2 > li > a.select{background-color:#d8d8d8;}
.lnb .depth1 .depth2 li .depth3 > li > a{padding:8px 40px !important;}
.lnb .depth1 .depth2 li .depth3 > li > a:hover{color:#830000 !important;background-color:transparent !important;}
.lnb > .depth1 li > .depth2 > li > .depth3 > li > a:before{top:14px !important;}

.listTable > table, .detailTable > tabel, .table, .search table{width:100%;}

.lnb .depth1 > li > a{border-bottom:1px solid #ccc;}
.lnb .depth2{border-bottom:1px solid #ccc}
.cellEdit .dataTables_wrapper td input{width:auto;height:auto;line-height:0;}
.widgetWrapper > div:nth-last-child(1){padding-right: 0 !important;}

.lnb > .depth1 li > .depth2 > li > a:before{top:50%;margin-top:-2px;}
.lnb > .depth1 li > .depth2 > li > a.color:before {background-color:#830000}
.listTable .table > tbody > tr > td, .listTable .table > tfoot > tr > td, .listTable .table > thead > tr > td {word-break:break-all;}
.radio-inline input[type="radio"] + ins.form-control,
.checkbox-inline input[type="checkbox"] + ins.form-control{top:4px !important;}

.point{color:#e5113e !important;}
.no_total .dataTables_wrapper .dataTables_info{display:none;}

.listTable{position:relative;}
.btn_top_area{position:absolute;top:0px;right:0;text-align:right;}
.btn_top_area > div{display:inline-block;}
.btn_top_area .btn-group{float:none;}

.box_layout .inline{display:inline-block;margin-right:20px;}
.line_no th, .line_no td{text-align:center;background-color:transparent !important;}
.num{display:inline-block;vertical-align:top !important;font-size:13px;font-weight:normal;}
.box_sty01{margin-bottom:10px;text-align:right;}
.box_scroll{margin-bottom:20px;padding:10px;height:360px;overflow-y:auto;border:1px solid #ddd;box-sizing:border-box;}
.box_scroll *{box-sizing:border-box;}
.box_scroll a{display:block;}
.box_scroll > ul:after{content:'';display:block;clear:both;}
.box_scroll > ul > li{float:left;padding:10px;width:calc(100% / 6); height:330px; text-align:center;}
.box_scroll > ul > li input[type="text"]{width:100%;}

.box_scroll > ul > li .img{margin-bottom:5px;}
.box_scroll > ul > li .img img{max-width:100%;max-height:100%;width:auto;height:auto;}

.door_tit{margin:0 0 10px 0;padding:0 0 0 10px;font-size:18px;background:url('../images/bl_depth2.png') no-repeat 0 center;}
.door_tit input[type="text"]{font-weight:700;border:none;}
.door_bottom{margin:0 0 10px 0;border-bottom:1px solid #ddd;}

.box_area{display:table;table-layout:fixed;width:100%;}
.box_area *{box-sizing:border-box;}
.box_area .left, .box_area .right{display:table-cell;table-layout:fixed;padding:0 10px;width:auto;}

.door_h3{font-size:16px;font-weight:700;}
.widget{margin-bottom:20px;}

/* listT */
.listT {width:100%;}
.listT th, .listT td{height:34px;padding:4px 5px;text-align:center;border:1px solid #c3c3c3;word-break:break-all;}
.listT th{background-color:#ddd;}
.listT td .checkbox-inline {padding-left:19px;}
/*
.listT tr:nth-child(even){background-color:#f8f8f8;}
.listT tr:hover{background-color:#fbefef;}
*/

/* listT 상단 검색 */
.table_top{margin-bottom:8px;overflow:hidden;width:100%;}
.table_top .length, .table_top h2{float:left;}
.table_top .sch{float:right;}

.table_top span, .table_top strong{display:inline-block;vertical-align:middle;}
.table_top .length select{height:27px;margin-right:3px;}
.table_top .length strong{margin-left:20px;font-weight:normal;}

.table_top .sch > span{border:1px solid #c3c3c3;}
.table_top .sch > span input{padding:0 10px;height:27px;line-height:27px;border:none}

.table_length{margin-bottom:5px;height:31px;line-height:31px;}

/* paging */
.paging{margin:8px 0;text-align:center;}
.paging a, .paging span{display:inline-block;vertical-align:middle;}
/*.paging span{margin:0 12px;padding:0 8px;}*/

.paging a{padding:0 5px;height:28px;line-height:26px;text-align:center;color:#4d4c4c !important;}
.paging .prev > a, .paging .next > a{padding:0;}

.paging .paging_btn{text-indent:-9999px;font-size:0;border:1px solid #c3c3c3;}

.paging a:hover{color:#830000 !important}
.paging .current{border:1px solid #c3c3c3;}
.paging > span > span {padding:0 5px;height:28px;line-height:28px;}
.paging .txt_paging{margin:0 5px;}

/*
.paging .first{background:#fff url("../images/ico_arrowLeftRight.png") no-repeat 7px center !important}
.paging .previous{background:#fff url("../images/ico_arrowLeftRight.png") no-repeat -27px center}
.paging .next{background:#fff url("../images/ico_arrowLeftRight.png") no-repeat -70px center}
.paging .last{background:#fff url("../images/ico_arrowLeftRight.png") no-repeat -104px center}
*/

/* 로그인 */
.login_wrap{display:table;table-layout:fixed;width:100%;height:100%;font-size:13px;text-align:center;vertical-align:middle;background:url("../images/login_bg.png") repeat 0 0;}
.login_wrap{font-family: "Noto Sans KR", "Malgun Gothic", sans-serif;}
.login_area{display:table-cell;table-layout:fixed;width:100%;height:100%;text-align:center;vertical-align:middle;}
.login_area > article{display:inline-block;padding:15px 10px;width:380px;height:500px;background-color:#f6f7f8;}
.login_area > article > div{padding:30px 20px;height:100%;border:1px solid #727171;}
.login_area > article1{display:inline-block;padding:15px 10px;width:1000px;height:730px;background-color:#f6f7f8;}
.login_area > article1 > div{padding:30px 20px;height:100%;border:1px solid #727171;}

.login_area > h1{position:absolute;top:30px;left:30px;}
.login_area > article .login_top{margin-bottom:15px;}
.login_area > article .login_top h2{margin:0;font-weight:700;}
.login_area > article .login_top span{display:inline-block;font-size:15px;color:#999;}

.login_area > article ul{margin-top:10px;}
.login_area > article ul > li{margin-bottom:5px;}
.login_area > article ul > li input{height:40px;line-height:40px;border:1px solid #ddd;}

.login_area .login_footer{margin-top:20px;font-size:15px;}
.login_area .login_footer .login_btn button{margin-bottom:10px;width:100%;height:40px;line-height:40px;font-size:15px;}
.login_area .login_footer .login_tel{margin-top:40px;padding-top:10px;text-align:left;border-top:1px solid #8a8a8a;}
.login_area .login_footer .login_tel span, .login_area .login_footer .login_tel stong{display:inline-block;}
.login_area .login_footer .login_tel span{margin-right:30px;padding-left:10px;background:url("../images/bul_dot.png") no-repeat 0 center;}
.login_area .login_footer .login_tel strong{color:#830000;}

/* 팝업 사이즈 초기화 */
.popup{width:auto !important;height:100% !important;overflow:hidden !important;}
.popup .content{height:calc(100%  - 52px) !important;overflow:auto !important;}
.popup .content .widget-footer{margin:20px 0;}

/* 테이블 스크롤 */
.scroll_xy{width:100%;overflow:auto;}
.scroll_xy .tbody{height:300px !important;min-width:100%;overflow-y:auto;overflow-x:hidden;}
.scroll_xy2 .tbody{height:230px !important;min-width:100%;overflow-y:auto;overflow-x:hidden;}
.scroll_xy500 .tbody{height:500px !important;min-width:100%;overflow-y:auto;overflow-x:hidden;}
/* .scroll_xy .tbody .listT td:last-child{padding-right:25px;}
 */
.scroll_x{width:100%;overflow-x:auto;}
.scroll_y{border-bottom:1px solid #c3c3c3;}
.scroll_y .tbody{height:300px;overflow-y:auto;overflow-x:hidden;}
.scroll_y > .listT{width:calc(100% - 17px)}

/* error */
.error{width:100%;height:100%;display:table;table-layout:fixed;}
.error_area{display:table-cell;table-layout:fixed;text-align:center;vertical-align:middle;font-size:22px;}
.error_area:before{content:'';display:inline-block;width:150px;height:92px;vertical-align:middle;background:url('../images/img_alert.png') no-repeat 0px 0;}
.error_area p{display:inline-block;text-align:left;vertical-align:middle;}
.error_area strong{display:block;margin:0px 0 15px;font-size:24px;}
.error_area span{display:block;margin-bottom:20px;font-size:14px;}
.btn_error{padding:0 33px;height:42px;line-height:42px;font-size:15px;border:1px solid #aaa;background-color:#f3f3f3;}


/* loading */
/* #back{ */
/* position: absolute; */
/* z-index: 100; */
/* background-color: #000000; */
/* display:none; */
/* left:0; */
/* top:0; */
/* } */

#loadingBar{
position:absolute;
left:50%;
top: 40%;
display:block;
z-index:200;
}

/* iframe css */
table, th, tr, td{font-size:1em;}

.iframe_page, .iframe_body{overflow:auto;}
.iframe_page{min-width:1069px;}
.iframe_wrap .page-head{position:fixed;top:0;left:0;width:100%;}
.iframe_con{padding:66px 20px 20px 20px;min-width:1069px;}

/* iframe 추가 */
.pull-right{float:right;}
.hidden{display:none !important;}

.input-group2 > div{height:27px;border:1px solid #c3c3c3}
.input-group2 input[type="text"]{padding:0 10px;}
.input-group2 .input_noLine{border:none;height:25px;}
.input-group2 span, .input-group2 div{display:inline-block;vertical-align:middle;}
.input-group2 .input-search .input-group-btn button{height:25px;border:none;}

.input-search .input-group-btn button {
    width: 34px;
    height: 27px;
    padding: 0;
    margin-left: -1px;
    border: 1px solid #c3c3c3;
    border-left: none;
    background: #fff url("../images/ico_search.png") no-repeat center 4px;
    text-indent: -9999px;
}


/* tab */
.line{margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #999;}

.tab-content > .tab-pane {
  visibility:hidden !important;
  /* display:block !important;  */
  width:0px;height:0;opacity:0;
}
.tab-content > .tab-pane.active {
  visibility:visible !important;
  /* display:block !important; */
  width:auto;height:auto;opacity:1;
}

.tab-content > .tab-pane table, .tab-content > .tab-pane div{height:0;font-size:0;}
.tab-content > .tab-pane.active table{height:auto;font-size:1em;}
.tab-content > .tab-pane.active div{height:auto;font-size:1em;}

.float_clear:after{
	display: block;
    content: "";
    clear: both;
}

.form_s01 { width:40px;}
.form_s02 { width:60px;}
.form_s03 { width:80px;}
.form_s04 { width:100px;}
.form_m01 { width:120px;}
.form_m02 { width:150px;}
.form_m03 { width:180px;}
.form_m04 { width:205px;}
.form_m05 { width:230px;}
.form_l01 { width:260px;}
.form_l02 { width:300px;}
.form_l03 { width:400px;}
.form_l04 { width:500px;}
.form_94p { width:94%}
.form_97p { width:97%}
.form_100 { width:100%}

.sel_s01 { width:50px;}
.sel_s02 { width:60px;}
.sel_s03 { width:90px;}
.sel_s04 { width:110px;}
.sel_m01 { width:130px;}
.sel_m02 { width:160px;}
.sel_m03 { width:190px;}
.sel_m04 { width:215px;}
.sel_m05 { width:240px;}
.sel_l01 { width:270px;}
.sel_l02 { width:310px;}
.sel_l03 { width:410px;}
.sel_l03 { width:510px;}
.sel_100 { width:100%}

.select-btn {
	width: 100px;
	float: left;
	position: relative;
	margin-left: 10px;
}




/*2.0*/
/*총건수*/
.grid_header {margin-bottom:5px; position:relative;}
.grid_header.btn_pop {height:27px; line-height:27px;}
.grid_header .grid_num span {color:#830000;font-weight:700;}
.grid_header .btn {position:absolute; top:-5px; right:0;}
/*top_location*/
.top_location {position: absolute; top: 14px;  right: 20px; text-align: right; font-size: 12px;color: #444;}
.top_location a {color: #a7a7a7;}

/*페이징*/
.btn_paging {text-align:center; margin: 8px 0; position:relative;}
.btn_paging span {display: inline-block; margin: 0 12px;  padding: 0 8px;}
.btn_paging a {display:inline-block;color: #666 ;text-align: center; text-decoration: none !important;width: 28px; min-width: 1.5em;}
.btn_paging a.btn {}
.btn_paging a.btn_prevAll{margin-right: 4px; text-indent: -9999px; background: #fff url(../images/ico_arrowLeftRight.png) no-repeat 7px center !important; border: 1px solid #c3c3c3; line-height: 26px;}
.btn_paging a.btn_prev{text-indent: -9999px; background: url(../images/ico_arrowLeftRight.png) no-repeat -27px center; border: 1px solid #c3c3c3; line-height: 26px;}
.btn_paging a.btn_nextAll{margin-left: 4px; text-indent: -9999px; background: #fff url("../images/ico_arrowLeftRight.png") no-repeat -104px center; border: 1px solid #c3c3c3; line-height: 26px;}
.btn_paging a.btn_next{text-indent: -9999px; background: #fff url(../images/ico_arrowLeftRight.png) no-repeat -70px center; border: 1px solid #c3c3c3; line-height: 26px;}
.btn_paging a.paginate_button {width: 28px; line-height: 26px;  padding: 0; margin: 0;   color: #4d4c4c !important; border-radius: 0;}
.btn_paging a.current,.btn_paging a.current:hover { width: 28px;line-height: 26px; padding: 0; margin: 0 5px;  border: 1px solid #c3c3c3;  background: #fff !important; font-weight: normal !important;  cursor: default;}
.btn_paging .btn-group {position:absolute; top:0; right:0;}

/*대상 상품 선택*/
.tbl2 .btn-group{float:none;}
.form-control.inp_w1 {width:50%;}

/*빠른상담 콘텐츠 등록*/
.form-control.inp_w2 {width:85%;}

/*다른상품선택하기 검색 팝업*/
.form-control.inp_w3 {width:89%;}

/*실측정보관리 - 고객정보 - 성명*/
.form-control.inp_w4 {width:76%;}

/*AS정보 - 고객정보 - 연락처*/
.form-control.inp_w3p {width:25%;}

/*견적정보 - 등록자 정보 - 수량*/
.form-control.inp_w5 {text-align:center;}/*width:71px;  */
.form-control.inp_w6 {width:100px;text-align:center;}
.apply-ver-select { position:relative; text-align:right;}
.apply-ver-select select { position:absolute; width:auto; right:0; top:-54px;}

/*견적정보 > 표준견적서 수정*/
.form-control.inp_w7 {width:190px;text-align:center;}
.form-control.inp_w8 {width:100px;text-align:center;}

/*견적정보 - 등록자 정보 - 수량*/
.form-control.select_w1 {width:71px;  text-align:center;}

/*단가,총금액*/
.form-control.form_center{text-align:center;}

/*상품 콘텐츠 등록*/
.file_img .form-control{width:85%;}
.file_img .btn-group{float:none;}

.file_img2 .form-control{width:76%;}
.file_img2 .btn-group{float:none;}
.upgrade_path .form-control{width:85%;}
.upgrade_path span {display:inline-block; height:27px; line-height:27px;}
.upgrade_path2 .form-control{width:76%;}
.upgrade_path2 span {display:inline-block; height:27px; line-height:27px;}

/*공간제안결과 상세*/
.file_detail .form-control{width:66%;}
.file_detail .btn-group{float:none;}

/*실측정보 관리 등록*/
.file_detail2 .form-control{width:60%;}
.file_detail2 .btn-group{float:none;}

/*해시태그*/
.hash_tag select.form-control{width:20.33%;}
.hash_tag input.form-control{width:74.33%;}/*45.33*/
.hash_tag .btn-group{float:none;}
.hash_tag button {display:inline-block;}

/*팝업*/
.cancellation_pop {}
.none_head .modal-header {border-bottom:0;}
.none_head .modal-body {text-align:center;}


/*윈도우 팝업*/
.win_p .searchForm input {}
.scrollY {max-height:375px; overflow-y:auto;}
.scrollY  .checkbox-inline {padding-left:20px;}
.p_inp .form-control {width:100%;}
.search-cont {position: relative;  padding: 10px;  border: 1px solid #c3c3c3; background: #fff;}
.search-cont table tbody th {
    text-align: right;
}
.search-cont table tbody th,
.search-cont table tbody td {
    height: 34px;
    padding: 4px 10px;
}

/*검색*/
.search-contents {position: relative;  padding: 10px; border: 1px solid #c3c3c3; background: #fff;}
.search-contents table tbody th {
    text-align: right;
}
.search-contents table tbody th,
.search-contents table tbody td {
    height: 34px;
    padding: 4px 10px;
}
.search-contents table tbody td  select.form-control {min-width:150px;}
.search-contents table tbody td  select.sel_w1 {width:100%;}
/*견적정보- 상세*/
select.sel_w2 {width:173px;}/*155px*/
.select_area:after {content:''; display:table;}
.select_area select.form-control {width:48%;}
.select_area select:first-child {float:left;}
.select_area select:last-child {float:right;}

/*다른버전 테스트*/
.search-contents { padding:0;}
.search-contents table tbody th {text-align:center; background-color:#ddd;}
.search-contents table tbody tr:first-child th,.search-contents table tbody tr:first-child  td{border-bottom:1px solid #c3c3c3;}
/*공종설명/카탈로그*/
.search-contents table tbody tr:first-child.nofirst th,.search-contents table tbody tr:first-child.nofirst  td{border-bottom:0px solid #c3c3c3;}
/*:not(:first-child.nofirst)*/
.search-contents .form-inline .input-group.input-search {width:73%;}
.search-contents .form-inline .input-group.input-search-noico {width:50%;}

.form-inline.division_form {width:99%;}
.form-inline.division_form .form-control {width:100%;}

/*table  재정의*/
.listTbl table {width:100%;}/*box-sizing: border-box; transition:all 0.4s;*/
.listTbl table thead th{
    background-color: #ddd;
    text-align: center; font-weight:bold; color:#262930;
}
.listTbl table tbody th {
    text-align: center;
    background: #e9e9e9;
    font-weight: bold;color:#262930;
}
.listTbl table tbody th.white_bg,.listTbl table thead th.white_bg {background:#fff;}
.listTbl table tfoot th{
    background: #e9e9e9;color:#262930;
}
.listTbl table tfoot td {
	text-align:center;
}
.listTbl table tbody td {
    text-align: center;
    background: #fff;
}
.configur_list:after {content:''; clear:both; display:block;}
.configur_list {width:100%;}
.configur_list li {width:50%; float:left;}
.configur_list li:first-child {text-align:right;}
.configur_list li:last-child {text-align:center;}


/*견적정보상세*/
.TabCont {display:none;}


.listTbl.pbbox { /*padding:0 10px;*/}
.listTbl .table2 {border:0;}
.listTbl .table2 > caption + thead > tr:first-child > td,
.listTbl .table2 > caption + thead > tr:first-child > th,
.listTbl .table2 > colgroup + thead > tr:first-child > td,
.listTbl .table2 > colgroup + thead > tr:first-child > th,
.listTbl .table2 > thead:first-child > tr:first-child > td,
.listTbl .table2 > thead:first-child > tr:first-child > th {
    border-top: 0px solid #c3c3c3;
}
.listTbl .table2 >tbody > tr > td,
.listTbl .table2 > tbody > tr > th,
.listTbl .table2 > tfoot > tr > td,
.listTbl .table2 > tfoot > tr > th,
.listTbl .table2 > thead > tr > td,
.listTbl .table2 > thead > tr > th {
    height: 34px;
    padding: 14px 14px;
    vertical-align: middle;
    border-top: 1px solid #c3c3c3;
    color: #666; background-color:#fff;
}

.listTbl .table2 td a {
    display: inline-block;
    height: 27px;
    line-height: 27px;
    margin: 0 5px;
    text-decoration: underline;
    color: #3166a2;
}
.listTbl .table2 > thead > tr.thead_ty1 th {background-color:#666; color:#fff; font-size:18px;}
.listTbl .table2 > thead > tr.thead_ty1 th strong{float:left;display:inline-block;}
.listTbl .table2 > thead > tr.thead_ty1 th span {float:right; display:inline-block;}

.listTbl .table2 > tbody > tr.info_tit > th {font-size:16px; border-top:0; color:#000;}
.listTbl .table2 > tbody > tr.bor_top > td,
.listTbl .table2 > tbody > tr.bor_top > th { border-top: 3px solid #c3c3c3;}
.zin_li {width:100%;}
.zin_li:after {content:''; clear:both; display:block;}
.zin_li li {float:left; width:50%; text-align:center; line-height:27px;}
.zin_li li:last-child span {display:inline-block;}
.zin_li li:last-child .txt-money{margin-right:5px; }
.zin_li li:last-child .txt-won{margin-left:5px;}
.listTbl .table2 > tbody > tr.list_foot {border-top: 2px solid #c3c3c3;}
.listTbl .table2 > tbody > tr.list_foot th p {padding-top:15px;}
.listTbl .table2 > tbody > tr.list_foot th p:first-child {padding-top:0;}
.listTbl .table2 > tbody > tr.list_foot li {}
.listTbl .table2 > tbody > tr.list_foot ul.addr_list {}
.listTbl .table2 > tbody > tr.list_foot ul.addr_list li {}

.list_foot p span.str{display:inline-block; margin-right:3px;}
/*
.listTbl table tbody td.quantity_cell {background-color:#DECBD5;}
.listTbl table tbody td.quantity_cell:hover {background-color:#DECBD5;}
.listTbl table tbody tr:hover  td.quantity_cell {background-color:#DECBD5;}
*/


.table3 {
    margin-bottom: 0;
}
.table3 > caption + thead > tr:first-child > td,
.table3 > caption + thead > tr:first-child > th,
.table3 > colgroup + thead > tr:first-child > td,
.table3 > colgroup + thead > tr:first-child > th,
.table3 > thead:first-child > tr:first-child > td,
.table3 > thead:first-child > tr:first-child > th {
    border-top: 1px solid #c3c3c3;
}
.table3 >tbody > tr > td,
.table3 > tbody > tr > th,
.table3 > tfoot > tr > td,
.table3 > tfoot > tr > th,
.table3 > thead > tr > td,
.table3 > thead > tr > th {
    height: 34px;
    padding: 3px 12px;
    vertical-align: middle;
	border: 1px solid #c3c3c3;
	/*
	border-left: 1px solid #c3c3c3;border-bottom: 0px solid #c3c3c3; border-right: 1px solid #c3c3c3;border-top: dotted 1px #c3c3c3;
	*/
    color: #666;
}
.table3 > tbody > tr:last-child th,.table3 > tbody > tr:last-child td{border-bottom: 1px solid #c3c3c3;}
.table3 > tbody > tr > td,
.table3 > tfoot > tr > td,
.table3 > thead > tr > td {
    padding: 12px 12px;
}
.table3 > thead > tr > th.bor_cell_none {border-left:0; border-right:0; border-top:0;}
.table3 > tbody > tr > th.bor_solid,.table3 > thead > tr > th.bor_solid {
	border-left: 1px solid #c3c3c3; border-right: 1px solid #c3c3c3;border-top: solid 1px #c3c3c3;border-bottom: 0px solid #c3c3c3;
}
.table3 td a {
    display: inline-block;
    height: 27px;
    line-height: 27px;
    margin: 0 5px;
    text-decoration: underline;
    color: #3166a2;
}
.table3 td .textarea-view {padding:0 0;}
.table4 > tbody > tr td	{
	border-left: 1px solid #c3c3c3;border-bottom: 0px solid #c3c3c3; border-right: 1px solid #c3c3c3;border-top: dotted 1px #c3c3c3;
}
.table4 > tbody > tr th:first-child, .table4 > tbody > tr td:first-child {border-left: 1px solid #c3c3c3;}
.table4 > tbody > tr th:last-child,.table4 > tbody > tr td:last-child{border-right: 1px solid #c3c3c3;}
.table4 >tbody > tr > td,
.table4 > tbody > tr > th {
	border-left: 1px dotted #c3c3c3; border-right: 1px dotted #c3c3c3;
}
.table4 > tbody > tr:last-child th,.table4 > tbody > tr:last-child td{border-bottom: 1px solid #c3c3c3;}
.table4 > tbody > tr > th.bor_solid,.table4 > thead > tr > th.bor_solid {
	border-left: 1px solid #c3c3c3; border-right: 1px solid #c3c3c3;border-top: solid 1px #c3c3c3;border-bottom: 0px solid #c3c3c3;
}
.table4 > thead > tr > th.bor_cell_none {border-left:0; border-right:0; border-top:0;}
.table4 > tbody > tr:first-child td {border-top: solid 1px #c3c3c3;}

.tab-content > .tab-pane.active div.cell_area {height: 34px;}
.cell_area {height: 34px; line-height:34px; padding: 3px 12px; vertical-align: middle; color: #666;font-weight: bold;text-align: left;    font-size: 1em;}
.cell_area strong {display:block;}
.twon {display:inline-block; width:64px; text-align:right;}

.listTbl .table > tbody > tr > td,
.listTbl .table > tfoot > tr > td,
.listTbl .table > thead > tr > td {
    padding: 3px 14px;
}
/*.listTbl tbody tr.even td { background: #f8f8f8; }*/
/* .listTbl tbody tr:hover td { background: #fbefef; } 2021-03-03 제거 */

.t_box:after {content:''; clear:both; display:block;}
.t_box {background-color:#666; color:#fff; font-size:18px;width:100%; padding:14px 0;}
.t_box strong{float:left;display:inline-block; padding-left:14px;font-size:18px; line-height:18px;}
.t_box strong img {height:15px;  position:relative; top:-1px;}
.t_box span.i {font-family: "LGSmHaSB";}
.t_box strong .t {font-size:14px;}
.t_box span.txt-rt {float:right; display:inline-block; padding-right:14px;line-height:18px;font-size:14px; }

/*견전서 버전 관리*/
.listTbl .table > tbody > tr > th .str {color:#C80508;}
.listTbl .table > tbody > tr.ver_view_tit th, .listTbl .table > tbody > tr.ver_view_tit td{height:200px; padding:14px 14px;}
.listTbl .table > tbody > tr.ver_view_tit td{vertical-align:top;}
.listTbl .table > tbody > tr.ver_view_tit td textarea {resize: none; overflow:auto; height:300px; padding: 6px 10px; text-align:left;box-shadow: none;}/*height:172px;*/
.listTbl .table > tbody > tr.ver_view_tit td textarea[readonly] {background-color: #fff;}
.listTbl .table > tbody > tr.ver_view_tit td textarea.estimate_ver_cell_cent {border:0;padding:0;}
.listTbl .table > tbody > tr.ver_view_tit td .textarea-view {border:0;padding:0;}
.listTbl .table > tbody > tr.ver_view_tit th {vertical-align:middle;}
.listTbl .table > thead > tr.thead_ty1 th {background-color:#666; color:#fff;}
.listTbl .table > thead > tr.thead_ty1 th strong{float:left;display:inline-block;}
.listTbl .table > thead > tr.thead_ty1 th span {float:right; display:inline-block;}
.listTbl .table > thead > tr.bor_none > th {border-left:1px solid transparent; border-right:1px solid transparent;}

.listTbl .table > tbody > tr.thead_ty1 th:after {content:''; clear:both; display:block;}
.vtop td{vertical-align:top;}
/*검색 결과 없을때*/
.listTbl .table > tbody > tr > td.nodata {padding:80px 0; font-size:14px; cursor:auto; background:#fff !important;}

.listTable {}

.lnb .depth1 li .depth2 li .depth3.depthUl3 {padding:0 0;}

/*tabs*/
.tabs {margin-top:0;list-style: none;margin-bottom: 20px;  padding-left: 0; height:34px; border-bottom: 1px solid #999;}
.tabs > li { position: relative; display: block;float: left; margin-bottom: -1px;}
.tabs > li > a {position: relative; display: block;color:#262930;}
.tabs > li > a:hover,
.tabs > li > a:focus {text-decoration: none; background-color: #eee; background: #eee;}
.tabs > li.disabled > a {
  color: #777;
}
.tabs > li.disabled > a:hover,
.tabs > li.disabled > a:focus {
  color: #777;
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
}
.tabs .open > a,
.tabs .open > a:hover,
.tabs .open > a:focus {
  background-color: #eee;
  border-color: #337ab7;
}
.tabs .nav-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.tabs > li > a > img {
  max-width: none;
}
.tabs > li > a, .tabs > li > a:hover {
    margin-right: 4px;
    border: 1px solid #d8d8d8;
    border-radius: 0;
    background: #eee;
   color:#262930;
    padding: 8px 20px 7px;
    border-bottom-color: #999;
}
.tabs > li.active > a, .tabs > li.active > a:hover {
    background: #fff;
    color: #575757;
    border: 1px solid #999!important;
    border-bottom-color: transparent!important;
}
.print_cont .table td a{color:#666;text-decoration:none; margin:0; height:auto; display:block; line-height:normal; margin-bottom:3px;}
.print_cont .table td a:last-child {margin-bottom:0;}
.print_cont .table td a:hover {color:#666; text-decoration:none; }

/*팝업*/
/*직접등록*/
.inpt_form .name_inp {width:30%; /*display:inline-block;*/ float:left; height:24px; line-height:24px; margin-right:5px;}
.inpt_form:after {content:''; clear:both; display:block;}

.h3_header {margin-top:20px;}

/*실측정보관리*/
.memo_tb {margin-top:20px;}
.btn_wrap {text-align:center; vertical-align:top;}
.btn_wrap .btn{display:block; width:66px; margin:0 auto;}
.btn_wrap .btn_del {margin-top:5px;}
.btn_del,
.btn_del:hover{
    color: #830000!important;
    border-color: #830000!important;
    background-color: #fff!important;
}
.btn_add,
.btn_add:hover{
    color: #fff!important;
    border-color: #006ECF!important;
    background-color: #006ECF!important;
}
.add_tb {margin-top:20px;}
.add_tb_mgb {margin-top:0;margin-bottom:20px;}

/*단일 메뉴일경우*/
.lnb .depth1 > li > a.finalDepth.color {color: #fff !important; background: #333  !important;}/*url(../images/menu_close_wh.png) no-repeat 182px center*/
.lnb .depth1 > li > a.select.finalDepth {color: #fff; background: #333 !important;}

/*견적정보*/
.txt_ellipsis {overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
.txt_word {}
.table thead tr th .stxt {font-size: 0.8em;}
.tb_body_scroll { overflow:hidden;overflow-x:auto;}
.tb_body_scroll_y {max-height:348px; overflow:hidden;overflow-y:auto;}
.tb_body_scroll_x {min-width:1069px; overflow:hidden;overflow-x:auto;}

.indicator.nav-tabs.step_box {overflow:hidden;}
.indicator.nav-tabs.step_box > li > a {width:auto; margin:0 3px;}
.indicator.nav-tabs.step_box > li.completed:first-child a,
.indicator.nav-tabs.step_box > li.completed:last-child a{
    width: auto;
}
.indicator.nav-tabs.step_box li.off a {cursor:default;}
.indicator.nav-tabs.step_box > li > a:before {background:none; width:auto; height:auto;}
.indicator.nav-tabs.step_box > li > a:after{background:none;width:auto; height:auto;}


.step_con {display:none;}
.won_box span{display:block;}
.won_box span:last-child {margin-top:5px;}

.table tfoot tr.etc th {text-align: center; background: #ddd;  font-weight: bold;color:#262930;}
.widget_top_tb {width:100%; margin-bottom:20px;}
.widget_top_tb:after {content:''; clear:both; display:table;}
.widget_top_tb .widget-header {float:left;}
.widget_top_tb .widget-content{width:80%; float:right;}
.widget_txt_box {position:relative; width:100%;}
.widget_txt_box:after {content:''; clear:both; display:block;}
.widget_txt_box .widget-header {width:100%;margin-bottom:0;}
.widget_txt_box h2 {float:left;}
.widget_txt_box .date {float:right; margin-right:14px;}
.widget_txt_box .t_tit_box {position:relative; text-align:center; line-height:20px; margin-bottom:20px;}
.widget_txt_box .t_tit_box:after {content:''; clear:both; display:block;}
.widget_txt_box .t_tit_box .corporationName {padding-left:14px; position:absolute; top:0; left:0;font-size:14px;}
.widget_txt_box .t_tit_box .corporationName span {color:#000;}
.widget_txt_box .t_tit_box .txt_ver {padding-left:14px; position:absolute; top:0; left:0; color:#999;font-size:14px;}
.widget_txt_box .t_tit_box .txt_ver span {color:#000;}
.widget_txt_box .t_tit_box .tit_bold{font-size:20px;}
.widget_txt_box .t_tit_box .t_won_box { position:absolute; top:0; right:0; padding-right:14px; font-size:14px; color:#999;}
.widget_txt_box .t_tit_box .t_won_box strong {font-weight:bold; color:#000;}
.preview_pop .widget_txt_box .t_tit_box {margin-bottom:15px; width:100%;}
.widget_txt_box .t_tit_box.txt-box {margin-bottom:10px;height:auto; line-height:16px; width:100%;}
.widget_txt_box .t_tit_box.txt-box .txt {float:left;}
.widget_txt_box .t_tit_box.txt-box .t_won_box {padding-right:0;}



/* 상세 */
.tab-content .step_cont .widget_top_tb {margin-bottom:0;}
.tab-content .step_cont .widget_top_tb .widget-header {width:100%;}
.tab-content .step_cont .widget_top_tb .widget-header:after {content:''; clear:both; display:block;}
.tab-content .step_cont .widget_top_tb .widget-header h2 {float:left;}
.tab-content .step_cont .widget_top_tb .widget-header .date {float:right; margin-right:14px;}
.detail_container {margin-top:40px;}
.detail_container .detail_cont {}
.bottom_tabs {}
.bottom_tabs {margin-top:0;list-style: none;margin-bottom: 20px;  padding-left: 0; height:34px; border-bottom: 1px solid #999;}
.bottom_tabs > li { position: relative; display: block;float: left; margin-bottom: -1px;}
.bottom_tabs > li > a {position: relative; display: block;color:#262930;}
.bottom_tabs > li > a:hover,
.bottom_tabs > li > a:focus {text-decoration: none; background-color: #eee; background: #eee;}
.bottom_tabs > li.disabled > a {
  color: #777;
}

.bottom_tabs > li > a, .bottom_tabs > li > a:hover {
    margin-right: 4px;
    border: 1px solid #d8d8d8;
    border-radius: 0;
    background: #eee;
   color:#262930;
    padding: 8px 20px 7px;
    border-bottom-color: #999;
}
.bottom_tabs > li.active > a, .bottom_tabs > li.active > a:hover {
    background: #fff;
    color: #575757;
    border: 1px solid #999!important;
    border-bottom-color: transparent!important;
}


.bottom_tabs > li.active > a, .bottom_tabs > li.active > a:hover {
	color: #fff!important;
    border-color: #5c5c5c!important;
    background-color: #5c5c5c!important;
}
.bottom_tabs > li:last-child > a{margin-right:0;}

.tabs_footer { position:relative; height:34px;}
.tabs_footer .bottom_tabs {margin-bottom:0;}
.tabs_footer .pull-right {position:absolute; bottom:0; right:0;}
.tab-content > .tab-pane.active div.file_data{display: inline-block; height: 27px;  padding: 4px 10px; border: 1px solid #c3c3c3;  border-radius: 0;  font-size: 12px; box-shadow: none; margin-right: 1px;background-color: #fff;opacity: 1;vertical-align: bottom!important; width:100%;}
.file_data{display: inline-block; height: 27px;  padding: 4px 10px; border: 1px solid #c3c3c3;  border-radius: 0;  font-size: 12px; box-shadow: none; margin-right: 1px;background-color: #fff;opacity: 1;vertical-align: bottom!important; width:100%;}

/*견적서 미리보기*/
.preview_pop {}
.preview_pop .content {padding:15px 15px;}
.preview_pop .content .widget-header {height:16px; line-height:16px;}
.preview_pop .content .widget_top_tb .widget-header {width:100%;}
.preview_pop .content .widget_top_tb .widget-header h2 {float:left;}
.preview_pop .content .widget_top_tb .widget-header .date {float:right;}
.preview_pop .content .widget_top_tb .widget-header:after {content:''; clear:both; display:block;}

/*검색*/
.text_data {display: inline-block; height: 27px !important;  padding: 4px 10px; border: 1px solid #c3c3c3;  border-radius: 0;  font-size: 12px; box-shadow: none; margin-right: 1px;background-color: #fff;opacity: 1;vertical-align: bottom!important; width:100%;}
.text_data.text_data_w1 {width:85%;}
.text_data.text_data_w2 {width:76%;}
.text_data.text_data_w3 {width:65%;}
/*//검색*/
.ico_chk {display:inline-block; width:19px; height:19px; padding:0px; background: url(../images/ico_cho.png) no-repeat center bottom; position:relative; top:2px;}

.listT.scrolltbl > tr > th:last-child, .listT.scrolltbl tr > td:last-child {padding-right:17px;}
.listT tr.chk_cell_bg td{background-color:#D0F5A9;}
.txt_box p {font-weight:normal;}
/*견적서 항목 관리*/
.standard_textarea {resize: none; border:1px solid #c3c3c3; padding:10px;}
.standard_textarea.textarea_read {background-color:#fff;border-color:#fff;border:none 0;}
.estimate_ver_cell_cent {width:100%; min-width:840px; height:300px; overflow:auto;/* overflow:scroll;white-space: nowrap;*/}

/*버전 관리 탭*/
.ver_btn_wrap {padding:0 102px 0 0; position:relative;}
.ver_btn_wrap ul { width:293px; overflow:hidden;}
.ver_btn_wrap .ver_btn_prev{position:absolute; top:0; right:50px; height:34px;}
.ver_btn_wrap .ver_btn_next{position:absolute; top:0; right:0;height:34px;}

.modal-body > p.txt_comment {margin-top:10px; font-size:11px;}

/*표준 견적서*/
.cal_data_wrap .input-group{width:50%;}
.cal_data_wrap .input-group .form-control {text-align:center;}
.standard_txt_comment{background:#eee; padding:10px;margin-top:10px;}
.standard_txt_comment p:last-child {margin-top:5px;}
.standard_txt_comment textarea {height:40px; border:0; padding:5px;}
.standard_txt_comment textarea:disabled {background: #eee;}
/*토스트 메시지*/
.modal_alert_wrap .modal-header{margin-bottom:5px;}

/*lnb*/
.lnb .depth1 li:last-child .depth2 {border-bottom:0;}
.lnb .depth1 li:last-child .depth2 li .depth3.depthUl3 {border-bottom:0;}

/* ==========================================================================
   2021-02-24 ds 아파트 특성 관리
   ========================================================================== */


/* 아파트 특성 관리*/
.fileAttachImgList { min-height:100px;}
.fileAttachImgList li {
    position: relative;
    height: 120px;
	padding-bottom:20px;
    margin: 3px 4px;
    border: 1px solid #d4d4d4;
    border-radius: 3px;
    background: #f9f9f9;
	text-align:center;
	padding-right:0;
}
.fileAttachImgList li img { max-height:100px;}
.fileAttachImgList li button.delete {
    position: absolute;
    top: 9px;
    right: 10px;
    width: 11px;
    height: 11px;
    background: url("../images/btn_delete02.png") no-repeat center;
    text-indent: -9999px;
}
.fileAttachImgList li span { display:block; margin-top:5px;}
.fileAttachHeader + .fileAttachList input{
	position: absolute;
	top: -9999px;
	left: -9999px;
	width: 0;
	height: 0;
	opacity: 0;
}

/* 전시장 정보관리 */
.jsTrLink td{cursor: pointer;}
.inline-datetimepick .datepicker tbody tr td.active{position: static;}
.inline-datetimepick .datepicker-inline,
.inline-datetimepick .table-condensed{width: 100%;}
.inline-datetimepick .datepicker thead tr th.prev,
.inline-datetimepick .datepicker thead tr th.prev:hover{background-position-x: calc(100% + 30px);}
.inline-datetimepick .multi-selet{background-color: #e63c6b !important;}

.inline-data .input-file,
.inline-data .input-file + button  { margin-right:5px;}
.col-xs-6.col-xs-6-pr-5{padding-right: 5px;}
.file_data_input_wrap input[readonly]{background-color: #fff;}
.file_data_input_wrap.pr-5{padding-right: 5px;}

/* 목록 리스트 커서 변경 2021-03-03 */
.listTblPointer td { cursor:pointer;}
.listTblPointer tbody tr:hover td { background: #fbefef; }

/* 고객 정보관리 */
.search-contents table tbody td .form-search-s select.form-control{min-width: 100px;}
.search-contents .form-inline.form-search-s .input-group.input-search{width: 63%;}
.fileAttachList.thumbnailPop a {display:block; width:100%; text-decoration:none; height:auto; min-height:27px;}
.fileAttachList.thumbnailPop a img { display:block; margin:10px auto 0; width:100px; height:100px; position:relative; left:10px;}
.fileAttachList.thumbnailPop a .name { display:block; text-align:center; padding-left:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.fileAttachList input[type=file] { position:absolute; top:40px; opacity:0;}

/* 리스트페이지에 다운로드 버튼이 있는 경우 */
.donwload-btn { position:absolute; top:0;}
/* 리스트 상단 제목옆에 버튼 붙는경우 */
.widget-header + .listTbl { position:relative;}
.widget-header + .listTbl .module-group{ position:absolute; right:0; top:-31px;}
.widget-header + .listTbl .module-group.as-add-btn{top: 0;}

/* bo로그인 */
.bo_login_wrap{
	position: relative;
	width: 100%;
	height: 100%;
	background-color: #f8f8f8;
	text-align: center;
}
.bo_login_wrap h1{margin: 0;}
.bo_login_area{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 500px;
	height: 500px;
	padding: 74px 120px 75px;
	border-radius: 8px;
	border: solid 1px #dddddd;
	background-color: #ffffff;
	transform:translate(-50%,-50%);
}
/*
.bo_login_area .form-control{
	height: 35px;
	margin-top: 42px;
	padding: 8px 12.3px 8px 8px;
	border: solid 1px #cfcfcf;
	background-color: #ffffff;
}*/
.bo_login_area input[type=text],
.bo_login_area input[type=password]{
	display: block;
	width: 100%;
	margin-top: 13px;
	padding: 10px 8px;
	border: none;
	border-bottom: 1px solid #cfcfcf;
}
.login-group {margin-top:42px;height:27px;position:relative;}
.login-group .radio-inline {display:block;float:left;}
.login-group .radio-inline:last-child {float:right;}

.bo_login_area select + input{margin-top: 8px;}
.bo_login_area input::placeholder{color: #bbb;}
:-ms-input-placeholder{color: #bbb;}
.bo_login_area input[disabled]{background-color: #fff;}
.bo_login_area .btn-login{margin-top: 35px;}

div.text_data {
	overflow:scroll;
    scrollbar-width: none;
    -ms-overflow-style: none;
	white-space:nowrap;
}
div.text_data::-webkit-scrollbar {
    display: none;
}
/* main 2021-03-12 */
.main-body { background:#f8f8f8; overflow-x:hidden; overflow-y:auto !important;}
.page-container.main { background:#f8f8f8; min-width:1200px; width:1280px; margin:0 auto;}
.page-container.main .page-content { width:1200px; left:50%; transform:translate(-50%,0); margin-top:30px; background:#fff; border-radius:20px; box-shadow: 2px 4px 12px 0 rgba(0, 0, 0, 0.06); overflow:hidden;}
.page-container.main .page-content .page-title { float:none; height:70px; font-size:18px; color: #212121; line-height:1.44;  font-family:"Noto Sans KR", sans-serif; padding:22px 0 0 45px; border-bottom:1px solid #ddd; margin:0;}

.page-container.main .page-content .widget .menu-list { overflow:hidden; padding:45px 0 0 45px; min-height:585px;}
.page-container.main .page-content .widget .menu-list li {float:left; width:350px; height:70px; margin: 0 30px 20px 0; object-fit: contain; border-radius: 15px; border: solid 1px #dddddd; background:url('../images/icon_arrow_right.png') no-repeat 298px 24px;}
.page-container.main .page-content .widget .menu-list li a { display:block; padding: 23px 30px; font-size:16px; color:#212121; line-height:1.5; font-family:"Noto Sans KR", sans-serif;}
.page-container.main .page-content .widget .menu-list li:hover { border:1px solid #830000; background-position:298px -98px}
.page-container.main .page-content .widget .menu-list li:hover a { color:#830000;}
.page-container.main .page-content .widget { margin-bottom:36px;}
.page-container.main .page-content .widget:not(:first-child) {background:#7c7c7c; margin-bottom:0;}
.page-container.main .page-content .widget:not(:first-child) .menu-list { padding:0; min-height:auto;}
.page-container.main .page-content .widget:not(:first-child) .menu-list li {position:relative; width:25%; border:0; margin:0; padding:0; text-align:center; background:none;}
.page-container.main .page-content .widget:not(:first-child) .menu-list li:not(:first-child):after { content:''; position:absolute; left:0; top:22.5px;; border-left:1px solid #ddd; height:25px;}
.page-container.main .page-content .widget:not(:first-child) .menu-list li:hover a,
.page-container.main .page-content .widget:not(:first-child) .menu-list li a { color:#fff; font-weight: normal;}

.page-container.main .page-content .widget:not(:first-child) .menu-list li:nth-child(1) a:before{ content:''; display:inline-block; margin-right:10px; width:27px; height:23px; vertical-align:top; background:url('../images/icon_order.png') no-repeat 0 0; }
.page-container.main .page-content .widget:not(:first-child) .menu-list li:nth-child(2) a:before{ content:''; display:inline-block; margin-right:10px; width:27px; height:23px; vertical-align:top; background:url('../images/icon_go_system.png') no-repeat 0 0; }
.page-container.main .page-content .widget:not(:first-child) .menu-list li:nth-child(3) a:before{ content:''; display:inline-block; margin-right:10px; width:27px; height:23px; vertical-align:top; background:url('../images/icon_pain_point.png') no-repeat 0 0; }
.page-container.main .page-content .widget:not(:first-child) .menu-list li:nth-child(4) a:before{ content:''; display:inline-block; margin-right:10px; width:27px; height:23px; vertical-align:top; background:url('../images/icon_visitor.png') no-repeat 0 0; }
.global-menu .header-setting { display:none;}
.global-menu .header-logout span { padding-right:37px;}
header .gnb-header .global-menu .header-logout button { top:17px;}
.global-menu .header-logout button { width:28px; height:28px;}

.search-single .time-count{ position: relative; display: inline-block; width: 85%; vertical-align: top; }
.search-single .time-count input{width: 100%;}
.search-single .time-count .time{ position: absolute; right: 2%; top: 50%; transform: translateY(-50%); }
p.mt3 button.txt-red{background-color: transparent;}
.textarea-view { border:none; cursor:default !important; resize:none;}
.txt-inp-list { counter-reset:inst; padding-bottom:15px;}
.txt-inp-list li { position:relative; padding-left:20px; margin-top:15px; padding-top:5px;}
.txt-inp-list li::before { counter-increment:inst; content:counter(inst) "."; position:absolute; left:0; top:5px; }
.module-group + .grid_header { float:left; margin-top:15px;}

/* chkbox2, radio2 */
.rdo-wrap,.chk-wrap{display: inline-block;}
.checkbox-inline[class*=box-] input[type="checkbox"],
.radio-inline[class*=box-] input[type="radio"]{display: none;}
.checkbox-inline.box-chkbox,
.radio-inline.box-radio{
	padding-left: 0;
	color: #333;
	border: 1px solid #c3c3c3;
	font-size: 12px;
}
.checkbox-inline.box-chkbox + .box-chkbox,
.radio-inline.box-radio + .box-radio{margin-left: 0;}
.checkbox-inline[class*=box-] label,
.radio-inline[class*=box-] label{
	padding: 0 20px;
	font-weight:400;
	cursor: pointer;
}
.checkbox-inline[class*=box-] input[type="checkbox"]:checked + label,
.radio-inline[class*=box-] input[type="radio"]:checked + label{
	color: #fff;
	border-color: #5c5c5c;
	background-color: #5c5c5c;
}

/* tab2 */
.nav-tabs2-wrap{
	margin-bottom: 20px;
	border: 1px solid #c3c3c3;
}
.nav-tabs2-title{
	display: inline-block;
	width: 200px;
	height: 34px;
	padding: 3px 12px;
	vertical-align: middle;
	border-right: 1px solid #c3c3c3;
	text-align: center;
	background: #e9e9e9;
	font-weight: bold;
	color: #262930;
	line-height: 28px;
}
.nav-tabs2{
	display: inline-block;
	padding: 3px 10px;
	vertical-align: middle;
}
.nav-tabs2 > li{
	float: left;
}
.nav-tabs2 > li > a{
	padding: 5px 16px 5px 24px;
	height: 27px;
	background: url(../images/bg_radio.png) no-repeat 0 -27px;
}
.nav-tabs2 > li.active a{
	background: url(../images/bg_radio.png) no-repeat 0 4px;
}
.nav-tabs2 > li > a:focus, .nav-tabs2 > li > a:hover {background-color: transparent;}

/* 표준 계약서 작성 */
.input-vam > strong,
.input-vam > em,
.input-vam input[type="text"]{vertical-align:middle !important;}

/* 계약정보관리 워드파일 코딩 */
.contractinfo-template {line-height:1.38; padding:0 17px 0 17px;}
.contract-wrap {padding-bottom:40px;}

.contractinfo-template h2,
.contractinfo-template h1 { text-align:center; font-size:17px; font-weight:bold; margin:0;}
.contractinfo-template h2 { font-size:15px; text-align:left; margin-top:14px;}
.contractinfo-template p { font-size:13px;}
.contractinfo-template u { text-decoration:none;}
.contractinfo-template .table-grid { margin-top:14px;}
.contractinfo-template .table-grid:last-child {padding:0 0 30px;}
.contractinfo-template .table-grid table { width:100%; table-layout:fixed; border-top:2px solid #000;  border-bottom:2px solid #000; }
.contractinfo-template .table-grid th { background:#F2F2F2;}

.contractinfo-template .table-grid td { padding:5px 10px; text-align:left;}
.contractinfo-template .table-grid th,
.contractinfo-template .table-grid td {font-size:12px; border-bottom:1px dashed #333; border-left:1px solid #000;}
.contractinfo-template .table-grid th {padding:5px 10px; font-weight:bold;text-align:left;}
.contractinfo-template .table-grid thead tr:first-child th:first-child { border-left:0;}
.contractinfo-template .table-grid tbody td:first-child,
.contractinfo-template .table-grid tbody th:first-child { border-left:0;}
.contractinfo-template .table-grid .border-left { border-left:1px solid #000 !important;}
.contractinfo-template .table-grid tr:last-child th,
.contractinfo-template .table-grid tr:last-child td { border-bottom:0;}
.contractinfo-template .table-grid thead th { border-bottom:1px solid #000 !important; text-align:center;}
.contractinfo-template .table-grid tbody tr td .contract-period {overflow:hidden;display:inline-block;vertical-align:middle;}
.contractinfo-template .table-grid tbody tr td .contract-period dt {float:left;}
.contractinfo-template .table-grid tbody tr td .contract-period dd {float:left;margin:0 15px 0 5px;}
.contractinfo-template .table-grid tbody tr td .contract-period:last-child dd:last-child {margin-left:-10px;}
.contractinfo-template .table-grid tbody tr td input[type=checkbox] {margin:0 0 0 5px;}

.contractinfo-template .table-grid.contract-info tbody th {text-align:center;}
.contractinfo-template .table-grid.contract-info tbody td ul li {position:relative;padding:0 0 0 8px;}
.contractinfo-template .table-grid.contract-info tbody td ul li:before {content:'-';position:absolute;left:0;top:0;}
.contractinfo-template .title {padding:17px 0 0;text-decoration:underline;}
.contractinfo-template .sub-title {padding:10px 0;font-weight:bold;}
.contractinfo-template .sub-text {line-height:18px;}
.contractinfo-template .sub-text.fc-bold {padding:20px 0 0;font-size:12px;font-weight:bold;}
.contractinfo-template .sub-text .blank {margin:0 9px;}
.contractinfo-template .term dl {overflow:hidden;}
.contractinfo-template .term dl dt {float:left;width:100px;font-weight:bold;}
.contractinfo-template .term dl dd {float:left;width:calc(100% - 100px);}
.contractinfo-template .term dl dd ul li {margin:0 0 5px;line-height:18px;}
.contractinfo-template .signature {padding:40px 0 0;font-size:17px;font-weight:bold;text-align:right;}



.contractinfo-template .tbl-desc {color:#444;}
.contractinfo-template .mgt10 { margin-top:10px;}
.contractinfo-template .mgt20 { margin-top:20px;}
.contractinfo-template .mgt40 { margin-top:40px;}
.contractinfo-template .mgt60 { margin-top:60px;}
.contractinfo-template .txt-xl { font-size:18px !important;}
.contractinfo-template .txt-lg { font-size:16px !important;}
.contractinfo-template .txt-regular { font-size:14px !important;}
.contractinfo-template .txt-sm { font-size:12px !important;}
.contractinfo-template .inp-box { position:relative;}
.contractinfo-template u.inp-box:after { position:absolute; left:0; bottom:2px; content:''; width:100%; border-bottom:1px solid #000;}
.contractinfo-template .form-info-date span {margin:0 0 0 20px;}
.inp-area-span span { color:#a1a1a1;}

/* 표준 견적서 작성 */
.vnTab .bottom_tabs{margin-bottom: 0;}
.vnTab-wrap + .pull-right{margin-top: 7px;}

/* 고객 관리 */
.search-contents table tbody tr.bdb-c3 th, .search-contents table tbody tr.bdb-c3 td{border-bottom: 1px solid #c3c3c3;}

/* A/S */
.listTbl .table > tbody > tr > td.txt-right.bd-none{
	padding-right: 0;
	border-color: transparent;
}

.listTbl table .total th {color:#000;font-size:1.2em;height:45px;}

#dateMod .form-group {position:relative;}
#dateMod .mask_hide {position:absolute;left:0;bottom:0;width:100%;height:calc(100% - 40px);background-color:rgba(255,255,255,0);}

/*2108 개선사항*/
#menuList.menu-list:after {content:'';display:block;clear:both;}
#menuList.menu-list ul {overflow:hidden;margin:-5px 0 0 -15px;}
#menuList.menu-list ul li {float:left;width:14.28%;padding:0 0 0 15px;box-sizing:border-box;}
#menuList.menu-list ul li:first-child {width:14.28%;}
#menuList.menu-list ul li .button {display:block;width:100%;padding:0 0 0 17px;height:45px;font-size:20px;line-height:43px;color:#fff;background-image:url(https://dev-zinsc-contents.lxhausys.com/html/static/imgs/custom-menu-arrow.png);background-color:#5c5c5c;background-repeat:no-repeat;background-position:right 17px center;background-size:10px 18px;border-radius:5px;box-sizing:border-box;}
#menuList.menu-list ul li.disabled .button {background-image:url(https://dev-zinsc-contents.lxhausys.com/html/static/imgs/custom-menu-arrow-on.png);}
#menuList.menu-list ul li.disabled .button span {color:#bbb;opacity:0.4;}



/*2201 개선사항*/
.toggle-content{ overflow: hidden;}
.toggle-content.toggle-content-none{display: none;}
.widget-header .toggle-content-btn{width: 50px;height: 30px;display: block;background-color: #fff; border: 1px solid #c3c3c3; position: relative;}
.widget-header .toggle-content-btn span{width: 30px;height: 30px;display: block;margin: 0 auto;position: relative;}
.widget-header .toggle-content-btn.toggle-arrow-down span:after{content:"";display: block;width: 20px;height: 20px;transform: rotate(45deg);position: absolute;top: -1px;left: 5px;border-bottom: 2px solid #5c5c5c;border-right: 2px solid #5c5c5c;}
.widget-header .toggle-content-btn.toggle-arrow-up span:after{content:"";display: block;width: 20px;height: 20px;transform: rotate(225deg);position: absolute;top: 10px;left: 5px;border-bottom: 2px solid #5c5c5c;border-right: 2px solid #5c5c5c;}