@charset "UTF-8";

@keyframes arrow {

0% {

opacity: 0;

transform: translate(-75%, 0);

}

100% {

opacity: 1;

transform: translate(0, 0);

}

}

@keyframes arrowBack {

0% {

opacity: 0;

transform: translate(75%, 50%) rotate(180deb);

}

100% {

opacity: 1;

transform: translate(0, 50%) rotate(180deb);

}

}

@keyframes wave {

0% {

opacity: 0.35;

transform: translate(-50%, -50%) scale(0);

}

100% {

opacity: 0;

transform: translate(-50%, -50%) scale(1);

}

}

@keyframes showUnderline {

0% {

opacity: 1;

transform: translate(-50%, 100%) scale(0);

}

100% {

opacity: 1;

transform: translate(-50%, 100%) scale(1);

}

}

@keyframes showUp {

0% {

opacity: 0;

transform: translate(0, 2em);

}

100% {

opacity: 1;

transform: translate(0, 0);

}

}

@keyframes checkUp {

0% {

opacity: 0;

transform: translate(0, -20%);

}

100% {

opacity: 1;

transform: translate(0, -50%);

}

}

@keyframes rotate360 {

0% {

transform: rotate(0deg);

}

100% {

transform: rotate(360deg);

}

}

@keyframes blink {

0% {

opacity: 1;

transform: scale(0.5);

}

100% {

opacity: 0;

transform: scale(1.2);

}

}

@keyframes sending {

0% {

width: 0%;

}

20% {

width: 20%;

}

40% {

width: 40%;

}

60% {

width: 60%;

}

80% {

width: 80%;

}

100% {

width: 100%;

}

}

/* PC에서만 사용 */

@media (min-width: 1921px) {

/*2025-02-27 브라우저 축소 시 깨짐 (px값으로 고정)*/

#contents > .inner {

padding-left: calc((100% - 1920px) / 50px);

padding-right: calc((100% - 1920px) / 50px);

}

}

/* 1600*900 */

@media (max-width: 1600px) {

html,

:root {

font-size: 14px;

}

h2 {

font-size: 2rem;

}

.search-panel > .inner .form-control input {

font-size: 1.4rem;

}

.search-panel > .inner ul {

padding-left: 0;

padding-right: 0;

gap: 0.8rem;

}

.service-wrap ul {

grid-template-columns: 1fr;

}

.item-box .bottom > .flex-box {

flex-direction: column;

}

.full-page-container .section.firstPage .info-link-wrap {

padding: 0 3.3333rem;

gap: 2rem;

}

.full-page-container .section.firstPage .big-title-wrap > div:first-child {

font-size: 2.4rem;

}

.full-page-container .section.firstPage .big-title-wrap > div:last-child {

font-size: 4.5333rem;

}

.full-page-container .section .sub-txt .big-tit {

font-size: 3.6rem;

margin-bottom: 1rem;

}

#contents.search .search-options > .inner {

width: auto;

}

#contents.search.mass-search .search-options > .inner {

width: 100%;

}

.result-wrap.active .item-box.search-result > .flex-box {

flex-direction: column;

}

.result-wrap.active .item-box.search-result > .flex-box ul.info {

align-items: flex-start;

}

.form-check-input + label.form-check-label {

font-size: 1.0667rem;

}

.stock-status *[class*=col] strong {

font-size: 2rem;

}

.inner-service-introduction-wrap {

padding: 120px 150px;

}

}

/* 1366*768 */

@media (max-width: 1366px) {

#contents.center {

width: 100%;

}

#contents > #left,

#contents > #right {

flex: 0 0 300px;

max-width: 300px;

}

body.left.right #contents > .inner {

flex: 0 0 calc(100% - 600px);

max-width: calc(100% - 600px);

}

body.left #contents > .inner,

body.right #contents > .inner,

body.no-left.left.right #contents > .inner,

body.no-right.right.left #contents > .inner {

flex: 0 0 calc(100% - 300px);

max-width: calc(100% - 300px);

}

body.left.no-left.right.no-right #contents > .inner,

body.no-left.left #contents > .inner,

body.no-right.right #contents > .inner,

body.no-left.no-right #contents > .inner {

flex: 0 0 100%;

max-width: 0 0 100%;

}

#contents > *[class*=btn-fold-left],

#contents.center > *[class*=btn-fold-left] {

left: 300px;

}

#contents > *[class*=btn-fold-right],

#contents.center > *[class*=btn-fold-right] {

left: auto;

right: 300px;

}

h2 > br {

display: none;

}

.chat-list > li > a {

flex-direction: column;

}

.chat-list > li > a .thumbnail {

width: 4.2667rem;

}

.chat-list > li > a > p:last-child {

bottom: 2rem;

transform: translate(0, 0);

}

.modal .chat-list.user-list > li > a {

flex-wrap: wrap;

}

.modal .chat-list.user-list > li > a .thumbnail {

display: none;

}

.color-system > li {

flex: 1 1 auto;

}

}

/* 1280px 이하 모니터 */

@media (max-width: 1280px) {

h1 {

width: 140px;

}

h2 {

font-size: 1.8rem;

}

header {

padding-left: 40px;

padding-right: 40px;

}

.btn-wrap.determine.bottom {

margin-left: -40px;

padding-left: 40px;

padding-right: 40px;

width: calc(100% + 80px);

}

#contents .search-panel,

#contents .number-status {

flex-direction: column;

}

#contents .search-panel > .col,

#contents .number-status > .col {

width: 100%;

}

#contents .search-panel > .col:last-child,

#contents .number-status > .col:last-child {

margin-top: 1rem;

}

#contents .number-status .col:last-child {

margin-top: 2rem;

}

#contents .number-status .col:last-child ul li {

text-align: left;

}

