@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;
  }
  .service-wrap2 ul {
    grid-template-columns: 1fr !important;
  }
  .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;
  }
  /*2025-08-12*/
  .rank-txt-box{
	display: block;
	width: 100%;
  }
  .rank-txt-box > ul{
	margin-top: 10px;
  }
  /*2025-08-12*/
  .full-page-container .section.firstPageNew {
      padding: 0 8rem;
  }
}

/* 1366*768 */
@media (max-width: 1366px) {
  #contents.center {
    width: 100%;
  }
  #contents > #left,
  #contents > #right {
    flex: 0 0 400px;
    max-width: 400px;
  }
  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% - 400px);
    max-width: calc(100% - 400px);
  }
  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: 400px;
  }
  #contents > *[class*=btn-fold-right],
  #contents.center > *[class*=btn-fold-right] {
    left: auto;
    right: 400px;
  }
  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;
  }
  /*2025-07-04 CSS추가*/
  .progress-list li span.leftmenu-block em{display:block;}
  .progress-list li.active span.leftmenu-block{font-weight:600;color:#142456;}
  .nav-section {
      display: none;
  }
  .full-page-container .section.firstPageNew {
      padding: 0 3rem;
  }
  .card-wrap{
  grid-template-columns: 1fr !important;
  }
}
/* 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;
  }
  /*2025-07-16 대시보드 반응형 추가*/
  .card-wrap{
  grid-template-columns: 1fr !important;
  }
  .card-wrap.fr2{
	grid-template-columns: 1fr !important;
  }
  .card-wrap.fr5{
  grid-template-columns: 1fr !important;
  }
  .card-grid-items{
  grid-template-columns: 1fr 1fr !important;
  }
  /*.card-grid-items.fr-3{
  grid-template-columns: 1fr 1fr 1fr !important;
  }*/
  /*2025-07-16 대시보드 반응형 추가 끝*/
}
/*2025-07-04 CSS추가 끝*/
/* 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 #contents > .inner{
  /*max-width: 100% !important;*/
    max-width: calc(100% - 0px);
  }
  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 35px;
  }
  #gnb ul {
    display: none;
  }
  #gnb .btn-menu {
    display: flex;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
	row-gap: 4.4px;
  }
  #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.8rem;
    height: 3.2rem;
    border-radius: 3px;
    padding: 0;
  }
  #contents > *[class*=btn-fold]:hover{
	background-color: #142456;
  }
  #contents > *[class*=btn-fold-left]{
    left: 360px;
	background-color: #142456;
  }
  #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: 901;
    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;
  }
  /*2025-07-01 css 추가*/
  .result-wrap > .list .item-box .flex-box > .cp-info{
    width: 100%;
  }
  .result-wrap > .list .item-box .flex-box > .client{
	width: 100%;
  }
  .result-wrap > .list .item-box .flex-box > .client .flex-box{
    justify-content: flex-start;
  }
  /*2025-07-01 css 추가 끝*/
  .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;
  }
  .card-grid-items.fr-3{
  grid-template-columns: 1fr 1fr 1fr !important;
  }
  .result-wrap > .list .item-box .flex-box .cp-info dl.status *{
  white-space: wrap;
  }
  /*2025-07-24 기업정보상세 추가*/
  .company-info-box{
	display: grid;
	grid-template-columns: 1fr;
	row-gap: 1rem;
  }
  .company-info-box > div:nth-child(2){
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
  /*2025-08-12*/
  #contents.search .search-options > .inner{
	justify-content: start;
	max-width: 100% !important;
  }
 .flex-box.accred-box{
    flex-wrap: wrap;
  }
  /*2025-09-04 main 추가 css*/
