@charset "UTF-8";

/*
 *  20260427
 *  홈페이지 리뉴얼 스타일시트 작성
 *  .inner의 padding: 0 24px으로, max-width: 1328px 로 정의 (콘텐츠 1280px + 양옆 패딩 24px)
 */

:root {
  --font-family: "Noto Sans KR", AppleSDGothicNeo-Regular,"Malgun Gothic","맑은 고딕",dotum,"돋움",sans-serif;

  --color-primary-01: #2e8182;
  --color-primary-02: #2a8b8c;
  --color-primary-03: #299899;
  --color-primary-04: #2ca2a3;
  --color-primary-05: #3ab4b5;
  --color-primary-06: #5ac6c7;
  --color-primary-07: #d7f3f4;
  --color-primary-08: #f2f7f7;

  --color-secondary-01: #5476b5;
  --color-secondary-02: #5b7dbd;
  --color-secondary-03: #6288d1;
  --color-secondary-04: #6a94e3;
  --color-secondary-05: #7da5f0;
  --color-secondary-06: #99b8f2;
  --color-secondary-07: #bbd8fa;
  --color-secondary-08: #e6f1ff;

  --color-black: #111;
  --color-gray-01: #525252;
  --color-gray-02: #767676;
  --color-gray-03: #8a8a8a;
  --color-gray-04: #949494;
  --color-gray-05: #a3a3a3;
  --color-gray-06: #d2d2d2;
  --color-gray-07: #f7f7f7;
  --color-white: #fff;

  --color-danger: #d6401f;
  --color-notice: #f58814;
  --color-success: #239033;
  --color-link: #4f73b3;
  --color-visited-link: #8179a7;
  --color-brown: #a2650f;
  --color-border: #d2d2d2;
  --color-disablec: #d2d2d2;

  --box-shadow: 0 0 6px rgba(17, 17, 17, .16);
  --bg-dim: rgba(17, 17, 17, .6);
  --bg-dim-02: rgba(17, 17, 17, .2);
}

/* common */
*, *::before, *::after {box-sizing: border-box;}
html,body {height: 100%;font-size: 16px;}
body {font-size: 1rem;font-weight: 400;font-family: var(--font-family);letter-spacing: -.03em;color: var(--color-black);word-break: keep-all;font-variant-numeric: tabular-nums;line-height: 1.5;}
section {position: relative;}
img {display: block;width: 100%;}
a {text-decoration: none;color: var(--color-black);}
button {background-color: transparent;padding: 0;border: 0;cursor: pointer;font-size: 1rem;text-align: center;}
a, button {touch-action: manipulation;}
strong, em {font-weight: 700;}
b {font-weight: 600;}

