| | |
| | | body { |
| | | margin: 0; |
| | | font-family: "Noto Sans", "Avenir Next W01", "Proxima Nova W01", "Rubik", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; |
| | | font-size: 0.84rem; |
| | | font-size: 0.8rem; |
| | | font-weight: 400; |
| | | line-height: 1.5; |
| | | color: #3E4B5B; |
| | |
| | | margin-top: 0; |
| | | margin-bottom: 1rem; |
| | | overflow: auto; |
| | | white-space: pre-line; |
| | | word-break : break-word; |
| | | -ms-overflow-style: scrollbar; |
| | | } |
| | | |
| | |
| | | order: 12; |
| | | } |
| | | |
| | | .offset-detail-1 { |
| | | margin-left: 4% |
| | | } |
| | | |
| | | .offset-detail-2 { |
| | | margin-left: 5.8%; |
| | | } |
| | | |
| | | .offset-detail-3 { |
| | | margin-left: 8%; |
| | | } |
| | | |
| | | .offset-detail-4 { |
| | | margin-left: 9.2%; |
| | | } |
| | | |
| | | .offset-detail-5 { |
| | | margin-left: 11%; |
| | | } |
| | | |
| | | .offset-detail-7 { |
| | | margin-left: 30%; |
| | | } |
| | | |
| | | .offset-1 { |
| | | margin-left: 8.3333333333%; |
| | | } |
| | |
| | | margin-left: 91.6666666667%; |
| | | } |
| | | |
| | | .offset-12 { |
| | | margin-left: 100%; |
| | | } |
| | | @media (min-width: 576px) { |
| | | .col-sm { |
| | | -ms-flex-preferred-size: 0; |
| | |
| | | border-color: #343a40; |
| | | } |
| | | |
| | | .btn-darkgrey { |
| | | color: #fff; |
| | | background-color: #727072; |
| | | border-color: #727072; |
| | | } |
| | | |
| | | .btn-dark:hover { |
| | | color: #fff; |
| | | background-color: #23272b; |
| | |
| | | background-color: #34bfa3; |
| | | } |
| | | |
| | | .badge-department { |
| | | color: #fff; |
| | | background-color: #8d2b9b; |
| | | } |
| | | |
| | | /*.badge-success[href]:hover, .badge-success[href]:focus { |
| | | color: #fff; |
| | | text-decoration: none; |
| | |
| | | }*/ |
| | | |
| | | .modal-open { |
| | | overflow: auto |
| | | overflow: hidden; |
| | | } |
| | | |
| | | .modal { |
| | |
| | | height: 100% !important; |
| | | } |
| | | |
| | | .mw-49 { |
| | | max-width: 49% !important; |
| | | } |
| | | |
| | | .mw-100 { |
| | | max-width: 100% !important; |
| | | } |
| | |
| | | .ml-5, |
| | | .mx-5 { |
| | | margin-left: 3rem !important; |
| | | } |
| | | |
| | | .ml--12 { |
| | | margin-left: -12px !important; |
| | | } |
| | | |
| | | .p-0 { |
| | |
| | | |
| | | .table tfoot th, |
| | | .table thead th { |
| | | font-size: 0.75rem; |
| | | font-size: 0.8rem; |
| | | } |
| | | |
| | | .table th.nowrap { |
| | |
| | | border-radius: 40px; |
| | | } |
| | | |
| | | .btn.btn-roundRel { |
| | | border-radius: 100%; |
| | | } |
| | | |
| | | .btn.btn-upper, .all-wrapper .btn-upper.fc-button { |
| | | text-transform: uppercase; |
| | | letter-spacing: 1px; |
| | |
| | | font-size: 0.79rem; |
| | | } |
| | | |
| | | .select3-selection__email__remove { |
| | | color: #0066ff; |
| | | margin-left: 8px; |
| | | margin-top: 7px; |
| | | cursor: pointer; |
| | | font-size: 0.79rem; |
| | | } |
| | | |
| | | .select4-selection__choice { |
| | | font-size: 0.66rem; |
| | | letter-spacing: -0.01em; |
| | |
| | | min-width: 540px; |
| | | } |
| | | |
| | | body .daterangepicker-single { |
| | | -webkit-box-shadow: 3px 25px 50px rgba(77, 76, 132, 0.34); |
| | | box-shadow: 3px 25px 50px rgba(77, 76, 132, 0.34); |
| | | font-family: "Avenir Next W01", "Proxima Nova W01", "Rubik", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; |
| | | border: none; |
| | | padding: 15px; |
| | | z-index: 3000; |
| | | } |
| | | |
| | | |
| | | @media screen and (max-width: 767px) { |
| | | body .daterangepicker { |
| | | min-width: 300px; |
| | | } |
| | | |
| | | } |
| | | |
| | | @media screen and (max-width: 767px) { |
| | | body .daterangepicker-single { |
| | | } |
| | | } |
| | | |
| | | body .daterangepicker::after { |
| | | display: block; |
| | | clear: both; |
| | | content: ""; |
| | | } |
| | | body .daterangepicker-single::after { |
| | | display: block; |
| | | clear: both; |
| | | content: ""; |
| | |
| | | margin: 10px; |
| | | } |
| | | |
| | | body .daterangepicker-single .calendar { |
| | | float: left; |
| | | max-width: 300px; |
| | | margin: 10px; |
| | | } |
| | | |
| | | body .daterangepicker .calendar td { |
| | | cursor: pointer; |
| | | } |
| | | |
| | | body .daterangepicker-single .calendar td { |
| | | cursor: pointer; |
| | | } |
| | | |
| | | body .daterangepicker .calendar td:hover { |
| | | background-color: #1a88fb; |
| | | color: #fff; |
| | | } |
| | | |
| | | body .daterangepicker-single .calendar td:hover { |
| | | background-color: #1a88fb; |
| | | color: #fff; |
| | | } |
| | |
| | | border-color: #fff; |
| | | } |
| | | |
| | | body .daterangepicker-single .calendar td.in-range { |
| | | background-color: #1a88fb; |
| | | color: #fff; |
| | | border-color: #fff; |
| | | } |
| | | body .daterangepicker .calendar td.active, body .daterangepicker .calendar td.active:hover { |
| | | background-color: #046fdf; |
| | | color: #fff; |
| | | border-color: #fff; |
| | | } |
| | | |
| | | body .daterangepicker-single .calendar td.active, body .daterangepicker-single .calendar td.active:hover { |
| | | background-color: #046fdf; |
| | | color: #fff; |
| | | border-color: #fff; |
| | |
| | | padding: 5px 10px; |
| | | } |
| | | |
| | | body .daterangepicker-single .ranges { |
| | | clear: left; |
| | | padding: 5px 10px; |
| | | } |
| | | |
| | | body .daterangepicker .ranges .btn, body .daterangepicker .ranges .all-wrapper .fc-button, .all-wrapper body .daterangepicker .ranges .fc-button { |
| | | padding: 5px 10px; |
| | | line-height: 1; |
| | | vertical-align: middle; |
| | | text-transform: none; |
| | | font-size: 0.81rem; |
| | | } |
| | | |
| | | body .daterangepicker-single .ranges .btn, body .daterangepicker-single .ranges .all-wrapper .fc-button, .all-wrapper body .daterangepicker-single .ranges .fc-button { |
| | | padding: 5px 10px; |
| | | line-height: 1; |
| | | vertical-align: middle; |
| | |
| | | font-size: 0.72rem; |
| | | } |
| | | |
| | | |
| | | body .daterangepicker-single th { |
| | | font-weight: 500; |
| | | text-align: center; |
| | | padding: 5px 0px; |
| | | font-size: 0.72rem; |
| | | } |
| | | |
| | | body .daterangepicker th.prev { |
| | | text-align: left; |
| | | cursor: pointer; |
| | | } |
| | | |
| | | body .daterangepicker-single th.prev { |
| | | text-align: left; |
| | | cursor: pointer; |
| | | } |
| | | |
| | | body .daterangepicker th.next { |
| | | text-align: right; |
| | | cursor: pointer; |
| | | } |
| | | |
| | | body .daterangepicker-single th.next { |
| | | text-align: right; |
| | | cursor: pointer; |
| | | } |
| | |
| | | border: 1px solid #eee; |
| | | } |
| | | |
| | | body .daterangepicker-single .calendar td { |
| | | font-weight: 300; |
| | | font-size: 0.81rem; |
| | | text-align: right; |
| | | font-size: 0.81rem; |
| | | padding: 5px 8px; |
| | | border: 1px solid #eee; |
| | | } |
| | | |
| | | body .daterangepicker .calendar th.month { |
| | | color: #047bf8; |
| | | } |
| | | |
| | | body .daterangepicker-single .calendar th.month { |
| | | color: #047bf8; |
| | | } |
| | | |
| | | |
| | | body .daterangepicker .calendar-table { |
| | | padding-top: 10px; |
| | | } |
| | | |
| | | body .daterangepicker-single .calendar-table { |
| | | padding-top: 10px; |
| | | } |
| | | |
| | |
| | | padding-bottom: 5px; |
| | | } |
| | | |
| | | |
| | | body .daterangepicker-single thead tr:first-child th { |
| | | border-bottom: 1px solid rgba(0, 0, 0, 0.05); |
| | | padding-bottom: 5px; |
| | | } |
| | | |
| | | body .daterangepicker thead tr:first-child + tr th { |
| | | padding-top: 10px; |
| | | } |
| | | |
| | | body .daterangepicker-single thead tr:first-child + tr th { |
| | | padding-top: 10px; |
| | | } |
| | | |
| | |
| | | position: relative; |
| | | } |
| | | |
| | | body .daterangepicker-single .daterangepicker_input { |
| | | position: relative; |
| | | } |
| | | |
| | | |
| | | body .daterangepicker .daterangepicker_input input { |
| | | width: 100%; |
| | | display: block; |
| | | padding-left: 35px; |
| | | } |
| | | |
| | | body .daterangepicker-single .daterangepicker_input input { |
| | | width: 100%; |
| | | display: block; |
| | | padding-left: 35px; |
| | |
| | | -moz-osx-font-smoothing: grayscale; |
| | | content: "\e926"; |
| | | } |
| | | |
| | | daterangepicker_single |
| | | |
| | | body .daterangepicker .fa.fa-chevron-left.glyphicon.glyphicon-chevron-left:before { |
| | | |
| | |
| | | padding: 3px; |
| | | font-size: 14px; |
| | | position: absolute; |
| | | top: 50%; |
| | | right: 15px; |
| | | top: 60%; |
| | | right: 5%; |
| | | -webkit-transform: translateY(-50%); |
| | | transform: translateY(-50%); |
| | | background-color: rgba(0, 0, 0, 0.08); |
| | | border-radius: 6px; |
| | | } |
| | | |
| | | .logged-user-w .logged-user-toggler-arrow_change { |
| | | padding: 3px; |
| | | font-size: 14px; |
| | | position: absolute; |
| | | top: 58%; |
| | | right: 5%; |
| | | -webkit-transform: translateY(-50%); |
| | | transform: translateY(-50%); |
| | | background-color: rgba(0, 0, 0, 0.08); |
| | | border-radius: 6px; |
| | | } |
| | | |
| | | |
| | | .logged-user-w.avatar-inline { |
| | | text-align: left; |
| | |
| | | padding: 3px; |
| | | font-size: 14px; |
| | | position: absolute; |
| | | top: 50%; |
| | | right: 15px; |
| | | top: 60%; |
| | | right: 5%; |
| | | -webkit-transform: translateY(-50%); |
| | | transform: translateY(-50%); |
| | | background-color: rgba(0, 0, 0, 0.08); |
| | | border-radius: 6px; |
| | | } |
| | | |
| | | .logged-user-w.avatar-inline .logged-user-toggler-arrow_change { |
| | | padding: 3px; |
| | | font-size: 14px; |
| | | position: absolute; |
| | | top: 58%; |
| | | right: 5%; |
| | | -webkit-transform: translateY(-50%); |
| | | transform: translateY(-50%); |
| | | background-color: rgba(0, 0, 0, 0.08); |
| | | border-radius: 6px; |
| | | } |
| | | |
| | | |
| | | .logged-user-w.avatar-inline .logged-user-avatar-info { |
| | | display: -webkit-box; |
| | |
| | | .menu-w .logo-w .logo-element, |
| | | .top-bar .logo-w .logo-element { |
| | | content: ""; |
| | | width: 60px; |
| | | height: 30px; |
| | | background-image: url(../images/logo-owl.png); |
| | | width: 110px; |
| | | height: 40px; |
| | | background-image: url(../images/logo-kisa-en.png); |
| | | background-size: cover; |
| | | position: relative; |
| | | display: inline-block; |
| | | vertical-align: middle; |
| | | margin-right: 20px; |
| | | margin-right: 0px; |
| | | right: 10px; |
| | | -webkit-transition: all 0.2s ease; |
| | | transition: all 0.2s ease; |
| | | } |
| | |
| | | .menu-w .logo-w .logo-element:after, |
| | | .top-bar .logo-w .logo-element:after { |
| | | content: ""; |
| | | width: 105px; |
| | | height: 31px; |
| | | background-image: url(../images/logo-owltxt.png); |
| | | width: 120px; |
| | | height: 30px; |
| | | background-image: url(../images/logo-kisa-txt.png); |
| | | background-size: cover; |
| | | right: -20px; |
| | | left: 70px; |
| | | left: 110px; |
| | | top: 10px; |
| | | position: absolute; |
| | | -webkit-transition: all 0.2s ease; |
| | | transition: all 0.2s ease; |
| | |
| | | |
| | | .menu-w .logo-w .logo:hover .logo-element, |
| | | .top-bar .logo-w .logo:hover .logo-element { |
| | | -webkit-transform: translateX(5px); |
| | | transform: translateX(5px); |
| | | -webkit-transform: translateX(2px); |
| | | transform: translateX(2px); |
| | | } |
| | | |
| | | .menu-w .logo-w .logo:hover .logo-element:after, |
| | | .top-bar .logo-w .logo:hover .logo-element:after { |
| | | -webkit-transform: translateX(-10px); |
| | | transform: translateX(-10px); |
| | | -webkit-transform: translateX(-3px); |
| | | transform: translateX(-3px); |
| | | } |
| | | |
| | | .menu-w .logo-w .logo:hover .logo-label:after, |
| | |
| | | |
| | | .menu-w .logo-w { |
| | | text-align: center; |
| | | padding: 14px 1rem 14px 1.7rem; |
| | | padding: 10px 1rem 12px 1.1rem; |
| | | } |
| | | |
| | | .menu-w .logo-w a { |
| | |
| | | } |
| | | |
| | | .menu-position-side.menu-w.color-scheme-dark .logo-w { |
| | | background-color: #000035; |
| | | background-color:#FFFFFF; |
| | | } |
| | | |
| | | .menu-position-side.menu-w.color-scheme-dark .element-search:before { |
| | |
| | | line-height: 20px; |
| | | text-align: center; |
| | | } |
| | | |
| | | .auth-box-w .auth-header img { |
| | | /* 기존 로고 위치 및 크기 */ |
| | | /*.auth-box-w .auth-header img { |
| | | width: 70px; |
| | | } |
| | | }*/ |
| | | |
| | | /* 인터넷 진흥원 로고 위치 및 크기 조정*/ |
| | | .auth-box-w .auth-header img { |
| | | width: 120px; |
| | | position: relative; |
| | | bottom: 6px; |
| | | } |
| | | .auth-box-w form { |
| | | padding: 20px 50px; |
| | | padding-bottom: 20px; |
| | |
| | | position: relative; |
| | | } |
| | | |
| | | .re-title { |
| | | margin-top: 11px; |
| | | margin-left: 18px; |
| | | } |
| | | |
| | | .ae-item { |
| | | display: -webkit-box; |
| | | display: -ms-flexbox; |
| | |
| | | -webkit-box-align: center; |
| | | -ms-flex-align: center; |
| | | /*align-items: center;*/ |
| | | padding: 20px; |
| | | border-bottom: 1px solid rgba(0, 0, 0, 0.05); |
| | | padding: 15px; |
| | | border-bottom: 1px solid rgba(0, 0, 0, 0.3); |
| | | position: relative; |
| | | |
| | | } |
| | |
| | | .aei-content .aei-delete { |
| | | position: absolute; |
| | | top: 0px; |
| | | right: -10px; |
| | | right: 12px; |
| | | color: rgba(0, 0, 0, 0.7); |
| | | font-size: 0.5rem; |
| | | cursor: pointer; |
| | |
| | | |
| | | .full-chat-w .user-intro .user-intro-info .user-sub { |
| | | color: rgba(0, 0, 0, 0.7); |
| | | font-size: 0.72rem; |
| | | font-size: 1rem; |
| | | font-weight: 600; |
| | | margin-top: 5px; |
| | | margin-bottom: 5px; |
| | | } |
| | |
| | | border: 0px solid #047bf8; |
| | | color: #888; |
| | | margin-right: 2px; |
| | | font-size: 0.72rem; |
| | | font-size: 0.8rem; |
| | | border-radius: 4px; |
| | | margin-bottom: 2px; |
| | | margin-top: 2px; |
| | |
| | | color: darkblue; |
| | | font-weight: 600; |
| | | margin-right: 2px; |
| | | font-size: 0.72rem; |
| | | font-size: 0.8rem; |
| | | border-radius: 4px; |
| | | margin-bottom: 2px; |
| | | margin-top: 2px; |
| | |
| | | .titlename { |
| | | font-size: 0.93rem; |
| | | color: #0066ff; |
| | | text-overflow: ellipsis; |
| | | overflow: hidden; |
| | | white-space: nowrap; |
| | | } |
| | | |
| | | .titlenameRegister { |
| | | font-size: 0.8rem; |
| | | color: #0066ff; |
| | | text-overflow: ellipsis; |
| | | overflow: hidden; |
| | | white-space: nowrap; |
| | | } |
| | | |
| | | .titlenameAccount { |
| | | font-size: 0.1rem; |
| | | color: #000000; |
| | | text-overflow: ellipsis; |
| | | overflow: hidden; |
| | | white-space: nowrap; |
| | |
| | | margin-top: 20px !important; |
| | | } |
| | | |
| | | .mt-25 { |
| | | margin-top: 25px !important; |
| | | } |
| | | |
| | | .mt-30 { |
| | | margin-top: 30px !important; |
| | | } |
| | | |
| | | .mt-40 { |
| | | margin-top: 40px; !important; |
| | | } |
| | | |
| | | .mt-50 { |
| | | margin-top: 50px; !important; |
| | | } |
| | | |
| | | .mt--14 { |
| | | margin-top: -14px; !important; |
| | | } |
| | | |
| | | .ml-10 { |
| | |
| | | margin-right: 20px !important; |
| | | } |
| | | |
| | | .mr-30 { |
| | | margin-right: 30px !important; |
| | | } |
| | | |
| | | |
| | | .ml-10 { |
| | | margin-left: 10px !important; |
| | | } |
| | | |
| | | .ml-20 { |
| | | margin-left: 20px !important; |
| | | } |
| | | |
| | | .ml-30 { |
| | | margin-left: 30px !important; |
| | | } |
| | | |
| | | .ml-3per { |
| | | margin-left: 3.3%; |
| | | } |
| | | |
| | | |
| | | .m-0 { |
| | | margin: 0 auto !important; |
| | |
| | | padding: 15px; |
| | | text-align: center; |
| | | border: 1px solid #ddd; |
| | | |
| | | } |
| | | |
| | | |
| | |
| | | transition: .4s; |
| | | } |
| | | |
| | | .slider-disabled { |
| | | position: absolute; |
| | | cursor: pointer; |
| | | top: 0; |
| | | left: 0; |
| | | right: 0; |
| | | bottom: 0; |
| | | background-color: #2196F3; |
| | | } |
| | | |
| | | .slider-disabled:before { |
| | | position: absolute; |
| | | content: ""; |
| | | height: 18px; |
| | | width: 18px; |
| | | left: 30px; |
| | | bottom: 4px; |
| | | background-color: white; |
| | | } |
| | | |
| | | |
| | | input:checked + .slider { |
| | | background-color: #2196F3; |
| | | } |
| | |
| | | } |
| | | |
| | | .slider.round:before { |
| | | border-radius: 50%; |
| | | } |
| | | |
| | | .slider-disabled.round { |
| | | opacity: 50%; |
| | | border-radius: 34px; |
| | | } |
| | | |
| | | .slider-disabled.round:before { |
| | | opacity: 50%; |
| | | border-radius: 50%; |
| | | } |
| | | |
| | |
| | | .activity-text h6.creat { |
| | | color: #fd7e14; |
| | | font-weight: bold; |
| | | } |
| | | |
| | | .dot { |
| | | color: #15158a; |
| | | font-size: 0.9rem; |
| | | font-weight: bold; |
| | | margin-bottom: -15px; |
| | | } |
| | | |
| | | .activity-text h6.creat .dot { |
| | |
| | | z-index: 2; |
| | | overflow: hidden; |
| | | margin-top: 80px; |
| | | } |
| | | } |
| | | |
| | | .footer-w .logo-element { |
| | | text-align: center; |
| | |
| | | overflow: hidden; |
| | | margin-top: 30px; |
| | | font-size: 0.69rem; |
| | | margin-left: 35rem; |
| | | } |
| | | |
| | | .width-20-p { |
| | |
| | | .icon-reverse::after { |
| | | transform: rotate(180deg); |
| | | } |
| | | /* 원본 폰트 사이즈 주석 처리*/ |
| | | /*.issue-detail-label {*/ |
| | | /* font-size: 0.71rem;*/ |
| | | /* color: #777*/ |
| | | /*}*/ |
| | | |
| | | .issue-main-label { |
| | | font-size: 0.6rem; |
| | | color: #777; |
| | | } |
| | | |
| | | .issue-main-label { |
| | | font-size: 0.6rem; |
| | | color: #d0cece; |
| | | } |
| | | |
| | | .issue-detail-tab { |
| | | font-size: 0.9rem; |
| | | font-weight: 800; |
| | | } |
| | | .issue-detail-label { |
| | | font-size: 0.71rem; |
| | | color: #777 |
| | | font-size: 0.9rem; |
| | | color: #777; |
| | | font-weight: 800; |
| | | } |
| | | |
| | | .custom-detail-label { |
| | | color: #777; |
| | | font-weight: 600; |
| | | position: relative; |
| | | top: -6px; |
| | | } |
| | | |
| | | input[type="number"]::-webkit-outer-spin-button, |
| | |
| | | .h3-div { |
| | | font-size: 1.75rem; |
| | | } |
| | | |
| | | /*translate="issue.issueTitle"*/ |
| | | .info_font { |
| | | color: #000; |
| | | font-size: 0.8rem; |
| | | line-height: 1.5; |
| | | font-weight: 600; |
| | | } |
| | | |
| | | .email_font { |
| | | color: #494848; |
| | | font-size: 0.75rem; |
| | | line-height: 1.5; |
| | | font-weight: 600; |
| | | } |
| | | |
| | | .info_detail_font { |
| | | color: #000; |
| | | font-size: 1rem; |
| | | line-height: 1.5; |
| | |
| | | color:#0066ff; |
| | | } |
| | | |
| | | /* 간트차트 end */ |
| | | .mgr-1 { |
| | | margin-right: 1rem; |
| | | } |
| | | |
| | | .TemplateIMG { |
| | | height: 50px; |
| | | width: 50px; |
| | | margin: 20px; |
| | | } |
| | | |
| | | .TemplateIMG-selected { |
| | | border: 2px solid #0066ff; |
| | | |
| | | } |
| | | |
| | | .TemplateIMG:active { |
| | | border: 2px solid #0066ff; |
| | | } |
| | | |
| | | .TemplateIMG:visited { |
| | | border: 2px solid #0066ff; |
| | | |
| | | } |
| | | |
| | | .Template-area { |
| | | text-align: center; |
| | | } |
| | | |
| | | .TemplateEX { |
| | | float : left; |
| | | } |
| | | |
| | | .Email-Templates { |
| | | height: 150px; |
| | | width: 300px; |
| | | display: none; |
| | | margin: 0 auto; |
| | | } |
| | | |
| | | /* 이슈 트리 */ |
| | | /** |
| | | * Framework starts from here ... |
| | | * ------------------------------ |
| | | */ |
| | | |
| | | .tree, |
| | | .tree ul { |
| | | list-style:none; |
| | | } |