#contents .number-status .col:last-child p.label {

margin-bottom: 1rem;

}

.additional-company {

flex-direction: column;

gap: 1rem;

}

.additional-company > * {

width: 100%;

}

.additional-company > * .checkbox-group {

justify-content: flex-start !important;

}

.full-page-container .section.firstPage .info-link-wrap > div {

width: calc((100% - 8rem) / 5);

}

.full-page-container .section.firstPage .info-link-wrap > div .behind {

padding: 2rem 1.3333rem;

}

.full-page-container .section.firstPage .info-link-wrap > div .behind button {

right: auto;

}

.progress-step-box > ul li {

font-size: 0.9333rem;

}

.color-system {

display: grid;

grid-template-columns: 1fr 1fr;

}

.company-introduction-wrap .img-box,

.ecredible-intro-wrap .img-box {

width: 450px;

}

.company-introduction-wrap .img-box img,

.ecredible-intro-wrap .img-box img {

width: 100%;

height: 100%;

object-fit: cover;

}

.company-introduction-wrap .big-txt,

.ecredible-intro-wrap .big-txt {

font-size: 2.1333rem;

}

.company-introduction-wrap .info-txt .tit-txt,

.ecredible-intro-wrap .info-txt .tit-txt {

font-size: 1.6rem;

}

.company-introduction-wrap .inner .px-width,

.ecredible-intro-wrap .inner .px-width {

min-width: 800px;

}

.inner-service-introduction-wrap {

padding: 120px 50px;

}

.choose-box {

grid-template-columns: 1fr 1fr !important;

}

}

/* 1024px 이하 태블릿 */

@media (max-width: 1024px) {

html, body {

overflow-x: hidden;

}

body.left.right #contents > .inner {

flex: 0 0 calc(100% - 440px);

max-width: 0 0 calc(100% - 440px);

}

#contents.service-apply > .inner {

height: auto;

overflow-y: hidden;

}

#contents.service-apply > .inner ul.service-list {

margin-top: 2rem;

}

#contents.service-apply > .inner ul.service-list > li {

font-size: 1rem;

}

#contents.service-apply > .inner .btn-wrap.determine.bottom {

transform: translate(0, 0);

margin-left: -40px;

margin-right: -40px;

width: calc(100% + 80px);

}

body.left #contents > .inner,

body.right #contents > .inner,

body.no-left.left.right #contents > .inner,

body.no-right.right.left #contents > .inner {

flex: 0 0 100%;

max-width: 0 0 100%;

}

body.left.no-left.right.no-right #contents > .inner,

body.no-left.left #contents > .inner,

body.no-right.right #contents > .inner,

body.no-left.no-right #contents > .inner {

flex: 0 0 100%;

max-width: 0 0 100%;

}

#contents.dm #left > div.item,

.chat-room {

padding-left: 40px;

padding-right: 40px;

height: calc(100vh - 73px);

}

table.type1 > thead > tr > th,

table.type1 > * > tr > * {

font-size: 0.9333rem;

}

html,

:root {

font-size: 13px;

}

header {

height: 73px;

flex-direction: row;

}

header .util {

position: absolute;

top: 50%;

right: 90px;

padding-top: 6px;

z-index: 10;

transform: translate(0, -50%);

align-items: center;

}

header .util > ul > li > button.search {

display: inline-flex;

}

header .util > ul > li > a, header .util > ul > li > button {

font-size: 0;

line-height: 0;

text-indent: -9999px;

}

header .util {

position: static;

padding-top: 0;

transform: translate(0, 0);

flex: 1 1 auto;

}

header .util > ul > li {

position: static;

}

header .util > ul > li.dropdown.login > .login-box {

position: fixed;

padding: 3em;

top: 73px;

max-width: calc(100vw - 80px);

left: auto !important;

right: 0;

}

header,

#contents,

footer {

padding-left: 40px;

padding-right: 40px;

}

#gnb {

display: block;/*2025-02-24 수정*/

flex: 0 0 40px;

}

#gnb ul {

display: none;

}

#gnb .btn-menu {

display: flex;

position: absolute;

top: 50%;

transform: translate(0, -50%);

}

#contents #left,

#contents #right {

position: fixed;

z-index: 5;

border-right: 1px solid rgba(158, 162, 180, 0.23);

height: calc(100vh - 73px);

max-height: none;

background-color: #fff;

top: 73px;

padding-top: 60px;

padding-left: 40px;

padding-right: 40px;

padding-bottom: 60px;

flex: 0 0 220px;

}

#contents #right {

padding: 0;

}

#contents > .inner {

width: 100%;

padding-top: 60px;

padding-bottom: 60px;

border-left: none;

padding-left: 0;

padding-right: 0;

}

#contents > .inner .progress-list > li::before,

#contents > .inner .progress-list > li span:first-child, #contents > .inner .progress-list > li::after {

display: none;

}

#contents > .inner .progress-list > li.line {

flex: 0 0 3em;

}

#contents > *[class*=btn-fold] {

width: 1.5rem;

height: 3rem;

border-radius: 3px;

padding: 0;

}

#contents > *[class*=btn-fold]::after {

max-width: 30%;

}

body.left.right #contents > .inner,

body.no-left.left.right #contents > .inner,

body.no-right.right.left #contents > .inner,

body.left.no-left.right.no-right #contents > .inner,

body.no-left.left #contents > .inner,

body.no-right.right #contents > .inner,

body.no-left.no-right #contents > .inner {

flex: 0 0 100% !important;

max-width: 100% !important;

}

#container {

margin-top: 73px;

}

h1 {

width: 122px;

}

nav.mega-menu {

position: fixed;

z-index: 10;

top: 73px;

left: auto;

right: 0;

width: 260px;

height: calc(100vh - 73px);

max-height: none;

background-color: #fff;

opacity: 1;

padding: 40px 40px;

transform: translate(101%, 0);

}