.full-page-container .section.firstPageNew{
	padding: 13rem 3.3333rem 6.3333rem 3.3333rem;
	height: 100vh;
  }
 .full-page-container .section.firstPage .big-title-wrap > div:first-child{
	font-size: 1.5rem;
 }
 .full-page-container .section.firstPageNew .big-title-wrap > div:last-child{
	font-size: 2.3rem;
 }
 .full-page-container .section.firstPageNew .info-link-wrap{
	position: absolute;
 }
 .firstPageNew .service-info-box{
	grid-template-columns: 1fr;
	place-items: center;
 }
 /*.firstPageNew .service-info-box li > div{
	width: 450px;
 }*/
 /*20251110 모바일 gnb*/
 .m-mega-menu{
  top: 2%;
  right: 5%;
 }
}
/* 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: center;*/
    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;
  }
  /* 2025-08-18 임시주석
  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 !important;
  }
  /*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 추가 끝*/
  /*2025-07-17 대시보드 css 추가*/
  .card-grid-items.fr-3{
   grid-template-columns: 1fr !important;
  }
  .card-wrap .card-grid-items .card-box > .row>*{
	width: 50%;
  }
/*  #contents.search .search-options > .inner{
	justify-content: center;
  }*/
  /*2025-07-17 대시보드 css 추가 끝*/
  #contents > .inner .search-panel .inner > .flex-box > p{
	display: none;
  }
  /*2025-08-19 2차 검색조건 css*/
 /* #contents.search .options-box > .inner .btn.dropdown-toggle{
	min-width: 160px !important;
  }*/
  #contents.search .search-options > .inner .search-s{
	width: 295px !important;
  }
  .full-page-container .section.firstPageNew .info-link-wrap > div.flex-box{
    width: 80%;
	gap: 1rem;
  }
  .table-wrap.m-overflow-auto{
	overflow: auto !important;
  }
  .cp-choose-box{
    grid-template-columns: 1fr 1fr !important;
  }
  /*251104 협력사 모집공고 반응형 추가*/
  .board-view .notice-tit{
	flex-wrap: wrap;
	row-gap: 0.5rem;
	padding: 1.5rem;
  }
  .board-view .notice-tit > h3{
	font-size: 1.3rem;
  }
  .board-view .notice-txt-box{
	padding: 2rem 1.5rem;
  }
  .board-view div.notice-txt-box > p, 
  .board-view div.notice-txt-box p span,
  .board-view div.notice-txt-box > div span{
	font-size: 1rem !important;
	text-align: left  !important;
	display: revert !important;
	word-break: break-all;
  }
  .board-view .notice-file > a {
	font-size: 0.94rem;
  }
  .board-view .notice-file > a > span.file-lk{
    display: ruby !important;
  }
  /*251104 협력사 모집공고 반응형 추가 끝*/
}
/* 550px 이하 모바일 */
@media (max-width: 550px) {
  #contents{
	padding-left: 20px;
	padding-right: 20px;
  }
  #contents > .inner{
	padding-top: 40px;
	padding-bottom: 40px;
  }
  #contents > .inner > .row{
	row-gap: 1rem !important;
  }
  .card-grid-items {
	 grid-template-columns: 1fr !important;
   }
   .card-wrap .card-box.first-card{
	 height: 120px !important;
   }
  .card-grid-items .card-box{
	height: 140px !important;
  }
  .card-wrap-grid{
	display: flex !important;
  }
  .result-wrap > .list .item-box .flex-box .cp-info dl.cp-info-box{
	display: grid;
	gap: 0.64rem;
	grid-template-columns: 60px 1fr;
  }
  .company-info-box > div:nth-child(2){
    grid-template-columns: 1fr;
  }
  .company-info-box > div:nth-child(2) > ul{
	display: grid !important;
	grid-template-columns: 1fr 1fr;
  }
  .company-info-box > div:nth-child(2) > ul li{
	width: 100%;
  }
  .company-info-box > div:nth-child(2) > ul li > button{
	width: 100% !important;
  }
  .welfare-wrap .service-wrap > div.form-check{
	width: 100% !important;
  }
  .folder-wrap .folder-left{
	width: 100% !important;
  }
  #m1-2-box .inner .checkbox-group > .flex-box.left {
    flex-direction: column; 
    align-items: flex-start;

  }
   #m1-2-box .inner .checkbox-group .flex-box.left select {
     width: 100%; 
   }
   #m1-2-box .inner .checkbox-group > .flex-box.left input,
   #m1-2-box .inner .checkbox-group > .flex-box.left span {
     flex: 1 1 auto;
     display: inline-block;
     width: auto;
   }
   #m1-2-box .inner .checkbox-group > .flex-box.left select + input {
     margin-top: 0.5rem;
   }
   #m1-2-box .inner .checkbox-group > .flex-box.left input.datepicker,
   #m1-2-box .inner .checkbox-group > .flex-box.left span {
     display: inline-flex;
     vertical-align: middle;
   }
   .full-page-container .section.firstPageNew{
	 padding: 7rem 3.3333rem 6.3333rem 3.3333rem;
   }
   
   .firstPageNew .sv-lk-btn-box .flex-box{
	 row-gap: 1rem;
	 gap: 1rem;
   }
   .firstPageNew .sv-lk-btn-box .flex-box li {
     flex: 1 1 33%;
   }
   .service-wrap2 .form-check-input + label.form-check-label {
     font-size: 1rem;
   }
   
   #contents.search .search-options > .inner .dropdown-menu.grid > ul{
	 grid-template-columns: 1fr !important;
   }
   .m-position-relative{
	position: relative !important;
   }
  /*2025-10-16 신청 반응형 css 추가*/
   .m-flex-wrap{
	flex-wrap: wrap !important;
   }
   .m-grid-1fr{
	grid-template-columns: 1fr !important;
   }
   .service-contents .service-wrap2 ul li > .txt-box{
	 width:100%  !important;
   }
   .service-contents .service-wrap2 ul li .txt-box > div{
	 width: 100% !important;
	 font-size: 1rem;
   }
   .service-contents .service-wrap2 ul li .txt-box > div ul li{
	 padding-left: 0 !important;
   }
   .table-wrap.type2 > table > * > tr > * {
	 font-size: 0.85em;
   }
   .my-item-box .box-hd{
	 flex-wrap: wrap;
   }
   .progress-step-box, .rank-txt-box{
	 margin-top: 20px;
   }
   .modal.fade.work .modal-dialog{
	 min-width: 365px;
   }
   .nav-fixed{
	flex-wrap: nowrap;
	overflow-x: scroll;
	justify-content: flex-start !important
   }
   .rank-txt-box ul .big-rank{
	font-size: 1.4rem !important
   }
   /* .rank-txt-box ul.rank-bd-box{
	justify-content: center;
   }
   .rank-txt-box ul.rank-bd-box > li{
     padding: 0.5rem;
     border: 1px solid #dbdbdb;
     border-radius: 12px;
   }*/
   /*20251110 font 사이즈 +,- 버튼 */
   header .util > ul > li.font-size-box{
	display: none;
   }
}
/* 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: 80%;
    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: 1.6rem;
  }
  /*.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: 1rem;/*2025-08-18 수정*/
  }
  .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. 로그인페이지*/
  /*2025-06-10 tab 깨짐 수정*/
  .login-box .checkbox-group.one-group {
    display: grid;
    grid-template-columns: 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;
 }
 /*20251015 css 추가*/
 footer .inner .dropup ul.dropdown-menu{
	width: 100%;
	transform: translate(0px, 175px) !important;
 }