input, button, select, textarea {line-height: inherit;outline: 0;font-size: 1rem;border-radius: 0;border: 0;font-family: var(--font-family);background: var(--color-white);color: var(--color-black);}
input::placeholder,
textarea::placeholder {color: var(--color-gray-03);}
:focus-visible {outline: 3px solid #c1e0ff;}

.clearfix::after {display: block;content: "";clear: both;}
.sr-only {position: absolute;width: 1px;height: 1px;margin: -1px;overflow: hidden;clip-path: polygon(0 0, 0 0, 0 0); /* 요소를 잘라내서 숨김 */white-space: nowrap;}
.inner {position: relative;max-width: 83rem;margin: 0 auto;padding: 0 1.5rem;}
.separate {position: relative;}
.separate::before {content: "";display: inline-block;width: 1px;height: .625rem;background-color: var(--color-border);margin: 0 .5rem;}
.link {color: var(--color-link);}
.link:hover {color: var(--color-secondary-05);}
.link:active {color: var(--color-secondary-02);}
.link:focus {color: var(--color-visited-link);}
.txt-underline {text-decoration: underline;text-underline-offset: .125rem;}
.show-tablet,
.show-mobile,
.hide-pc,
.hide {display: none !important;}
.row {display: flex;}

a[href^="fax:"]:hover {text-decoration: underline;}
@media (hover: hover) and (pointer: fine) {
  a[href^="fax:"] {pointer-events: none;cursor: default;text-decoration: none;}
}

/* Skip */
#skip{position: relative;z-index: 3000;}
#skip a {position: absolute;top: -100%;left: -100%;padding: .625rem 1.25rem;background-color: var(--color-black);border: 1px solid var(--color-white);border-radius: .375rem;color: var(--color-white);}
#skip a:focus,
#skip a:active {top: 0;left: 0;}

/* body 스크롤 방지 */
.stop-scrolling {position: fixed;width: 100%;height: 100%;overflow: hidden;touch-action: none;-webkit-overflow-scrolling: none;}

@media all and (max-width: 1328px) {
  .inner {width: 100%;}
}

@media all and (max-width: 1280px) {
  .hide-tablet {display: none !important;}
  .show-tablet {display: block !important;}
}

@media all and (max-width: 768px) {
  .inner {padding: 0 1.25rem;}
  .hide-mobile {display: none !important;}
  .show-mobile {display: block !important;}
}

@media all and (max-width: 360px) {
  .hide-less {display: none !important;}
}

/* icon */
.feather,
.icon {display: inline-block;stroke: var(--color-gray-01);width: 1rem;height: 1rem;}
.icon-play,
.icon-pause {width: .4375rem;height: .5625rem;background: no-repeat center;}
.icon-play {margin-left: .125rem;background-image: url("../images/main/icon_play.svg");}
.icon-pause {background-image: url("../images/main/icon_pause.svg");}

/* color */
.c-white {color: var(--color-white);}
.c-gray-01 {color: var(--color-gray-01);}
.c-gray-02 {color: var(--color-gray-02);}
.c-primary-03{color: var(--color-primary-03);}
.c-link {color: var(--color-link);}
.c-success {color: var(--color-success);}
.c-brown {color: var(--color-brown);}

.bg-gray {background-color: var(--color-gray-07);}
.bg-white{background-color: var(--color-white);}

/* btn */
.btns {display: flex;gap: 1.25rem;}
.btn {display: flex;align-items: center;justify-content: center;min-width: 7.5rem;height: 3.25rem;border-radius: .25rem;font-size: 1.125rem;font-weight: 600;transition: all .3s;}
.btn-primary {background-color: var(--color-primary-04);color: var(--color-white);}
.btn-primary:hover {background-color: var(--color-primary-06);}
.btn-primary:active {background-color: var(--color-primary-02);}
.btn-primary:focus {background-color: var(--color-primary-05);}
.btn-primary:disabled {background-color: var(--color-disabled);}
.btn-secondary {background-color: var(--color-white);border: 1px solid var(--color-border);color: var(--color-primary-01);}
.btn-secondary:hover {color: var(--color-primary-05);}
.btn-secondary:active {background-color: var(--color-primary-08);color: var(--color-primary-03);}
.btn-secondary:focus {color: var(--color-primary-05);}
.btn-secondary:disabled {background-color: var(--color-gray-07);color: var(--color-disabled);}

.btn-s {height: 4.8125rem;min-width: 2.25rem;font-size: 1rem;}
.btn-s-primary {background-color: var(--color-gray-01);color: var(--color-white);}
.btn-s-primary:hover {background-color: var(--color-gray-04);}
.btn-s-primary:active {background-color: var(--color-gray-02);}
.btn-s-primary:disabled {background-color: var(--color-disabled);}
.btn-s-secondary {background-color: var(--color-white);border: 1px solid var(--color-border);color: var(--color-gray-01);}
.btn-s-secondary:hover {background-color: var(--color-white);color: var(--color-gray-04);}
.btn-s-secondary:active {background-color: var(--color-gray-07);color: var(--color-gray-02);}
.btn-s-secondary:disabled {background-color: var(--color-gray-07);color: var(--color-disabled);}

.btn-full {width: 100%;}
.btn-txt {max-width: fit-content !important;min-width: 0;height: auto;font-size: 1rem;color: var(--color-gray-01);font-weight: 600;}
.btn-txt:hover > span,
.btn-txt:active > span {text-decoration: underline;}
.btn-txt:active {color: var(--color-black);}
.btn-txt:disabled {color: var(--color-border);}
.btn-more:has(.icon) .icon {width: 1.5rem;height: 1.5rem;}
.close-btn {position: relative;width: 32px;height: 32px;background: none;padding: 0;}
.close-btn .icon{width: 100%;height: 100%;}

/* tab */
.tab {max-width: fit-content;height: 3.75rem;padding: .5rem .75rem;background-color: var(--color-white);border-radius: 999px;box-shadow: var(--box-shadow);}
.tab-list {display: flex;gap: .75rem;}
.tab-item {width: 10rem;height: 2.75rem;}
.tab-item [role="tab"] {display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;border-radius: 999px;font-size: 1.125rem;font-weight: 400;color: var(--color-gray-02);}
.tab-item [role="tab"]:hover {background-color: var(--color-gray-07);font-weight: 600;}
.tab-item [role="tab"]:active {background-color: var(--color-border);font-weight: 600;} 
.tab-item.active [role="tab"] {background-color: var(--color-gray-01);color: var(--color-white);font-weight: 600}

/* card */
.card-list {display: flex;gap: 1.25rem;}
.card {display: flex;flex-direction: column;flex: 1;border: 1px solid var(--color-border);border-radius: .5rem;padding: 1.5rem;}
.card .label + .title {margin-top: .25rem;}
.card .title + .txt {margin-top: .875rem;} 
.card .title + .subtitle {margin-top: 0;}
.card .img-wrap {width: 100%;height: 12.5rem;min-height: 12.5rem;margin-bottom: 1.25rem;background-color: var(--color-primary-07);border-radius: .5rem;overflow: hidden;}
.card .img-wrap img {height: 100%;object-fit: cover;}
.card-header {margin-bottom: 14px;}
.card-header .label + .heading {margin-top: 8px;}
.card-header .label .numbering{margin-right: .25rem;}
.card-content {display: flex;flex-direction: column;flex: auto;}
.card-content .card-footer {flex: auto;align-content: flex-end;}
.card-footer {margin-top: 1.75rem;}


/* dropdown */
.dropdown {position: relative;height: 3.75rem;}
.dropdown-label {width: 100%;height: 100%;padding: 0 2rem;border-radius: 999px;background: var(--color-white) url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 7.5L10 12.5L15 7.5' stroke='%232A8B8C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat;background-position: right 2rem center;background-size: 1.25rem 1.25rem;text-align: left;font-size: .875rem;font-weight: 400;color: var(--color-gray-02);box-shadow: var(--box-shadow);}
.dropdown-label[aria-expanded="true"] {background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 12.5L10 7.5L15 12.5' stroke='%232A8B8C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");}
.dropdown-options {position: absolute;top: 100%;left: 0;visibility: hidden;width: 100%;padding: .5rem .75rem;margin-top: .5rem;border-radius: 1.5rem;background: var(--color-white);box-shadow: var(--box-shadow);opacity: 0;z-index: 10;transition: opacity .3s, visibility .3s;}
.dropdown-options.open {visibility: visible;opacity: 1;}
.dropdown-options li + li{margin-top: .5rem;}
.dropdown-options .dropdown-btn {display: flex;align-items: center;justify-content: center;width: 100%;height: 44px;border-radius: 999px;font-size: .875rem;font-weight: 400;color: var(--color-gray-02);}
.dropdown-options .dropdown-btn.active,
.dropdown-options .dropdown-btn:focus {color: var(--color-primary-02);font-weight: 600;}
.dropdown-options .dropdown-btn:hover {background-color: var(--color-gray-07);color: var(--color-gray-03);font-weight: 600;}
.dropdown-options .dropdown-btn:active {background-color: var(--color-primary-07);color: var(--color-primary-04);}
/* line-list */ 
.line-list li {position: relative;display: flex;align-items: center;gap: 3rem;padding: 1.5rem;}
.line-list li + li {border-top: 1px solid var(--color-border);}
.line-list li .heading {margin-bottom: .25rem}

/* list */
.list li {position: relative;padding-left: 1.4em;}
.list li + li {margin-top: 8px;}
.list li::before {content: "";position: absolute;}
/* list-disc */
.list-disc li::before {left: .6em;top: .7em;width: .2em;height: .2em;background-color: var(--color-gray-01);border-radius: 50%;}

/* typography */
.heading-01 {font-size: 2.75rem;font-weight: 900;line-height: 1.3;}
.heading-02 {font-size: 2rem;font-weight: 700;line-height: 1.3;}
.heading-03 {font-size: 1.75rem;font-weight: 700;line-height: 1.4;}
.heading-04 {font-size: 1.5rem;font-weight: 500;}
.txt-bold-01 {font-size: 1.125rem;font-weight: 600;}
.txt-bold-02 {font-size: 1rem;font-weight: 600;}
.txt-01 {font-size: 1.125rem;}
.txt-02 {font-size: 1rem;}
.txt-caption {font-size: .8125rem;}
.txt-gradient {width: fit-content;background-image: linear-gradient(to left, #3AB4B5, #2CA2A3, #6288D1, #5476B5);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;color: transparent;-webkit-box-decoration-break: clone;box-decoration-break: clone;}

/* badges */
.badges {display: flex;gap: .5rem;}
.badge {padding: .2031rem 1rem;font-size: .8125rem;border-radius: 9999px;}
.badge-secondary-01 {background-color: var(--color-secondary-01);color: var(--color-white)}

/* tab */
.tab-item {width: 9.25rem;}
.tab-item button {font-size: 1rem;}

/* modal */
.modal-container {position: fixed;top: 0;right: 0;bottom: 0;left: 0;width: calc(100% - 3rem);max-width: 80rem;max-height: 90vh;padding: 0;margin: auto;;border: none;border-radius: 1rem;background-color: var(--color-white);overflow: hidden;}
.modal-container::backdrop {background-color: rgba(17, 17, 17, .6);}
.modal {position: relative;min-height: 60vh;max-height: 90vh;padding:  2rem 1.5rem;overflow: hidden;}
.modal-heading {position: relative;}
.modal .close-btn {position: absolute;top: 2rem;right: 1.5rem;z-index: 9999;}
html:has(dialog[open]) {overflow: hidden;}

/* swiper */
.swiper-container {position: relative;width: 100%;height: 100%;margin: 0 auto;overflow: hidden;}
.swiper-wrapper {position: relative;display: flex;width: 100%;height: 100%;}
.swiper-slide {position: relative;}
@media all and (max-width: 1280px) {
  /* btn */
  .btn {font-size: 1rem;}
  .btn-s {min-width: 4.625rem;}
  .btn-txt {font-size: .875rem;}

  /* tab */
  .tab-item {width: 9.25rem;}
  .tab-item button {font-size: 1rem;}

  /* card */
  .card-list .card {gap: 1.875rem 1.375rem;}
  .card-list .card .img-wrap {flex: 1;width: auto;max-width: 22.8125rem;margin-bottom: 0;aspect-ratio: unset;}
  .card-list .card .card-header {margin-bottom: .5rem;}
  .card-header .label + .heading {margin-top: .5rem;}
  .card-content .card-footer {flex: 0;margin-top: 1.75rem;}
  .card .title + .txt {margin-top: .5rem;}
  /* line-list */
  .line-list li {gap: 40px;align-items: center;padding: 17px 22px;}
  .line-list li .heading {margin-bottom: 4px;}
  .line-list li .line-list-content {flex: 1;}
  .line-list li .btn-more {position: static;margin-top: 20px;transform: none;}
  
  /* typography */
  .heading-01 {font-size: 2.25rem;}
  .heading-02 {font-size: 1.75rem;}
  .heading-03 {font-size: 1.5rem;}
  .heading-04 {font-size: 1.25rem;}
  .txt-bold-01 {font-size: 1rem;}
  .txt-bold-02 {font-size: .875rem;}
  .txt-01 {font-size: 1rem;}
  .txt-02 {font-size: .875rem;}
  .caption {font-size: .75rem;}

  /* modal */
  .modal .close-btn {top: 1.875rem;right: 1.375rem;}
}

@media all and (max-width: 768px) {
  /* btns */
  .btn {font-size: .9375rem;}
  .btn-txt {font-size: .8125rem;}

  /* typography */
  .heading-01 {font-size: 2rem;}
  .heading-02 {font-size: 1.4375rem;}
  .heading-03 {font-size: 1.375rem;}
  .heading-04 {font-size: 1.125rem;}
  .txt-bold-01 {font-size: .9375rem;}
  .txt-bold-02  {font-size: .8125rem;}
  .txt-01 {font-size: .9375rem;}
  .txt-02 {font-size: .8125rem;}
  /* list */
  .list li + li {margin-top: .5rem;}
  
  /* dropdown */
  .dropdown {height: 2.75rem;font-size: .9375rem;}
  .dropdown-label {padding: .75rem 2rem;}
  .dropdown-options li button {font-size: .9375rem;}
  
  /* card-list */
  .card-list .card {gap: 20px 0;}
  .card-list .card .img-wrap {max-width: none;min-height: 0;}

  /* line-list */
  .line-list li {flex-direction: column;align-items: normal;gap: 24px;padding: 1.25rem 0;}

  /* modal */
  .modal .close-btn {width: 1.5rem;height: 1.5rem;top: 1.75rem;right: 1.25rem;}
  .modal .close-btn:focus {outline: none;}
  .modal .close-btn .close-icon::before,
  .modal .close-btn .close-icon::after {width: 1.125rem;}
}

@media all and (max-width: 360px) {
  .txt-caption {font-size: .6875rem;}
}

/* bg-mindall */
.bg-mindall {padding: 0 !important;background: linear-gradient(300deg, #3AB4B5, #2CA2A3, #6288D1, #5476B5);color: var(--color-white);}
.bg-mindall-inner {background-image: url("../images/main/icon_bg_contact.png");background-repeat: no-repeat;background-position: right calc(50% - 30rem) bottom;}

/* 페이지 공통 */
/* top-banner */
.section-top-header {position: relative;display: flex;justify-content: center;align-items: center;height: 17.5rem;background: no-repeat center / cover;text-align: center;}
.section-top-header picture {position: absolute;top: 0;left: 0;display: block;width: 100%;height: 100%;}
.section-top-header img {display: block;width: 100%;height: 100%;object-fit: cover;}
.section-header .label {margin-bottom: .5rem;}
.section-top-header .heading-01 + p {margin-top: 1.125rem;}
/* sub-nav */
.sub-nav{position: sticky;top: 4rem;width: 100%;height: 4.3125rem;background: var(--color-white);box-shadow: rgba(17, 17, 17, .16) 0 0 6px;z-index: 90;}
.sub-nav .inner {height: 100%,}
.sub-nav .nav-list {display: flex;gap: 0 2rem;height: 100%;}
.sub-nav .nav-list li {height: 100%;}
.sub-nav .nav-list li a {display: block;height: 100%;padding: 1.5rem 1rem 1rem;color: var(--color-gray-02);font-size: 1.125rem;}
.sub-nav .nav-list li.active a {border-bottom: 2px solid var(--color-black);color: var(--color-black);font-weight: 600;}
/* contents */
.contents {padding: 5.5rem 0 5.5rem;}
.contents > .section{padding: 56px 0;}
.contents > .section.bg-gray + .section-group .section:first-child {padding-top: 3.5rem;}
.contents .section-group .section {padding: 88px 0 0;}
.contents > .section:first-child,
.contents .section-group:first-child .section:first-child {padding-top: 0;}
.contents .section-group .section:last-child {padding-bottom: 3rem;}
.contents > .section:last-child,
.contents .section-group:last-child .section:last-child {padding-bottom: 0;}
.contents .section-header {margin-bottom: 1.75rem;}
.contents .section-header .title + .txt {margin-top: .75rem;letter-spacing: -.05em;}
.contents .section-intro + .section {padding-top: 4rem;}
.contents .section-intro + .section.bg-gray {padding-top: 56px;}

.contents .section-request {padding: 3.5rem 0 !important;}
/* content */
.content-row {display: flex;gap: 1.25rem;}
.section-intro .content-row{align-items: center;justify-content: space-between;gap: 1.5rem;}

@media all and (max-width: 1405px){
  .bg-mindall-inner {background-position: right 1.5rem bottom;}
}

@media all and (max-width: 1280px) {
  .bg-mindall-inner {background-size: 323px;}
  .section-top-header {height: 13.75rem;}
  .section-top-header .heading-01 + p {margin-top: 1.25rem;}
  /* sub-nav */
  .sub-nav {top: 3.75rem;height: 3.75rem;}
  .sub-nav .nav-list {gap: 1.5rem;}
  .sub-nav .nav-list li a {font-size: 1rem;padding: 1.0625rem 1rem;}
  .contents {padding: 4rem 0;}
  .contents > .section {padding: 4rem 0;}
  .contents > .section.bg-gray {padding: 48px 0;}
  .contents .section-group .section,
  .contents > .section.bg-gray + .section-group .section:first-child {padding-top: 64px;}
  .contents .section-group .section:last-child {padding-bottom: 2.5rem;}
  .contents > .section:first-child,
  .contents .section-group:first-child .section:first-child {padding-top: 0;}
  .contents .section-header {margin-bottom: 1.75rem;}
  .contents .section-intro + .section {padding-top: 3.5rem;}
  .contents .section-request {padding: 3rem 0 !important;}

}
@media all and (max-width: 768px) {
  .bg-mindall-inner {background-size: 15.9375rem;background-position: right 1.25rem bottom;}
  .section-top-header {height: 12.5rem;}
  .sub-nav {top: 3.5rem;height: 3.25rem;}
  .sub-nav .inner{padding: 0;}
  .sub-nav .nav-list {gap: 1rem;padding: 0 1.25rem;white-space: nowrap;overflow-x: auto;;}
  .sub-nav .nav-list li a {padding: .9531rem .5rem;font-size: .8125rem;}
  .contents {padding: 56px 0;}
  .contents > .section {padding: 36px 0;}
  .contents > .section-group + .section.bg-gray,
  .contents > .section + .section.bg-gray {padding: 36px 0;}
  .contents .section-request {padding: 3rem 0 3.5rem;}
  .contents .section-group .section {padding-top: 56px;} 
  .contents > .section.bg-gray + .section-group .section:first-child {padding-top: 36px;}
  .contents .section-group .section:last-child {padding-bottom: 36px;}
  .contents .section-header {margin-bottom: 1.5rem;}
  .contents .section-request {padding: 2.25rem 0!important;}
}
/* 메인 페이지 */
.main-page-contents {padding-bottom: 0;}
.main-page-contents .section-header .heading {padding-bottom: 10px;}
/* visual-swiper */
.visual-swiper {height: 22.5rem;}
.visual-swiper .swiper-slide {position: relative;flex-shrink: 0;width: 100%;height :100%;background-size: 100% 100%;background-position: center bottom;}
.visual-swiper .swiper-slide:after {content: none;}
.visual-swiper .swiper-slide-01 {background-image: linear-gradient(rgba(255, 255, 255, .02), rgba(35, 84, 147, .02)), url("../images/main/bg_visual_01.png");}
.visual-swiper .swiper-slide-02 {background-image: linear-gradient(rgba(255, 255, 255, .02), rgba(35, 84, 147, .02)), url("../images/main/bg_visual_02.png");}
.visual-swiper .swiper-slide-03 {background-image: linear-gradient(rgba(255, 255, 255, .02), rgba(35, 84, 147, .02)), url("../images/main/bg_visual_03.png");}
.visual-swiper .swiper-slide-04 {background-image: linear-gradient(rgba(255, 255, 255, .02), rgba(35, 84, 147, .02)), url("../images/main/bg_visual_04.png");}
.visual-swiper .swiper-slide > .inner {display: flex;justify-content: space-between;height: 100%;padding: 0 8.25rem;gap: 2.5rem;}
.visual-swiper .swiper-slide .visual-content {padding-bottom: 152px;align-content: flex-end;}
.visual-swiper .swiper-slide .visual-content .heading {margin-bottom: 14px;}
.visual-swiper .swiper-slide .visual-img {align-content: center;}
.visual-swiper .swiper-slide-01 .visual-img {/*width: 24.436%;*/max-width: 16.25rem;min-width: 13.25rem;align-content: flex-end;}
.visual-swiper .swiper-slide-02 .visual-img {/*width: 26%;*/max-width: 19.875rem;min-width: 16.125rem;}
.visual-swiper .swiper-slide-03 .visual-img {/*width: 30%;*/max-width: 19.9375rem;min-width: 15.4375rem;}
.visual-swiper .swiper-slide-04 .visual-img {/*width: 30%;*/max-width: 19.9375rem;min-width: 16.125rem;margin-top: 3.75rem;}
.visual-swiper .swiper-slide .visual-btns {position: absolute;bottom: 4rem;left: 8.25rem;}
.visual-swiper .swiper-slide .visual-btns .btn {min-width: 12.375rem;}
.visual-swiper .swiper-button-prev,
.visual-swiper .swiper-button-next {position: absolute;top: 50%;width: 3.25rem;height: 3.25rem;margin: 0;transform: translateY(-50%);background: var(--bg-dim-02);border-radius: 50%;text-indent: -9999px;transition: background-color .3s;}
.visual-swiper .swiper-button-prev:not(.swiper-button-disabled):hover,
.visual-swiper .swiper-button-next:not(.swiper-button-disabled):hover {background-color: rgba(17, 17, 17, .3);}
.visual-swiper .swiper-button-prev {left: calc(50% - 40rem);}
.visual-swiper .swiper-button-next {right: calc(50% - 40rem);}
.visual-swiper .swiper-button-prev .icon,
.visual-swiper .swiper-button-next .icon {width: 2.25rem;height: 2.25rem;stroke: var(--color-white);}
.visual-swiper .swiper-button-prev.swiper-button-disabled,
.visual-swiper .swiper-button-next.swiper-button-disabled {opacity: .35;cursor: auto;pointer-events: none;}
.visual-swiper .swiper-pagination {position: absolute;bottom: 1.5rem;left: calc(50% - 31rem);display: flex;gap: .75rem;padding: .25rem 0;}
.visual-swiper .swiper-pagination-bullet {width: .5rem;height: .5rem;margin: 0 !important;background-color: var(--color-gray-06);border-radius: 50%;cursor: pointer;opacity: 1;}
.visual-swiper .swiper-pagination-bullet-active {animation: none;background-color: var(--color-secondary-02);}
.visual-swiper .play-pause-btn {position: absolute;bottom: 1.5rem;left: calc(50% - 33.25rem);display: flex;align-items: center;justify-content: center;width: 1rem;height: 1rem;background-color: var(--color-secondary-02);border-radius: .125rem;z-index: 1;}
/* 주요 사업 분야 */
.section-business .card {padding: 1.5rem;}
.section-business .card .img-wrap {border: 1px solid var(--color-border);}
/* 솔루션 */
.section-solution .section-header {margin-bottom: 1.5rem;}
.section-solution .line-list .icon-wrap {width: 4rem;height: 4rem;}
.section-solution .line-list .btn-more {position: absolute;top: 50%;right: 0;transform: translateY(-50%);}
/* 포트폴리오 */
.section-portfolio .portfolio-categories {margin: 32px 0px;}
.section-portfolio .portfolio-list {display: grid;grid-template-columns: repeat(3, 1fr);gap: 1.5rem 1.25rem;min-height: 5.625rem;}
.section-portfolio .portfolio-list li {text-align: center;}
.section-portfolio .portfolio-list .img-wrap {padding: 1.6875rem;margin-bottom: 18px;border: 1px solid var(--color-border);border-radius: .5rem;background-color: var(--color-white);}
.section-portfolio .portfolio-list img {max-width: 22.5rem;margin: 0 auto;aspect-ratio: 1;}
.section-portfolio .portfolio-list .subtitle {min-height: 48px;/* padding: .25rem 0; *//* margin: -.25rem 0; */overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;white-space: pre-line;}
.section-portfolio .btn-link {margin-top: 2rem;}
/* 주요 고객사 */
.section-clients .logos {display: grid;grid-template-columns: repeat(5, 1fr);gap: 1.25rem;}
.section-clients .logo {display: flex;align-items: center;justify-content: center;height: 5rem;padding: 10px;border: 1px solid var(--color-border);border-radius: .25rem;}
.section-clients .logo img {width: auto;height: auto;}
/* 견적 문의 */
.section-request .section-header {margin-bottom: 2rem;}
.section-request .section-header .heading {padding-bottom: 8px;}
.section-request .section-header .title {padding-bottom: 18px;}
.section-request .section-body .heading {margin-bottom: 2px;}
.section-request .section-body .btn {flex: 1;justify-content: flex-start;gap: 2rem;height: 7.125rem;padding: 0 6.6875rem;background-color: rgba(255, 255, 255, .04);border: 1px solid var(--color-white);border-radius: .5rem;color: var(--color-white);}
.section-request .section-body .btn:hover,
.section-request .section-body .btn:active {background-color: rgba(255, 255, 255, .3);}
.section-request .section-body .btn .icon {width: 3rem;height: 3rem;stroke: var(--color-white);}
.section-request .section-body .btn:hover .txt,
.section-request .section-body .btn:active .txt {text-decoration: underline;}
@media all and (max-width: 1328px) {
  /* 메인 페이지 */
  /* visual-swiper */
  .visual-swiper .play-pause-btn {left: 8.25rem;}
  .visual-swiper .swiper-button-prev {left: 1.5rem;}
  .visual-swiper .swiper-button-next {right: 1.5rem;}
  .visual-swiper .swiper-pagination {left: 164px;}
  /* 견적 문의 */
  .contact-contents .section-request{background-position: right 24px bottom;}
}
@media all and (max-width: 1280px) {
  .main-page-contents .section-header {margin-bottom: 24px;}
  .main-page-contents .section-header .heading {padding-bottom: 8px;}
  /* visual-swiper */
  .visual-swiper {height: 26.25rem;}
  .visual-swiper .swiper-slide {align-content: flex-start;}
  .visual-swiper .swiper-slide > .inner {padding: 0 1.5rem;}
  .visual-swiper .swiper-slide .visual-content{align-content: flex-start;padding-bottom: 0;margin-top: 64px;}
  .visual-swiper .swiper-slide .visual-content .heading{margin-bottom: 16px;}
  .visual-swiper .swiper-slide .visual-img {align-content: flex-start;margin-top: 3.6375rem;}
  .visual-swiper .swiper-slide-01 .visual-img {align-content: flex-start;}
  .visual-swiper .swiper-slide .visual-btns {left: 1.5rem;bottom: 5.25rem;}
  .visual-swiper .swiper-slide .visual-btns .btn{min-width: 10.25rem;}
  .visual-swiper .swiper-button-prev,
  .visual-swiper .swiper-button-next {display: none;}
  .visual-swiper .play-pause-btn {left: 1.5rem;bottom: 2rem;}
  .visual-swiper .swiper-pagination {left: 1.5rem;margin-left: 2rem;bottom: 2rem;}
  /* 솔루션 */
  .section-solution .line-list .icon-wrap {width: 3rem;height: 3rem;}
  .section-solution .line-list li .btn-more {position: static;margin-top: 1.75rem;transform: none;}
  /* 주요 사업 분야 */
  .section-business .card-list{flex-direction: column;}
  .section-business .card-list .card {flex-direction: row;padding: 1.375rem;}
  .section-business .card-content {flex: 1;}
  /* 포트폴리오 */
  .section-portfolio .section-header {display: block;}
  .section-portfolio .portfolio-categories {max-width: fit-content;margin: 1.75rem 0;}
  .section-portfolio .portfolio-list{grid-template-columns: repeat(2, 1fr);gap: 1.75rem 1.25rem;}
  .section-portfolio .portfolio-list .subtitle {min-height: 38px;}
  .section-portfolio .portfolio-list .img-wrap {margin-bottom: 1.25rem;}
  .section-portfolio .portfolio-list .title,
  .section-portfolio .portfolio-list .feather {margin-bottom: 4px;}
  .section-portfolio .btn-link {margin-top: 1.75rem;}
  /* 주요 고객사 */
  .contents > .section-clients {padding: 48px 0;}
  .section-clients .logos {grid-template-columns: repeat(3, 1fr);}
  /* 견적 문의 */
  .contact-contents {padding: 0;}
  .contact-contents .section-request {padding: 3rem 0;background-size: 323px;}
  .section-request .section-header {margin-bottom: 28px;}
  .section-request .section-header .title {padding-bottom: 16px;}
  .section-request .section-header .subtitle {padding-bottom: 0;}
  .section-request .section-body .btn {padding: 0 2rem;height: 112px;}
}
@media all and (max-width: 768px) {
  .main-page-contents .section-header {margin-bottom: 20px;}
  /* visual-swiper */
  .visual-swiper {height: 36.25rem;}
  .visual-swiper .swiper-slide > .inner {flex-direction: column;gap: 0;padding: 0 1.25rem;}
  .visual-swiper .swiper-slide .visual-content {align-content: flex-end;flex: 0 0 auto;order: 1;height: auto;margin-top: 0;padding-bottom: 10.5rem;}
  .visual-swiper .swiper-slide .visual-img {flex-grow: 1;flex-shrink: 1;align-content: flex-end;height: auto;margin-left: auto;margin-bottom: 2rem;overflow: hidden;}
  .visual-swiper .swiper-slide-01 .visual-img {width: 42.81%;max-width: 15rem;min-width: 8.625rem;margin-top: 20px;margin-bottom: 0;align-content: flex-end;}
  .visual-swiper .swiper-slide-02 .visual-img {width: 44%;max-width: 17.875rem;min-width: 11.125rem;margin-top: 0;}
  .visual-swiper .swiper-slide-03 .visual-img {width: 50%;max-width: 18.375rem;min-width: 10.375rem;margin-top: 0;}
  .visual-swiper .swiper-slide-04 .visual-img {width: 43%;max-width: 18rem;min-width: 10.625rem;margin-top: 0;}
  .visual-swiper .swiper-slide .visual-btns{left: 0;width: calc(100% - 2.5rem);margin: 0 1.25rem;}
  .visual-swiper .swiper-slide .visual-btns .btn {min-width: 0;flex: 1;max-width: none;}
  .visual-swiper .play-pause-btn {bottom: 2.25rem;}
  .visual-swiper .swiper-pagination {bottom: 2.25rem;}
  /* 솔루션 */
  .section-solution .line-list .icon-wrap {width: 2.5rem;height: 2.5rem;}
  /* 주요 사업 분야 */
  .section-business .section-header p {word-break: break-all;}
  .section-business .card-list .card{flex-direction: column;padding: 1.25rem;}
  /* 포트폴리오 */
  .section-portfolio .portfolio-categories {max-width: none;margin: 32px 0 1.5rem;}
  .section-portfolio .portfolio-list {display: block;}
  .section-portfolio .portfolio-list li + li {margin-top: 1.75rem;}
  .section-portfolio .portfolio-list .title,
  .section-portfolio .portfolio-list .feather {margin-bottom: 4px;}
  /* 주요 고객사 */
  .section-clients .logos {grid-template-columns: repeat(2, 1fr);}
  .section-clients .logo img {width: 100%;height: 100%;}
  /* 견적 문의 */
  .contact-contents .section-request {padding: 2.5rem 0;background-size: 255px;background-position: right 20px bottom;}
  .section-request .section-header .title {padding-bottom: 12px;}
  .section-request .section-body .btns {flex-direction: column;}
  .section-request .section-body .btn {padding: 2rem 1.25rem;}
}
@media all and (max-width: 360px) {
  /* visual-swiper */
  .visual-swiper .swiper-slide-02 .visual-img {width: 40%;}
}


/* 회사 소개 페이지 */
.intro-page .section-heading {padding-bottom: 0;}
.intro-page .section-intro .section-header {margin-bottom: 0;}
.intro-page .section-intro .title {display: block;margin-bottom: 24px;}
.intro-page .section-intro p + p {margin-top: 1rem;}
.intro-page .section-intro .content .img-wrap {margin-left: auto;}
.intro-page .section-intro img {width: auto;}
.intro-page .section-intro .content {align-items: flex-start;padding-bottom: 8.5625rem;gap: 3rem 1.25rem;}
.intro-page .section-intro .bg-mindall {position: absolute;left: 1.5rem;bottom: 0;width: 100%;max-width: 847px;border-radius: .5rem;}
.intro-page .section-intro .bg-mindall-inner{padding: 40px 3rem;background-size: 17.125rem;background-position: right 5.625rem bottom;}
.intro-page .section-intro .bg-mindall .title {display: block;margin: 0;margin-bottom: 4px;}
.intro-page .section-intro .bg-mindall .subtitle {display: block;margin-bottom: 22px;}
.intro-page .section-value .row {gap: 20px;}
.intro-page .section-value .col {flex: 1;padding: 2rem 1.5rem;border-radius: .5rem;}
.intro-page .section-value .col img {width: 64px;margin-bottom: 24px;}
.intro-page .section-value .col .title {margin-bottom: 14px;}
.intro-page .section-patent .section-body {display: grid;grid-template-columns: repeat(4, 1fr);gap: 1.25rem;text-align: center;}
.intro-page .section-patent .section-body img {box-shadow: var(--box-shadow);}
.intro-page .section-patent .section-body p {margin-top: 16px;}
.intro-page .section-cert .section-body {display: grid;grid-template-columns: repeat(5, 1fr);gap: 2rem 1.25rem;text-align: center;}
.intro-page .section-cert .section-body img {box-shadow: var(--box-shadow);}
.intro-page .section-cert .section-body .txt-caption {margin: 16px 0 8px;}

@media all and (max-width: 1280px) {
  .intro-page .section-intro .heading {margin-bottom: 24px;}
  .intro-page .section-intro p + p {margin-top: 14px;}
  .intro-page .section-intro .content {flex-direction: column;gap: 2rem;padding-bottom: 9.75rem;}
  .intro-page .section-intro .content .img-wrap {justify-items: flex-end;width: 100%;margin-left: 0;}
  .intro-page .section-intro .content img{width: 100%;max-width: 73%;}
  .intro-page .section-intro .bg-mindall {width: calc(100% - 3rem);max-width: 82%;}
  .intro-page .section-intro .bg-mindall-inner {padding: 40px 48px;background-size: 16.0625rem;background-position: right 2.375rem bottom;}
  .intro-page .section-intro .bg-mindall .heading {margin-bottom: 10px;}
  .intro-page .section-intro .bg-mindall .heading.subtitle {margin-bottom: 20px;}
  .intro-page .section-value .col {padding: 1.875rem 1.375rem;word-break: break-all;}
  .intro-page .section-value .col img {width: 3rem;height: 3rem;margin-bottom: 20px;}
  .intro-page .section-value .col .heading {margin-bottom: 10px;}
  .intro-page .section-patent .section-body p {margin-top: 16px;}
  .intro-page .section-cert .section-body {grid-template-columns: repeat(4, 1fr);gap: 1.75rem 1.25rem;}
  .intro-page .section-cert .section-body .txt-caption {margin: 16px 0 4px;}
}
@media all and (max-width: 768px) {
  .intro-page .section-intro .content {padding-bottom: 0;gap: 1.5rem;}
  .intro-page .section-intro .content .img-wrap {padding-left: 4rem;}
  .intro-page .section-intro .content img {max-width: none;}
  .intro-page .section-intro .txt {word-break: break-all;margin-top: 10px;}
  .intro-page .section-intro .bg-mindall {position: relative;top: -1.25rem;left: 0;right: 2.6875rem;max-width: none;margin-bottom: -1.25rem;}
  .intro-page .section-intro .bg-mindall-inner {padding: 3rem 1.5rem;background-position: bottom right .75rem;}
  .intro-page .section-intro .bg-mindall .txt {word-break: keep-all;}
  .intro-page .section-value .row {flex-direction: column;}
  .intro-page .section-value .col {padding: 1.75rem 1.25rem;word-break: keep-all;}
  .intro-page .section-value .col img {width: 2.5rem;height: 2.5rem;}
  .intro-page .section-patent .section-body  {grid-template-columns: repeat(2, 1fr);gap: 1.75rem 1.25rem;}
  .intro-page .section-cert .section-body {grid-template-columns: repeat(2, 1fr);gap: 1.25rem;} 
}
@media all and (max-width: 360px) {
  .intro-page .section-intro .bg-mindall .txt {word-break: break-all;}
  .intro-page .section-intro .bg-mindall br {display: none !important;}
}

/* 연혁 페이지 */
.history-page-contents {padding-top: 2rem;}
.history-page .section-history .section-header {position: sticky;top: 10.3125rem;margin-bottom: 2rem;z-index: 10;}
.history-page .section-history .tab-list {gap: 4.25rem;}
.history-page .section-history .tab-item {position: relative;display: flex;align-items: center;}
.history-page .section-history .tab-item:before {content: "···";position: absolute;left: -2.6875rem;}
.history-page .section-history .tab-item:first-child:before{display: none;}
.history-page .section-history .section-body {padding-top: 4rem;background: url("../images/about/bg_dashed.svg") repeat-y left 100px bottom;}
.history-page .section-history .history-row {gap: 132px;padding-top: 18.3125rem;margin-top: -14.3125rem;}
.history-page .section-history .history-row:first-child {padding-top: 19.5625rem;margin-top: -19.5625rem;}
.history-page .section-history .history {flex: 1;padding: 1.5rem;background: var(--color-gray-07);border-radius: .5rem;}
.history-page .section-history .history-year {position: relative;margin-top: -0.5625rem;}
.history-page .section-history .history-year::before {content: "";position: absolute;top: 14px;right: -45px;width: 1rem;height: 1rem;background-color: var(--color-secondary-04);border-radius: 50%;}
.history-page .section-history .history-row:last-child .history-year::after {content: "";position: absolute;top: 1.875rem;right: -2.6875rem;width: 16px;height: calc(100% - 1.3125rem);background-color: #fff;}
.history-page .section-history .history-month {margin-bottom: .5rem;margin-top: 1.875rem;}
.history-page .section-history .history-month:first-child {margin-top: 0;}
@media all and (max-width: 1280px) {
  .history-page-contents {padding-top: 1.75rem;}
  .history-page .section-history .section-header {top: 9.25rem;margin-bottom: 1.75rem;}
  .history-page .section-history .tab-list {gap: 2.875rem;}
  .history-page .section-history .tab-item:before {left: -1.8125rem;}
  .history-page .section-history .section-body {padding-top: 3.5rem;}
  .history-page .section-history .history-row {padding-top: 16.5rem;margin-top: -13rem;}
  .history-page .section-history .history-row:first-child {padding-top: 18.25rem;margin-top: -18.25rem;}
  .history-page .section-history .history-year::before {top: 11px;right: -55px;}
  .history-page .section-history .history-row:last-child .history-year::after {top: 1.6875rem;right: -3.4375rem;height: calc(100% - 1.6875rem);}
  .history-page .section-history .history {padding: 1.25rem;}
  .history-page .section-history .history-month {margin-top: 2.5rem;}
}
@media all and (max-width: 768px) {
  .history-page .section-history .inner {background-position-x: left 1.5rem;}
  .history-page .section-history .section-header {top: 8.5rem;}
  .history-page .section-history .section-body {padding-top: 3rem;background-position: left .375rem bottom;}
  .history-page .section-history .history-row {flex-direction: column;gap: 1.25rem;padding-left: 2rem;padding-top: 14.25rem;margin-top: -11.25rem;}
  .history-page .section-history .history-row:first-child {padding-top: 16rem;margin-top: -16rem;}
  .history-page .section-history .history-year {margin-top: 0;}
  .history-page .section-history .history-year::before {top: .5rem;right: auto;left: -2rem;}
  .history-page .section-history .history-row:last-child .history-year::after {top: 1.5rem;right: auto;left: -2rem;height: 7.75rem;}
  .history-page .section-history .history {padding: 1.5rem;}
  .history-page .section-history .history-month {margin-top: 2rem}
  .history-page .section-history .list-disc {font-size: .875rem;}
}
/* 사업 분야 페이지 */
.fields-page .section-fields .line-list li {align-items: stretch;padding: 1.5rem 0;gap: 6.8125rem;}
.fields-page .fields-page-contents{padding: 2rem 0;}
.fields-page .section-fields .img-wrap{width: 25.8125rem;height: 14.5rem;border: 1px solid var(--color-border);border-radius: .5rem;overflow: hidden;}
.fields-page .section-fields img {height: 100%;object-fit: cover;}
.fields-page .section-fields .line-list-content {display: flex;flex-direction: column;}
.fields-page .section-fields .line-list-content .label {margin-top: -.25rem;margin-bottom: 8px;}
.fields-page .section-fields .line-list-content .title {margin-bottom: 4px;}
.fields-page .section-fields .line-list-content .subtitle{margin-bottom: 18px;}
.fields-page .section-fields .line-list-content .btns {flex: auto;align-items: flex-end;}
.fields-page .section-fields .line-list-content .btn {width: 100%;max-width: 12.25rem;}
@media all and (max-width: 1280px) {
  /* 사업 분야 페이지 */
  .fields-page .section-fields .line-list li {flex-direction: column;gap: 1.375rem;padding: 1.375rem 0;}
  .fields-page .fields-page-contents {padding: 1.75rem 0;}
  .fields-page .section-fields .img-wrap {width: 100%;height: 100%;}
  .fields-page .section-fields .line-list-content .label {margin-bottom: 8px;}
  .fields-page .section-fields .line-list-content .title {margin-bottom: 4px;}
  .fields-page .section-fields .line-list-content .subtitle {margin-bottom: 14px;}
  .fields-page .section-fields .line-list-content .btn {max-width: none;}
}
@media all and (max-width: 768px) {
  .fields-page .section-fields .line-list li {gap: 1.25rem;padding: 1.25rem 0;}
}

/* 서비스 페이지 */
.service-page .section-header .title + .txt {margin-top: .75rem;letter-spacing: -.05em;}
.service-page .section-header {margin-bottom: 1.5rem;}
.service-page .overlay-container {position: relative;display: flex;flex: 1;height: 20rem;border-radius: .5rem;overflow: hidden;}
.service-page .overlay-container img {object-fit: cover;}
.service-page .overlay-container .txt-box {position: absolute;bottom: .75rem;left: .75rem;right: .75rem;padding: .75rem 1rem 1rem 1rem;background-color: rgba(0, 0, 0, .3);border-radius: .5rem;box-shadow: 1px 1px 2px rgba(0, 0, 0, .2), inset 1px 1px 2px rgba(255, 255, 255, .25);color: var(--color-white);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);}
.service-page .overlay-container .txt-box .title + .txt{margin-top: .25rem;}

.service-page .section-intro .section-header {margin-bottom: 0;}
.service-page .section-intro .section-header .title + .txt {margin-top: 1rem;}
.service-page .section-intro .content-row {align-items: center;justify-content: space-between;gap: 1.5rem;}
.service-page .section-intro .title + .txt {margin-top: 2rem;}
.service-page .section-intro .content-col:has(img) {flex-shrink: 0;}
.service-page .section-intro img {max-height: 12.5rem;}
/* SI/SM 서비스 */
.section-range .content-row {gap: 1.25rem;}
.section-range .content-col {display: flex;justify-content: center;align-items: center;flex:1;height: 5.125rem;border: 1px solid var(--color-secondary-02);border-radius: .5rem;color: var(--color-secondary-02);text-align: center;;}
.sism-page .section-process .card-list {display: grid;grid-template-columns: repeat(2, 1fr);}
/* IT 컨설팅 */
.section-core .content-row {display: grid;grid-template-columns: repeat(2, 1fr);}
.consulting-page .section-process .steps {position: relative;gap: 0;margin-top: 2.25rem;}
.consulting-page .section-process .steps .icon {position: absolute;background-repeat: no-repeat;}
.consulting-page .section-process .steps .icon-dashed-border {top: -0.625rem;width: 100%;height: 1.4375rem;background-image: url("../images/service/icon_dashed_border.svg");background-position: top right;}
.consulting-page .section-process .step {position: relative;flex: 1;padding-top: 3.125rem}
.consulting-page .section-process .step .icon-point {position: absolute;top: -.3125rem;width: .6875rem;height: 2.375rem;background-image: url("../images/service/icon_point.svg");background-position: top center;}
.consulting-page .section-process .step .label {margin-bottom: 4px;} 
.consulting-page .section-process .step .title {margin-bottom: 18px;}

.section-expected .content-row {display: grid;grid-template-columns: repeat(3, 1fr);}
.section-expected .content-col {display: flex;align-items: center;gap: 2rem;padding: 2rem 1.5rem;border: 1px solid var(--color-border);border-radius: .5rem;}
.section-expected .content-col img {width: 4rem;}

.it-service-page .section-group + .section-group {border-top: 1px solid var(--color-border);margin-top: 2.5rem;}
.it-service-page .img-wrap{border: 1px solid  var(--color-border);border-radius: .5rem;}
.it-service-page .section-cert .col:has(img) {flex-shrink: 0;}
.it-service-page .section-cert img{max-height: 22.125rem;box-shadow: var(--box-shadow);}
.it-service-page .section-cert .grid-container{display: grid;grid-template-columns: auto 1fr;gap: 1.25rem;padding: 1.5rem 2rem;}
.it-service-page .section-cert .content-col:has(.grid-container) {flex: auto;align-content: center;background-color: var(--color-gray-07);border-radius: .5rem;}
@media all and (max-width: 1280px) {
  .service-page .section-header .subtitle {margin-top: 2rem;}
  .service-page .section-header .title + .txt {margin-top: 8px;}
  .service-page .section-intro .section-header .title + .txt {margin-top: 24px;}
  .service-page .section-intro + .section {padding-top: 48px;}

  .sism-page .section-intro img {max-height: 13.5625rem;}
  .sism-page .section-intro .content-row {gap: 1.5rem;}
  .sism-page .section-intro .content-col:has(.title){max-width: 38.625rem}
  .section-professional .content-row {flex-direction: column;}
  .section-professional .overlay-container {flex: none;}
  .section-range .content-row {flex-direction: column;}
  .section-range .content-col {flex: none;height: 4.6875rem;}
  .sism-page .section-process .card {gap: .75rem;}
  .sism-page .section-process .card .card-header{margin-bottom: 0;}
  .consulting-page .section-intro img {max-height: 9.8125rem;}
  .consulting-page .section-consulting .row {flex-direction: column;}
  .section-expected .content-row {grid-template-columns: repeat(2, 1fr);}
  
  .it-service-page .section-group + .section-group {margin-top: 1.5rem;}
  .it-service-page .section-cert img {max-height: 18.6875rem;}
  .it-service-page .section-cert .grid-container {display: block;padding: 1.125rem 1.375rem;}
  .it-service-page .section-cert .grid-container .title {margin-top: 2rem;margin-bottom: .25rem;}
  .it-service-page .section-cert .grid-container .title:first-child {margin-top: 0;}
}
@media all and (max-width: 768px) {
  .service-page .section-header {margin-bottom: 1.125rem;}
  .service-page .section-intro .content-row {flex-direction: column;align-items: flex-start;}
  .service-page .section-intro .section-header .title + .txt {margin-top: 1.25rem;}
  .service-page .section-intro + .section {padding-top: 36px;}

  .sism-page .section-intro .img-wrap {margin: 0 auto;}
  .sism-page .section-intro img {height: 15.3125rem;}
  .sism-page .section-process .card-list {grid-template-columns: 1fr;}

  .consulting-page .section-intro .img-wrap {margin: 0 auto;}
  .consulting-page .section-intro img {max-height: 222px;}
  .section-core .content-row {grid-template-columns: 1fr;}

  .consulting-page .section-process .inner{padding: 0;}
  .consulting-page .section-process .card .card-body{word-break: break-all;}
  .consulting-page .section-process .section-header,
  .consulting-page .section-process .steps {padding: 0 1.25rem;}
  .consulting-page .section-process .steps {flex-direction: column;margin-top: 1.75rem;gap: 2.25rem;}
  .consulting-page .section-process .steps .icon-dashed-border {position: absolute;left: .625rem;top: .625rem;width: 1.4375rem;height: 100%;background: url("../images/service/icon_dashed_border-vertical.svg") repeat-y left bottom;}
  .consulting-page .section-process .step {padding-top: 0;padding-left: 3.375rem;}
  .consulting-page .section-process .step .icon-point {top: -.4375rem;left: .5625rem;transform: rotate(-90deg);}
  .consulting-page .section-process .step .title {margin-bottom: 1rem;}
  .section-expected .content-row {grid-template-columns: repeat(1, 1fr);}
  .section-expected .content-col {padding: 1.75rem 1.25rem;}
  .section-expected .content-col img {width: 2.5rem;height: 2.5rem;}

  
  .it-service-page .section-cert .content-row {flex-direction: column;}
  .it-service-page .section-cert img {max-height: none;}
}
/* 솔루션 페이지 */
.solution-page .section-header {margin-bottom: 1.5rem;}
.solution-page .section-intro .section-header {margin-bottom: 56px;}
.solution-page .section-intro .section-header .title + .subtitle {margin-top: 2rem;}
.solution-page .section-intro .section-header .subtitle + .txt {margin-top: 1rem;}
.solution-page .section-intro .img-wrap {min-width: 19rem;}
.solution-page .section-intro img {width: auto;max-width: 19rem;max-height: 100%;object-fit: contain;}
.solution-page .section-intro + .section:not(.bg-gray) {padding-top: 0 !important;}


/* 온라인 통합접수 솔루션 */
.mindapply-page .section-intro .card {padding: 2rem 1.5rem;}
.mindapply-page .section-intro .card .img-wrap {height: 100%;max-height: 20.5625rem;border: 1px solid var(--color-border);border-radius: 4px;margin-bottom: 2.5rem;}
.mindapply-page .section-intro .card .img-wrap img {width: 100%;max-width: none;height: 100%;}
.mindapply-page .section-intro .card-content .label + .heading {margin-top: .25rem;}
.mindapply-page .section-pps .content-cert {display: flex;gap: 1.25rem;}
.mindapply-page .section-pps .content-row {gap: 8rem;}
.mindapply-page .section-pps .content-pps {display: flex;flex-direction: column;width: 100%;max-width: 32.5625rem;}
.mindapply-page .section-pps .content-pps .heading + .txt {margin-top: 1.125rem}
.mindapply-page .section-pps .content-pps .logos {margin-top: .5rem;}
.mindapply-page .section-pps .content-pps .logos {display: flex;flex: auto;gap: 1.25rem;}
.mindapply-page .section-pps .content-pps .logo {display: flex;;flex: 1;justify-content: center;align-items: center;}
.mindapply-page .section-pps .content-pps .logo img {max-width: 10.9375rem;}
.mindapply-page .section-pps .content-pps .btns {margin-top: 1.75rem;}
.mindapply-page .section-cert .col:has(img) {flex-shrink: 0;}
.mindapply-page .section-cert img{max-height: 22.125rem;box-shadow: var(--box-shadow);}
.mindapply-page .section-cert .grid-container{display: grid;grid-template-columns: auto 1fr;gap: 1.25rem;padding: 1.5rem 2rem;}
.mindapply-page .section-cert .content-col:has(.grid-container) {flex: auto;align-content: center;background-color: var(--color-gray-07);border-radius: .5rem;}
.mindapply-page .section-feature .card-list {display: grid;grid-template-columns: repeat(3, 1fr);}
.mindapply-page .section-feature .card {padding: 2rem 1.5rem;}
.mindapply-page .section-feature .card img {max-width: 4rem;margin-bottom: 1.5rem;}
.mindapply-page .section-feature .card .title + .txt {margin-top: .5rem;}
/* 인공지능 솔루션 */
.ai-page .section-diagram .card-list {display: grid;grid-template-columns: repeat(2, 1fr);grid-template-rows: 1fr 1fr;}
.ai-page .section-diagram .img-wrap {margin-top: 2rem;border: 1px solid var(--color-border);border-radius: .5rem;overflow: hidden;}
.ai-page .section-fields .card {padding: 2rem;gap: 0;}
.ai-page .section-fields .card img {max-width: 4rem;margin-bottom: 1.5rem;}
.ai-page .section-fields .card .title + .txt {margin-top: .5rem;}

.transit-page .section-platform .card .img-wrap {height: auto;margin-bottom: 2.5rem;}
.transit-page .section-feature .card-list {display: grid;grid-template-columns: repeat(2, 1fr);}
.transit-page .section-feature .card img {max-width: 4rem;margin-bottom: 1.5rem;}
.transit-page .section-feature .card .title + .txt {margin-top: .5rem;}
.transit-page .section-cert .col:has(img) {flex-shrink: 0;}
.transit-page .section-cert img {max-height: 22.125rem;box-shadow: var(--box-shadow);}
.transit-page .section-cert .content-col:has(.grid-container) {flex: auto;align-content: center;background-color: var(--color-gray-07);border-radius: .5rem;}
.transit-page .section-cert .grid-container {display: grid;grid-template-columns: auto 1fr;gap: 1.25rem;padding: 1.5rem 2rem;}
@media all and (max-width: 1280px) {
  .solution-page .section-intro .section-header {margin-bottom: 3rem;}
  .solution-page .section-intro .section-header .title + .subtitle {margin-top: 1.5rem}
  .solution-page .section-intro .section-header .subtitle + .txt {margin-top: 1 rem;}
  .solution-page .section-cert + .section {padding-top: 48px;}
  
  .mindapply-page .section-intro .card-list {flex-direction: column;}
  .mindapply-page .section-intro .card {padding: 1.875rem 1.375rem;}
  .mindapply-page .section-intro .card .img-wrap {width: 100%;max-width: none;min-width: 0;height: auto;max-height: none;min-height: 0;margin-bottom: 0;}
  .mindapply-page .section-intro + .section.bg-gray {padding: 64px 0;}
  .mindapply-page .section-pps .content-row {flex-direction: column;gap: 3rem;}
  .mindapply-page .section-pps .content-pps {max-width: none;text-align: center;}
  .mindapply-page .section-pps .content-pps .logos {justify-content: center;margin-top: 1.5rem;min-height: 12.5rem;}
  .mindapply-page .section-pps .content-pps .logo {padding: 0 5.3125rem;}
  .mindapply-page .section-pps .content-pps .btns {margin-top: 2.5rem;}
  .mindapply-page .section-cert img {max-height: 18.6875rem;}
  .mindapply-page .section-feature .card-list {grid-template-columns: repeat(2, 1fr);}
  .mindapply-page .section-feature .card {gap: 0;}
  .mindapply-page .section-feature .card img {max-width: 3rem;margin-bottom: 1.125rem;}
  
  .ai-page .section-diagram .card {gap: 0;}
  .ai-page .section-diagram .img-wrap {margin-top: 3rem;}
  .ai-page .section-diagram .card .label + .heading {margin-top: .25rem;}
  .ai-page .section-fields .card img {width: 3rem;margin-bottom: 1.125rem;}
  .ai-page .section-fields .card .title + .txt {margin-top: .5rem;}
  
  .transit-page .section-platform .card-list {flex-direction: column;}
  .transit-page .section-platform .card-list .card .img-wrap {flex: none;width: 100%;max-width: none;min-width: 0;height: auto;max-height: none;min-height: 0;margin-bottom: 0;}
  .transit-page .section-cert img {max-height: 18.6875rem;}
  .transit-page .section-feature .card {gap: 0;}
  .transit-page .section-feature .card img {max-width: 3rem;margin-bottom: 1.125rem;}
  .transit-page .section-feature .card .title + .txt {margin-top: .5rem;}
}
@media all and (max-width: 768px) {
  .solution-page .section-header {margin-bottom: 1.125rem;}
  .solution-page .section-intro .section-header {margin-bottom: 2.5rem;}
  .solution-page .section-intro .section-header .content-row {flex-direction: column;}
  .solution-page .section-cert + .section {padding-top: 56px;}
  
  .mindapply-page .section-intro .card {padding: 1.75rem 1.25rem}
  .mindapply-page .section-intro + .section.bg-gray {padding: 32px 0;}
  .mindapply-page .section-pps .content-pps .logos {margin-top: 2.5rem;min-height: auto;}
  .mindapply-page .section-pps .content-pps .logo {padding: 0;}
  .mindapply-page .section-cert .content-row {flex-direction: column;}
  .mindapply-page .section-cert img {max-height: none;}
  .mindapply-page .section-group .section-feature {padding-top: 56px;}
  .mindapply-page .section-feature .card-list {grid-template-columns: repeat(1, 1fr);}
  .mindapply-page .section-feature .card {padding: 1.75rem 1.25rem;}
  .mindapply-page .section-feature .card img {max-width: 2.5rem;}

  .ai-page .section-diagram .card-list {grid-template-columns: repeat(1, 1fr);}
  .ai-page .section-fields .card-list {flex-wrap: wrap;}
  .ai-page .section-fields .card-list .card {min-width: 100%;gap: 0;}
  .ai-page .section-fields .card img {max-width: 2.5rem;}
  
  .transit-page .section-cert .content-row {flex-direction: column;}
  .transit-page .section-cert img {max-height: none;}
  .transit-page .section-feature .card-list {grid-template-columns: repeat(1, 1fr);}
  .transit-page .section-feature .card img {max-width: 2.5rem;}
}

/* 포트폴리오 페이지 */
.portfolios-page .contents {padding-top: 0;}
.section-portfolio .section-heading .portfolio-categories {display: inline-block;margin-top: 2rem;}
.portfolios-page .section-portfolio .section-header {position: sticky;top: 96px;}
.section-portfolio .portfolio-link .title-wrap {display: flex;align-items: center;justify-content: center;gap: 0 .5rem;margin-bottom: 4px;}
.section-portfolio-page .portfolio-link .title-wrap .feather {width: 1rem;height: 1rem;margin-bottom: 1rem;stroke: var(--color-gray-02);}
.modal-portfolio {padding: 5rem 1.5rem 2rem;display: flex;}
.modal-portfolio .modal-body {display: grid;grid-template-columns: 320px minmax(0, 1fr);grid-template-rows: auto 1fr;gap: 0 5.125rem;align-items: center;width: 100%;max-height: calc(90vh - 7rem);overflow: hidden;/* width: 100%; */}
.modal-portfolio .modal-img {grid-row: span 2;width: 100%;height: 100%;max-height: 20rem;border: 1px solid var(--color-border);border-radius: .5rem;}
.modal-portfolio .modal-img img {height: 100%;object-fit: contain;padding: 1.25rem;}
.modal-portfolio .modal-headings{height: auto;padding-bottom: 32px;border-bottom: 1px solid var(--color-border);}
.modal-portfolio .modal-headings .badges {margin-bottom: 14px;}
.modal-portfolio .modal-headings .title + .txt {margin-top: 10px;}
.modal-portfolio .modal-content {position: relative;display: flex;flex-direction: column;height: 100%;min-height: 0;padding: 32px 0 0;overflow: hidden;}
.modal-portfolio .modal-content .list-wrap {min-height: calc(100% - 2rem);}
.modal-portfolio .modal-content .list {padding-top: .125rem;}

@media all and (max-width: 1023px) {
  .portfolios-page .section-heading .portfolio-categories {display: block;}
  .portfolios-page .section-portfolio .section-header {top: 88px;}
  .modal-portfolio {padding: 4.875rem 1.375rem 1.875rem;}
  .modal-portfolio .modal-body {grid-template-rows: minmax(auto, 1fr);gap: 1.25rem 1.75rem;max-height: calc(90vh - 3.75rem);}
  .modal-portfolio .modal-img {grid-column: 1;grid-row: 1;}
  .modal-portfolio .modal-headings {grid-row: 1;grid-column: 2;align-self: flex-start;border-bottom: 0;}
  .modal-portfolio .modal-content {grid-row: 2;grid-column: span 2;border-top: 1px solid var(--color-border);overflow: hidden;}
  .modal-content .simplebar-wrapper,
  .modal-content .simplebar-mask,
  .modal-content .simplebar-offset,
  .modal-content .simplebar-content-wrapper {max-height: 100% !important;}
}
@media all and (max-width: 768px) {
  .portfolios-page .section-portfolio .section-header {top: 84px;}
  .portfolios-page .portfolio-categories {margin: 28px 0;}
  .modal-portfolio {padding: 3.75rem 1.25rem 1.75rem;}
  .modal-portfolio .modal-headings {margin-top: 1.75rem;}
  .modal-portfolio .modal-body {display: block;max-height: calc(90vh - 5.5rem);overflow-y: auto;-webkit-overflow-scrolling: touch;}
  .modal-portfolio .modal-content {height: auto;overflow: visible;display: block;padding-top: 2.5rem;}
  .modal-portfolio .modal-img {height: auto;max-height: none;}
  .modal-portfolio .modal-img img {padding: .375rem;}
  .modal-portfolio .modal-content [data-simplebar],
  .modal-portfolio .modal-content .simplebar-wrapper,
  .modal-portfolio .modal-content .simplebar-mask,
  .modal-portfolio .modal-content .simplebar-offset,
  .modal-portfolio .modal-content .simplebar-content-wrapper,
  .modal-portfolio .modal-content .simplebar-content {display: contents;height: auto;max-height: none;overflow: visible;}
  .modal-portfolio .modal-content .simplebar-track {display: none;}
}

/* Contact 페이지 */
.contact-page .contents {padding-bottom: 0;}
.contact-page .section-heading .section-header {margin-bottom: 0;}
.contact-page .section-map .map-wrap {height: 700px;background-color: var(--color-secondary-07);}
.contact-page .section-contact .card {padding: 2rem 1.5rem;border: 0;box-shadow: 0 0 2px 0 rgba(17, 17, 17, .4);}
.contact-page .section-contact .card img {width: 4rem;height: 4rem;margin-bottom: 24px;}
.contact-page .section-contact .card .title + .txt {margin-top: 8px;}
.contact-page .section-contact .txt a:hover {text-decoration: underline;}
.contact-page .section-contact .line-list-wrap {margin-top: 1.25rem;}
.contact-page .section-contact .line-list li {display: block;padding: 1.5rem 0;}
.contact-page .section-contact .line-list li:first-child {padding-top: 0;}
.contact-page .section-contact .line-list li:last-child {padding-bottom: 0;}
.contact-page .section-contact .line-list .content-box {padding: 1.5rem;margin-top: 1rem;}
.contact-page .section-contact .line-list .content-box + .content-box {margin-top: 1.25rem;}
.contact-page .section-contact .line-list .content-box b + p {margin-top: 8px;}
.contact-page .section-contact .line-list .content-box p + p {margin-top: 1rem;line-height: 1.6;}
.contact-page .bg-mindall {margin-top: 56px;}

@media all and (max-width: 1280px) {
  .contact-page .section-contact .card {gap: 0;padding: 1.875rem 1.5rem;box-shadow: 0 0 6px 0 rgba(17, 17, 17, .16);}
  .contact-page .section-contact .card img {width: 3rem;height: 3rem;margin-bottom: 1.125rem;}
  .contact-page .section-contact .line-list .content-box {padding: 1.375rem;}
  .contact-page .section-contact .line-list .content-box b + p {margin-top: .25rem;}
  .contact-page .section-contact .line-list .content-box p + p {margin-top: .5rem;}
  .contact-page .section-contact .link-boxes {margin-top: 1.25rem;}
  .contact-page .section-contact .link-boxes .desc {margin-top: 1.25rem}
  .contact-page .section-contact .link-box {display: flex;align-items: center;gap: 1rem;border: 1px solid var(--color-border);border-radius: .375rem;font-size: 1rem;overflow: hidden;}
  .contact-page .section-contact .link-box + .link-box {margin-top: 1.25rem;}
  .contact-page .section-contact .link-box img {width: 4.3125rem;height: 4.3125rem;margin-bottom: 0;}
  .contact-page .bg-mindall {margin-top: 48px;}
} 

@media all and (max-width: 768px) {
  .contact-page .section-map .map-wrap {height: 320px;}
  .contact-page .section-contact .card {padding: 1.75rem 1.25rem;}
  .contact-page .bg-mindall {margin-top: 2.25rem;}
}

@media (hover: hover) and (pointer: fine) {
  .contact-page .section-contact .app-links {display: none !important;}
}

/* 개인정보처리방침 */
.privacy-page .section-header {margin-bottom: 0;}
.section-privacy .title {margin-top: 36px;}
.section-privacy .title:first-child {margin-top: 0;}
.section-privacy .title + .txt {margin-top: 8px;}

@media all and (max-width: 1280px) {
  .section-privacy .title {margin-top: 32px;}
  .section-privacy .title + .txt {margin-top: 4px;}
}

/* layout */
/* header */
header {position: fixed;left: 0;top: 0;width: 100%;min-height: 4rem;background: #fff;z-index: 101;box-shadow: rgba(17, 17, 17, .16) 0 0 6px;transition: box-shadow .3s;}
header .header-wrap {display: flex;align-items: center;justify-content: space-between;height: 4rem;}
header h1 a {display: flex;justify-content: center;align-items: center;}
header h1 a img {height: 100%;}
header nav {height: 100%;}
header nav ul {display: flex;height: 100%;gap: 1.25rem;}
header nav ul li a {display: block;height: 100%;align-content: center;color: var(--color-black);font-size: 1.125rem;font-weight: 600;}
header nav ul li a:hover {color: var(--color-secondary-05);}
header nav ul li a:active {color: var(--color-secondary-01);}
header nav ul li.active a,
header nav ul li a:focus {color: var(--color-secondary-03);}

header .hb-btn {display: none;position: absolute;top: 50%;right: 1.25rem;width: 24px;height: 24px;transform: translateY(-50%);}
header .hb-btn::before,
header .hb-btn::after {content: "";position: absolute;top: 50%;left: 50%;width: 18px;height: 2px;background: var(--color-gray-01);border-radius: 999px;transition: all .3s ease-in-out;}
header .hb-btn::before {transform: translate(-50%, -7px);}
header .hb-btn::after {transform: translate(-50%, 5px);box-shadow: 0 -6px 0 var(--color-gray-01);}
body.gnb-open header .hb-btn::before {transform: translate(-50%, -50%) rotate(45deg);}
body.gnb-open header .hb-btn::after {transform: translate(-50%, -50%) rotate(-45deg);box-shadow: 0 0 0 transparent;}

@media all and (max-width: 1280px) {
  header {min-height: 3.75rem;}
  header .header-wrap,
  header h1 {height: 3.75rem;align-content: center;}
  header h1 a{height: 2.75rem;}
  header nav ul {gap: 1.5rem;}
  header nav ul li a {font-size: 1rem;font-weight: 400;}
  header nav ul li.active a {font-weight: 600;} 
}

@media all and (max-width: 768px) {
  header {min-height: 3.5rem;}
  header .header-wrap,
  header h1 {height: 3.5rem;align-content: center;}
  header h1 a {height: 2.5rem;}
  header .hb-btn {display: block;}
  header nav ul {position: fixed;top: 3.5rem;left: 0;right: 0;visibility: hidden;display: block;height: calc(100vh - 3.5rem);padding: 5rem 1.25rem 2rem;background-color: var(--color-white);overflow-y: auto;opacity: 0;-ms-overflow-style: none;transition: opacity .3s;}
  .gnb-open header nav ul {visibility: visible;opacity: 1;}
  header nav ul::-webkit-scrollbar {display: none;}
  header nav ul li a{position: relative;padding: 1.0625rem .9375rem;font-size: 1.25rem;font-weight: 500;}
  header nav ul li a::before {content: "";position: absolute;left: 0;width: .1875rem;height: 1rem;margin-top: .4375rem;background: var(--color-black);}
  header nav ul li a:hover::before {background-color: var(--color-secondary-05);}
  header nav ul li a:active:before {background-color: var(--color-secondary-01);}
  header nav ul li.active a:before, 
  header nav ul li a:focus:before {background-color: var(--color-secondary-03);}
}
/* main */
main {margin-top: 4rem;}
@media all and (max-width: 1280px) {
  main {margin-top: 3.75rem;}
}
@media all and (max-width: 768px) {
  main {margin-top: 3.5rem;}
}
/* footer */
footer {min-height: 18.5625rem;background: var(--color-gray-07);padding: 2rem 0 4rem;color: var(--color-gray-01);}
footer .inner {position: relative;}
footer .logo {display: block;width: min-content;margin-bottom: 18px;}
footer .logo img {width: auto;}
footer .company-info {position: relative;}
footer .company-name {display: block;margin-bottom: 18px;}
footer .company-info .feather {margin-right: .25rem;vertical-align: middle;}
footer .company-info .row {align-items: center;}
footer .company-info .row:has(.feather) {position: relative;padding-left: 1.25rem;}
footer .company-info .row + .row {margin-top: 4px;}
footer .company-info .row .feather:first-child {position: absolute;left: 0;top: 4px;}
footer .company-info .links {display: flex;align-items: center;margin-top: 12px;}
footer .company-info .links li + li::before {content: '';display: inline-block;width: .0625rem;height: .625rem;margin: 0 .25rem 0 .5rem;background-color: var(--color-border);}
footer .company-info .link {font-weight: 600;}
footer .copyright {position: absolute;right: 1.5rem;bottom: 0;}

@media all and (max-width: 1280px) {
  footer {padding: 1.5rem 0 2rem;}
  footer .company-info .row,
  footer .company-info .link,
  footer .copyright {font-size: .875rem;}
  footer .copyright {position: static;margin-top: 36px;}
}

@media all and (max-width: 768px) {
  footer {padding: 1rem 0 1.5rem;}
  footer .company-info .row,
  footer .company-info .link,
  footer .copyright {font-size: .8125rem;}
  footer .copyright {position: static;margin-top: 2rem;}
}


/* contact 지도 영역 */
.iw_inner{width: 175px;min-height: 150px;padding: 20px 0;}
div:has(> div > .iw_inner) {display: block !important;}
area:-webkit-any-link {cursor: grab !important;}
area:-webkit-any-link:active {cursor: grabbing !important;}
.map-wrap > div,
.openapp-inner {position: relative;}
.openapp-inner p{font-size: .65rem;text-align: center;margin-top: 10px;}
.openapp-item{display: flex;justify-content: space-around;position:relative;}
.openapp-item .line{display: inline-block;width: 1px;height: 80%;background: #d4d5d9;position: absolute;top: 50%;transform: translateY(-50%);}
.openapp-item a{display: inline-block;position: relative;text-align: center;}
.openapp-item a img{display: block;margin: 0 auto 7px;width: 50%;border-radius: 5px;box-shadow: 0 5px 5px rgba(0,0,0, .2);}
.openapp-item a .openapp-txt{font-size: .75rem;font-weight: 500;}

@media (hover: hover) and (pointer: fine) {
  div:has(> div > .iw_inner) {display: none !important;}
}

.dimlayer-app-alert {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
}
.app-alert-box {
    background: #fff;
    padding: 30px;
    border-radius: 15px;
    width: 90%;
    max-width: 350px;
    text-align: center;
    box-shadow: 0 5px 15px rgba(0,0,0,0.3);
}
.app-alert-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 20px;
}
.app-alert-logo {
    width: 50px;
    height: 50px;
    margin-bottom: 10px;
}
.app-alert-btns {
    display: flex;
    gap: 10px;
    margin-top: 20px;
}
.app-alert-btns button {
    flex: 1;
    padding: 10px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}
#appAlertCancel { background: #eee; }
#appAlertConfirm { background: #007bff; color: #fff; }