nav.mega-menu > ul {

flex-direction: column;

gap: 3rem;

}

nav.mega-menu > ul li > dl dt {

margin-bottom: 2rem;

}

nav.mega-menu.active {

transform: translate(0, 0);

}

.choose-box {

grid-template-columns: 1fr 1fr;

gap: 2rem;

}

.service-wrap ul {

grid-template-columns: 1fr 1fr;

}

.nav-section {

display: none;

}

.full-page-container {

width: 100%;

}

.full-page-container .section.firstPage {

padding: 16rem 3.3333rem 0 3.3333rem;

}

.full-page-container .section.firstPage .big-title-wrap,

.full-page-container .section.firstPage .info-link-wrap {

position: relative;

}

.full-page-container .section.firstPage .info-link-wrap {

justify-content: flex-start;

padding: 0;

}

.full-page-container .section.firstPage .info-link-wrap > div .behind {

height: 11.3333rem;

}

.full-page-container .section.firstPage .big-title-wrap > div:first-child {

font-size: 1.07rem;

}

.full-page-container .section.firstPage .big-title-wrap > div:last-child {

font-size: 3.6rem;

}

.full-page-container .section.secondPage {

padding: 10.6666rem 3.3333rem 0 3.3333rem;

}

.full-page-container .section.thirdPage,

.full-page-container .section.fourthPage,

.full-page-container .section.fifthPage,

.full-page-container .section.sixthPage {

padding: 10.6666rem 3.3333rem 10.6666rem 3.3333rem;

}

.full-page-container .section.secondPage .flex-center,

.full-page-container .section.thirdPage .flex-center {

justify-content: flex-start;

}

.full-page-container .section .sub-txt {

width: 100%;

}

.full-page-container .section .sub-txt .big-tit {

font-size: 2.4rem;

width: 75%;

}

.full-page-container .section .sub-txt .sm-tit {

margin-bottom: 1rem;

}

.full-page-container .section .sub-txt .txt-p-btn button {

width: 2.4rem;

height: 2.4rem;

min-width: 2.4rem;

background-size: 50%;

}

.full-page-container .section.firstPage .info-link-wrap > div .behind button {

right: auto;

}

.full-page-container .section.firstPage .info-link-wrap > div {

width: auto;

}

.full-page-container .section.firstPage .info-link-wrap > div .behind {

min-width: 13.3333rem;

}

.item-box {

padding: 2rem 2.4rem 2.5rem;

}

.item-box > .btn, .item-box > .btn-wrap {

position: static;

display: flex;

justify-content: flex-end;

margin-top: 2rem;

}

.item-box.search-result .btn-favorite {

margin-top: 0;

top: 2.1rem;

right: 2.1rem;

}

.item-box.document.eval > .row,

.item-box.bonds.eval > .row {

flex-direction: column;

row-gap: 3rem;

}

.item-box.bonds .flex-box:first-child h3 {

flex-direction: column;

row-gap: 0.4em;

align-items: flex-start;

}

.item-box.bonds .flex-box:first-child h3 * {

margin-left: 0 !important;

}

#contents.dm {

padding-left: 0;

padding-right: 0;

}

#contents.dm #left > *,

#contents.dm #left .chat-list > li > a {

padding-left: 40px;

padding-right: 40px;

}

#contents.dm #left > * div:last-child,

#contents.dm #left .chat-list > li > a div:last-child {

top: 2rem;

bottom: auto;

}

#contents.dm #left h3 {

flex-direction: column;

align-items: flex-start;

}

#contents.dm #left + .inner {

flex: 0 0 calc(100% - 220px) !important;

}

.chat-room .container {

flex: 1 1 auto;

}

.chat-room footer {

margin-top: auto;

}

.chat-list > li > a > p:last-child {

bottom: 2.1rem;

}

.item-box dl.status *,

.item-box ul.info * {

font-size: 1rem;

}

.result-wrap > .list {

display: grid;

gap: 2.5rem 1.5rem;

grid-template-columns: 1fr 1fr;

justify-content: flex-start;

}

.result-wrap > .list .item-box {

margin-top: 0;

}

.result-wrap.active {

flex-direction: column-reverse;

}

.result-wrap.active .preview-wrap {

max-height: 40vh;

top: calc(73px + 1.3333rem);

}

.result-wrap .item-box.search-result > .flex-box {

flex-direction: column;

}

.result-wrap .item-box.search-result > .flex-box ul.info {

align-items: flex-start;

}

.folder-wrap {

background-color: #fff;

flex-direction: column;

}

.folder-wrap .folder-left {

flex: 1 1 auto;

flex-direction: row;

z-index: 2;

height: fit-content;

}

.folder-wrap .folder-left .nav {

flex-direction: column;

}

.folder-wrap .folder-left .inner {

flex: 1 1 auto;

}

.color-example > li img {

max-width: 80%;

}

.ecredible-intro-wrap {

padding-top: 4rem;

padding-left: 40px;

padding-right: 40px;

margin-top: 73px;

}

.services-wrap {

height: auto;

}

.services-wrap > ul {

flex-direction: column;

}

.services-wrap > ul > li {

opacity: 1;

display: flex;

gap: 0 2rem;

align-items: flex-start;

justify-content: flex-start;

flex-wrap: wrap;

}

.services-wrap > ul > li + li {

margin-top: 1rem;

}

.services-wrap > ul > li .ico {

margin: 0;

flex: 0 0 6rem;

}

.services-wrap > ul > li p {

flex: 0 0 calc(100% - 6rem - 2rem);

text-align: left;

}

.services-wrap > ul > li span,

.services-wrap > ul > li ul {

display: block;

flex: 0 0 calc(100% - 8rem);

margin-top: -3rem;

margin-left: 8rem;

}