/*05. 회사소개  모바일 padding 추가*/
  .ecredible-intro-wrap:first-of-type {
     padding-top: 70px; 
  }
/*2025-01-22 모바일 css추가 끝*/

.loading-box{
	font-size: 40px !important;
 }
/*2025-07-31 기업검색 추가*/
.result-wrap > .list .item-box .flex-box .cp-info dl.status * {
	white-space: wrap;
	overflow: visible;
	width: 100%; 
 }
/*2025-07-31 기업검색 추가 끝*/
.full-page-container .section.firstPageNew {
    padding: 7rem 1.3333rem 6.3333rem 1.3333rem;
}
.firstPageNew .service-info-box{
	grid-template-columns: 100%;
}
.firstPageNew .service-info-box li{
	width: 100%;
}
.firstPageNew .service-info-box li > div {
    width: 100%;/*2025-10-13*/
	padding: 1.2rem;
 }
 .firstPageNew .cp-info-box{
	font-size: 1rem;
 }
 .firstPageNew .main-search-panel .inner .flex-box .form-control > .submit-list > li > button{
	width: 33ch;
 }
 /*2025-08-12 추가*/
 .board-wrap.faq .item::after{
	right: 0rem;
 }
 #contents.search .search-options{
	padding: 1.3rem !important;
 }
 #contents.search .search-options > .inner div{
	width: 100%;
 }
 #contents.search .search-panel > .inner > .flex-box{
	display: block;
	text-align: center;
 }
 #contents.search .search-options > .inner .dropdown button{
 	width: 100% !important;
 }
 #contents.search .options-box > .inner .btn.dropdown-toggle{
	width: 100%;
 }
 #contents.search .search-panel > .inner > .flex-box > .btn-detail{
	margin: 0 auto;
	padding-top: 15px;
	font-size: 1.1rem;
 }
 #contents.search .search-options > .inner .search-s{
	width: 100% !important;
 }
 #m1-1-box > .inner{
	margin-bottom: 10px;
 }
 #m1-2-box .inner .checkbox-group > div.flex-box{
	flex-flow: column;
	width: 100%;
 }
 #m1-2-box .inner .checkbox-group div.flex-box > .form-select, .form-control{
	width: 100% !important;
 }
 #m1-2-box .inner .checkbox-group > div.flex-box > span{
	line-height: 0;
 }
 /*2025-09-02 pagination 추가*/
 #contents.search .search-options > .inner .form-select{
	width: 100% !important;
 }
 .pagination-wrap .page-link{
	border-radius: 0;
	padding: .155rem .45rem;
 }
 /*2025-09-02 pagination 추가 끝*/
 /*2025-10-13 추가 제출처 css*/
 .btn-wrap.btn-responsive-wrap button{
	width: 100%;
 	height: 75px;
	padding: 0.8em 1em;
 }
 .addIcon::after{
 	content: "▶";
 	display: block;
 	font-size: 1.3rem;
 	transform: rotate(90deg);
 }
 .delIcon::after{
 	content: "◀";
 	display: block;
 	font-size: 1.3rem;
 	transform: rotate(90deg);
 }
 /*2025-10-13 추가 제출처 css 끝*/
 .coach-close-btn{
	display: block;
 }
 #contents > .inner > .row.m-row-gap-none{
	row-gap: 0rem !important;
 }
 .service-report-box.screen img{
	height: auto;
	background-size: cover;
	width: 100%;
 }
}
/*2026.03.19 Safari 전용 타겟 CSS (Safari 11+ 이상 공통) */
@media not all and (min-resolution:.001dpcm) { 
	@supports (-webkit-appearance:none) {
		.tool-tip-layer {
			pointer-events: none !important;
		}
		.tool-tip:hover .tool-tip-layer {
			pointer-events: auto !important;
		}
		.flex-box.input-unit-box input.form-control {
			position: relative !important;
			z-index: 5 !important;
			-webkit-user-select: text !important; 
			cursor: text !important;
		}
		.form-label.tool-tip {
			position: relative !important;
			z-index: 6 !important;
			cursor: pointer !important;
		}
		.flex-box.input-unit-box {
			-webkit-transform: translate3d(0, 0, 0) !important;
		}
		.form-label.tool-tip, 
		.flex-box.input-unit-box input {
			-webkit-tap-highlight-color: rgba(0,0,0,0) !important;
		}
	}
}

   /*2025 10 21 반영 요청 */
/*********************************** 화면 높이 기준 ***********************************/
/* 1600*900 */
/* 1366*768 */
/* 480px 이하 모바일 */
/* 332px 이하 모바일 (가로모드) *//*# sourceMappingURL=media-query.css.map */