@charset "utf-8";
@import url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.3.0/font/bootstrap-icons.css');
@import url('https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/css/bootstrap.min.css');
/*@import url('../plugins/bootstrap5.0/bootstrap.min.css');*/
@import url(common.css);
@import url(layout.css);

/* plugins */
@import url('../plugins/animate/animate.min.css');
@import url('../plugins/code-prettify/desert.css');
@import url('../plugins/sweetalert2/sweetalert2.css');
@import url('../plugins/toastr/toastr.min.css');
@import url('../plugins/bootstrap-datepicker/css/bootstrap-datepicker.css');
@import url('../plugins/daterangepicker/daterangepicker.css');
@import url('../plugins/quill/snow.css');
@import url('../plugins/select2/select2.min.css');
@import url('../plugins/ibsheet8/css/simple/main.css');
@import url('../plugins/ibsheet8/css/compatible/light/main.css');

/* ibsheet8 Simple 테마 */
.IBSPMain *::-webkit-scrollbar {width:8px;height:8px;}
.IBSPMain *::-webkit-scrollbar-button {width:0;height:0}
.IBSPMain *::-webkit-scrollbar-thumb:vertical {background:#ccc;}
.IBSPMain *::-webkit-scrollbar-thumb:horizontal {background:#ccc;}
.IBSPMain *::-webkit-scrollbar-track {background:#e8e8e8;}
.IBSPMain *::-webkit-scrollbar-thumb:hover {background:#bbb;}
.IBSPHeadLeft,.IBSPHeadMid,.IBSPHeadRight {border-bottom:1px solid #666;border-top:2px solid #2a2a2a;}
.IBSPHeadMid,.IBSPBodyMid,.IBSPFootMid {border-left:1px solid #f0f1f6;border-right:1px solid #f0f1f6}
.IBSPCellBase {border-bottom:1px solid #e2e4eb;border-right:1px solid #e9ebf0;color:#000;}
.IBSPHeadLeft .IBSPCellBase,.IBSPHeadMid .IBSPCellBase,.IBSPHeadRight .IBSPCellBase{border-bottom-color:#e2e4eb}
.IBSPHeaderRowHeight {height:26px;}
.IBSPRowHeight {height:26px;}
.IBSPMain,.IBSPMain *{line-height:1}
.IBSPCellHeader  {background:#fff;border-bottom:1px solid #666;border-right:1px solid #e9ebf0;}
.IBSPHeaderText {color:#000;font-weight:700;}
.IBSPColorHoveredCellHeader {background-color:#f7f8fa}
.IBSPHoverRowBackground{background-color:rgba(160, 190, 220, 0.1)}
.IBSPFocusRowBackground{background-color:rgba(160, 190, 220, 0.2)}
.IBSPHoverRowBorder{border-top:1px solid #3f4f7f;border-bottom:1px solid #3f4f7f}
.IBSPFocusRowBorder{border:1px solid #3f4f7f}
.IBSPHoverCellBorder{border:1px solid #3f4f7f;background:white}
.IBSPFocusCellBorder{border:2px solid #3f4f7f}
.IBSPEditCellBorder{border:2px solid #3f4f7f}
.IBSPColorAlternate {background-color:#f7f8fa}
.IBSPInfoRow, .IBSPInfoRow * {background-color:#f0f1f6;}
.IBSPSolidRow {background-color:#fff;}
.IBSPRowSpace0.IBSPRowSpaceFirst .IBSPSolidRow, .IBSPRowSpace2.IBSPRowSpaceFirst .IBSPSolidRow, .IBSPRowSpace3.IBSPRowSpaceFirst .IBSPSolidRow {border:0;}
.IBSPCellBase {background-color:#fff}

/* align */
.float-left {float:left !important;}
.float-right {float:right !important;}
.float-none {float:none !important;}
.text-left {text-align:left !important;}
.text-right {text-align:right !important;}
.text-center {text-align:center !important;}

/* space */
.mt-5 {margin-top:5px !important;}
.mt-10 {margin-top:10px !important;}
.mt-15 {margin-top:15px !important;}
.mt-20 {margin-top:20px !important;}
.mt-25 {margin-top:25px !important;}
.mt-30 {margin-top:30px !important;}
.mr-5 {margin-right:5px !important;}
.mr-10 {margin-right:10px !important;}
.mr-15 {margin-right:15px !important;}
.mr-20 {margin-right:20px !important;}
.mr-25 {margin-right:25px !important;}
.mr-30 {margin-right:30px !important;}
.mb-5 {margin-bottom:5px !important;}
.mb-10 {margin-bottom:10px !important;}
.mb-15 {margin-bottom:15px !important;}
.mb-20 {margin-bottom:20px !important;}
.mb-25 {margin-bottom:25px !important;}
.mb-30 {margin-bottom:30px !important;}
.ml-5 {margin-left:5px !important;}
.ml-10 {margin-left:10px !important;}
.ml-15 {margin-left:15px !important;}
.ml-20 {margin-left:20px !important;}
.ml-25 {margin-left:25px !important;}
.ml-30 {margin-left:30px !important;}

/* grid layout */
.row.single {--bs-gutter-x:0;}
.row + .row {margin-top:10px;}

/* module */
.module-box {height:100%;background:#fff;}
.module-box + .module-box {margin-top:10px;}

/* 임시(padding) */
.module-box.type2 {padding:15px;}
.module-box.type2 .module-header {padding-top:0;background:#fff;}
.row.type2 {margin-top:10px;}

.module-header {padding:5px 0;background:#f0f1f6;min-height:38px;}
.module-header:after {content:"";display:block;clear:both;}
.module-header .h3-tit {float:left;margin:0;padding-top:7px;}
.module-header .right {float:right;}
.module-header .right a {margin-left:3px;}
.module-header .right .ico-btn {margin:5px 8px 0;}
.module-header ~ .module-header {padding:15px 0 5px;}
.module-header .tit {display:inline-block;padding:0 6px 0 10px;vertical-align:middle;text-align:right;}
.module-header .tit + input[type=checkbox],.block-search .tit + input[type=radio] {margin-left:5px;}
.module-header .input-group {margin:0;}
.module-header .inquiry .addon {background:url('../images/contents/ico_enter.png') no-repeat 50% 50%;}
.tbl-header {padding:15px 0 10px;background:#fff;}
.tbl-header ul {display:inline-block;}
.tbl-header ul li {display:inline-block;}
.tbl-header ul li:first-child .tit {padding-left:20px;}
.tbl-header .tit {display:inline-block;padding:0 6px 0 50px;vertical-align:middle;text-align:right;}
.tbl-header .tit + input[type=checkbox],.tbl-header .tit + input[type=radio] {margin-left:5px;}

.h3-tit {margin:25px 0 10px;color:#000;font-size:16px;font-weight:normal;font-family:'S-CoreDream-5Medium';}
.h3-tit:before {content:'';display:inline-block;width:2px;height:16px;margin:0 9px 3px 0;background:#2a2a2a;vertical-align:middle;}
.h3-tit span {color:#666;font-size:13px;}

/* search */
.block-search {position:relative;padding:5px 0;margin-bottom:10px;background:#fff;border:1px solid #e6e8ec;border-radius:2px;box-shadow:0 1px 4px 0 rgba(152, 162, 179, 0.1);min-height:46px;}
.block-search ul {display:inline-block;}
.block-search ul li {display:inline-block;}
.block-search .tit {display:inline-block;padding:0 6px 0 0;vertical-align:middle;min-width:100px;text-align:right;}
.block-search .tit + input[type=checkbox],.block-search .tit + input[type=radio] {margin-left:5px;}
.block-search .right {position:absolute;right:8px;top:7px;}
.block-search .btn-detail {position:relative;display:inline-block;width:30px;height:30px;padding:0 12px;text-align:center;color:#fff;vertical-align:middle;white-space:nowrap;border:1px solid #dcdcdc;background-color:#fff;box-shadow:0 2px 3px 0 rgba(152, 162, 179, 0.2);text-indent:-9999px;overflow:hidden;}
.block-search .btn-detail:before {content:"";position:absolute;left:7px;top:6px;display:inline-block;width:13px;height:15px;background:url('../images/contents/ico_detail_arrow.png') no-repeat 50% 50%;vertical-align:middle;-webkit-transition: all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.block-search .btn-detail:hover:before {background:url('../images/contents/ico_detail_arrow_on.png') no-repeat 50% 50%;}
.block-search .btn-detail.active:before {top:8px;transform:rotate(-180deg);}
.block-search .btn-detail.active {background-color:#eee;}
.block-search .datepicker {width:190px;}
.block-search .input-group {margin:0;}
.block-search .inquiry {width:150px;}
.block-search .inquiry .addon {background:url('../images/contents/ico_enter.png') no-repeat 50% 50%;}
.block-search .divide-line,.block-content .divide-line {position:relative;top:2px;display:inline-block;width:1px;height:26px;margin:0 12px;vertical-align:middle;background:#cfd1dd;}
.block-search + .block-btn {margin-bottom:5px;}
.block-search .input-space {padding:0 10px;}
.search-detail {display:none;margin-top:2px;}
.block-search .datepicker {padding:0;}

/* input,select */
input {width:100%;height:30px;padding:0 10px;margin:2px 0;border:1px solid #dcdcdc;background-color:#fff;border-radius:0;}
input.right {padding-right:10px;text-align:right;}
input.center {padding:0;text-align:center;}
input,select,textarea {box-shadow:0 1px 3px 0 rgba(152, 162, 179, 0.2);-webkit-transition:background-image 150ms ease-in, background-size 150ms ease-in, background-color 150ms ease-in, -webkit-box-shadow 150ms ease-in;background-repeat:no-repeat;background-size:0% 100%;transition: background-image 150ms ease-in, background-size 150ms ease-in, background-color 150ms ease-in, -webkit-box-shadow 150ms ease-in;}
input:focus,textarea:focus {background-image:linear-gradient(to top, #333, #333 1px, transparent 1px, transparent 100%);background-size:100% 100%;}
input[type=text]::-ms-clear {display:none;}
input[required],textarea[required],select[required] {background-color:#fffcf5;}
input[readonly],textarea[readonly] {background:#f7f7f7;}
input[disabled],textarea[disabled] {background:#f7f7f7;cursor:not-allowed;}
input[type=checkbox],input[type=radio] {width:15px;height:15px;padding:0;margin-right:3px;border:1px solid #c5c5c5;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;transition:inherit;}
input[type=checkbox]:checked {border-color:#378ce4;background:#378ce4 url('../images/contents/ico_check.png') no-repeat 50% 50%;}
input[type=radio] {width:16px;height:16px;border-radius:16px;}
input[type=radio]:checked {border-color:#378ce4;background:#378ce4 url('../images/contents/ico_radio.png') no-repeat 50% 50%;}
input[type=checkbox] + label,input[type=radio] + label {margin-right:8px;}
input[type=checkbox][disabled] + label,input[type=radio][disabled] + label {color:#999}
select {width:100%;height:30px;padding:0 30px 0 10px;margin:2px 0;border:1px solid #dcdcdc;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff url('../images/contents/ico_pulldown.png') no-repeat right 11px top 50%;}
select::-ms-expand {display:none;}
select:focus {border-bottom:1px solid #333;}
select[disabled] {background:#f7f7f7 url('../images/contents/ico_pulldown.png') no-repeat right 11px top 50%;cursor:not-allowed;}
textarea {width:100%;padding:5px 10px;margin:2px 0;border:1px solid #dcdcdc;overflow:auto;resize:none;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color:#999;}
input:-moz-placeholder,textarea:-moz-placeholder {color:#999;}
input::-moz-placeholder,textarea::-moz-placeholder {color:#999;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder {color:#999;}

/* select2 */
.select2-container--default .select2-selection--single {height:30px;border:1px solid #dcdcdc;border-radius:0;box-shadow:0 1px 3px 0 rgba(152, 162, 179, 0.2);}
.select2-container--default .select2-selection--single .select2-selection__arrow {width:30px;height:30px;}
.select2-container--default .select2-selection--single .select2-selection__arrow b {position:absolute;left:2px;top:0;width:28px;height:28px;border:0;margin:0;background:url('../images/contents/ico_pulldown.png') no-repeat right 11px top 50%;}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {background:url('../images/contents/ico_pulldown.png') no-repeat right 7px top 50%;-webkit-transform:rotate(180deg);transform:rotate(180deg);}
.select2-container .select2-selection--single .select2-selection__rendered {padding-right:30px;}
.select2-container--default .select2-search--dropdown .select2-search__field {border:1px solid #dcdcdc;}
.select2-results__option {padding:3px 6px;}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {background-color:#083054;}
.select2-container--default .select2-selection--multiple {height:30px;min-height:30px;border:1px solid #dcdcdc;border-radius:0;box-shadow:0 1px 3px 0 rgba(152, 162, 179, 0.2);}
.select2-container--default .select2-selection--multiple .select2-selection__choice {border-radius:0;background-color:#f5f5f5;}

.input-group {position:relative;display:inline-flex;flex-wrap:wrap;align-items:center;width:100%;vertical-align:middle;justify-content:center;}
.input-group>input, .input-group>select {position:relative;flex:1 1 auto;width:1%;min-width:0;}
.input-group .addon {position:absolute;right:2px;top:3px;display:inline-block;width:30px;height:27px;text-indent:-9999px;overflow:hidden;}
.input-group.datepicker .addon {background:url('../images/contents/ico_calendar.png') no-repeat 50% 50%;}
.input-group.inquiry .addon {background:url('../images/contents/ico_search2.png') no-repeat 50% 50%;}
.input-group.datepicker input,.input-group.inquiry input {padding-right:30px;}
.input-group button {margin-left:3px !important;}
.input-group .btn {margin-left:3px !important;padding:0 10px;}
.input-group .unit {display:inline-block;vertical-align:middle;padding:5px 0 5px 5px;}

.switch {position:relative;display:inline-flex;width:96px;height:28px;padding:2px;background:#f0f1f6;border-radius:28px;overflow:hidden;}
.switch button {width:50%;position:relative;z-index:1;background:transparent;}
.switch button.on {color:#fff;}
.switch span {display:inline-block;width:50%;background:#378ce4;color:#fff;position:absolute;left:2px;top:2px;height:24px;border-radius:28px;transition:all 0.5s;}
.switch button.on + span {left:auto;right:2px;transition:all 0.5s;}

/* table */
.tbl-view {width:100%;border-top:2px solid #2a2a2a;}
.tbl-view > thead > tr > th {height:40px;padding:4px 5px;text-align:center;border:1px solid #e2e2e2;background:#f5f5f5;}
.tbl-view > tbody > tr > th {height:40px;padding:4px 10px;text-align:right;border:1px solid #e2e2e2;background:#f5f5f5;}
.tbl-view > tbody > tr > td {height:40px;padding:4px 10px;border:1px solid #e2e2e2;background:#fff;}
.tbl-view .right {padding:4px 10px 4px 5px;text-align:right;}
.tbl-view .center {padding:4px 5px;text-align:center;}
.tbl-view .left {padding:4px 5px 4px 10px;text-align:left;}
.tbl-view .input-group {margin:2px 0;}
.tbl-view .input-group input {margin:0;}
.tbl-view .input-group .addon {top:1px;}
.tbl-view .photo-wrap {text-align:center;}
.tbl-view .photo-wrap .photo {margin:0 auto 10px;width:120px;height:160px;overflow:hidden;}
.tbl-view .photo-wrap .photo img {width:100%;}
.tbl-view .datepicker {padding:0;}

.tbl-form {width:100%;border-top:2px solid #2a2a2a;line-height:18px;}
.tbl-form > tbody > tr > th {height:40px;padding:4px 5px 4px 10px;font-weight:400;text-align:right;background:#fff;}
.tbl-form > tbody > tr > td {height:40px;padding:4px 10px 4px 25px;background:#fff;}
.tbl-form > tbody > tr:first-child th,.tbl-form > tbody > tr:first-child td {padding-top:10px;}
.tbl-form > tbody > tr:last-child th,.tbl-form > tbody > tr:last-child td {padding-bottom:10px;}
.tbl-form .right {padding:4px 10px 4px 5px;text-align:right;}
.tbl-form .input-group {margin:2px 0;}
.tbl-form .input-group input {margin:0;}
.tbl-form .input-group .addon {top:1px;}
.tbl-form .desc {padding:0 10px 0 5px;}
.tbl-form .link {margin:0 10px 0 5px;color:#0d6efd;border-bottom:1px solid #0d6efd;}
.tbl-form .form-split {display:inline-block;padding:8px 5px;}
.file-attach .form-file {display:none;}
.tbl-form .photo-wrap {text-align:center;}
.tbl-form .photo-wrap .photo {margin:0 auto 10px;width:150px;height:200px;overflow:hidden;}
.tbl-form .photo-wrap .photo img {width:100%;}
.tbl-form .datepicker {padding:0;}

/* guide text */
.desc-txt {padding:10px 15px}

/* scroll box */
.scroll-box {overflow:auto;}

/* tab */
.tab-wrap {position:relative;min-height:38px;background:#f0f1f6;}
.tab-wrap .right {position:absolute;right:0;top:7px;}
.nav-tabs {border-bottom:2px solid #2b2b2d;margin-bottom:-2px;}
.nav-tabs .nav-link {min-height:38px;padding:.39rem 1rem;margin-bottom:-2px;border:2px solid transparent !important;font-weight:500;color:#555;}
.nav-tabs .nav-link:hover {border:2px solid #2b2b2d !important;}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {border-color:#2b2b2d #2b2b2d #fff !important;font-weight:500;color:#000;}
.nav-tabs .nav-link.disabled {color:#999;}
.nav-tabs.gray {margin-bottom:5px;}
.nav-tabs.gray .nav-item.show .nav-link, .nav-tabs.gray .nav-link.active {border-color:#2b2b2d #2b2b2d #f0f1f6 !important;background-color:#f0f1f6;}
.tab-wrap-inner {min-height:54px;padding:12px 0 10px;background:#f0f1f6;}
.nav-pills .nav-link {min-height:30px;padding:.3rem 1rem;}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {background-color:#484848;}
.image-tab {height:calc(100% - 54px);}
.image-tab .tab-pane {height:100%;}
.image-view {position:relative;height:100%;background-position:0 0;background-repeat:no-repeat;background-size:cover;}
.image-view .image-cover {display:none;position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;background-color:rgba(0, 0, 0, 0.5);}
.image-view:hover .image-cover {display:block;animation:fadein 2s;-webkit-animation:fadein 2s;}
@keyframes fadein {from {opacity:0;} to {opacity:1;}}
@-webkit-keyframes fadein {from {opacity:0;} to {opacity:1;}}
.image-view .image-btn {position:absolute;left:0;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.image-view .image-btn .ibtn {display:inline-block;width:50px;height:50px;margin:0 3px;vertical-align:middle;border-radius:50px;transition:all 0.5s;text-indent:-9999px;overflow:hidden;background-color:#000;background-repeat:no-repeat;background-position:50% 50%;}
.image-view .image-btn .ibtn:hover {background-color:#333;}
.image-view .image-btn .ibtn.regist {background-image:url('../images/contents/ico_regist.png');}
.image-view .image-btn .ibtn.down {background-image:url('../images/contents/ico_download.png');}
.image-view .image-btn .ibtn.trash {background-image:url('../images/contents/ico_trash.png');}

/* button */
.block-btn {margin:8px 0;text-align:right;}
.block-btn:after {content:"";display:block;clear:both;}
.block-btn .left {float:left;}
.block-btn .right {float:right;}
.block-btn .divide-line {position:relative;top:1px;display:inline-block;width:1px;height:26px;margin:0 8px;vertical-align:middle;background:#cfd1dd;}
.btn {display:inline-block;padding:0 16px;font-size:13px;color:#333;vertical-align:middle;background:#fff;border:1px solid #d7dae4;white-space:nowrap;border-radius:0;transition:all 0.5s;box-shadow:0 1px 2px 0 rgba(152, 162, 179, 0.2);}
.btn:hover {background:#94968b;color:#fff;animation-name:BtnInUp;-webkit-animation-duration:0.8s;animation-duration:0.8s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.btn:focus {box-shadow:0 2px 3px 0 rgba(152, 162, 179, 0.2);}
@keyframes BtnInUp {
  0% {-webkit-transform:translateY(-2px);-ms-transform:translateY(-2px);transform:translateY(-2px);}
  100% {-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}
}
@-webkit-keyframes BtnInUp {
  0% {-webkit-transform:translateY(-2px);transform:translateY(-2px);}
  100% {-webkit-transform:translateY(0);transform:translateY(0);}
}
.btn i {margin-right:5px;position:relative;top:-2px;}
.btn.mtype {height:30px;line-height:28px;}
.btn.stype {height:26px;line-height:24px;min-width:50px;padding:0 10px;font-size:12px;}
.ico-btn {display:inline-block;font-size:12px;vertical-align:middle;white-space:nowrap;background:transparent;}
.ico-btn.print {padding-left:22px;background:url('../images/contents/ico_print.png') no-repeat 0 50%;}
.ico-btn.excel-up {padding-left:16px;background:url('../images/contents/ico_up.png') no-repeat 0 50%;}
.ico-btn.excel-down {padding-left:16px;background:url('../images/contents/ico_down.png') no-repeat 0 50%;}
.ico-btn.row-add {padding-left:14px;background:url('../images/contents/ico_plus.png') no-repeat 0 50%;}
.ico-btn.row-delete {padding-left:14px;background:url('../images/contents/ico_minus.png') no-repeat 0 50%;}
.ico-btn i {font-size:15px;margin-right:5px;position:relative;top:-1px;}
.ico-btn i.bi-upload,.ico-btn i.bi-download {font-size:14px;}
.ico-btn i.bi-plus,.ico-btn i.bi-dash {font-size:18px;margin-right:0;}
.ico-btn:hover {color:#4e6c98;}
.btn-search {display:inline-block;min-width:60px;height:30px;padding:0 10px;text-align:center;color:#fff;vertical-align:middle;white-space:nowrap;background:#484848;box-shadow:0 2px 3px 0 rgba(152, 162, 179, 0.2);}
.btn-search:hover {background:#000;}
.btn-inquiry {width:32px;height:30px;margin-right:1px; border:1px solid #d7dae4; background-color:#d7dae4;display:inline-block;vertical-align:middle;color:#444;transition:all 0.3s;}
.btn-search .bi.bi-search::before, .btn-inquiry .bi.bi-search::before {line-height:1.5;}
.btn-inquiry:hover {background:#b5bfe1; color:#fff;}
.btn-group .btn-check:active+.mtype, .btn-group .btn-check:checked+.mtype, .btn-group .mtype.active, .btn-group .mtype.dropdown-toggle.show, .btn-group .mtype:active {color:#fff;background-color:#004f68;border-color:#004f68;box-shadow:none;}
.btn-group>.btn-group:not(:first-child), .btn-group>.btn:not(:first-child) {margin-left:0;}
.btn-group input[type=checkbox] + label, .btn-group input[type=radio] + label {margin-right:-1px;}

/* button color */
.btn.primary {color:#fff;border:1px solid #004f68;background-color:#004f68;}
.btn.primary:hover {background-color:#032b38;}
.btn.secondary {color:#fff;border:1px solid #606e79;background-color:#606e79;}
.btn.secondary:hover {background-color:#505a63;}
.btn.success {color:#fff;border:1px solid #008749;background-color:#008749;}
.btn.success:hover {background-color:#10673e;}
.btn.danger {color:#fff;border:1px solid #a14545;background-color:#a14545;}
.btn.danger:hover {background-color:#a72632;}
.btn.warning {color:#fff;border:1px solid #b39775;background-color:#b39775;}
.btn.warning:hover {background-color:#987953;}
.btn.info {color:#fff;border:1px solid #3c4a56;background-color:#3c4a56;}
.btn.info:hover {background-color:#23303b;}
.btn.dark {color:#fff;border:1px solid #484848;background-color:#484848;}
.btn.dark:hover {background-color:#000;}

/* button Line color */
.btn.line-primary {color:#004f68;border:1px solid #004f68;}
.btn.line-primary:hover {color:#fff;background-color:#00465c;}
.btn.line-secondary {color:#606e79;border:1px solid #606e79;}
.btn.line-secondary:hover {color:#fff;background-color:#606e79;}
.btn.line-success {color:#008749;border:1px solid #008749;}
.btn.line-success:hover {color:#fff;background-color:#008749;}
.btn.line-danger {color:#a14545;border:1px solid #a14545;}
.btn.line-danger:hover {color:#fff;background-color:#a14545;}
.btn.line-warning {color:#b39775;border:1px solid #b39775;}
.btn.line-warning:hover {color:#fff;background-color:#b39775;}
.btn.line-info {color:#3c4a56;border:1px solid #3c4a56;}
.btn.line-info:hover {color:#fff;background-color:#3c4a56;}
.btn.line-dark {color:#484848;border:1px solid #484848;}
.btn.line-dark:hover {color:#fff;background-color:#484848;}

/* shuttle */
.shuttle-vertical {padding:20px 0;text-align:center;}
.shuttle-space {height:70px;}
.shuttle-horizontal {position:relative;top:50%;transform:translateY(-50%);width:120px;margin:0 auto;text-align:center;}
.shuttle-horizontal a,.shuttle-horizontal button {margin:2px 0;min-width:100px;}

/* modal */
.modal-wrap {position:relative;margin:3% auto;line-height:22px;background:#fff;box-shadow:0 3px 10px 0 rgba(0, 0, 0, 0.5);display:none;animation-name:fadeInUp;-webkit-animation-duration:0.8s;animation-duration:0.8s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.modal-wrap.small {width:360px;}
.modal-wrap.middle {width:600px;}
.modal-wrap.large {width:900px;}
.modal-wrap.e-large {width:1200px;}
.modal-wrap.full {width:100%;height:100%;margin:0;}
.modal {line-height:22px;box-shadow:0 3px 10px 0 rgba(0, 0, 0, 0.5);display:none;}
.modal .modal-dialog {max-width:none;}
.modal.small .modal-dialog {width:360px;}
.modal.middle .modal-dialog {width:600px;}
.modal.large .modal-dialog {width:900px;}
.modal.e-large .modal-dialog {width:1200px;}
.modal .modal-content {background:#fff;border-radius:0;}
.modal-head {padding:15px 20px;border-bottom:1px solid #e2e2e2;}
.modal-head h2 {color:#000;font-size:16px;font-weight:500;}
.modal-cont {padding:20px 20px 70px 20px;}
.modal-cont.scroll {max-height:550px;overflow-x:hidden;overflow-y:auto;}
.modal-foot {position:absolute;bottom:0;left:0;right:0;min-height:50px;padding:10px 20px;text-align:center;background:#f4f4f4;}
.modal-close {position:absolute;right:10px;top:9px;width:30px;height:30px;text-indent:-9999px;overflow:hidden;background:url('../images/contents/ico_close.png') no-repeat 50% 50%;}
@keyframes fadeInUp {
  0% {opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px);}
  100% {opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}
}
@-webkit-keyframes fadeInUp {
  0% {opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px);}
  100% {opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}
}

/* login */
.login-wrap {width:370px;min-height:calc(100% - 110px);margin:0 auto;padding-bottom:30px;overflow:hidden;}
.login-wrap h1 {margin:100px 0 120px;text-align:center;}
.login-wrap h1 span {display:inline-block;margin-left:10px;font-size:20px;color:#231f20;font-weight:500;}
.login-wrap h2 {margin-bottom:40px;font-size:35px;color:#231f20;font-weight:400;text-align:center;}
.login-wrap input[type=text],.login-wrap input[type=password] {width:100%;height:50px;padding-left:15px;margin-bottom:20px;font-size:15px;border:1px solid #aaa;box-shadow:none;}
.login-wrap input[type=checkbox] {width:15px;height:15px;border:1px solid #b0b0b0;box-shadow:none;}
.login-wrap .id-save {margin:15px 0 35px;}
.login-wrap .id-save label {font-size:13px;color:#888;}
.login-wrap .btn-login {display:block;width:100%;height:50px;padding-bottom:2px;font-size:18px;color:#fff;text-align:center;background:#083053;}
.login-wrap .login-desc {font-size:15px;color:#666;line-height:25px;}
.login-footer {height:110px;line-height:25px;text-align:center;border-top:1px solid #d9d9d9;background:#f9f9f9;} 
.login-footer .inner {width:800px;margin:0 auto;padding:26px 0;}
.login-footer address,.login-footer .copyright {margin:0;font-size:13px;color:#999;}

.login-wrap1 {position:relative;min-width:1200px;}
.login-wrap1 .login-box {position:absolute;top:40%;left:50%;width:470px;padding:40px 30px 35px;background-color:rgba(255,255,255,.2);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:1;box-shadow:0 0 15px 2px rgba(0, 0, 0, 0.1);}
.login-wrap1 h1 {margin-bottom:40px;text-align:center;}
.login-wrap1 h1 span {display:inline-block;margin-left:5px;font-size:20px;color:#000;font-weight:500;}
.login-wrap1 .login-input {position:relative;padding-right:136px;}
.login-wrap1 input[type=text],.login-wrap1 input[type=password] {width:100%;height:42px;padding-left:10px;margin:0 0 6px;font-size:14px;box-shadow:none;border:0;}
.login-wrap1 input[type=checkbox] {width:15px;height:15px;border:0;box-shadow:none;}
.login-wrap1 .id-save {margin-top:10px;}
.login-wrap1 .id-save label {font-size:14px;color:#fff;margin-left:3px;}
.login-wrap1 .btn-login {position:absolute;right:0;top:0;display:block;width:130px;height:90px;line-height:88px;font-size:18px;color:#fff;text-align:center;background:#dc0022;}
.login-wrap1 .visual-slider {height:100vh;}
.login-wrap1 .visual-slider li.slick-slide {height:100vh;}
.login-wrap1 .visual-slider li.li01 {background:url('../images/login/login_visual01_01.jpg') no-repeat 50% 0;background-size:cover;}
.login-wrap1 .visual-slider li.li02 {background:url('../images/login/login_visual01_02.jpg') no-repeat 50% 0;background-size:cover;}
.login-wrap1 .visual-slider li.li03 {background:url('../images/login/login_visual01_03.jpg') no-repeat 50% 0;background-size:cover;}
.login-wrap1 .visual-slider li.li04 {background:url('../images/login/login_visual01_04.jpg') no-repeat 50% 0;background-size:cover;}
.login-wrap1 .visual-slider .txt {position:absolute;left:5%;bottom:65px;font-size:76px;font-weight:700;color:#fff;letter-spacing:1px;line-height:80px;z-index:1;font-family:'Myriad Pro';display:none;}
.login-wrap1 .visual-slider .slick-slide.slick-active .txt {animation-name:fadeInUp;animation-delay:0.5s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;display:block;}
.login-wrap1 .visual-slider .slick-arrow {position:absolute;bottom:70px;width:60px;height:60px;z-index:1;text-indent:-999px;overflow:hidden;}
.login-wrap1 .visual-slider .slick-prev {right:160px;background:#333 url('../images/login/ico_prev.png') no-repeat 50% 50%;}
.login-wrap1 .visual-slider .slick-next {right:100px;background:#333 url('../images/login/ico_next.png') no-repeat 50% 50%;}
.login-wrap1 .visual-slider .slick-dots {position:absolute;right:242px;bottom:85px;}
.login-wrap1 .login-footer {height:100px;padding:25px 0;}
.login-wrap1 .login-footer address,.login-wrap1 .login-footer .copyright {font-size:14px;}

.login-wrap2 {min-width:1400px;}
.login-wrap2 .login-inner {position:relative;padding-right:450px;}
.login-wrap2 h1 {position:absolute;left:4%;top:38px;z-index:1;}
.login-wrap2 .login-right {position:absolute;right:0;top:0;width:450px;height:100%;background:#fff;}
.login-wrap2 .login-box {height:240px;padding:37px 30px;background-color:#efefef;}
.login-wrap2 .login-box .tit-wrap {position:relative;}
.login-wrap2 .login-box .tit-wrap .btn-remote {position:absolute;right:0;top:-5px;display:block;padding:0 18px;height:32px;line-height:30px;font-size:13px;color:#000;text-align:center;background:#fff;border:1px solid #cecece;border-radius:32px;transition:all 0.3s;}
.login-wrap2 .login-box .tit-wrap .btn-remote:hover {background:#ddd;}
.login-wrap2 .login-box h2 {margin-bottom:18px;font-size:20px;color:#000;font-weight:500;}
.login-wrap2 .login-input {position:relative;padding-right:135px;}
.login-wrap2 input[type=text],.login-wrap2 input[type=password] {width:100%;height:44px;padding-left:10px;margin:0 0 4px;font-size:14px;box-shadow:none;border:1px solid #cdcdcd;}
.login-wrap2 input[type=checkbox] {width:18px;height:18px;border:1px solid #cdcdcd;box-shadow:none;}
.login-wrap2 .id-save {position:relative;margin-top:12px;}
.login-wrap2 .id-save label {font-size:14px;color:#191919;margin-left:3px;}
.login-wrap2 .id-save .right {position:absolute;right:0;top:1px;font-size:14px;color:#191919;}
.login-wrap2 .btn-login {position:absolute;right:0;top:0;display:block;width:130px;height:92px;line-height:90px;font-size:18px;color:#fff;text-align:center;background:#dc0022;}
.login-wrap2 .notice-box {height:353px;padding:37px 30px;}
.login-wrap2 .notice-box h2 {font-size:20px;color:#000;font-weight:500;}
.login-wrap2 .notice-box li {position:relative;border-bottom:1px solid #cecece;}
.login-wrap2 .notice-box li a {display:block;padding:15px 80px 15px 10px;font-size:14px;color:#191919;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.login-wrap2 .notice-box li a:hover {color:#B65455;}
.login-wrap2 .notice-box li span {position:absolute;right:10px;top:15px;font-size:13px;color:#999;}
.login-wrap2 .notice-box li em {display:inline-block;margin-right:8px;padding:0 7px;height:18px;line-height:14px;font-size:12px;color:#dc0022;text-align:center;background:#fff;border:1px solid #dc0022;border-radius:18px;vertical-align:middle;position:relative;top:-1px;}
.login-wrap2 .service-box ul {overflow:hidden;}
.login-wrap2 .service-box li {float:left;width:50%;}
.login-wrap2 .service-box li a {display:block;height:93px;padding:25px 20px;font-size:18px;color:#000;line-height:22px;transition:all 0.5s;}
.login-wrap2 .service-box li:nth-child(1) a {background:#efefef url('../images/login/ico_login1.png') no-repeat right 20px top 30px;}
.login-wrap2 .service-box li:nth-child(2) a {background:#a99e8f url('../images/login/ico_login2.png') no-repeat right 20px top 24px;}
.login-wrap2 .service-box li:nth-child(3) a {background:#a99e8f url('../images/login/ico_login3.png') no-repeat right 20px top 30px;}
.login-wrap2 .service-box li:nth-child(4) a {background:#efefef url('../images/login/ico_login4.png') no-repeat right 20px top 30px;}
.login-wrap2 .service-box li:nth-child(1) a:hover {background:#efefef url('../images/login/ico_login1_over.png') no-repeat right 20px top 30px;}
.login-wrap2 .service-box li:nth-child(2) a:hover {background:#a99e8f url('../images/login/ico_login2_over.png') no-repeat right 20px top 24px;}
.login-wrap2 .service-box li:nth-child(3) a:hover {background:#a99e8f url('../images/login/ico_login3_over.png') no-repeat right 20px top 30px;}
.login-wrap2 .service-box li:nth-child(4) a:hover {background:#efefef url('../images/login/ico_login4_over.png') no-repeat right 20px top 30px;}
.login-wrap2 .visual-slider {height:779px;}
.login-wrap2 .visual-slider li.slick-slide {height:779px;}
.login-wrap2 .visual-slider li.li01 {background:url('../images/login/login_visual02_01.jpg') no-repeat 50% 0;background-size:cover;}
.login-wrap2 .visual-slider li.li02 {background:url('../images/login/login_visual02_02.jpg') no-repeat 50% 0;background-size:cover;}
.login-wrap2 .visual-slider li.li03 {background:url('../images/login/login_visual02_03.jpg') no-repeat 50% 0;background-size:cover;}
.login-wrap2 .visual-slider li.li04 {background:url('../images/login/login_visual02_04.jpg') no-repeat 50% 0;background-size:cover;}
.login-wrap2 .visual-slider .txt {position:absolute;left:5%;bottom:42px;font-size:66px;font-weight:700;color:#fff;letter-spacing:0.5px;line-height:70px;z-index:1;font-family:'Myriad Pro';display:none;}
.login-wrap2 .visual-slider .slick-slide.slick-active .txt {animation-name:fadeInUp;animation-delay:0.5s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;display:block;}
.login-wrap2 .visual-slider .slick-arrow {position:absolute;bottom:50px;width:60px;height:60px;z-index:1;text-indent:-999px;overflow:hidden;}
.login-wrap2 .visual-slider .slick-prev {right:145px;background:#333 url('../images/login/ico_prev.png') no-repeat 50% 50%;}
.login-wrap2 .visual-slider .slick-next {right:85px;background:#333 url('../images/login/ico_next.png') no-repeat 50% 50%;}
.login-wrap2 .visual-slider .slick-dots {position:absolute;right:227px;bottom:65px;}
.login-wrap2 .login-footer {background:#f5f5f5 url('../images/login/bg_footer.png') repeat-x 0 0;}
.login-wrap2 .login-footer .inner {position:relative;width:1400px;margin:0 auto;padding:16px 0 25px;}
.login-wrap2 .login-footer address,.login-wrap2 .login-footer .copyright {font-size:14px;}
.login-wrap2 .login-footer .fmenu {margin-bottom:36px;}
.login-wrap2 .login-footer .fmenu:after {content:"";display:block;clear:both;}
.login-wrap2 .login-footer .fmenu li {position:relative;float:left;padding:0 14px;font-size:14px;font-weight:500;}
.login-wrap2 .login-footer .fmenu li a {color:#333;}
.login-wrap2 .login-footer .fmenu li a:hover {color:#B65455;}
.login-wrap2 .login-footer .fmenu li:first-child {padding-left:0;}
.login-wrap2 .login-footer .fmenu li:before {content:"";position:absolute;top:7px;left:0;width:1px;height:13px;background:#333;}
.login-wrap2 .login-footer .fmenu li:first-child:before {display:none;}
.login-wrap2 .login-footer .relaton {position:absolute;right:0;top:15px;width:250px;padding:0 20px;font-size:15px;color:#333;text-align:left;border-right:1px solid #e0e0e0;border-left:1px solid #e0e0e0;background:url('../images/login/login_arrow.png') no-repeat right 27px top 50%;}
.login-wrap2 .login-footer .relaton.on {background:url('../images/login/login_arrow_on.png') no-repeat right 27px top 50%;}
.login-wrap2 .login-footer .relaton-site {display:none;position:absolute;right:0;bottom:152px;width:250px;padding:8px 0;text-align:left;border:1px solid #e0e0e0;background:#fff;}
.login-wrap2 .login-footer .relaton-site a {display:block;padding:4px 20px;font-size:15px;color:#333;}
.login-wrap2 .login-footer .relaton-site a:hover {color:#B65455;}

.visual-slider {position:relative;}
.visual-slider .slick-prev:hover,.visual-slider .slick-next:hover {background-color:#8b7e6d;}
.visual-slider .slick-dots li {float:left;margin:0 10px;color:#fff;font-size:18px;}
.visual-slider .slick-dots li.slick-active {color:#dc0022;}
.visual-slider .slick-dots li i {font-style:normal;cursor:pointer;}
.slick-slider {position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select: none;-ms-user-select:none;user-select: none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent;}
.slick-list {position:relative;display:block;overflow:hidden;margin:0;padding:0;}
.slick-slide {position:relative;display:none;float:left;height:100%;min-height:1px;}
.slick-initialized .slick-slide {display:block;}

/* swal2 Alert */
.swal2-container {z-index:10000;}

/* daterangepicker */
@media (min-width: 730px) {.daterangepicker .ranges {float:right;}}
.daterangepicker.show-ranges.ltr .drp-calendar.left {border-left:0;}
.daterangepicker .drp-calendar.right {border-right:1px solid #ddd;}
.daterangepicker select.monthselect, .daterangepicker select.yearselect {padding-left:8px;}
.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {padding-left:8px;}

/* error */
.error-box {width:580px;height:400px;margin:200px auto 0;text-align:center;border:1px solid #d8d8d8;background:#fff url('../images/contents/error_404.png') no-repeat 50% 40px;}
.error-box dl {margin-top:180px;}
.error-box dt {font-size:22px;font-weight:700;color:#dc3545;}
.error-box dd {margin-top:15px;font-size:16px;}

/* info text */
.info-text {display:inline-block;padding:5px 0;vertical-align:middle;}
div.info-text,p.info-text {display:block;}
.info-text i {position:relative;top:-2px;}
.h3-tit + .info-text,input + .info-text,select + .info-text {margin-left:10px;}
.h3-tit + p.info-text,input + p.info-text,select + p.info-text {margin-left:0;}
.info-text.inquiry {color:#337ab7;}
.info-text.caution {color:#f26521;}
.info-text.error {color:#d50000;}

/* tooltip */
.info-tooltip {display:inline-block;padding:5px 0;margin-left:10px;vertical-align:middle;cursor:pointer;}
.info-tooltip i {position:relative;top:-2px;}
.tooltip-inner {text-align:left;font-size:13px;}

/* message box*/
.message-box {line-height:20px;border:1px solid #ddd;border-radius:3px;background:#fff;}
.message-box ul {padding:15px 20px;}
.message-box li {position:relative;padding-left:10px;}
.message-box li:before {content:"";display:inline-block;position:absolute;width:4px;height:4px;top:8px;left:0;border-radius:50%;background-color:#555;}
.message-box .message-head {padding:10px 20px;border-bottom:1px solid #ddd;background-color:#f5f5f5;}
.message-box .message-head .info-text {padding:0;}

/* sweetalert2 */
.swal2-popup {width: 26em;padding: 1em;}
.swal2-icon {margin: 1.25em auto 1.875em;}
.swal2-styled.swal2-confirm {background-color: #2778c4;}
    
/* accordion */
.accordion *:focus {box-shadow:none;}
.accordion-flush .accordion-button {background:#fff;}
.accordion-button:focus {border-color:#d8d8d8;}
.accordion-button:hover {background:#f9fafc;}

/* steps */
.steps{width:100%;display:-webkit-inline-box;display:inline-flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;
    -webkit-box-align: stretch;align-items:stretch;border:1px solid #d8d8d8;background:#fff;}
.steps .step {position:relative;display:-webkit-box;display:flex;-webkit-box-flex:1;flex:1 0 auto;flex-wrap:wrap;-webkit-box-orient:horizontal;    -webkit-box-direction:normal;flex-direction:row;vertical-align:middle;-webkit-box-align:center;align-items:center;-webkit-box-pack: center;justify-content:left;padding:12px 0 12px 25px;background:#fff;border-right:1px solid #d8d8d8;font-size:14px;}
.steps .step:last-child {border-right:0;}
.steps .step:last-child:after {display:none;}
.steps .step:after {display:block;position:absolute;z-index:2;content:'';top:50%;right:0;border:medium none;background-color:#fff;width:1.14285714em;height: 1.14285714em;border-style:solid;border-color:rgba(34,36,38,.15);border-width:0 1px 1px 0;-webkit-transform: translateY(-50%) translateX(50%) rotate(-45deg);transform: translateY(-50%) translateX(50%) rotate(-45deg);}
.steps.type2 .step {padding:12px 0 12px 35px;}
.steps.type2 .step:after {width:2.2em;height:2.2em;}
.steps.type2 .step:last-child:after {display:none;}
.steps.type2.icon .step {padding:0 0 0 30px;}
.steps.type2.icon .step:after {width:2.9em;height:2.9em;}
.steps.type2.link .step:after {width:2.9em;height:2.9em;}
.steps.type2.link .step a {padding:0 15px 0 30px;}
.steps .step.active {background:#3c4a56;color:#fff;font-weight:500;}
.steps .step.active a {color:#fff;}
.steps .step.active:after {background-color:#3c4a56;} 
.steps .step.disabled {background:#f5f5f5;}
.steps .step.disabled:after {background-color:#f5f5f5;} 
.steps .step.disabled {color:#999;}
.steps.red .step.active {background:#a14545;color:#fff;font-weight:500;}
.steps.red .step.active:after {background-color:#a14545;} 
.steps .step a {display:block;}
.steps.link .step {padding:0;}
.steps.link .step a {display:block;padding:0 15px;width:100%;}
.steps.link .step i {vertical-align:middle;}
.steps.link .step.disabled a {color:#999;}
.steps.link span {vertical-align:middle;display:inline-block;}
.steps.icon .step {padding:0 0 0 15px;}
.steps i {font-size:60px;line-height:20px;font-weight:500;}
.steps .i-prev {color:#00465c;}
.steps .i-active {color:#fff;}
.steps .i-next {color:#ddd;}
.steps .i-disabled {color:#ddd;}
.steps.link .step:hover {background-color:#eee;}
.steps.link .step:hover:after {background-color:#eee;}
.steps.link .step.active:hover {background-color:#c0e0fb;}
.steps.link .step.active:hover:after {background-color:#c0e0fb;}
.steps.link .step.active:hover a {color:#3c4a56;}
.steps.link .step.active:hover i {color:#3c4a56;}
.steps.red.link .step.active:hover {background-color:#ffd4d4;}
.steps.red.link .step.active:hover:after {background-color:#ffd4d4;}
.steps.red.link .step.active:hover a {color:#a14545;}
.steps.red.link .step.active:hover i {color:#a14545;}

/* .badge */
.badge {font-weight:500;}

/* calendar */
.tbl-calendar {width:100%;}
.tbl-calendar th {padding:9px;text-align:center;font-size:14px;border:1px solid #e2e2e2;background:#f5f5f5;}
.tbl-calendar td {padding:9px;text-align:center;border:1px solid #e2e2e2;background:#fff;vertical-align:top;}
.tbl-calendar .saturday {color:#0062b1;}
.tbl-calendar .sunday {color:#dd3990;}

/* dashboard */
.dashboard .box {position:relative;box-shadow:0 1px 5px 0 rgba(144, 146, 157, 0.18);}
.dashboard .box .more {position:absolute;right:25px;top:20px;padding-right:12px;font-size:12px;color:#666;background:url('../images/dashboard/ico_more.png') no-repeat 100% 8px;}
.dashboard .box h3 {position:relative;margin:5px 0 9px;font-size:16px;color:#000;font-weight:700;}
.dashboard .box h3:before {content:'';display:inline-block;width:2px;height:16px;margin:0 9px 3px 0;background:#2a2a2a;vertical-align:middle;}
.dashboard .row {--bs-gutter-x:1.2rem;}
.dashboard .row + .row {margin-top:18px;}
.dashboard .row.top .box {height:110px;color:#fff;background-color:#3c4a56;background-repeat:no-repeat;background-position:right 15px top 14px;transition:all 0.5s;box-shadow:0 2px 15px 0 rgba(144, 146, 157, 0.5);}
.dashboard .row.top .box a {display:block;padding:22px 24px;color:#fff;}
.dashboard .row.top .box .tit {margin-bottom:20px;font-size:20px;font-weight:500;}
.dashboard .row.top .box span {display:inline-block;margin-right:15px;font-size:14px;}
.dashboard .row.top .box em {display:inline-block;font-size:22px;font-weight:700;}
.dashboard .row.top .col-3:nth-child(1) .box {background-color:#a14545;background-image:url('../images/dashboard/ico_dashboard1.png');}
.dashboard .row.top .col-3:nth-child(2) .box {background-image:url('../images/dashboard/ico_dashboard2.png');}
.dashboard .row.top .col-3:nth-child(3) .box {background-image:url('../images/dashboard/ico_dashboard3.png');}
.dashboard .row.top .col-3:nth-child(4) .box {background-image:url('../images/dashboard/ico_dashboard4.png');}
.dashboard .row.top .col-3:nth-child(1) .box:hover {background-color:#00465c;}
.dashboard .row.top .box:hover {background-color:#00465c;}
.dashboard .row.mid .box {height:380px;padding:20px;background-color:#fbfaef;}
.dashboard .row.mid .box .list li {border-bottom:1px solid #e3e2d3;}
.dashboard .row.mid .box .list li a {display:block;padding:8px 10px;}
.dashboard .row.mid .box .list li .tit {font-size:14px;color:#000;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.dashboard .row.mid .box .list li .date {font-size:13px;color:#999;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.dashboard .row.mid .box .list li a:hover p {color:#B65455;}
.dashboard .row.mid .box .list li em {display:inline-block;margin-right:8px;padding:0 7px;height:18px;line-height:14px;font-size:12px;color:#dc0022;text-align:center;border:1px solid #dc0022;border-radius:18px;vertical-align:middle;position:relative;top:-1px;}
.dashboard .row.btm .box {height:326px;padding:20px;background-color:#fff;}
.dashboard .row.btm .box .list li {position:relative;border-bottom:1px solid #e2e4eb;}
.dashboard .row.btm .box .list li a {display:block;padding:10px 80px 9px 10px;font-size:14px;color:#191919;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.dashboard .row.btm .box .list li a:hover {color:#B65455;}
.dashboard .row.btm .box .list li span {position:absolute;right:10px;top:10px;font-size:13px;color:#999;}
.dashboard .row.btm .box .list li em {display:inline-block;margin-right:8px;padding:0 7px;height:18px;line-height:14px;font-size:12px;color:#dc0022;text-align:center;background:#fff;border:1px solid #dc0022;border-radius:18px;vertical-align:middle;position:relative;top:-1px;}
.dashboard .row.btm .box.service {height:207px;}
.dashboard .row.btm .box.service .service-list {margin-top:20px;}
.dashboard .row.btm .box.service .service-list li {overflow:hidden;text-align:center;}
.dashboard .row.btm .box.service .service-list li a {float:left;width:25%;font-size:14px;color:#000;line-height:16px;}
.dashboard .row.btm .box.service .service-list li a:hover {color:#B65455;}
.dashboard .row.btm .box.service .service-list li a i {display:block;width:80px;height:80px;margin:0 auto 8px;background-color:#f2f2f2;background-repeat:no-repeat;background-position:50% 50%;border-radius:50%;transition:all 0.5s;}
.dashboard .row.btm .box.service .service-list li a:hover i {background-color:#e0e0e0;}
.dashboard .row.btm .box.service .service-list li a:nth-child(1) i {background-image:url('../images/dashboard/ico_service1.png');}
.dashboard .row.btm .box.service .service-list li a:nth-child(2) i {background-image:url('../images/dashboard/ico_service2.png');}
.dashboard .row.btm .box.service .service-list li a:nth-child(3) i {background-image:url('../images/dashboard/ico_service3.png');}
.dashboard .row.btm .box.service .service-list li a:nth-child(4) i {background-image:url('../images/dashboard/ico_service4.png');}
.dashboard .row.btm .box.banner {height:100px;margin-top:18px;}
.dashboard .row.btm .box.banner .banner-list {overflow:hidden;}
.dashboard .row.btm .box.banner .banner-list li a {float:left;display:block;width:120px;height:34px;margin-right:9px;background-color:#f2f2f2;transition:all 0.5s;}
.dashboard .row.btm .box.banner .banner-list li a:hover {background-color:#e0e0e0;}
.dashboard .row.btm .box.banner .desc-list {margin-top:8px;}
.dashboard .row.btm .box.banner .desc-list li {line-height:18px;}
.dashboard .row.btm .box.banner .desc-list li a {position:relative;padding:0 8px;font-size:13px;color:#666;}
.dashboard .row.btm .box.banner .desc-list li a:hover {color:#B65455;}
.dashboard .row.btm .box.banner .desc-list li a:first-child {padding-left:0;}
.dashboard .row.btm .box.banner .desc-list li a:before {content:"";position:absolute;top:5px;left:0;width:1px;height:12px;background:#c9c9c9;}
.dashboard .row.btm .box.banner .desc-list li a:first-child:before {display:none;}