.company-introduction-wrap .inner,

.ecredible-intro-wrap .inner {

margin-top: 0;

width: 100%;

padding: 0 40px;

}

.company-introduction-wrap .img-box,

.ecredible-intro-wrap .img-box {

width: 350px;

}

.company-introduction-wrap .big-txt,

.ecredible-intro-wrap .big-txt {

font-size: 1.7333em;

}

.company-introduction-wrap .big-txt .blue.mgb30,

.ecredible-intro-wrap .big-txt .blue.mgb30 {

margin-bottom: 0 !important;

}

.company-introduction-wrap .info-txt .cnt-txt,

.ecredible-intro-wrap .info-txt .cnt-txt {

font-size: 1.07rem;

}

.company-introduction-wrap .info-txt .tit-txt,

.ecredible-intro-wrap .info-txt .tit-txt {

font-size: 1.3333rem;

}

.company-introduction-wrap .info-txt .tit-txt.mgb20,

.ecredible-intro-wrap .info-txt .tit-txt.mgb20 {

margin-bottom: 10px !important;

}

.company-introduction-wrap .btn-box button,

.ecredible-intro-wrap .btn-box button {

margin-top: 20px !important;

}

.finace-table table .price-box .prcie {

font-size: 1.8666rem;

}

.company-introduction-wrap .board-tit-box.mgt30,

.ecredible-intro-wrap .board-tit-box.mgt30 {

margin-top: 20px !important;

}

.company-introduction-wrap .board-tit-box.mgb20,

.ecredible-intro-wrap .board-tit-box.mgb20 {

margin-bottom: 10px !important;

}

.company-introduction-wrap .board-tit-box .tit,

.ecredible-intro-wrap .board-tit-box .tit {

font-size: 1.2rem;

}

.finace-table table .price-box td {

padding: 1.2rem;

}

.finace-table table .prcie.arrow-up::after {

width: 10px;

height: 20px;

margin-top: -2px;

}

.finace-table table .info-box td {

font-size: 1.07rem;

padding: 1.07rem;

}

.company-introduction-wrap .inner .px-width,

.ecredible-intro-wrap .inner .px-width {

min-width: 100%;

}

.inner-service-introduction-wrap .info-txt .tit {

font-size: 1.8rem;

}

.inner-service-introduction-wrap .cnt-box > div {

position: absolute;

}

.inner-service-introduction-wrap .cnt-box .info-txt {

z-index: 10;

}

.inner-service-introduction-wrap .cnt-box .info-txt.right {

right: 0;

}

.inner-service-introduction-wrap .cnt-box.mg .img-box {

right: 0;

}

.black-line-step-box {

flex-direction: column;

}

.black-line-step-box li {

padding: 20px;

width: 100%;

height: auto;

}

.black-line-step-box li::after {

bottom: 0;

left: 50%;

right: auto;

top: auto;

bottom: -35px;

transform: translateX(-50%) rotate(90deg);

}

.black-line-step-box li > div {

flex-direction: row;

align-items: center;

justify-content: flex-start;

}

.black-line-step-box li .nm {

margin-bottom: 0;

margin-right: 15px;

}

.black-line-step-box li .tit {

margin-bottom: 0;

margin-right: 20px;

}

.table-wrap.sev-intr-wrap {

width: 100%;

overflow-x: auto;

}

.table-wrap.sev-intr-wrap table {

min-width: 1000px;

}

.breadcrumb-wrap {

display: none;

}

.page-tit-box {

border-bottom: none;

}

}

/* 768px 이하 태블릿 */

@media (max-width: 768px) {

.search-panel > .inner {

height: 320px;

}

.search-panel > .inner .form-control input {

font-size: 1.2rem;

}

.search-panel > .inner ul {

margin-top: 1rem;

}

.search-panel > .btn-remove {

top: 40px;

right: 40px;

}

.row.dummy {

display: none;

}

#contents {

padding-left: 40px;

padding-right: 40px;

}

#contents > #left {

flex: 0 0 180px;

}

#contents > #left h2 {

font-size: 1.4rem;

margin-bottom: 3rem;

}

#contents > #left .status-list dt {

font-size: 1rem;

}

#contents > #left .status-list dd a {

font-size: 1.3rem;

}

#contents > #left .banner {

margin-top: 3rem;

}

#contents > .inner {

width: 100%;

}

.row.divide-2 {

column-gap: 0;

}

.row.divide-2 > * {

width: 100%;

}

div.form .row {

row-gap: 0;

}

div.form .row > *[class*=col] + *[class*=col] {

margin-top: 2.25rem;

}

div.form .row.agree-box {

row-gap: 1rem;

}

div.form .row.agree-box > *:last-child {

justify-content: flex-start;

}

div.form .row.agree-box + .row.agree-box {

margin-top: 1.5rem !important;

}

.checkbox-group {

flex-wrap: wrap;

row-gap: 1rem;

}

.agree-box .checkbox-group {

row-gap: 0rem;

justify-content: flex-end;

}

.agree-box .checkbox-group .form-check-label {

white-space: normal;

text-align: right;

}

.number-status .col:last-child ul {

display: grid;

width: 100%;

grid-template-columns: 1fr 1fr;

}

.service-wrap ul {

grid-template-columns: 1fr;

}

.choose-box {

grid-template-columns: 1fr !important;

}

.choose-box.package-box > li {

padding: 2rem !important;

}

.choose-box.package-box > li.plus {

flex-basis: 24px;

}

.choose-box > li p {

font-size: 1.4rem;

}

.package-total {

padding: 3rem;

}

.package-total .title {

font-size: 1.2rem;

}

.package-total .comment {

font-size: 1.6667rem;

}

