@charset "utf-8";
@import url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.3.0/font/bootstrap-icons.css');
@import url('../plugins/bootstrap5.0/bootstrap.min.css');
@import url(common.css);
@import url(layout.css);
@import url(style.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/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:28px;}
.IBSPRowHeight {height:28px;}
.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-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:40px;}
.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 {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);}

.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 .remove {position:absolute;right:2px;top:3px;display:inline-block;width:30px;height:27px;text-indent:-9999px;overflow:hidden;}
.input-group.remove .remove {background:url('../images/common/ico_del.png') no-repeat 50% 50%;}
.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:18px;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%;}
.block-header {position:relative;padding:15px 20px;border-bottom:1px solid #e2e2e2;}
.block-header h3 {color:#000;font-size:16px;font-weight:500;}
.alBtnModalClose {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;}

/* 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 .step {min-height:60px;}
.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:13px; line-height:17px;}
.steps .step strong {font-size:15px;}
.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.finish i.bi-check {color:#efefef;}
.steps .step.finish.active i.bi-check {color:#6b7680;}

.steps .step.ing i.bi-check {color:#00465c;}
.steps .step.ing.active i.bi-check {color:#fff;}

.steps .step.active i.bi-check {color:#efefef;}
.steps .step.active i.count {color:#efefef;}
.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 .step.disabled i.count {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 .step i {font-size:60px;line-height:20px;font-weight:500; width: 56px;}
.steps .step i.count {font-size: 40px;padding-left: 10px;width: 50px;color: #666;font-weight: 600;margin-top: -5px;}
.steps.sm .step {min-height:34px;}
.steps.sm .step i {font-size:36px; width: 40px; margin-left:10px;}
.steps.sm .step i.count {font-size: 24px;}
.steps .i-prev {color:#00465c;}
.steps .i-active {color:#fff;}
.steps .i-next {color:#ddd;}
.steps .i-disabled {color:#ddd;}
.steps a.step:hover {background-color:#eee;}
.steps a.step.finish:hover i {color:#fff;}
.steps a.step:hover:after {background-color:#eee;}
.steps a.step.active:hover {background-color:#677480;}
.steps a.step.active:hover:after {background-color:#677480;}
.steps a.step.active:hover a {color:#3c4a56;}
.steps a.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;}