.package-total .col-md-4 {

display: flex;

align-items: center;

margin-top: 1.6rem;

gap: 1.5rem;

}

.package-total .price {

display: inline-flex;

margin-top: 0 !important;

}

.package-total hr.box-line {

margin: 2.5rem 0;

}

.package-total .flex-box {

flex-direction: column;

align-items: flex-start;

row-gap: 1rem;

}

.modal .modal-body .search-panel > .inner .form-control ul > li {

flex: 0 0 100%;

}

.modal .modal-body .search-panel > .inner .form-control ul > li > button {

flex-wrap: wrap;

row-gap: 0.2em;

}

.modal .modal-body .search-panel > .inner .form-control ul > li > button > span {

flex: 0 0 100%;

font-size: 0.8em;

padding-left: 2.2rem;

text-align: left;

}

.text-information-box {

padding: 1.333rem;

}

.text-information-box .tit {

margin-bottom: 0.666rem !important;

}

.item-box .bottom .ps-wrap {

align-items: start;

flex-direction: column;

}

.item-box .bottom .ps-wrap .progress-status {

width: 100%;

justify-content: space-between;

flex-wrap: wrap;

}

.item-box .bottom .ps-wrap .progress-status > * {

flex: 1 1 auto !important;

}

.item-box .bottom .ps-wrap .progress-status > dd {

justify-content: flex-end;

}

.genealogy-box {

display: block;

padding: 1.3333rem;

}

.genealogy-box > div {

display: flex;

gap: 1.3333rem;

}

.genealogy-box .type {

width: 20%;

flex-direction: column;

align-items: baseline;

gap: 2rem;

}

.genealogy-box .type::before {

width: 1px;

height: 100%;

border-top: 0;

border-left: 1px dashed #A9B2B8;

left: 2.7rem;

}

.genealogy-box .bottom-info {

width: 80%;

}

.genealogy-box .bottom-info > ul {

width: 100%;

flex-direction: column;

gap: 1.3333rem;

padding: 0;

}

.genealogy-box .bottom-info > ul > li {

width: 100%;

height: auto;

margin-top: 0;

justify-content: space-between;

}

.genealogy-box .bottom-info > ul > li::before {

display: none;

}

.genealogy-box .bottom-info > ul > li > div {

width: 100%;

display: flex;

align-items: center;

justify-content: space-between;

gap: 1.3333rem;

}

.genealogy-box .bottom-info > ul > li .tit {

margin-bottom: 0;

}

.genealogy-box .bottom-info > ul > li .num {

font-size: 1.07rem;

}

.item-box ul.status {

row-gap: 2em;

}

.item-box.document ul.status > li,

.item-box.bonds ul.status > li {

flex-direction: column;

align-items: flex-start;

}

.full-page-container .section.firstPage {

padding-top: 13.3333rem;

padding-bottom: 3.3333rem;

}

.full-page-container .section.firstPage .big-title-wrap {

transform: none;

margin-bottom: 4.6666rem;

}

.full-page-container .section.firstPage .big-title-wrap > div {

flex-direction: column;

align-items: baseline;

}

.full-page-container .section.firstPage .big-title-wrap .change-txt {

margin-left: 0;

}

.full-page-container .section.firstPage .big-title-wrap > div:first-child,

.full-page-container .section.firstPage .big-title-wrap > div:last-child {

font-size: 2.6666rem;

}

.full-page-container .section.firstPage .big-title-wrap > div:first-child {

margin-bottom: 2rem;

}

.full-page-container .section.firstPage .big-title-wrap > div:last-child {

margin-bottom: 0;

}

.full-page-container .section.firstPage .big-title-wrap .change-txt {

margin-top: -0.6666rem;

}

.full-page-container .section .sub-txt .big-tit {

font-size: 2rem;

}

.full-page-container .section.firstPage .info-link-wrap {

flex-wrap: wrap;

gap: 1.3333rem;

}

.full-page-container .section.firstPage .info-link-wrap > div {

min-width: 180px;

width: 25%;

}

.full-page-container .section.firstPage .info-link-wrap > div .front {

padding-bottom: 0.2666rem;

font-weight: 600;

}

.full-page-container .section.firstPage .info-link-wrap > div .front::before {

display: none;

}

.full-page-container .section.firstPage .info-link-wrap > div .behind {

min-width: auto;

position: static;

border-radius: 0 1.07rem 1.07rem 1.07rem;

padding: 1.3333rem;

box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);

}

.full-page-container .section.firstPage .info-link-wrap > div .behind button {

right: auto;

}

.full-page-container .section .sub-txt .txt-p-btn button {

margin-left: 2rem;

}

.toast-msg > div {

max-width: calc(100vw - 20px);

padding-left: 2rem;

padding-right: 2rem;

border-radius: 1rem;

margin-bottom: 10px;

}

.toast-msg.active > div {

padding: 2rem;

}

.service-apply .toast-msg > div {

max-width: calc(100vw - 90px);

}

.item-box dl.status {

display: grid;

grid-template-columns: 100px 1fr;

}

.item-box dl.status dd {

margin-right: 0;

}

.item-box.grade dl.status {

display: flex;

}

.rank-txt-box ul {

width: 100%;

justify-content: flex-start;

column-gap: 2.4rem;

}

.rank-txt-box ul .big-rank {

font-size: 2.4rem;

}

.rank-txt-box ul li.small .big-rank {

font-size: 1.4rem;

}

ul.timeline {

row-gap: 1rem;

}

ul.timeline li {

flex-direction: column;

align-items: flex-start;

row-gap: 0.5em;

padding-left: 3rem;

}

ul.timeline li p {

font-size: 0.8667em;

}

ul.timeline li::before {

top: 0.5em;

left: 0.05em;

position: absolute;

}

ul.timeline li .checkbox-group {

margin-top: 0.6em;

}

ul.timeline li:first-child {

font-size: 0.9333em;

}

.chat-list > li > a > div {

font-size: 0.9333rem;

}

.chat-room header {

flex-wrap: wrap;

height: auto;

padding-bottom: 1rem;

}

.chat-room .user-box {

flex-wrap: wrap;

}

.chat-room .user-box p {

font-size: 0.9333rem;

white-space: normal;

}

.modal .chat-list.user-list > li > a > div:not(.thumbnail) {

flex-direction: column;

align-items: flex-start;

}

.modal .chat-list.user-list > li > a > div:not(.thumbnail) p {

padding-left: 0.8rem;

}

.modal .chat-list.user-list > li > a > div:not(.thumbnail) > .flex-box {

position: absolute;

top: 50%;

right: 0.8rem;

transform: translate(0, -50%);

}

.result-wrap > .list {

grid-template-columns: 1fr;

}

.result-wrap.active .preview-wrap {

padding: 0 1.5rem 1.5rem 1.5rem;

max-height: 45vh;

}

.result-wrap.active .preview-wrap .btn-close {

right: -0.5rem;

}

.item-box.search-result > .flex-box {

flex-direction: column;

}

.item-box.search-result > .flex-box h3 {

gap: 0.5em;

flex-wrap: wrap;

}

.item-box.search-result > .flex-box h3 .status {

white-space: nowrap;

}

.item-box.search-result > .flex-box dl.status dd {

white-space: normal;

}

.item-box.search-result > .flex-box ul.info {

align-items: flex-start;

}

.item-box.search-result > .flex-box ul.info > li {

white-space: normal;

}

.item-box.search-result > .flex-box ul.info > li dl {

flex-wrap: wrap;

}

.item-box.search-result .btn-favorite::before {

display: none;

}

.item-box[class*=support].support-2 {

flex-direction: column;

}

#contents.search.mass-search .search-options > .inner > .form-label {

flex: 0 0 100%;

}

#contents.search.mass-search .search-options > .inner + .inner {

margin-top: 1rem;

}

ul.nav.circle.nav-lg > .nav-item > .nav-link,

ul.nav.nav-lg > li > a.nav-link {

font-size: 1rem;

}

.flex-box.responsive {

flex-direction: column;

row-gap: 1.5rem;

}

.board-wrap .item span.status {

flex: 0 0 6rem;

}

.board-wrap .item p {

font-size: 1.0667rem;

}

.item-box.support {

flex-direction: column;

}

.item-box.support h3 {

flex: 0 0 auto;

}

.item-box.support ul > li {

font-size: 1rem;

}

.item-box.support .btn-go {

font-size: 1.2rem;

}

div.form .form-control,

div.form .form-select {

padding-left: 0.25em;

padding-right: 0.25em;

}

.login-box .checkbox-group.one-group {

display: grid;

grid-template-columns: 1fr 1fr;

}

.login-box .checkbox-group.one-group > * .form-check-input + label {

display: flex;

}

.login-box .checkbox-group.one-group > *:nth-child(1) .form-check-input + label {

border-radius: 0.5333rem 0 0 0;

}

.login-box .checkbox-group.one-group > *:nth-child(2) .form-check-input + label {

border-radius: 0 0.5333rem 0 0;

}

.login-box .checkbox-group.one-group > *:nth-child(3) {

margin-top: -3px;

}

.login-box .checkbox-group.one-group > *:nth-child(3) .form-check-input + label {

border-radius: 0 0 0 0.5333rem;

}

.login-box .checkbox-group.one-group > *:nth-child(4) {

margin-top: -3px;

}

.login-box .checkbox-group.one-group > *:nth-child(4) .form-check-input + label {

border-radius: 0 0 0.5333rem 0;

}

.login-box .row {

flex-direction: row;

}

.login-box .row > * {

flex: 1 1 auto;

width: auto;

max-width: fit-content !important;

}

.login-box .row > *[class*=col-md] {

width: min-content;

}

.com-search {

grid-template-columns: 1fr 1fr;

}

.com-search > li > button img {

max-width: 100%;

}

.ci-wrap {

flex-direction: column;

}

.color-example > li {

padding: 2.3333rem;

}

.color-example > li img {

max-width: 100%;

}

.org-chart .item span {

font-size: 0.9rem;

line-height: 1em;

margin-top: 0px;

}

.welfare-wrap {/*2025-02-04 반응형 수정*/

grid-template-columns: 1fr !important;

}

.welfare-wrap > li {

padding: 2rem 1rem;

}

.welfare-wrap > li p, .welfare-wrap > li a {

font-size: 2rem;

}

.stock-status {

flex-direction: column;

}

.stock-status *[class*=col] {

flex-direction: column;

padding-top: 1em;

padding-bottom: 1em;

gap: 1em;

}

.stock-status *[class*=col] *[class*=col]:first-child {

border-right: none;

border-bottom: 1px solid #B9CCE1;

padding-bottom: 1em;

}

.section[class^=ci] {

margin-bottom: 0px;

}

.section.ci-01 {

margin-top: 115px;

}

.ecredible-intro-wrap {

padding: 70px 0;

padding-left: 0;

padding-right: 0;

margin-top: 0;

}

.ecredible-intro-wrap:first-of-type {

padding-top: 0;

}

.ecredible-intro-wrap + .ecredible-intro-wrap {

margin-top: 3rem !important;

}

.ecredible-intro-wrap .btn-download.abs-right-top {

margin-right: 40px;

}

.ecredible-intro-wrap .welfare-wrap {

grid-template-columns: 1fr 1fr;

}

.ecredible-intro-wrap .welfare-wrap li p {

font-size: 1rem;

}

.ecredible-intro-wrap .color-example {

grid-template-columns: 1fr 1fr;

}

.ecredible-intro-wrap .color-example > li {

padding-left: 10px;

padding-right: 10px;

}

.ecredible-intro-wrap .color-example > li img {

max-width: 100%;

}

.company-introduction-wrap .inner,

.ecredible-intro-wrap .inner {

position: relative;

}

.ci-01 .company-introduction-wrap .big-txt {

position: absolute;

left: 40px;

z-index: 10;

}

.ci-01 .company-introduction-wrap .img-box {

position: absolute;

right: 0;

}

.ci-02 .company-introduction-wrap .inner > div > div {

position: absolute;

}

.ci-02 .company-introduction-wrap .inner .img-box {

left: 0;

}

.ci-02 .company-introduction-wrap .inner .info-txt {

right: 40px;

z-index: 10;

}

.ci-03 .company-introduction-wrap .inner .img-box {

right: 0;

width: 100%;

margin-top: 1rem;

margin-left: 0 !important;

}

.ci-03 .company-introduction-wrap .inner .img-box img {

max-width: 100%;

}

.ci-03 .company-introduction-wrap .inner .flex-jt-spb-center {

flex-direction: column;

}

.ci-03 .company-introduction-wrap .inner .info-txt {

left: 40px;

z-index: 10;

}

.ci-04 .company-introduction-wrap .inner > div > div {

position: absolute;

}

.ci-04 .company-introduction-wrap .inner .img-box {

left: 0;

}

.ci-04 .company-introduction-wrap .inner .info-txt {

right: 40px;

z-index: 10;

}

.ci-05 .company-introduction-wrap .inner > div {

width: 100%;

position: relative;

}

.ci-05 .company-introduction-wrap .inner > div .img-box {

width: 100%;

height: 250px;

margin-left: 0 !important;

}

.ci-05 .company-introduction-wrap .inner > div .info-txt {

position: absolute;

z-index: 10;

}

.finace-table {

overflow-x: auto;

}

.finace-table table {

min-width: 650px;

}

.company-introduction-wrap .board-wrap .item,

.ecredible-intro-wrap .board-wrap .item {

display: block;

padding: 1.2rem 2rem;

}

.company-introduction-wrap .board-wrap .item .flex-jt-spb-center,

.ecredible-intro-wrap .board-wrap .item .flex-jt-spb-center {

display: block;

margin-bottom: 10px;

}

.company-introduction-wrap .board-wrap .item .flex-jt-spb-center .status,

.ecredible-intro-wrap .board-wrap .item .flex-jt-spb-center .status {

margin-bottom: 10px;

}

.ci-05 .company-introduction-wrap .img-box,

.ci-05 .ecredible-intro-wrap .img-box {

transform: translate(calc(100vw - 350px - 40px), 0);

}

.inner-service-introduction-wrap {

padding: 50px;

}

.inner-service-introduction-wrap .title-box {

margin-bottom: 50px;

}

.inner-service-introduction-wrap .cnt-box.mg {

margin: 50px 0;

}

.inner-service-introduction-wrap .cnt-box .img-box {

width: 100%;

height: 400px;

}

.inner-service-introduction-wrap .cnt-box .img-box img {

width: 100%;

height: 100%;

object-fit: cover;

}

.inner-service-introduction-wrap .cnt-box .info-txt.left {

left: 30px;

}

.inner-service-introduction-wrap .cnt-box .info-txt.right {

right: 30px;

}

.page-tit-box h2 {

font-size: 2rem;

}

/*2025-02-10 평가서 진위여부 css 추가*/

.report-img-box{

background-size: cover;

width: 100%;

}

/*2025-02-10 평가서 진위여부 css 추가 끝*/

/*2025-02-11 운영 매뉴얼 다운로드 css 추가*/

.manual-box li{

margin: 0 0 50px 0;

}

/*2025-02-11 운영 매뉴얼 다운로드 css 추가 끝*/

}

/* 480px 이하 모바일 */

@media (max-width: 480px) {

.search-panel {

padding-left: 30px;

padding-right: 30px;

}

.search-panel .form-control input::placeholder {

font-size: 1rem;

}

header {

padding-left: 30px;

padding-right: 30px;

}

header h1 {

width: 100px;

}

header .util {

right: 75px;

}

header .util > ul > li.dropdown > .dropdown-toggle::after {

display: none;

}

header .util > ul > li.dropdown.login > .login-box {

min-width: 324px;

max-width: none;

width: 100vw;

left: -30px !important;

right: 0 !important;

}

.choose-box.package-box {

flex-direction: column;

}

.choose-box.package-box > li.plus {

flex-basis: 24px;

mask-size: auto 60%;

}

.btn.btn-lg {

font-size: 1.3333rem !important;

}

.round-information li {

font-size: 0.933rem;

}

.item-box .bottom .ps-wrap .progress-status {

align-items: flex-start;

flex-direction: column;

}

.genealogy-box .type {

width: 30%;

}

.genealogy-box .type li {

font-size: 1rem;

padding: 0.5333rem 1rem;

}

.genealogy-box .type::before {

left: 2.3rem;

}

.genealogy-box .bottom-info {

width: 70%;

}

.genealogy-box .bottom-info > ul > li {

padding: 0.8rem;

}

.progress-list > li > span {

font-size: 1rem;

}

.full-page-container .section.firstPage .info-link-wrap {

margin-bottom: 3.3333rem;

gap: 1.3333rem;

}

.full-page-container .section.firstPage .info-link-wrap > div {

width: 100%;

min-width: auto;

}

.full-page-container .section.firstPage .info-link-wrap > div .behind {

padding: 1.3333rem;

height: auto;

}

.full-page-container .section.firstPage .big-title-wrap > div:first-child,

.full-page-container .section.firstPage .big-title-wrap > div:last-child {

font-size: 2.5333rem;

}

.full-page-container .section.firstPage .big-title-wrap > div:first-child {

margin-bottom: 1.2rem;

}

.full-page-container .section.secondPage {

padding: 6.6666rem 3.3333rem 0 3.3333rem;

}

.full-page-container .section.thirdPage {

padding: 6.6666rem 3.3333rem 6.6666rem 3.3333rem;

}

.item-box dl.status {

grid-template-columns: 80px 1fr;

}

.item-box dl.status > * {

word-break: break-all;

white-space: normal;

}

.item-box.document.eval > .row,

.item-box.bonds.eval > .row {

flex-direction: column;

row-gap: 3rem;

}

.item-box.document.eval .progress-step-box > ul li,

.item-box.bonds.eval .progress-step-box > ul li {

font-size: 0.7rem;

flex: 1 1 auto;

width: auto;

}

.item-box.document.eval .progress-step-box > ul li.active,

.item-box.bonds.eval .progress-step-box > ul li.active {

font-size: 0.8667rem;

}

#contents.dm #left {

flex: 0 0 120px !important;

}

#contents.dm #left .chat-list > li > a {

padding-top: 1rem;

padding-bottom: 1rem;

}

#contents.dm #left .chat-list > li > a .thumbnail {

width: 0;

height: 0;

flex: 0 0 0;

position: static;

border: none;

padding: 0;

overflow: hidden;

}

#contents.dm #left .chat-list > li > a .thumbnail + div {

margin-top: -1rem;

}

#contents.dm #left .chat-list > li > a .thumbnail .indicator {

top: 1rem;

right: 1rem;

}

#contents.dm #left .chat-list > li > a div p {

word-break: break-all;

white-space: normal;

}

#contents.dm #left .chat-list > li > a div p:first-child {

padding-right: 1rem;

}

#contents.dm #left .chat-list > li > a > p {

position: static;

justify-content: start;

align-items: flex-start;

}

#contents.dm #left + .inner {

flex: 0 0 calc(100% - 120px) !important;

}

#contents.dm #left .scroll-area {

margin-left: -20px;

margin-right: -20px;

}

#contents.dm #left .chat-list > li > a, #contents.dm #left > div.item,

#contents.dm #left .chat-room {

padding-left: 20px;

padding-right: 20px;

}

#contents.search .search-options {

display: block;

}

#contents.search .search-options > .inner {

width: 100%;

max-width: none;

gap: 0.8em;

}

#contents.search.mass-search .search-options > .inner + .inner {

margin-top: 2rem;

}

.folder-wrap .folder-left {

flex-direction: column;

}

.folder-wrap .folder-left .nav {

flex-direction: row;

}

.folder-wrap .folder-left .inner {

padding: 1rem;

}

.org-chart .item span {

font-size: 0.8rem;

}

.welfare-wrap {

grid-template-columns: 1fr;

}

.welfare-wrap > li p, .welfare-wrap > li a {

font-size: 1.6rem;

}

/*2025-01-22 section.ci-04 변경*/

.section.ci-04 {

margin-bottom: 0;

}

.section.ci-05 .info-txt-wrap {

margin-bottom: 0;

}

.ci-05 .img-box {

opacity: 0;

}

.inner-service-introduction-wrap {

padding: 50px 30px;

}

.complete-box .member-sv-box {

width: 100%;

margin: 0 auto;

text-align: left;

background: #f7f8fb;

padding: 1rem 1rem 1rem 1rem;

}




/*2025-01-22 모바일 css추가 시작*/

/*1. 로그인페이지*/

.login-box .checkbox-group.one-group {

display: grid;

grid-template-columns: 1fr 1fr 1fr;

}

.login-box .checkbox-group.one-group > *:nth-child(1) .form-check-input + label {

border-radius: 0;

}

.login-box .checkbox-group.one-group > *:nth-child(2) .form-check-input + label {

border-radius: 0;

}

.login-box .checkbox-group.one-group > *:nth-child(3) {

margin-top: 0px;

}

.login-box .checkbox-group.one-group > *:nth-child(3) .form-check-input + label {

border-radius: 0;

}

.login-box .checkbox-group.one-group > *:nth-child(4) {

margin-top: 0px;

}

.login-box .checkbox-group.one-group > *:nth-child(4) .form-check-input + label {

border-radius: 0;

}




/*2. 회원가입 페이지 form width 적용 안됨*/

#frmEntr{

width: 100%;

}




/*3. waring 텍스트 깨짐*/

.warning{

display: inline-block;

font-size: 0.9rem;




}

.warning::before{

margin-right: 0.5em;

vertical-align: top;

display: inline-block;

}




/*4. footer 깨짐*/

footer{

padding-left: 20px;

padding-right: 20px;

padding: 30px 20px;

}




footer .inner > ul{

padding-right: 0;

font-size: 0.9rem;

margin-top: 25px;




}

footer .inner > p{

letter-spacing: 0em;

font-weight: 300;

}

footer .inner .dropup {

position: relative;

}




footer .inner > dl{

width: 360px;

font-size: 0.88rem;

}

footer .inner > dl dt{

margin-right: 0.6em;

font-weight: 600;

display: inline-block;

float: left;

}

footer .inner .dropup{

position: relative;

top: 0;

right: 0; 

flex-direction: row !important;

}




/*05. 회사소개 모바일 padding 추가*/

.ecredible-intro-wrap:first-of-type {

padding-top: 70px; 

}

/*2025-01-22 모바일 css추가 끝*/

.loading-box{

font-size: 40px;

}

}

/*********************************** 화면 높이 기준 ***********************************/

/* 1600*900 */

/* 1366*768 */

/* 480px 이하 모바일 */

/* 332px 이하 모바일 (가로모드) *//*# sourceMappingURL=media-query.css.map */