@charset "utf-8";

/* --- 기본설정 --- */
:root {
  /*color*/
  --color-primary: #004CBF;
  --color-secondary: #bf1b21;
  --color-primaryGra: linear-gradient(127.82deg, var(--color-primary) 12%, #003a92 75%);
  /*transition*/
  --transition-custom: all 0.4s ease-in-out;
}

* {
  padding: 0;
  margin: 0;
}

.wrap {
  position: relative;
  height: auto;
  min-height: 100%;
}

.brk {
  display: none;
}

.w1440 {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
}

.gra {
  position: relative;
}

.gra::after {
  position: absolute;
  content: "";
  inset: 0;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  border-radius: inherit;
}

.hover_box3>li {
  position: relative;
}

.hover_box3>li::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 6px solid var(--color-primary);
  opacity: 0;
  pointer-events: none;
}

.hover_box3>li:hover::after {
  border: 6px solid var(--color-primary);
  opacity: 1;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, .5);
  transition: .4s;
  cursor: pointer;
  box-sizing: border-box;
}

.btn_wrap .btn {
  display: flex;
  flex-direction: initial;
  justify-content: center;
  align-items: center;
  position: relative;
  width: max-content;
  height: 48px;
  border-radius: 2px;
  font-size: 16px;
  font-weight: 500;
  border: 1px solid #ddd;
  z-index: 1;
}

.btn_wrap .btn::after {
  content: '';
  display: inline-block;
  margin-left: 8px;
  background-image: url(../images/arrow.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 12px;
  height: 100%;
}

.btn_wrap .btn:hover {
  background-color: var(--color-primary);
  color: #fff;
}

.btn_wrap .btn:hover::after {
  background-image: url(../images/arrow_w.svg);
}

/* --- 헤더 header --- */
header {
  transition: background .8s;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 95px;
  justify-content: center;
  align-items: center;
  z-index: 10000;
  background-color: #ffffff55;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

header::after {
  content: '';
  position: absolute;
  top: 95px;
  left: 0;
  width: 100%;
  height: 1px;
  background: #999;
  z-index: -1;
  opacity: 0;
}

header::before,
header .bg {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 592px;
  background: #fff;
  opacity: 0.95;
  z-index: -1;
}

header::before {
  content: '';
  display: block;
  height: 95px;
  opacity: 0;
  transition: 0.2s
}

header .logo {
  display: block;
  position: absolute;
  top: 0px;
  left: 3%;
  width: 120px;
  height: 100%;
  background-image: url(../images/logo_c.png);
  background-size: contain;
  background-position: center left;
  background-repeat: no-repeat;
}

header .header_right {
  position: absolute;
  top: 0px;
  right: 3%;
  display: flex;
  z-index: 10000;
}

header .header_right .language {
  display: none;
  align-items: center;
  height: 95px;
  justify-content: space-between;
  margin-right: 40px;
}

header .header_right .language::before {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(../images/ico_language_w.svg) left center no-repeat;
}

header .header_right .language a {
  display: inline-block;
  padding: 0 5px;
  font-weight: 600;
  font-size: 14px;
  color: #fff;
  opacity: .4;
}

header .header_right .language a:last-child {
  cursor: default;
}

header .header_right .language a:first-child::after {
  content: '';
  display: inline-block;
  width: 1px;
  height: 10px;
  background: #bbb;
  margin-left: 10px;
}

header .header_right .language a.on {
  color: #fff;
  opacity: 1;
}

header .header_menu {
  display: block;
  position: relative;
  z-index: 100;
}

header .header_menu,
header .header_menu span {
  transition: all 0.4s;
}

.header_r {
  display: flex;
  align-items: center;
  height: 95px;
}

header .header_menu {
  width: 24px;
  height: 40px;
  background: none;
}

header .header_menu span {
  position: absolute;
  right: 0;
  width: 100%;
  height: 2px;
  background: #fff;
  border-radius: 4px;
}

header .header_menu span:nth-of-type(1) {
  top: 10px;
}

header .header_menu span:nth-of-type(2) {
  top: 19px;
  width: 70%;
}

header .header_menu span:nth-of-type(3) {
  bottom: 10px;
}

header .header_menu.active-1 span:nth-of-type(1) {
  transform: translateY(10px) rotate(-45deg);
  background: #222;
  z-index: 1000;
}

header .header_menu.active-1 span:nth-of-type(2) {
  opacity: 0;
}

header .header_menu.active-1 span:nth-of-type(3) {
  transform: translateY(-8px) rotate(45deg);
  background: #222;
}

header .gnb>ul {
  display: flex;
  justify-content: center;
}

header .gnb>ul>li {
  position: relative;
}

header .gnb>ul>li>a {
  position: relative;
  display: inline-block;
  vertical-align: top;
  padding: 0 40px;
  font-weight: 500;
  font-size: 18px;
  line-height: 95px;
  color: #fff;
  transition: 0.2s;
}

header .gnb>ul>li>a::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 50%;
  width: 0;
  height: 2px;
  background: var(--color-primary);
  transition: 0.4s;
  transform: translateX(-50%);
}

header .gnb>ul>li>a>.recruit {
  position: relative;
}

header .gnb>ul>li>a>.recruit::after {
  position: absolute;
  content: "";
  top: 50%;
  right: -16px;
  transform: translate(0, -50%);
  width: 12px;
  height: 12px;
  background: url(../images/ico_blank_w.svg) center no-repeat;
  background-size: contain;
}

header .gnb>ul>li>ul {
  display: none;
  position: absolute;
  _overflow: hidden;
  top: 95px;
  left: 0;
  width: 100%;
  height: auto;
  padding: 30px 0;
  z-index: 10;
}

header .gnb>ul>li:hover ul a {
  color: #222;
}

header .gnb>ul>li:first-of-type>ul::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  background: #eee;
  opacity: 0.3;
}

header .gnb>ul>li>ul>li>a {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  text-align: center;
  font-weight: 400;
  font-size: 16px;
  color: #a4a4a4;
  padding: 6px 0;
}

header .gnb>ul>li>ul>li:hover>a,
header .gnb>ul>li>ul>li>a.active {
  color: var(--color-primary);
  font-weight: 500;
}

header .gnb>ul>li:hover>a::after {
  width: 100%;
}

header .gnb>ul>li>a:hover>.recruit::after {
  background-image: url(../images/ico_blank_k_hover.svg);
}

header.hover .logo {
  background-image: url(../images/logo_c.png);
}

header.hover::after {
  opacity: 0.3;
}

header.hover .gnb>ul>li>a {
  padding: 0 60px;
  color: #222 !important;
}

header.hover .gnb>ul>li:first-of-type>ul::before,
header.hover .gnb>ul>li>ul::after {
  opacity: 0.3;
  height: auto;
}

header.hover .gnb>ul>li .recruit::after {
  background-image: url(../images/ico_blank_k_hover.svg);
}

/* --- GNB > 스크롤시 header 변경 */
header.active {
  background-color: rgba(255, 255, 255, 0.8);
  transition: background .8s;
}

header.active a.logo {
  background-image: url('../images/logo_c.png');
}

header.active .gnb>ul>li>a,
header.active .gnb>ul>li.on>a {
  line-height: 95px;
  color: rgba(0, 0, 0, 0.8);
}

header.active .gnb>ul>li:hover>a,
header.active .gnb>ul>li.on:hover>a {
  color: #24548b;
}

header.active .menu-right a {
  background: url(../images/gnb_menu_b.png) center center no-repeat;
  width: 80px;
  height: 100px;
}

header.active .gnb>ul>li>a:after {
  background: #184682;
}

header.active .language::before,
header.hover .language::before {
  background: url(../images/ico_language.svg) center no-repeat;
}

header.active .language a,
header.hover .language a {
  color: #000;
  opacity: .4;
}

header.active .language a:first-child::after {
  content: '';
  display: inline-block;
  width: 1px;
  height: 10px;
  background: #bbb;
  margin-left: 10px;
}

header.active .language a.on,
header.hover .language a.on {
  color: #000;
  opacity: 1;
}

header.active .header_menu span,
header.hover .header_menu span {
  background: #222;
}

header.active .gnb>ul>li .recruit::after {
  background-image: url(../images/ico_blank_k_hover.svg);
}

header .sitemap {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: #fff;
  overflow-x: hidden !important;
  z-index: 99;
}

header .sitemap::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

header .sitemap .nav_wrap h1 a {
  z-index: 11;
}

header .sitemap .nav_wrap h1>.logo {
  display: block;
  position: absolute;
  top: 0px;
  left: 3%;
  width: 120px;
  height: 95px;
  background-image: url(../images/logo_c.png);
}

header .sitemap .nav_wrap {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 0 20px;
  z-index: 10;
}

header .sitemap .nav_wrap .gnb_wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  z-index: 11;
}

header .sitemap .gnb {
  display: flex;
  justify-content: space-between;
  position: relative;
  width: 1100px;
  margin: 0 auto;
}

header .sitemap .gnb dl {
  overflow: hidden;
  margin-bottom: 50px;
}

header .sitemap .gnb dt {
  position: relative;
  color: #000;
  font-size: 22px;
  font-weight: 500;
}

header .sitemap .gnb>dl>dt>a {
  position: relative;
  display: inline-block;
  line-height: 56px;
  font-weight: 500;
  font-size: 22px;
  color: #000;
  transition: 0.2s;
}

header .sitemap .gnb>dl>dt>a::before {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 50%;
  width: 0;
  height: 2px;
  background: var(--color-primary);
  transition: 0.4s;
  transform: translateX(-50%);
}

header .sitemap .gnb>dl:hover>dt>a::before {
  width: 100%;
}

header .sitemap .gnb dd {
  margin-top: 20px;
  font-weight: 500;
}

header .sitemap .gnb ul li {
  overflow: hidden;
  padding: 4px 0;
  height: 34px;
}

header .sitemap .gnb ul li:hover a {
  color: var(--color-primary);
  transition: 0s;
  transition-delay: 0s;
  font-weight: 500;
}

header .sitemap .gnb ul li~li {
  margin-top: 8px;
}

header .sitemap .gnb ul li a {
  display: block;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.4;
  color: #666;
}

header .sitemap .gnb ul li a span {
  position: relative;
  display: inline-block;
  color: #fff;
  font-weight: 300;
  padding-right: 15px;
}

header .sitemap .gnb ul li a span::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  width: 6px;
  height: 9px;
  margin-top: -5px;
  opacity: 0;
  transition: 0.2s;
}

header .sitemap .gnb ul li.on a span::before,
header .sitemap .gnb ul li a:hover span::before {
  right: 0;
  opacity: 1;
}

header .sitemap .nav_bg img {
  position: absolute;
  bottom: 0px;
  right: 0px;
  width: 40vw;
  opacity: 0.1;
}

header .sitemap .gnb dt a {
  position: relative;
  display: inline-block;
  transition: all 0.3s ease-in-out;
}

header .sitemap .gnb dl.none a {
  position: relative;
}

header .sitemap .gnb dl.none a::after {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-left: 10px;
  background: url(../images/ico_blank_k.svg) center no-repeat;
  background-size: contain;
}

header .sitemap .gnb dl.none a span {
  display: none;
}

/* --- 푸터 footer --- */
footer {
  padding: 40px 3% 100px;
  background: #ededf0;
  color: #000;
  border-top: 1px solid #00000011;
}

footer .footer_in {
  display: flex;
  align-items: bottom;
  position: relative;
  max-width: 1440px;
  margin: 0 auto;
}

footer .footer_top {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

footer .footer_logo {
  width: 220px;
}

footer .footer_logo img {
  width: 70%;
}

footer .footer_content {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: calc(100% - 220px);
  padding-bottom: 20px;
  font-size: 16px;
  border-bottom: 1px solid #00000033;
}

footer .footer_menu {
  display: flex;
}

footer .footer_menu li {
  position: relative;
  color: #000;
}

footer .footer_menu li:first-child::after {
  content: '|';
  display: inline-block;
  position: absolute;
  top: 4px;
  right: -40px;
  width: 40px;
  text-align: center;
  font-size: 10px;
}

footer .footer_menu li:first-child {
  margin-right: 36px;
}

footer .footer_list {
  margin-top: 20px;
}

footer .footer_list li {
  opacity: .7;
  margin-bottom: 2px;
}

footer .footer_list li:first-child {
  font-weight: 600;
  margin-bottom: 6px;
  opacity: 1;
}

footer .footer_list li span {
  display: inline-block;
  width: 40px;
}

footer .footer_address_wrap {
  display: flex;
  gap: 80px;
  margin-top: 10px;
}

footer .footer_address_wrap .footer_list {
  margin-top: 0;
}

footer .footer_address_wrap .footer_list li:first-child {
  font-weight: normal;
  margin-bottom: 2px;
  opacity: .7;
}

footer .footer_copyright {
  position: absolute;
  left: 220px;
  bottom: -40px;
  font-size: 14px;
}

footer .ft_family {
  position: relative;
  font-size: 14px;
  height: 42px;
}

footer .ft_family .btn_family {
  display: block;
  padding: 10px 20px;
  height: 100%;
  background: #00000077;
  font-size: 14px;
  color: #fff;
  font-weight: 500;
}

footer .ft_family .btn_family::after {
  content: "\276E";
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  margin-left: 20px;
  text-align: center;
  transform: rotate(-90deg);
}

footer .ft_family .family_list {
  opacity: 0;
  visibility: hidden;
  overflow-y: auto;
  position: absolute;
  left: 0;
  bottom: 42px;
  width: 100%;
  padding: 10px;
  background: #fff;
  transition: var(--transition-custom);
  z-index: 1100;
}

footer .ft_family .family_list li a {
  display: block;
  padding: 3px;
  font-size: 14px;
  color: #333;
}

footer .ft_family .family_list li a:hover {
  color: var(--color-primary);
}

footer .ft_family.open .family_list {
  opacity: 1;
  visibility: visible;
}

footer .ft_family.open .btn_family::after {
  color: #fff;
  transform: rotate(90deg);
  transition: var(--transition-custom);
}

/* 탑버튼 topBtn */
.topBtn {
  display: none;
  position: fixed;
  bottom: 40px;
  right: 3%;
  width: 60px;
  height: 60px;
  z-index: 1000;
  transition: bottom 0.3s ease;
}

.topBtn .topClr {
  position: relative;
  display: inline-block;
  vertical-align: top;
  position: absolute;
  left: calc(50% + 1px);
  top: 50%;
  transform: translate(-50%, -50%);
  width: 60px;
  height: 60px;
  background: rgba(0, 0, 0, 0.8);
  transition: 0.25s;
}

.topBtn .topClr .topArr {
  display: block;
  width: 2px;
  height: 35px;
  background: #fff;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  transition: 0.25s;
}

.topBtn .topClr .topArr:before {
  content: "";
  display: block;
  position: absolute;
  right: calc(100% - 1px);
  top: 0px;
  width: 15px;
  height: 2px;
  transform: rotate(-45deg);
  background: #fff;
  transition: 0.25s;
  transform-origin: 100%;
}

.topBtn .topClr .topArr:after {
  content: "";
  display: block;
  position: absolute;
  left: calc(100% - 1px);
  top: 0;
  width: 15px;
  height: 2px;
  transform: rotate(45deg);
  background: #fff;
  transition: 0.25s;
  transform-origin: 0;
}

/* --- 공통적용 sub_container --- */
.sub_container {
  width: 100%;
}

.sub_container .sub_banner_wrap {
  position: relative;
  display: flex;
  overflow: hidden;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 646px;
  padding-top: 80px;
  box-sizing: border-box;
  color: #fff;
}

.sub_container .sub_banner_wrap .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 646px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  animation: visualScale 4s linear alternate both;
  z-index: -1;
}

.sub_container .sub_banner_wrap::before {
  content: '';
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 646px;
  background: rgba(0, 0, 0, .6);
  z-index: 0;
  backdrop-filter: blur(1px);
}

.sub_container .sub_banner_wrap h2 {
  font-size: 70px;
  color: #fff;
  z-index: 2;
  transition: var(--transition-custom);
}

.sub_container .sub_banner_wrap p {
  margin-top: 14px;
  font-size: 20px;
  font-weight: 300;
  z-index: 2;
  color: rgba(255, 255, 255, .9);
  transition: var(--transition-custom);
}

.sub_container .sub_banner_wrap p em {
  font-weight: 500;
}

/* sub_banner_wrap GNB별 배경 */
.sub_container.company>.sub_banner_wrap>.bg {
  background-image: url(../images/sb_company.png);
}

/*회사소개*/
.sub_container.business>.sub_banner_wrap>.bg {
  background-image: url(../images/sb_business.png);
}

/*사업영역*/
.sub_container.technology>.sub_banner_wrap>.bg {
  background-image: url(../images/sb_technology.png);
}

/*기술개발*/
.sub_container.pr>.sub_banner_wrap>.bg {
  background-image: url(../images/sb_pr.png);
}

/*홍보센터*/
.sub_container.recruit>.sub_banner_wrap>.bg {
  background-image: url(../images/sb_recruit.png);
}

/*인재채용*/
.sub_container.security>.sub_banner_wrap>.bg {
  background-image: url(../images/sb_security.png);
}

/*개인정보*/
@keyframes visualScale {
  0% {
    transform: translateZ(0) scale(1) rotate(0deg)
  }

  100% {
    transform: translateZ(0) scale(1.08) rotate(0.0001deg)
  }
}

.sub_container .sub_banner_wrap .location {
  display: flex;
  align-items: center;
  margin-top: 90px;
  font-size: 14px;
  z-index: 2;
}

.sub_container .sub_banner_wrap .location::before {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 8px;
  background: url(../images/ico_home.svg) center no-repeat;
}

.sub_container .sub_banner_wrap .location span::after {
  content: '\203A';
  display: inline-block;
  width: 24px;
  text-align: center;
}

.sub_container .sub_banner_wrap .location span:last-child::after {
  display: none;
}

.sub_container .sub_tab {
  position: absolute;
  top: 592px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 54px;
  background: rgba(32, 27, 20, .7);
  z-index: 10;
}

.sub_container .sub_tab ul {
  display: flex;
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
}

.sub_container .sub_tab li {
  position: relative;
  flex: 1;
  text-align: center;
}

.sub_container .sub_tab li::before {
  position: absolute;
  top: 0;
  right: 0;
  content: '';
  display: inline-block;
  width: 1px;
  height: 100%;
  background: #fff;
  opacity: .2;
}

.sub_container .sub_tab li:last-child::before,
.sub_container .sub_tab li.on::before {
  display: none;
}

.sub_container .sub_tab li a {
  display: block;
  width: 100%;
  height: 54px;
  line-height: 54px;
  text-align: center;
  font-size: 16px;
  color: #fff;
  opacity: .8;
}

.sub_container .sub_tab li.on {
  background-color: var(--color-primary);
}

.sub_container .sub_tab li.on a {
  font-weight: 600;
  opacity: 1;
}

.sub_container .sub_tab_mobile {
  display: none;
  position: relative;
  margin-top: -44px;
}

.sub_container .sub_tab_mobile .btn_sub_tab {
  display: block;
  background: var(--color-primary);
  color: #fff;
  display: flex;
  align-items: center;
  padding-left: 4%;
  width: 100%;
  height: 44px;
  font-size: 15px;
  font-weight: 600;
}

.sub_container .sub_tab_mobile .btn_sub_tab::after {
  content: "\276E";
  display: inline-block;
  position: absolute;
  right: 4%;
  width: 20px;
  height: 20px;
  line-height: 20px;
  margin-left: 20px;
  text-align: center;
  transform: rotate(-90deg);
  transition: var(--transition-custom);
}

.sub_container .sub_tab_mobile .sub_tab_list {
  position: absolute;
  top: 44px;
  left: 0;
  _opacity: 1;
  display: none;
  background: #fff;
  width: 100%;
  padding: 4%;
  border-bottom: 1px solid #ddd;
  color: #222;
  z-index: 10;
}

.sub_container .sub_tab_mobile .sub_tab_list li {
  margin: 8px 0;
}

.sub_container .sub_tab_mobile .sub_tab_list li a {
  display: block;
}

.sub_container .sub_tab_mobile .sub_tab_list li.on a {
  color: var(--color-primary);
  font-weight: 600;
}

.sub_container .sub_tab_mobile.open .sub_tab_list {
  display: block;
}

.sub_container .sub_tab_mobile.open .btn_sub_tab::after {
  transform: rotate(90deg);
  transition: var(--transition-custom);
}

.sub_container .sub_contents {
  width: 100%;
  position: relative;
  padding: 100px 0 160px;
}

.sub_container .sub_contents>h3 {
  font-size: 46px;
  color: #222;
  font-weight: 700;
  text-align: center;
  line-height: 160%;
  /* 43.2px */
  margin-bottom: 60px;
}

.sub_container .sub_contents>div {
  width: 100%;
  margin: 0 auto;
}

.sub_container .sub_contents .sub_text {
  font-size: 22px;
  letter-spacing: -0.04em;
}

.sub_container .sub_contents .fixed_bg {
  position: relative;
  width: 100%;
  height: 380px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  margin-top: 80px;
  padding: 0 218px;
}

.can_section {
  padding-top: 0;
}

.business .detail.biz_figma .biz_section.can_sec_overview,
.business .detail.biz_figma .biz_section.grb_sec_overview {
  padding-top: 0;
}

/* --- 메인 main --- */
.main {
  width: 100%;
}

.main header .gnb>ul>li>a {
  color: #222;
}

.main header .logo {
  background-image: url(../images/logo_c.png);
}

.main header .header_menu span {
  background: #222;
}

.main header .gnb>ul>li>a>.recruit::after {
  background-image: url(../images/ico_blank_k.svg);
}

.main header .header_right .language a,
.wrap.main .header_right .language a.on {
  color: #000;
}

.main header .header_right .language a:first-child::after {
  background: #000;
}

.main header .header_right .language::before {
  background: url(../images/ico_language.svg) left center no-repeat;
  background-size: contain;
}

.main .container {
  position: relative;
  width: 100%;
  z-index: 1000
}

/* > 인트로 intro */
.main .intro {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  overflow: hidden;
  pointer-events: none;
}

.main .notTop .intro {
  display: none;
}

.main .mask {
  width: 100%;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  transition-timing-function: linear;
  background: rgba(255, 255, 255, 0.4);
}

.main .mask_section {
  flex-grow: 1;
  display: flex;
}

.main .mask_section-main {
  flex-grow: 0;
}

.main .mask_block {
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  background: #fff;
  margin: -1px;
}

.main .mask_block.mask_block-side {
  width: calc(37.5% + 2px);
}

.main .mask_logo {
  width: 30%;
  z-index: 1;
}

.main .mask_logo img {
  width: 100%;
}

.main .typin_wrap {
  width: 100%;
  position: absolute;
  bottom: calc(50% - 160px);
  left: 50%;
  transform: translateX(-50%);
  font-size: 36px;
  letter-spacing: -2px;
  text-align: center;
  z-index: 1;
}

.main .typin_wrap .text {
  display: none;
  font-size: 20px;
  margin-top: 10px;
  color: #777;
}

.main p.typing-txt {
  display: none;
}

.main .typing {
  display: inline-block;
  animation-name: cursor;
  animation-duration: 0.3s;
  animation-iteration-count: infinite;
}

@keyframes cursor {
  0% {
    border-right: 1px solid #fff
  }

  50% {
    border-right: 1px solid #000
  }

  100% {
    border-right: 1px solid #fff
  }
}

.main .blue {
  color: #2063C8;
  font-weight: 600;
}

.main .orange {
  color: #DD762B;
  font-weight: 600;
}

.main .green {
  color: #54AA41;
  font-weight: 600;
}

/* scroll animation */
.main .scroll {
  z-index: 100;
  width: 150px;
  position: absolute;
  bottom: 50px;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  color: #222;
  font-weight: 500;
  font-size: 13px;
  cursor: default;
}

.main .scroll:before,
.main .scroll:after {
  content: "";
  width: 8px;
  height: 8px;
  display: block;
  position: absolute;
  left: calc(50% - 4px);
  border: solid #222;
  border-width: 0 1px 1px 0;
  transform: rotate(45deg);
  animation: scroll 1.5s infinite ease;
  opacity: 0;
}

.main .scroll_w:before,
.main .scroll_w:after {
  content: "";
  width: 8px;
  height: 8px;
  display: block;
  position: absolute;
  left: calc(50% - 4px);
  border: solid #fff;
  border-width: 0 1px 1px 0;
  transform: rotate(45deg);
  animation: scroll 1.5s infinite ease;
  opacity: 0;
}

.main .scroll:before,
.main .scroll_w:before {
  top: 24px;
}

.main .scroll:after,
.main .scroll_w:after {
  top: 18px;
  animation-delay: .35s;
}

@keyframes scroll {
  0% {
    opacity: 0;
  }

  50% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    margin-top: 10px;
  }
}

/* > 메인비주얼 main_visual */
.content.main_visual {
  height: 160vh;
  overflow: unset;
  z-index: 100;
}

.main_visual_slide {
  position: sticky;
  top: 0;
  left: 0;
}

.visual_bg {
  z-index: 1;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100vh;
}

.visual_video video {
  position: absolute;
  width: 100%;
  height: 100vh;
  object-fit: cover;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  _opacity: .2;
}

.video_list {
  position: relative;
  top: -35px;
  left: 0;
  width: 100%;
  height: 102vh;
  overflow: hidden;
}

.visual_video>video {
  display: block;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, 0);
  z-index: 1;
}

.main_visual video.mo {
  display: none;
}

/* mobile none */

/* > 메인 컨텐츠 main_contents */
.main .main_contents {
  position: relative;
  width: 100%;
  height: 100%;
}

.main .main_con {
  position: relative;
  width: 1440px;
  margin: 0 auto;
  padding: 6% 0;
}

.main .main_con.project {
  text-align: center;
}

.main .main_con.technology::before,
.main .main_con.technology::after,
.main .main_con.recruit::before {
  position: absolute;
  display: block;
  font-size: 100px;
  font-weight: 800;
  letter-spacing: -2px;
  color: #000;
  opacity: .04;
  z-index: -1;
}

.main .main_con.technology::before {
  content: 'Technology';
  top: 300px;
  left: -100px;
}

.main .main_con.technology::after {
  content: 'Development';
  top: 382px;
  left: 0px;
}

.main .main_con.recruit::before {
  content: 'Go together';
  top: -110px;
  right: 0px;
  z-index: 0;
}

.main .main_con_title {
  z-index: 10;
}

.main .main_con_title h3 {
  color: #000;
  font-size: 65px;
  font-weight: 800;
}

.main .main_con_title h3 p {
  color: #0257D7;
  font-size: 16px;
  font-weight: 600;
}

/* >> 사업영역 main_business */
.main .main_business {
  display: flex;
  justify-content: center;
  position: relative;
  height: 2600px;
}

.main .main_business.mo {
  display: none;
}

.main .main_business .btn_news_all {
  margin-top: 100px;
  display: inline-block;
  color: #fff;
}

.main .main_business .btn_news_all::after {
  content: '\2192';
  display: inline-block;
  margin-left: 8px;
}

.main .main_business .btn_news_all:hover {
  color: #fff;
}

.main .main_business .btn_news_all:hover::after {
  margin-left: 16px;
  color: #fff;
  transition: .2s;
}

.main .main_business_wrap {
  width: 100%;
  height: 100%;
  position: relative
}

.main .main_business_wrap::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .5);
}

.main .main_business_wrap .main_con_title {
  filter: drop-shadow(0 0 4px #000);
}

.main .main_business_wrap .main_con_title p {
  color: #fff;
}

.main .main_business_wrap .bg-wrap {
  position: absolute;
  top: 5%;
  left: 0;
  width: 100%;
  height: 100%;
}

.main .main_business_wrap .bg {
  position: fixed;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
  transition-duration: 0.3s;
  transition: 0.3s;
  z-index: -10;
}

.main .main_business_wrap .bg {
  background: url("../images/hm_main.jpg") center no-repeat;
  background-size: cover;
}

.main .sp_container {
  max-width: 1440px;
  height: 100%;
  margin: 0 auto;
}

.main .fixed_motion {
  width: 780px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  transition-duration: 1.5s;
}

.main .fixed_motion li {
  position: relative;
  height: 300px;
  margin-bottom: 40px;
  overflow: hidden;
}

.main .fixed_motion li a {
  height: 100%;
}

.main .fixed_motion li a .card_body {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.main .fixed_motion li a .card_body .icon_motion {
  display: none;
  width: 100%;
  margin-bottom: 15px;
}

.main .fixed_motion li a .card_body .icon_motion img {
  width: 100%;
}

.main .fixed_motion li a .card_body h4 {
  font-size: 32px;
  margin-top: 0px;
  z-index: 10;
}

.main .fixed_motion li a .card_body h4 p {
  font-size: 12px;
  color: #fff;
  font-weight: 800;
}

.main .fixed_motion li a .card_body>p {
  font-weight: 400;
  z-index: 10;
  display: flex;
  align-items: flex-end;
  flex-direction: column;
  letter-spacing: -0.5px;
}

.main .fixed_motion li:nth-child(2) {
  margin-top: 280px;
}

.main .fixed_motion li:nth-child(odd) {
  margin-top: -280px;
}

.main .fixed_motion li:nth-child(1) {
  margin-top: 0;
}

.main .main_business .section_wrap {
  position: sticky;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  height: 100vh;
  top: 0;
  padding-top: 260px;
  z-index: 1;
}

.main .main_business .section_head {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: start;
  width: 42%;
  position: sticky;
  height: 700px;
  top: 200px;
}

.main .main_business .section_head p {
  font-size: 14px;
  font-weight: 700;
  color: #257CFE;
  line-height: 20.27px;
}

.main .main_business .section_head h3 {
  width: 566px;
  height: 261px;
  color: #fff;
  font-size: 52px;
  font-weight: 700;
  line-height: 67.6px;
  letter-spacing: -5px;
}

.main .main_business .section_head .section_ttl {
  font-size: 56px;
  font-weight: 700;
  line-height: 1.4;
  margin: 0;
}

.main .main_business .section_body {
  will-change: contents;
  padding-top: 120px;
  padding-bottom: 750px;
}

.main .main_business .section_body .card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  max-width: 370px;
  width: 100%;
  height: 520px;
  padding: 48px 35px 46px;
  color: #fff;
  border-radius: 5px;
  background: rgba(255, 255, 255, .15);
  box-shadow: 0px 0px 4px rgb(0, 0, 0, .3);
  _opacity: 0.2;
  _border: 8px solid #fff;
  backdrop-filter: blur(4px);
}

.main .main_business .section_body .card.is_active {
  background: rgba(255, 255, 255, .85);
  color: #000;
  box-shadow: 0px 6px 24px 10px rgba(0, 0, 0, 80%);
  backdrop-filter: blur(10px);
}

.main .main_business .section_body .card.is_active h4 p {
  color: var(--color-secondary);
}

.main .main_business .section_body .card.is_active .card_body .icon_motion,
.main .main_business .section_body .card:hover .card_body .icon_motion {
  display: block;
}

.main .main_business .section_body .card:hover {
  color: #000;
  opacity: 1;
}

.main .main_business .section_body .card::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 6px solid var(--color-primary);
  border-radius: 5px;
  opacity: 0;
  box-sizing: border-box;
}

.main .main_business .section_body .card:hover::after {
  border: 6px solid var(--color-primary);
  opacity: 1;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, .5);
  transition: .4s;
  cursor: pointer;
}

.main .main_business .section_body .card:hover h4 p {
  color: var(--color-secondary);
}

.main .main_business .section_body .card::before {
  content: '';
  position: absolute;
  top: 24px;
  left: calc(100% - 60px);
  margin-left: 0px;
  display: block;
  background: url(../images/ico_arr.svg) no-repeat;
  width: 30px;
  height: 30px;
  opacity: 0;
}

.main .main_business .section_body .card:hover::before {
  margin-left: 12px;
  transition: .2s;
  opacity: 1;
}

.card_body .cad_img_box img {
  width: calc(100% + 35px);
  margin-top: -40px;
  margin-left: -35px;
  opacity: 0;
}

.main .main_business .section_body .card.is_active .card_body .cad_img_box img,
.main .main_business .section_body .card:hover .card_body .cad_img_box img {
  opacity: 1;
  transition: .5s;
}

.main .main_business .section_body .card.is_active .cad_img_box span {
  opacity: 1;
  transition: .2s;
}

.main .main_business .section_body .card.is_active,
.main .main_business .section_body .card:hover {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, .95) 80%), url(../images/sample_bg.png) 70px 172px no-repeat;
  background-size: 130%;
}

/* >> 기술개발 technology_wrap */
.main .technology_wrap {
  display: flex;
  width: 100%;
  align-items: center;
  height: 100vh;
  position: relative;
  z-index: 100;
  background: #F3F1EE;
}

.project_wrap {
  display: flex;
  align-items: center;
  background: #F3F1EE;
  height: 100vh;
  position: relative;
  z-index: 100;
}

.main .technology_wrap::before {
  content: '';
  position: absolute;
  top: 60px;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/line01.svg) no-repeat;
  background-size: 100%;
  opacity: .7;
}

.main .project_wrap::before {
  content: '';
  position: absolute;
  top: 60px;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/line02.svg) no-repeat;
  background-size: 100%;
  opacity: .7;
}

.main .technology .main_con_list {
  margin-top: -60px;
}

.main .technology .main_con_list {
  width: calc(100% - 200px);
  align-items: flex-start;
  display: flex;
  justify-content: flex-end;
  margin-left: 200px;
}

.main .technology .main_con_list>li {
  position: relative;
  flex: 1;
  align-items: flex-start;
  color: #fff;
  box-sizing: border-box;
}

.main .technology .main_con_list>li>a {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  height: 100%;
  padding: 240px 30px 30px;
  box-sizing: border-box;
}

.main .technology .main_con_list>li:nth-child(1) {
  margin-top: 200px;
  background: url(../images/main_technology_bn01.png) center no-repeat;
  background-size: cover;
}

.main .technology .main_con_list>li:nth-child(2) {
  margin-right: 24px;
  margin-left: 24px;
  background: url(../images/main_technology_bn02.png) center no-repeat;
  background-size: cover;
}

.main .technology .main_con_list>li:nth-child(3) {
  margin-top: 100px;
  background: url(../images/main_technology_bn03.png) center no-repeat;
  background-size: cover;
}

.main .technology .main_con_list>li::before {
  content: '';
  position: absolute;
  top: 6px;
  left: calc(100% - 68px);
  margin-left: 0px;
  display: block;
  background: #fff url(../images/ico_arr.svg) center no-repeat;
  width: 50px;
  height: 50px;
  opacity: 0;
}

.main .technology .main_con_list>li:hover::before {
  margin-left: 12px;
  transition: .2s;
  opacity: 1;
}

.main .technology .main_con_list .technology_txt {
  color: #fff;
  font-size: 14px;
  margin-top: 20px;
  z-index: 10;
}

.main .technology .main_con_list .technology_txt>li::before {
  content: '-';
  display: inline-block;
  margin-right: 6px;
}

.main .technology h4 {
  width: 100%;
  color: #fff;
  font-size: 24px;
  z-index: 10;
}

.main .technology h4 p {
  font-size: 14px;
  color: var(--color-secondary);
}

.main .technology .main_con_list>li:hover {
  margin-bottom: 10px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
  transition: 1s;
}

.technology .sub_banner_wrap>p {
  text-align: center;
}

/* --- 회사소개 company --- */
/* > 인사말 greeting */
.company .greeting>div {
  display: flex;
  gap: 80px;
  width: 100%;
  max-width: 1280px;
}

.company .greeting .sub_text {
  display: flex;
  flex-direction: column;
  gap: 40px;
  width: 100%;
}

.company .greeting .sub_text .tit {
  font-size: 32px;
  font-weight: 400;
  line-height: 1.6;
}

.company .greeting .sub_text .tit .point_blue {
  font-weight: 700;
  color: var(--color-primary);
}

.company .greeting .sub_text p {
  line-height: 1.6;
  font-weight: 300;
}

.company .greeting .sub_imgbox {
  width: 100%;
  max-width: 400px;
}

.company .greeting .sub_imgbox img {
  width: 100%;
  height: 100%;
  object-position: center;
  object-fit: cover;
}

/* 회사소개 > 경영이념 */
.company .mission {
  padding-bottom: 0;
}

.company .mission>div {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.company .mission .sub_text p {
  font-size: 26px;
  font-weight: 400;
  margin-bottom: 10px;
  letter-spacing: -1.5px;
  color: #444;
}

.company .mission .sub_text p .t_blue {
  font-weight: 600;
  color: #397AC9;
}

.company .mission .sub_text p .t_orange {
  font-weight: 600;
  color: #2E994B;
}

.company .mission .sub_text p .t_green {
  font-weight: 600;
  color: #DD6F32;
}

.company .mission .sub_text div {
  margin-top: 10px;
  color: #777;
}

.company .mission .fixed_bg.missionv {
  background-image: url(../images/mission_bg.jpg);
}

.company .mission .fixed_bg.value {
  background-image: url(../images/value_bg.jpg);
}

.company .mission .eng_swdev {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  text-align: left;
  margin: 160px auto 80px;
}

.company .mission .eng_swdev h4 {
  font-weight: 400;
  font-size: 32px;
  padding-bottom: 12px;
  letter-spacing: -0.04em;
}

.company .mission .vision ul {
  margin: 30px 0 50px;
  display: flex;
  align-items: center;
}

.company .mission .vision ul li {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  text-align-last: center;
  width: 65%;
  height: max-content;
  padding: 40px;
  vertical-align: middle;
  border-radius: 100px;
  border: 5px solid #092775;
}

.company .mission .vision ul li:nth-child(2) {
  width: 10%;
  border: none;
  border-radius: 0;
  border: dotted #dedede;
  border-width: 3px 0 0 0;
  height: 1px;
  padding: 0;
}

.company .mission .vision ul li:nth-child(3) {
  width: 25%;
  border: 3px solid #092775;
  font-size: 20px;
  line-height: 140%;
  color: #555;
  margin: 0 auto;
  text-align: center;
  font-weight: 300;
  color: #444;
}

.company .mission .vision ul li strong {
  font-size: 35px;
  color: #333;
  text-align: center;
  font-weight: 500;
}

.company .mission .action {
  display: flex;
  justify-content: center;
  position: relative;
}

.company .mission .action::before {
  content: 'Shared Value';
  position: absolute;
  bottom: -130px;
  font-size: 160px;
  font-weight: 800;
  opacity: .05;
  letter-spacing: -0.04em;
}

.company .mission .action .action_plan {
  display: flex;
  justify-content: center;
  position: relative;
  width: 360px;
  height: 360px;
  margin: 160px auto;
  background: linear-gradient(rgba(237, 189, 189, 0.1), rgba(103, 18, 18, 0.1));
  border-radius: 50%;
  border: 1px solid #A44D4D;
}

.company .mission .action .action_plan .circle_blue {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: linear-gradient(#0C3192, #092775);
  width: 240px;
  height: 240px;
  border-radius: 50%;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.company .mission .action .action_plan .circle_blue p {
  color: #fff;
  font-size: 24px;
  font-weight: 500;
  text-align: center;
  line-height: 1.3;
  z-index: 2;
}

.company .mission .action .action_plan .circle_line_pink {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border: 1.5px dashed #A44D4D;
  width: 400px;
  height: 400px;
  border-radius: 50%;
  opacity: 0.3;
  z-index: -1;
}

.company .mission .action .action_plan .dot {
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #9B1A1A;
  z-index: 3;
}

.company .mission .action .action_plan .fix p {
  font-size: 18px;
  color: #000;
  font-weight: 700;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.company .mission .action .action_plan .fix p span {
  font-weight: 400;
  font-size: 14px;
  color: #999;
}

.company .mission .action .action_plan div[class*="fix_"] {
  position: absolute;
}

.company .mission .action .action_plan div[class*="fix_"]::before {
  content: '';
  position: absolute;
  display: block;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background-position: center;
  background-repeat: no-repeat;
}

.company .mission .action .action_plan .fix .fix_01 {
  top: -37%;
  left: 130px;
  text-align: center;
}

.company .mission .action .action_plan .fix .fix_01::before {
  top: 51px;
  left: 26px;
  background-image: url(../images/icon_action01.svg);
}

.company .mission .action .action_plan .fix .fix_02 {
  top: 47px;
  right: -157px;
  text-align: left;
}

.company .mission .action .action_plan .fix .fix_02::before {
  top: 2px;
  right: 99px;
  background-image: url(../images/icon_action02.svg);
}

.company .mission .action .action_plan .fix .fix_03 {
  top: 51px;
  left: -151px;
  text-align: center;
}

.company .mission .action .action_plan .fix .fix_03::before {
  top: -2px;
  left: 92px;
  background-image: url(../images/icon_action03.svg);
}

.company .mission .action .action_plan .fix .fix_04 {
  bottom: -8px;
  right: -110px;
  text-align: right;
}

.company .mission .action .action_plan .fix .fix_04::before {
  top: -1px;
  left: -54px;
  background-image: url(../images/icon_action04.svg);
}

.company .mission .action .action_plan .fix .fix_05 {
  bottom: -6px;
  left: -72px;
  text-align: right;
}

.company .mission .action .action_plan .fix .fix_05::before {
  top: 0px;
  right: -54px;
  background-image: url(../images/icon_action05.svg);
}

.company .mission .action .action_plan .fix .fix_02 p {
  align-items: flex-start;
}

.company .mission .action .action_plan .fix .fix_03 p {
  align-items: flex-end;
}

.company .mission .action .action_plan .fix .fix_04 p {
  align-items: flex-start;
}

.company .mission .action .action_plan .fix .fix_05 p {
  align-items: flex-end;
}

.company .mission .action .action_plan .fix .dot.f_01 {
  top: 0;
  left: 50%;
  transform: translateX(-50%) translateY(-6px);
}

.company .mission .action .action_plan .fix .dot.f_02 {
  top: 27%;
  right: 3.5%;
  transform: rotate(-120deg);
}

.company .mission .action .action_plan .fix .dot.f_03 {
  top: 27%;
  left: 3.5%;
  transform: rotate(30deg);
}

.company .mission .action .action_plan .fix .dot.f_04 {
  bottom: 15%;
  right: 11%;
  transform: rotate(50deg);
}

.company .mission .action .action_plan .fix .dot.f_05 {
  bottom: 15%;
  left: 11%;
  transform: rotate(-230deg);
}

.company .mission .action .action_plan .fix .dot::before {
  content: '';
  position: absolute;
  border-top: 1.5px dashed #9B1A1A;
  width: 30px;
  z-index: 0;
}

.company .mission .action .action_plan .fix .dot.f_01::before {
  transform: translate(-50%, -50%) rotate(90deg);
  top: -160%;
  left: 50%;
}

.company .mission .action .action_plan .fix .dot.f_02::before {
  transform: translate(-50%, -50%) rotate(90deg);
  top: 270%;
  left: 50%;
}

.company .mission .action .action_plan .fix .dot.f_03::before {
  transform: translate(-50%, -50%) rotate(180deg);
  top: 50%;
  left: -170%;
}

.company .mission .action .action_plan .fix .dot.f_04::before {
  transform: translate(-50%, -50%) rotate(180deg);
  top: 50%;
  left: 260%;
}

.company .mission .action .action_plan .fix .dot.f_05::before {
  transform: translate(-50%, -50%) rotate(180deg);
  top: 50%;
  left: 260%;
}

.company .mission .action .action_plan .move .dot {
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  opacity: 0.3;
  animation-duration: 12s;
  animation-iteration-count: infinite;
}

.company .mission .action .action_plan .move .dot.m_01 {
  animation-name: action-dot-anim-01;
}

.company .mission .action .action_plan .move .dot.m_02 {
  animation-name: action-dot-anim-02;
}

.company .mission .action .action_plan .move .dot.m_03 {
  animation-name: action-dot-anim-03;
}

.company .mission .action .action_plan .move .dot.m_04 {
  animation-name: action-dot-anim-04;
}

.company .mission .action .action_plan .move .dot.m_05 {
  animation-name: action-dot-anim-05;
}

@keyframes action-dot-anim-01 {
  0% {
    transform: rotate(-26deg) translateX(180px)
  }

  20% {
    transform: rotate(42deg) translateX(180px)
  }

  40% {
    transform: rotate(138deg) translateX(180px)
  }

  60% {
    transform: rotate(206deg) translateX(180px)
  }

  80% {
    transform: rotate(270deg) translateX(180px)
  }

  100% {
    transform: rotate(334deg) translateX(180px)
  }
}

@keyframes action-dot-anim-02 {
  0% {
    transform: rotate(42deg) translateX(180px)
  }

  20% {
    transform: rotate(138deg) translateX(180px)
  }

  40% {
    transform: rotate(206deg) translateX(180px)
  }

  60% {
    transform: rotate(270deg) translateX(180px)
  }

  80% {
    transform: rotate(334deg) translateX(180px)
  }

  100% {
    transform: rotate(402deg) translateX(180px)
  }
}

@keyframes action-dot-anim-03 {
  0% {
    transform: rotate(138deg) translateX(180px)
  }

  20% {
    transform: rotate(206deg) translateX(180px)
  }

  40% {
    transform: rotate(270deg) translateX(180px)
  }

  60% {
    transform: rotate(334deg) translateX(180px)
  }

  80% {
    transform: rotate(402deg) translateX(180px)
  }

  100% {
    transform: rotate(498deg) translateX(180px)
  }
}

@keyframes action-dot-anim-04 {
  0% {
    transform: rotate(206deg) translateX(180px)
  }

  20% {
    transform: rotate(270deg) translateX(180px)
  }

  40% {
    transform: rotate(334deg) translateX(180px)
  }

  60% {
    transform: rotate(402deg) translateX(180px)
  }

  80% {
    transform: rotate(498deg) translateX(180px)
  }

  100% {
    transform: rotate(566deg) translateX(180px)
  }
}

@keyframes action-dot-anim-05 {
  0% {
    transform: rotate(270deg) translateX(180px)
  }

  20% {
    transform: rotate(334deg) translateX(180px)
  }

  40% {
    transform: rotate(402deg) translateX(180px)
  }

  60% {
    transform: rotate(498deg) translateX(180px)
  }

  80% {
    transform: rotate(566deg) translateX(180px)
  }

  100% {
    transform: rotate(630deg) translateX(180px)
  }
}

/* 회사소개 > 연혁 */
.company .history>ul {
  position: relative;
}

.company .history>ul::before {
  content: '';
  position: absolute;
  top: 365px;
  left: 50%;
  transform: translateX(-50%);
  height: calc(100% - 365px);
  width: 1px;
  background: #eeeeee;
}

.company .history>ul::after {
  content: '';
  position: absolute;
  top: 365px;
  left: 50%;
  transform: translateX(-50%);
  height: 0;
  width: 1px;
  background: var(--color-primary);
  transition: 1s
}

.company .history>ul:last-of-type {
  padding-bottom: 0;
}

.company .history>ul>li {
  position: relative;
  width: calc(50% - 70px);
  margin-left: auto;
  padding-bottom: 80px;
}

.company .history>ul>li::before {
  content: '';
  position: absolute;
  top: 14px;
  left: -70px;
  width: 1px;
  height: 0;
  background: var(--color-primary);
  transition: 0.5s
}

.company .history>ul>li:nth-of-type(2n)::before {
  left: auto;
  right: -71px;
}

.company .history>ul>li:first-of-type::before {
  height: 0;
  top: 0;
}

.company .history>ul>li.on::before {
  height: 100%;
}

.company .history>ul>li:first-of-type.on::before {
  height: calc(100% + 84px);
}

.company .history>ul>li:last-of-type {
  padding-bottom: 0;
}

.company .history>ul>li:last-of-type::before {
  display: none;
}

.company .history>ul>li>span {
  position: relative;
  display: inline-block;
  vertical-align: top;
  font-weight: 800;
  font-size: 36px;
  color: var(--color-primary);
  margin-bottom: 20px;
}

.company .history>ul>li>span::before {
  content: "";
  position: absolute;
  top: 20px;
  left: -75px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--color-primary);
  z-index: 2;
}

.company .history>ul>li>span::after {
  content: "";
  position: absolute;
  top: 13px;
  left: -82px;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #fff;
  border: 1px solid var(--color-primary);
  transform: scale(0);
  transition: 0.4s;
}

.company .history>ul>li.on>span::after {
  transform: scale(1);
}

.company .history>ul>li>ul>li {
  padding-left: 40px;
  position: relative;
  font-size: 20px;
  color: #444;
  margin-bottom: 16px;
}

.company .history>ul>li>ul>li:last-of-type {
  margin-bottom: 0;
}

.company .history>ul>li>ul>li>span {
  position: absolute;
  top: 0px;
  left: 0;
  font-weight: 700;
  color: #222;
}

.company .history>ul>li:nth-of-type(2n) {
  margin-left: 0;
  margin-right: auto;
  text-align: right;
}

.company .history>ul>li:nth-of-type(2n)>span::before {
  left: auto;
  right: -75px
}

.company .history>ul>li:nth-of-type(2n)>span::after {
  left: auto;
  right: -82px;
}

.company .history>ul>li:nth-of-type(2n)>ul>li {
  padding-left: 0;
  padding-right: 40px;
}

.company .history>ul>li:nth-of-type(2n)>ul>li>span {
  left: auto;
  right: 0;
}

/* 회사소개 > 공장현황 */
.company .factory {
  overflow-x: hidden;
  padding-bottom: 0;
}

.company .factory>div {
  padding-bottom: 120px;
}

.company .factory h4 {
  font-size: 36px;
  line-height: 1.2;
  margin-bottom: 24px;
  min-width: max-content;
}

.company .factory .info {
  display: grid;
  grid-template-columns: 2.2fr 1.5fr 2.2fr;
  grid-template-rows: 300px 520px;
  gap: 24px;
}

.company .factory .info div {
  position: relative;
}

.company .factory .info div img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.company .factory .info div>span {
  width: 100%;
  position: absolute;
  height: 32px;
  background-color: var(--color-primary);
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  padding: 0 16px;
  font-weight: 500;
  white-space: nowrap;
}

.company .factory .info div:nth-child(1) ul li {
  margin-bottom: 8px;
  font-size: 18px;
}

.company .factory .info div:nth-child(1) ul em {
  display: inline-block;
  width: 52px;
  margin-right: 8px;
}

.company .factory .info div:nth-child(2)>span {
  width: 100%;
}

.company .factory .info div:nth-child(4) {
  grid-column: span 3;
}

.company .factory .info div:nth-child(4)>span {
  bottom: initial;
  top: 0;
}

.company .factory .quality div {
  margin: 0 auto;
  width: max-content;
  padding: 40px 0 80px;
}

.company .factory .quality div img {
  height: 560px;
  aspect-ratio: 16/9;
  object-fit: cover;
}

.company .factory .quality div span {
  display: block;
  font-size: 20px;
  color: var(--color-primary);
  background-color: #f5f5f5;
  width: 100%;
  text-align: center;
  padding: 12px 0;
}

.company .factory .quality div span em {
  padding-right: 12px;
}

.company .factory .facility ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

.company .factory .facility ul li {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 80px;
  border: 1px solid #ccc;
}

.company .factory .process h4 span {
  font-size: 18px;
  color: #aaa;
  font-weight: 400;
  padding-left: 24px;
}

.company .factory .process h4 span b {
  padding-right: 8px;
}

.company .factory .process ul {
  position: relative;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 32px;
  margin-top: 80px;
}

.company .factory .process ul::after {
  position: absolute;
  content: "";
  width: 100vw;
  height: 1px;
  top: 56px;
  left: 50%;
  translate: -50% 0;
  background: linear-gradient(90deg, #fff 0%, #aaa 16%, #aaa 84%, #fff 100%);
  z-index: -1;
}

.company .factory .process ul li {
  display: flex;
  flex-direction: column;
  gap: 48px;
}

.company .factory .process ul li span {
  position: relative;
  width: 100%;
  font-size: 20px;
  text-align: center;
  height: 56px;
  font-weight: 500;
  animation-name: text_ani;
}

.company .factory .process ul li span::before,
.company .factory .process ul li span::after {
  content: "";
  position: absolute;
  top: calc(100% - 6px);
  left: 50%;
  translate: -50% 0;
}

.company .factory .process ul li span::before {
  width: 1px;
  height: 80px;
  border-left: 1px dashed #ccc;
  z-index: -1;
}

.company .factory .process ul li span::after {
  width: 12px;
  height: 12px;
  background-color: #ccc;
  border-radius: 50px;
  outline: 1px solid transparent;
  animation-name: highlight_ani;
}

.company .factory .process ul li span,
.company .factory .process ul li span::after {
  animation-duration: 7.5s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}

.company .factory .process ul li:nth-child(1) span,
.company .factory .process ul li:nth-child(1) span::after {
  animation-delay: 0s;
}

.company .factory .process ul li:nth-child(2) span,
.company .factory .process ul li:nth-child(2) span::after {
  animation-delay: 1.5s;
}

.company .factory .process ul li:nth-child(3) span,
.company .factory .process ul li:nth-child(3) span::after {
  animation-delay: 3s;
}

.company .factory .process ul li:nth-child(4) span,
.company .factory .process ul li:nth-child(4) span::after {
  animation-delay: 4.5s;
}

.company .factory .process ul li:nth-child(5) span,
.company .factory .process ul li:nth-child(5) span::after {
  animation-delay: 6s;
}

.company .factory .process ul li>img {
  width: 100%;
  aspect-ratio: 1/1;
  object-position: center;
  object-fit: cover;
}

.company .factory .process.conc ul::after {
  display: none;
}

.company .factory .process.conc ul li {
  gap: 0;
  background-color: #fff;
  border: 1px solid #00000011;
}

.company .factory .process.conc ul li:nth-child(even) {
  background-color: #4D82A511;
}

.company .factory .process.conc ul li span {
  animation: none;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 120px;
}

.company .factory .process.conc ul li span::after {
  display: none;
}

.company .factory .fixed_bg.rebar {
  background-image: url(../images/company_factory_rebar_bg.jpg);
  margin-bottom: 240px;
}

.company .factory .fixed_bg.conc {
  background-image: url(../images/company_factory_conc_bg.jpg);
  margin-bottom: 0 !important;
}

@keyframes text_ani {
  10% {
    color: var(--color-primary);
  }

  20% {
    color: #000;
  }
}

@keyframes highlight_ani {
  10% {
    background-color: var(--color-primary);
    outline-offset: 6px;
    outline-color: var(--color-primary);
    color: var(--color-primary);
  }

  20% {
    background-color: #ccc;
    outline-offset: 6px;
    outline-color: transparent;
    color: #000;
  }
}

/* > 오시는길 contact */
.company .contact>div {
  position: relative;
}

.company .contact .map_box {
  width: 100%;
  height: 64vh;
  overflow: hidden;
  position: relative;
}

.company .contact .map_box iframe {
  width: 100%;
  height: 100%;
  border: none;
}

.company .contact .map_info {
  position: absolute;
  top: -32px;
  right: calc((100% - 1440px) / 2);
  background-color: #fafafa;
  width: 480px;
  height: 320px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-top: 4px solid var(--color-primary);
  font-size: 20px;
  gap: 24px;
  box-shadow: 0 8px 16px #00000033;
}

.company .contact .map_info .logo {
  width: 48%;
  text-align: center;
}

.company .contact .map_info .logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

.company .contact .map_info .text {
  font-size: 20px;
  line-height: 32px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  letter-spacing: 0;
  text-align: center
}

.company .contact .map_info .text .addr {
  display: block;
  margin-bottom: 16px;
}

.company .contact .map_info .text p .bold {
  font-weight: 700;
  width: 50px;
  display: inline-block;
}

/* --- 제품소개 business --- */
/* > 전체 all */
.business .sub_banner_wrap p .brk {
  display: none;
}

.business .sub_tab_b {
  display: none;
}

.business .all {
  position: relative;
  padding-bottom: 160px;
  overflow: hidden;
}

.business .all::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 560px;
  left: 0;
  background: url(../images/line.svg) no-repeat;
  background-size: 100%;
  z-index: -1;
}

.business .all .brk {
  display: none;
}

.business .all .con_text {
  text-align: center;
}

.business .all .con_text h5 {
  font-size: 24px;
  font-weight: initial;
  letter-spacing: -0.05em;
}

.business .all .con_text ul {
  display: flex;
  margin: 40px auto 0;
  justify-content: center;
  width: 100%;
}

.business .all .con_text ul li {
  width: 24%;
  height: 160px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-image: linear-gradient(180deg, #B3D0E033 0%, #fff 100%);
  border-radius: 8px;
  color: var(--color-primary);
  font-size: 18px;
  letter-spacing: -0.04em;
}

.business .all .con_text ul li:nth-child(2) {
  background-image: linear-gradient(0deg, #B3D0E033 0%, transparent 100%);
}

.business .all .list {
  margin: 120px auto 120px;
  position: relative;
}

.business .all .list:after {
  position: absolute;
  width: fit-content;
  height: fit-content;
  font-size: 100px;
  line-height: 100%;
  font-weight: 900;
  color: #f3f3f3;
  z-index: -1;
  letter-spacing: -0.06em;
}

.business .all .list h4 {
  font-size: 32px;
  font-weight: 700;
  letter-spacing: -0.05em;
  margin-bottom: 24px;
}

.business .all .list ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

.business .all .list ul li {
  display: flex;
  flex-direction: column;
  box-shadow: 0 4px 4px #00000011;
  border: 1px solid #00000011;
  border-radius: 8px;
  overflow: hidden;
  position: relative;
}

.business .all .list ul li img {
  aspect-ratio: 16/9;
  object-fit: cover;
  object-position: center;
  background-color: #fff;
}

.business .all .list ul li p {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: flex-end;
  gap: 8px;
  padding: 16px 24px;
  background-image: linear-gradient(180deg, #00000001 70%, #00000022 100%);
}

.business .all .list ul li p span {
  color: #000;
  font-size: 24px;
  font-weight: 700;
  text-shadow: 1px 1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff;
}

.business .all .list ul li p small {
  font-size: 0.8em;
  font-weight: initial;
}

.business .all .list ul li::before {
  content: '';
  position: absolute;
  top: 6px;
  left: calc(100% - 60px);
  margin-left: 6px;
  display: block;
  background: #fff url(../images/ico_arr.svg) center no-repeat;
  width: 40px;
  height: 40px;
  opacity: 0;
  z-index: 10;
}

.business .all .list ul li:hover::before {
  margin-left: 14px;
  transition: .2s;
  opacity: 1;
}

.business .all .list.deck::after {
  content: "Deck & H-Plie";
  top: -100px;
  right: -100px;
}

.business .all .list.pc::after {
  content: "PC \A Bridge Line";
  bottom: 0px;
  right: -50px;
  white-space: pre;
}

.construction_compare {
  display: grid;
  grid-template-columns: minmax(0, .94fr) 80px minmax(0, 1.06fr);
  gap: 0;
  align-items: stretch;
  padding: 0;
  position: relative;
  max-width: 1200px;
  margin: 20px auto 60px;
}

.construction_compare .compare_card {
  background: #fff;
  border-radius: 4px;
  overflow: hidden;
  box-shadow: 0 6px 16px rgba(0, 0, 0, .10);
  border: 1px solid #00000010;
  position: relative;
  z-index: 1;
}

.construction_compare .compare_card.basic {
  transform: scale(.96);
  transform-origin: right center;
  align-self: center;
}

.construction_compare .compare_card.basic .card_head {
  height: 60px;
}

.construction_compare .compare_card.basic .card_body {
  padding: 30px 20px;
  gap: 12px;
  min-height: auto;
  justify-content: flex-start;
}

.construction_compare .compare_card.basic .card_body li {
  padding-top: 12px;
}

.construction_compare .compare_card.basic .card_body li:first-child {
  padding-top: 0;
}

.construction_compare .compare_card.improve {
  z-index: 2;
}

.construction_compare .compare_card .card_head {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 56px;
  font-size: 22px;
  font-weight: 700;
}

.construction_compare .compare_card.basic .card_head {
  background: #d8d8d8;
  color: #444;
}

.construction_compare .compare_card.improve .card_head {
  background: var(--color-primary);
  color: #fff;
}

.construction_compare .compare_card .card_body {
  display: flex;
  flex-direction: column;
  gap: 18px;
  padding: 28px 24px;
  margin: 0;
  min-height: 3px;
  justify-content: center;
}

.construction_compare .compare_card .card_body li {
  list-style: none;
  text-align: center;
  line-height: 1.8;
  color: #333;
  border-top: 1px solid #efefef;
  padding-top: 18px;
}

.construction_compare .compare_card .card_body li:first-child {
  border-top: 0;
  padding-top: 0;
}

.construction_compare .compare_card.improve .card_body li {
  color: var(--color-primary);
  font-weight: 600;
}

.construction_compare .compare_bridge {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 3;
}

.construction_compare .compare_bridge .bridge_inner {
  position: relative;
  width: 102px;
  height: 400px;
  border-radius: 4px;
  background: linear-gradient(270deg, #6ACFFB -40%, rgba(195, 223, 235, .60) 28%, rgba(255, 255, 255, 0) 100%);
  box-shadow: inset 10px 0 18px rgba(255, 255, 255, .75), inset -12px 0 16px rgba(0, 76, 191, .12), 0 8px 18px rgba(0, 0, 0, .08);
  clip-path: polygon(0 8%, 100% 0, 100% 100%, 0 92%);
}

.construction_compare .compare_bridge .bridge_inner::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(90deg, rgba(255, 255, 255, .75) 0%, rgba(255, 255, 255, 0) 38%, rgba(0, 76, 191, .08) 100%);
  pointer-events: none;
}

.construction_compare .compare_bridge .bridge_inner::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: -1px;
  width: 1px;
  background: rgba(0, 76, 191, .18);
}

@media (max-width:1000px) {
  .business .detail .construction_compare {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}

@media (max-width:1000px) {
  .business .detail .construction_compare .compare_card.basic {
    transform: none;
  }
}

@media (max-width:1000px) {
  .business .detail .construction_compare .compare_bridge {
    height: 56px;
  }
}

@media (max-width:1000px) {
  .business .detail .construction_compare .compare_bridge .bridge_inner {
    width: 100%;
    max-width: 320px;
    height: 56px;
    clip-path: polygon(3% 0, 97% 0, 100% 50%, 97% 100%, 3% 100%, 0 50%);
    background: linear-gradient(90deg, rgba(195, 223, 235, .45) 0%, #6ACFFB 50%, rgba(195, 223, 235, .45) 100%);
  }
}

@media (max-width:769px) {
  .business .detail .construction_compare .compare_card .card_head {
    height: 50px;
    font-size: 18px;
  }
}

@media (max-width:769px) {
  .business .detail .construction_compare .compare_card .card_body {
    padding: 22px 18px;
    gap: 14px;
    min-height: auto;
  }
}

/* > 상세페이지 detail */
.business .detail.all {
  background: none;
}

.business .detail {
  background: url(../images/business_bg.png), linear-gradient(180deg, #E5F0F4 0, transparent 800px);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top center;
  letter-spacing: -0.04em;
  font-size: 22px;
  line-height: 160%;
  padding-bottom: 0;
  _max-width: 1920px;
  margin: 0 auto;
}

.business .detail h3 {
  line-height: 100%;
  text-align: center;
}

.business .detail h3 span {
  font-size: 22px;
  font-weight: 400;
  color: #777;
  display: flex;
  justify-content: center;
  align-items: center;
  background-image: linear-gradient(90deg, transparent 0%, #fff 25%, #fff 75%, transparent 100%);
  width: max-content;
  margin: 16px auto 0;
  padding: 0 40px;
  letter-spacing: 0;
}

.detail_local_tab {
  display: flex;
  gap: 1px;
  justify-content: center;
  align-items: center;
  width: 708px;
  max-width: calc(100% - 40px);
  margin: 0 auto 60px;
  padding: 0;
  list-style: none;
}

.detail_local_tab>li {
  flex: 1 1 33.3333%;
  max-width: 33.3333%;
  background-color: rgba(0, 0, 0, 0.1);
  transition: 0.25s;
}

.detail_local_tab>li.active {
  background-color: var(--color-primary);
}

.detail_local_tab>li .tab_btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 60px;
  padding: 19px 0;
  border: 0;
  background: transparent;
  color: #666;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  line-height: 1;
  cursor: pointer;
}

.detail_local_tab>li.active .tab_btn {
  color: #fff;
  font-weight: 700;
}

.business .detail [data-subtab-panel] {
  display: none;
}

.business .detail [data-subtab-panel].is-active {
  display: flex;
}

.business .detail h4 {
  display: block;
  font-size: 32px;
  font-weight: initial;
  _text-align: center;
  line-height: 1.2;
  margin-bottom: 20px;
}

.business .detail>div {
  display: flex;
  flex-direction: column;
  align-items: left;
  justify-content: center;
  margin: 0 auto;
}

.business .detail>div::after {
  position: absolute;
  width: fit-content;
  height: fit-content;
  font-size: 160px;
  line-height: 100%;
  font-weight: 900;
  color: #f7f7f7;
  z-index: -1;
  letter-spacing: -0.06em;
}

.business .detail .top {
  margin: 0 auto;
  padding: 40px 0 80px;
  gap: 0;
}

.business .detail .top>img {
  width: 92%;
  max-width: 1000px;
  object-fit: contain;
  object-position: center;
}

.business .detail .top .info {
  display: grid;
  grid-auto-flow: column;
  gap: 16px;
  justify-content: center;
  text-align: center;
  width: 96%;
}

.business .detail .top .info li {
  padding: 8px 24px;
  border-radius: 50px;
  border: 4px solid #1D428955;
  background-image: linear-gradient(180deg, #F1F6FF 0%, #fff 80%);
  color: var(--color-primary);
  font-weight: 700;
}

/*.business .detail .adv::after { content: "Advantages"; bottom: 0; right: 40px;}*/
.business .detail .adv ul {
  display: flex;
  flex-direction: column;
  gap: 80px;
  margin: 0 auto;
  width: 100%;
}

.business .detail .adv ul>li {
  display: grid;
  grid-template-columns: 1fr 2fr;
  border-radius: 8px;
  position: relative;
}

.business .detail .adv ul>li p {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 24px;
  padding: 40px;
  background-image: linear-gradient(142deg, #fff 0%, transparent 50%);
  height: 100%;
  border-radius: inherit;
  border-radius: 8px 0 0 0;
}

.business .detail .adv.loadtest_panel .dynamic_test ul>li:nth-child(3) {
  display: block;
  height: auto;
  min-height: auto;
}

.business .detail .adv.loadtest_panel .dynamic_test ul>li:nth-child(3) p {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 40px;
  padding: 32px 40px;
  border-radius: 8px;
  background-image: linear-gradient(142deg, #fff 0%, transparent 50%);
}

.business .detail .adv.loadtest_panel .dynamic_test ul>li:nth-child(3) p span {
  flex: 0 0 auto;
  min-width: 220px;
  margin: 0;
}

.business .detail .adv.loadtest_panel .dynamic_test ul>li:nth-child(3) p br {
  display: block;
}

.business .detail .adv ul>li p::after {
  padding: 1px 0 0 1px;
  background-image: linear-gradient(142deg, #1D428955 0%, transparent 50%);
}

.business .detail .adv ul>li p span {
  font-size: 28px;
  font-weight: 700;
  position: relative;
  color: var(--color-primary);
  padding-left: 28px;
}

.business .detail .adv ul>li p span::before {
  position: absolute;
  top: 8px;
  left: 0;
  content: "";
  width: 22px;
  aspect-ratio: 1/1;
  background-image: url(../images/li_style.svg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 8px;
}

.business .detail .adv ul>li:nth-child(even) {
  grid-template-columns: 2fr 1fr;
}

.business .detail .adv ul>li:nth-child(even) p {
  order: 1;
  border-radius: 0 8px 0 0;
  background-image: linear-gradient(-142deg, #fff 0%, transparent 50%);
}

.business .detail .adv ul>li:nth-child(even) p::after {
  padding: 1px 1px 0 0;
  background: linear-gradient(-142deg, #1D428955 0%, transparent 50%);
}

.business .detail .adv ul>li div {
  display: flex;
  gap: 8px;
  overflow: hidden;
  height: 100%;
}

.business .detail .adv.loadtest_panel .dynamic_test ul>li:first-child div img {
  width: calc((100% - 16px) / 3);
  min-width: 0;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 0px;
}

.business .detail .adv ul>li:nth-child(even) div img.monitor {
  left: -32px;
  right: initial;
}

.business .detail .adv ul>li.steam {
  grid-template-columns: 1fr !important;
  height: initial;
  min-height: initial;
}

.business .detail .adv ul>li.steam p {
  background-image: linear-gradient(188deg, #fff 0%, transparent 50%);
}

.business .detail .adv ul>li.steam p::after {
  padding: 1px 1px 0 0;
  background: linear-gradient(188deg, #1D428955 0%, transparent 50%);
}

.business .detail .adv ul>li.steam.odd p {
  background-image: linear-gradient(-188deg, #fff 0%, transparent 50%);
}

.business .detail .adv ul>li.steam.odd p::after {
  padding: 1px 0 0 1px;
  background: linear-gradient(-188deg, #1D428955 0%, transparent 50%);
}

.business .detail .adv.loadtest_panel {
  background-image: none;
  gap: 0;
  _padding: 160px 0 0;
}

.business .detail .adv.loadtest_panel .test_group {
  width: 100%;
  position: relative;
}

.business .detail .adv.loadtest_panel .test_group>h4 {
  margin-bottom: 20px;
}

.business .detail .adv.loadtest_panel .test_group>ul {
  width: 100%;
}

.business .detail .adv.loadtest_panel .dynamic_test {
  margin: 0;
  padding: 0;
}

.business .detail .adv.loadtest_panel .static_test {
  margin-top: 80px;
  padding: 80px 0 0px;
  background-image: linear-gradient(180deg, #F1F5F8 0%, transparent 100%);
}

.business .detail .tech {
  padding: 160px 8%;
  background-image: linear-gradient(180deg, #FAFBFC 0%, transparent 120px), url(../images/business_tech_bg.png);
  background-position: center bottom;
  background-size: cover;
  background-repeat: no-repeat;
  border-top: 1px solid #eee;
}

.business .detail .tech ul {
  display: grid;
  grid-template-columns: 32% 1fr;
  gap: 80px;
  width: 100%;
  align-items: center;
  padding: 120px 0;
}

.business .detail .tech ul .con_text {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.business .detail .tech ul .con_text .tit {
  font-size: 48px;
  color: var(--color-primary);
  line-height: 130%;
  white-space: nowrap;
}

.business .detail .tech ul .imgs_wrap {
  width: 100%;
  height: 100%;
  position: relative;
}

.business .detail .tech ul .imgs_wrap img {
  width: 100%;
  aspect-ratio: 16/9;
  object-fit: cover;
  object-position: center;
  border-radius: 8px;
  border: 1px solid #000000aa;
  box-shadow: 8px 12px 32px #00000055;
}

.business .detail .tech ul:has(.imgs_wrap.num1) {
  padding: 0;
}

.business .detail .tech ul .imgs_wrap.num1 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
  font-size: 18px;
  text-align: center;
}

.business .detail .tech ul .imgs_wrap.num1 img {
  width: 80%;
  max-width: 800px;
  border: none;
  box-shadow: initial;
}

.business .detail .tech ul .imgs_wrap.num2 img {
  width: 56%;
  position: absolute;
  translate: 0 -50%;
}

.business .detail .tech ul .imgs_wrap.num2 img:nth-child(1) {
  top: 80%;
  left: 0%;
}

.business .detail .tech ul .imgs_wrap.num2 img:nth-child(2) {
  top: 20%;
  right: 0%;
}

.business .detail .tech ul .imgs_wrap.num3 {
  padding: 80px 0 120px;
}

.business .detail .tech ul .imgs_wrap.num3 img {
  width: 48%;
  position: absolute;
  translate: 0% -50%;
}

.business .detail .tech ul .imgs_wrap.num3 img:nth-child(1) {
  top: 0%;
  left: 4%;
  ;
}

.business .detail .tech ul .imgs_wrap.num3 img:nth-child(2) {
  top: 50%;
  right: 4%;
  z-index: 1;
}

.business .detail .tech ul .imgs_wrap.num3 img:nth-child(3) {
  top: 100%;
  left: 8%;
  z-index: 2;
}

.business .detail.deck .adv ul>li:nth-child(1) img {
  _object-fit: contain;
}

.business .detail.deck .adv ul>li>div {
  position: relative;
  height: auto;
  max-height: 320px;
}

.business .detail.deck .adv ul>li>div .tit {
  position: absolute;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(50% - 4px);
  height: 40px;
  background-color: #00000099;
  border-radius: 0 0 8px 8px;
  color: #fff;
}

.business .detail.deck .adv ul>li>div .tit.psc {
  left: 0;
}

.business .detail.deck .adv ul>li>div .tit.rc {
  right: 0;
}

.business .detail.deck .prc {
  width: 100%;
  overflow: hidden;
  background-image: linear-gradient(180deg, #fafafa 0%, transparent 50%);
  border-top: 1px solid #0000000f;
}

.business .detail.deck .prc ul {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 32px;
}

.business .detail.deck .prc ul::after {
  position: absolute;
  content: "";
  width: 100vw;
  height: 1px;
  top: 56px;
  left: 50%;
  translate: -50% 0;
  background: linear-gradient(90deg, #fff 0%, #aaa 16%, #aaa 84%, #fff 100%);
  z-index: -1;
}

.business .detail.deck .prc ul li {
  display: flex;
  flex-direction: column;
  gap: 48px;
}

.business .detail.deck .prc ul li span {
  position: relative;
  width: 100%;
  font-size: 20px;
  text-align: center;
  height: 56px;
  font-weight: 500;
  animation-name: text_ani;
}

.business .detail.deck .prc ul li span::before,
.business .detail.deck .prc ul li span::after {
  content: "";
  position: absolute;
  top: calc(100% - 6px);
  left: 50%;
  translate: -50% 0;
}

.business .detail.deck .prc ul li span::before {
  width: 1px;
  height: 80px;
  border-left: 1px dashed #ccc;
  z-index: -1;
}

.business .detail.deck .prc ul li span::after {
  width: 12px;
  height: 12px;
  background-color: #ccc;
  border-radius: 50px;
  outline: 1px solid transparent;
  animation-name: highlight_ani;
}

.business .detail.deck .prc ul li span,
.business .detail.deck .prc ul li span::after {
  animation-duration: 6s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}

.business .detail.deck .prc ul li:nth-child(1) span,
.business .detail.deck .prc ul li:nth-child(1) span::after {
  animation-delay: 0s;
}

.business .detail.deck .prc ul li:nth-child(2) span,
.business .detail.deck .prc ul li:nth-child(2) span::after {
  animation-delay: 1.5s;
}

.business .detail.deck .prc ul li:nth-child(3) span,
.business .detail.deck .prc ul li:nth-child(3) span::after {
  animation-delay: 3s;
}

.business .detail.deck .prc ul li:nth-child(4) span,
.business .detail.deck .prc ul li:nth-child(4) span::after {
  animation-delay: 4.5s;
}

.business .detail.deck .prc ul li>img {
  width: 100%;
  aspect-ratio: 1/1;
  object-position: center;
  object-fit: cover;
}

.business .detail.deck .tech ul .imgs_wrap.num1 {
  gap: 0;
}

.business .detail.deck .tech ul .imgs_wrap.num1 img {
  object-fit: contain;
  border: 1px solid #00000011;
  border-bottom: 0;
  background-color: #fff;
  border-radius: 8px 8px 0 0;
}

.business .detail.deck .tech ul .imgs_wrap.num1 span {
  width: 80%;
  max-width: 800px;
  padding: 12px;
  background-color: #F1F6FF;
  border-radius: 0 0 8px 8px;
  font-size: 22px;
  font-weight: 700;
  color: var(--color-primary);
  border: 1px solid #00000011;
}

.business .detail.grb .adv ul>li:nth-child(1) img {
  object-fit: contain;
}

.business .detail.nod .adv ul>li:nth-child(1) div {
  position: relative;
}

.business .detail.nod .adv ul>li:nth-child(1) div img {
  position: absolute;
  height: 200px;
  width: initial;
  object-fit: contain;
  object-position: center;
  border-radius: 0;
}

.business .detail.nod .adv ul>li:nth-child(1) div img:nth-child(1) {
  top: 0;
  left: 0;
}

.business .detail.nod .adv ul>li:nth-child(1) div img:nth-child(2) {
  bottom: 0;
  right: 0;
}

.business .detail.nod .tech ul .imgs_wrap.num1 {
  align-items: start;
}

.business .detail.nod .tech ul .imgs_wrap.num1 img {
  width: 70%;
}

.business .detail.nod .tech ul .imgs_wrap.num1 img.monitor {
  width: 60%;
  position: absolute;
  bottom: -80px;
  right: 0px;
  object-fit: contain;
  object-position: right center;
}

.business .detail.beam .top {
  display: grid;
  grid-template-rows: 360px auto;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  justify-items: center;
  gap: 32px 40px;
  padding-bottom: 160px;
}

.business .detail.beam .top>img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

.business .detail.beam .top p {
  text-align: center;
  padding: 8px 40px;
  border-radius: 50px;
  width: max-content;
  font-weight: 700;
  line-height: 1.4;
  color: var(--color-primary);
  background-image: linear-gradient(180deg, #F1F6FF 0%, #fff 80%);
  border: 4px solid #1D428955;
}

.business .detail.rebar .process {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 80px;
  background-image: linear-gradient(180deg, #F1F5F8 0%, transparent 240px);
}

.business .detail.rebar .process>p {
  text-align: center;
  font-size: 24px;
  line-height: 1.4;
}

.business .detail.rebar .process .mini {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  width: 80%;
  background-color: #fff;
  border-radius: 100px;
  box-shadow: 0 0 12px #00000022;
}

.business .detail.rebar .process .mini li {
  display: flex;
  flex-direction: column;
  _justify-content: center;
  align-items: center;
  gap: 8px;
  color: var(--color-primary);
  line-height: 1.2;
  padding: 16px 0;
  font-size: 18px;
  position: relative;
  text-align: center;
}

.business .detail.rebar .process .mini li::before {
  position: absolute;
  content: "";
  width: 24px;
  height: 100%;
  top: 0;
  right: 0px;
  background-image: url(../images/business_rebar_mini_arr.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center right;
  filter: drop-shadow(1px 0 0px #00000011);
  mix-blend-mode: darken;
}

.business .detail.rebar .process .mini li:last-child::before {
  display: none;
}

.business .detail.rebar .process .steps_wrap {
  position: relative;
}

.business .detail.rebar .process .steps_wrap .line {
  position: absolute;
  top: 120px;
  left: 50%;
  translate: -50% 0;
  width: 2px;
  height: 100%;
  background-image: linear-gradient(180deg, var(--color-primary) calc(100% - 120px), transparent 100%);
}

.business .detail.rebar .process .steps_wrap .steps_list {
  display: flex;
  flex-direction: column;
  gap: 160px;
  width: 100%;
  margin: 120px auto 0;
}

.business .detail.rebar .process .steps_wrap .steps_list>li {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 40px 1fr;
  grid-template-areas: "img cir text";
  gap: 24px;
}

.business .detail.rebar .process .steps_wrap .steps_list>li>img {
  height: 200px;
  aspect-ratio: 16/9;
  border-radius: 4px;
  border: 1px solid #00000033;
  grid-area: img;
  justify-self: end;
  object-fit: cover;
  object-position: center;
}

.business .detail.rebar .process .steps_wrap .steps_list>li>.cir {
  grid-area: cir;
  justify-self: center;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: var(--color-primary);
  margin-top: 92px;
  outline: 1px solid var(--color-primary);
  outline-offset: 6px;
}

.business .detail.rebar .process .steps_wrap .steps_list>li>.text {
  grid-area: text;
  margin: 0;
}

.business .detail.rebar .process .steps_wrap .steps_list>li>.text p {
  display: flex;
  flex-direction: column;
  font-size: 32px;
  gap: 4px;
  color: var(--color-primary);
  margin-bottom: 32px;
}

.business .detail.rebar .process .steps_wrap .steps_list>li>.text ul li {
  display: flex;
  flex-direction: column;
  gap: 4px;
  line-height: 140%;
  margin-bottom: 12px;
  color: #333;
}

.business .detail.rebar .process .steps_wrap .steps_list>li:nth-child(even) {
  grid-template-areas: "text cir img";
}

.business .detail.rebar .process .steps_wrap .steps_list>li:nth-child(even)>img {
  justify-self: initial;
}

.business .detail.rebar .process .steps_wrap .steps_list>li:nth-child(even)>.text {
  justify-self: end;
  text-align: right;
}

/* --- 연구개발 technology --- */
/* > 기술개발센터 center */
.technology .sub_tab ul {
  width: 80%;
}

.technology .center h3 br {
  display: none;
}

.technology .center h4 {
  font-weight: 400;
  color: #222;
  font-size: 32px;
  line-height: 1.2;
  padding-bottom: 12px;
  letter-spacing: -1px;
}

.technology .center .intro {
  position: relative;
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 60px 3% 20px;
  max-width: 1440px;
  margin: 0 auto 220px;
}

.technology .center .intro .quantum {
  display: flex;
  margin-top: 160px;
  justify-content: center;
  animation: float 1.7s ease-in-out infinite;
}

.technology .center .intro .quantum::after {
  content: "";
  position: absolute;
  width: 378px;
  height: 434px;
  right: -194px;
  top: -5px;
  background: url(../images/atom_line.svg) 0 0 / contain no-repeat;
  background-size: 100%;
  z-index: 9;
}

.technology .center .intro .quantum img.atom_logo {
  position: absolute;
  width: 500px;
  top: 26px;
  left: -238px;
  z-index: 1;
  animation: rotation 20s infinite;
  transform-origin: center;
  animation-timing-function: cubic-bezier(0.4, 0.1, 0.4, 1);
}

.technology .center .intro .quantum img.atom_all {
  position: absolute;
  height: 400px;
  width: auto;
  opacity: 0.7;
}

.technology .center .intro .quantum .dot_glow {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 10px;
  height: 10px;
  background-color: #eee;
  border-radius: 50%;
  position: absolute;
  z-index: 10;
}

.technology .center .intro .quantum .dot_glow:before {
  content: "";
  width: inherit;
  height: inherit;
  border: 5px solid #eee;
  border-radius: inherit;
  position: absolute;
  z-index: -10;
  opacity: 0;
  animation: 2s expand cubic-bezier(0.29, 0, 0, 1) infinite;
}

.technology .center .intro .quantum .dot_glow.hanmac {
  left: -52px;
  top: 28px;
}

.technology .center .intro .quantum .dot_glow.hanmac:before {
  animation-delay: 1s;
}

.technology .center .intro .quantum .dot_glow.ptc {
  right: -151px;
  top: 75px;
}

.technology .center .intro .quantum .dot_glow.ptc:before {
  animation-delay: 2s;
}

.technology .center .intro .quantum .dot_glow.saman {
  right: -180px;
  top: 251px;
}

.technology .center .intro .quantum .dot_glow.saman:before {
  animation-delay: 3s;
}

.technology .center .intro .quantum .dot_glow.jangheon {
  left: -134px;
  top: 318px;
}

.technology .center .intro .quantum .dot_glow.jangheon:before {
  animation-delay: 4s;
}

.technology .center .intro .quantum .dot_glow.halla {
  right: 173px;
  top: 120px;
}

.technology .center .intro .quantum .dot_glow.halla:before {
  animation-delay: 5s;
}

@keyframes float {
  0% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-20px);
  }

  100% {
    transform: translateY(0);
  }
}

@keyframes expand {
  1% {
    width: 0;
    height: 0;
    opacity: 1;
  }

  100% {
    width: 750%;
    height: 750%;
    opacity: 0;
    border-color: #fff;
    background-color: none;
    border-width: 2px;
  }
}

.technology .center .bg_city {
  position: relative;
  background: url(../images/bg_city.jpg) no-repeat center;
  width: 100%;
  height: 360px;
  background-size: cover;
  background-attachment: fixed;
  margin-top: 226px;
  z-index: -2;
}

.technology .center .bg_city p.bg_txt {
  position: absolute;
  font-size: 80px;
  font-weight: 800;
  color: #fff;
  letter-spacing: -0.05em;
  line-height: 1;
  width: 100%;
  text-align: center;
  left: 50%;
  bottom: -6px;
  transform: translate(-50%, 0);
  opacity: 0.2;
}

.technology .center .bg_city p.bg_txt br {
  display: none;
}

.technology .center .eng_swdev {
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: flex-start;
  text-align: left;
  padding: 80px 3%;
  max-width: 1440px;
  margin: 0 auto;
}

.technology .center .eng_swdev .txt_wrap ul.desc_wrap {
  position: relative;
  color: #666;
}

.technology .center .eng_swdev .txt_wrap ul.desc_wrap li {
  padding-left: 22px;
}

.technology .center .eng_swdev .txt_wrap ul.desc_wrap li::before {
  content: "-";
  position: absolute;
  left: 0;
  width: 20px;
  text-align: center;
}

.technology .center .eng_swdev .sw_3d {
  justify-content: center;
  width: 100%;
  margin: 40px 0;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

.technology .center .eng_swdev .sw_3d .circle-container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 460px;
  height: 460px
}

.technology .center .eng_swdev .sw_3d .circle-container>* {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
}

.technology .center .eng_swdev .sw_3d .circle_line {
  width: 85%;
  height: 85%;
  border: 1.5px dashed #A44D4D33;
}

.technology .center .eng_swdev .sw_3d .circle_pink {
  width: 76%;
  height: 76%;
  margin: 0 auto;
  background: linear-gradient(rgba(237, 189, 189, 0.1), rgba(103, 18, 18, 0.1));
  border: 1px solid #A44D4D;
}

.technology .center .eng_swdev .sw_3d .circle_blue {
  width: 55%;
  height: 55%;
  background: linear-gradient(#0C3192, #092775);
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.technology .center .eng_swdev .sw_3d .dot_wrap {
  width: 100%;
  height: 100%;
}

.technology .center .eng_swdev .sw_3d .dot_wrap.move {
  animation-duration: 12s;
  animation-iteration-count: infinite;
  animation-name: dot-rotate;
  top: 0;
  left: 0;
  opacity: 0.3;
}

.technology .center .eng_swdev .sw_3d .dot_wrap .dot {
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #9B1A1A;
}

.technology .center .eng_swdev .sw_3d .dot_wrap .dot::before {
  position: absolute;
  content: "";
  width: 1px;
  height: 48px;
  border-left: 1.5px dashed #9B1A1A;
  bottom: 0;
  left: 50%;
}

.technology .center .eng_swdev .sw_3d .dot_wrap.move .dot::before {
  display: none;
}

.technology .center .eng_swdev .sw_3d .dot_wrap .dot:nth-child(1) {
  top: 50px;
  left: 50%;
  transform: translateX(-50%);
}

.technology .center .eng_swdev .sw_3d .dot_wrap .dot:nth-child(2) {
  top: 50%;
  right: 50px;
  transform: translateY(-50%) rotate(90deg);
}

.technology .center .eng_swdev .sw_3d .dot_wrap .dot:nth-child(3) {
  bottom: 50px;
  left: 50%;
  transform: translateX(-50%) rotate(180deg);
}

.technology .center .eng_swdev .sw_3d .dot_wrap .dot:nth-child(4) {
  top: 50%;
  left: 50px;
  transform: translateY(-50%) rotate(-90deg);
}

.technology .center .eng_swdev .sw_3d .circle_txt {
  color: #fff;
  font-size: 24px;
  font-weight: 500;
  text-align: center;
  line-height: 1.3;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@keyframes dot-rotate {
  0% {
    transform: rotate(0);
  }

  25% {
    transform: rotate(90deg);
  }

  50% {
    transform: rotate(180deg);
  }

  75% {
    transform: rotate(270deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.technology .center .eng_swdev .sw_3d .fix_wrap {
  width: 100%;
  max-width: 780px;
  height: 680px;
  position: relative;
  font-size: 14px;
  color: #888;
  line-height: 1.2;
}

.technology .center .eng_swdev .sw_3d .fix_wrap .fix_cont {
  position: absolute;
  text-align: center;
}

.technology .center .eng_swdev .sw_3d .fix_wrap .fix_cont img {
  width: 42px;
}

.technology .center .eng_swdev .sw_3d .fix_wrap .fix_cont:nth-child(1) {
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.technology .center .eng_swdev .sw_3d .fix_wrap .fix_cont:nth-child(2) {
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  text-align: left;
}

.technology .center .eng_swdev .sw_3d .fix_wrap .fix_cont:nth-child(3) {
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.technology .center .eng_swdev .sw_3d .fix_wrap .fix_cont:nth-child(4) {
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  text-align: right;
}

.technology .center .eng_swdev .sw_3d .fix_wrap .fix_cont em {
  font-size: 18px;
  color: #000;
  line-height: 2;
}

.technology .center .eng_swdev .rec {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  position: relative;
  width: 100%;
  max-width: 1440px;
  margin-top: 40px;
  gap: 16px;
}

.technology .center .eng_swdev .rec li {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  width: 100%;
  height: 342px;
  color: #fff;
  background-size: cover;
  background-position: center;
}

.technology .center .eng_swdev .rec_01 {
  background: url(../images/tech_rec_01.png) 0 0 / contain no-repeat;
}

.technology .center .eng_swdev .rec_02 {
  background: url(../images/tech_rec_02.png) 0 0 / contain no-repeat;
}

.technology .center .eng_swdev .rec_03 {
  background: url(../images/tech_rec_03.png) 0 0 / contain no-repeat;
}

.technology .center .eng_swdev .rec_04 {
  background: url(../images/tech_rec_04.png) 0 0 / contain no-repeat;
}

.technology .center .eng_swdev .rec p {
  padding: 8px 0;
  font-size: 14px;
  text-align: left;
  background-color: #000;
  text-align: center;
}

hr {
  display: block;
  border-top: 1px solid #efefef;
}

.technology .center .smart_build {
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: flex-start;
  text-align: left;
  padding: 80px 3%;
  max-width: 1440px;
  margin: 0 auto;
}

.technology .center .smart_build .smart_img {
  display: grid;
  grid-template-rows: repeat(3, 240px);
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  width: 100%;
  margin: 40px 0;
}

.technology .center .smart_build .smart_img>div {
  position: relative;
}

.technology .center .smart_build .smart_img>div br {
  display: none;
}

.technology .center .smart_build .smart_img>div:nth-child(1) {
  grid-column: 1 / span 2;
  grid-row: 1 / span 3;
  overflow: hidden;
  position: relative;
}

.technology .center .smart_build .smart_img .pic_big {
  width: 950px;
  height: 100%;
  background-image: url('../images/tech_smart_01.jpg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.technology .center .smart_build .smart_img>div .pic_num {
  position: absolute;
  top: 8px;
  left: 8px;
  width: 24px;
  height: 24px;
  background-color: var(--color-secondary);
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  font-size: 14px;
  font-weight: 700;
  line-height: 60px;
}

.technology .center .smart_build .smart_img .pic_big .pic_num {
  width: 32px;
  height: 32px;
  font-size: 20px;
}

.technology .center .smart_build .smart_img .pic_big .pic_num:nth-child(1) {
  top: 24%;
  left: 28%;
}

.technology .center .smart_build .smart_img .pic_big .pic_num:nth-child(2) {
  top: 45%;
  left: 60%;
}

.technology .center .smart_build .smart_img .pic_big .pic_num:nth-child(3) {
  top: 80%;
  left: 52%;
}

.technology .center .smart_build .smart_img>div .pic_info {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #000;
  width: 100%;
  padding: 8px 0;
  text-align: center;
  color: #fff;
  font-size: 14px;
}

.technology .center .smart_build .smart_img>div:nth-child(1) .pic_info {
  background-color: #000
}

.technology .center .smart_build .smart_img>div img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.technology .center .smart_build .feature_list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  width: 100%;
  gap: 16px;
}

.technology .center .smart_build .feature_list li {
  width: 100%;
  border-radius: 6px;
  padding: 30px 0;
  background-color: #f1f1f1;
  text-align: center;
}

.technology .center .smart_build .feature_list p {
  font-size: 16px;
  color: #6B6B6B;
}

.technology .center .smart_build .feature_list em {
  font-size: 20px;
  color: #1562BE;
}

/* > R&D rnd */
.technology .rnd {
  padding-bottom: 240px;
  background-image: url(../images/rnd_bg.svg);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: contain;
}

.technology .rnd ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 80px 16px;
  margin: 0 auto;
}

.technology .rnd ul li {
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid #00000033;
}

.technology .rnd ul li img {
  width: 100%;
  aspect-ratio: 16/9;
  object-fit: cover;
  object-position: center;
}

.technology .rnd ul li p {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 8px;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 20px 16px;
  font-weight: 700;
  font-size: 22px;
  text-align: center;
  letter-spacing: -0.04em;
}

.technology .rnd ul li p {
  background-image: linear-gradient(180deg, #CDDEE8 0%, #FBFDFF 35%, #fff 70%, #E5F4FF 100%);
}

.technology .rnd ul li:nth-child(4n + 2) p,
.technology .rnd ul li:nth-child(4n + 3) p {
  background-image: linear-gradient(180deg, #efefef 0%, #fcfcfc 35%, #fff 70%, #eee 100%);
}

.technology .rnd ul li p span {
  color: #555;
  font-weight: initial;
  font-size: 18px;
}

/* > 지식재산권 ip */
.technology .ip {
  margin: 0 auto;
}

.technology .paper_hover_wrap .total {
  width: 100%;
  align-self: stretch;
}

.technology .ip .total p {
  font-size: 16px;
  text-align: left;
}

.technology .ip .total span {
  color: var(--color-primary);
  font-weight: 600;
}

.technology .ip ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  padding: 12px 0 40px;
}

.technology .ip ul li {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  border: 1px solid #ccc;
  padding: 24px;
  gap: 16px
}

.technology .ip ul li .thumbnail {
  width: 100%;
  aspect-ratio: 2./4;
  object-fit: cover;
  object-position: center;
  outline: 1px solid #eee;
}

.technology .ip ul li .desc_data {
  gap: 16px;
  color: #aaa;
  font-weight: 600;
}

.technology .ip ul li .desc_data em {
  padding-right: 16px;
}

.technology .ip ul li .desc_tit {
  color: #000;
  font-size: 18px;
  font-weight: 600;
  padding: 10px 0;
  line-height: 1.2;
}

/* --- 홍보센터 pr --- */
/* > CI ci */
.pr .sub_tab ul {
  width: 50%;
}

.pr .ci>div {
  max-width: 1200px;
  display: flex;
  flex-direction: column;
  gap: 120px;
}

.pr .ci>div>div {
  display: flex;
  justify-content: space-between;
}

.pr .ci .tit {
  width: 200px;
  display: grid;
  grid-auto-rows: max-content;
}

.pr .ci .tit span {
  font-weight: 700;
  color: var(--color-primary);
}

.pr .ci .tit h4 {
  font-size: 32px;
  margin-bottom: 24px;
}

.pr .ci>div>div>ul {
  width: 100%;
  max-width: 960px;
  overflow: hidden;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-auto-rows: 240px;
  gap: 24px;
}

.pr .ci>div>div>ul li {
  display: flex;
  flex-direction: column;
  border-radius: 8px;
  width: 100%;
  height: 100%;
  padding: 24px;
  overflow: hidden;
  position: relative;
}

.pr .ci .signature .tit .btn_wrap .btn {
  padding: 0 16px;
  background-color: var(--color-primary);
  color: #fff;
}

.pr .ci .signature .tit .btn_wrap .btn::after {
  background-image: url(../images/arrow_w.svg);
}

.pr .ci .signature .tit .btn_wrap .btn:hover {
  background-color: #142E60;
}

.pr .ci .signature ul li {
  justify-content: center;
  align-items: center;
  padding: 40px;
  border: 1px solid #00000005;
  border-radius: 8px;
  background-size: 24px 24px;
  background-position: -2px -2px;
  background-image: linear-gradient(90deg, #00000005 1px, transparent 1px), linear-gradient(#00000005 1px, transparent 1px);
  background-color: #004CBF05;
}

.pr .ci .signature ul li span {
  position: absolute;
  top: 16px;
  left: 16px;
  font-size: 16px;
  font-weight: 500;
  color: #555;
}

.pr .ci .signature ul li img {
  width: 100%;
}

.pr .ci .color ul li {
  flex-direction: row;
  align-content: end;
  align-items: end;
  justify-content: space-between;
  gap: 8px;
  flex-wrap: wrap;
  color: #fff;
}

.pr .ci .color ul li.blue {
  background-color: var(--color-primary);
}

.pr .ci .color ul li.red {
  background-color: var(--color-secondary);
}

.pr .ci .color ul li * {
  opacity: 0.8;
}

.pr .ci .color ul li h5 {
  font-size: 24px;
  opacity: 1;
  width: 50%;
}

.yellow {
  background-color: #F7AF01;
}

.purple {
  background-color: #84358F;
}

/* > 브로슈어 brochure */
.pr .brochure {
  background-image: url(../images/pr_brochure_bg.jpg);
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: cover;
}

.pr .brochure>div {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.pr .brochure>div img {
  width: 46%;
}

.pr .brochure>div .txt {
  width: 46%;
  position: relative;
}

.pr .brochure>div .txt::after {
  content: 'Brochure';
  position: absolute;
  top: -100px;
  right: 0;
  width: fit-content;
  height: fit-content;
  font-size: 120px;
  line-height: 100%;
  font-weight: 900;
  color: #0000000a;
  z-index: -1;
  letter-spacing: -0.06em;
}

.pr .brochure>div .txt p {
  font-size: 24px;
  _font-weight: 300;
  line-height: 1.6;
  letter-spacing: -0.05em;
  margin-bottom: 40px;
}

.pr .brochure>div .txt ul {
  display: flex;
  gap: 16px;
}

.pr .brochure>div .txt ul li.btn_wrap .btn {
  padding: 0 32px;
  font-size: 18px;
  height: 64px;
}

.pr .brochure>div .txt ul li.view .btn {
  background-color: var(--color-primary);
  padding: 0 64px;
  color: #fff;
}

.pr .brochure>div .txt ul li.view .btn::after {
  background-image: url(../images/view_w.svg);
  width: 16px;
}

.pr .brochure>div .txt ul li.view .btn:hover {
  background-color: #142E60;
}

.pr .brochure .pr_contents {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}

.pr .brochure .pr_contents>.pr_brochure {
  display: flex;
  width: 100%;
  justify-content: space-between;
  gap: 52px;
  margin-top: 120px;
}

.pr .brochure .pr_brochure>div {
  flex: 1;
  min-width: 0;
}

.pr .brochure .pr_brochure h4 {
  font-size: 32px;
  font-weight: 500;
  margin-bottom: 0;
}

.pr .brochure .brochure_list {
  display: flex;
  width: 100%;
  justify-content: space-between;
  gap: 24px;
  margin-top: 24px;
}

.pr .brochure .brochure_list li {
  position: relative;
  flex: 1;
  background: #f1f1f1;
  cursor: pointer;
}

.pr .brochure .brochure_list li div {
  text-align: center;
  padding: 50px 40px;
}

.pr .brochure .brochure_list li div img {
  width: 100%;
  box-shadow: 4px 4px 10px rgba(0, 0, 0, .3);
}

.pr .brochure .brochure_list li p {
  padding: 20px;
  border-top: 1px solid #d9d9d9;
}

.pr .brochure .brochure_list li:hover p {
  background: var(--color-primary);
  color: #fff;
  font-weight: 600;
  transition: .2s;
}

.pr .brochure .brochure_list li::before {
  content: '';
  position: absolute;
  top: 14px;
  left: calc(100% - 52px);
  display: block;
  width: 40px;
  height: 40px;
  background: #fff url(../images/view.svg) center 35% no-repeat;
  opacity: 0;
}

.pr .brochure .brochure_list li:hover::before {
  margin-left: 8px;
  margin-top: -8px;
  transition: .2s;
  opacity: 1;
}

/* 영문추가 다시 사용
.pr .brochure .brochure_list.single{justify-content:flex-start;}
.pr .brochure .brochure_list.single li{flex:0 0 calc((100% - 24px)/2);max-width:calc((100% - 24px)/2);}*/
.pr .brochure .brochure_list.single li {
  flex: 1 1 100%;
  max-width: 100%;
}

@media (max-width:769px) {
  .pr .brochure .brochure_list.single li {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

/* 인재채용 .recruit */
.recruit .sub_contents {
  background-image: url(../images/recruit_bg.jpg);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 100%;
}

.recruit .sub_contents>div {
  margin-bottom: 80px;
}

.recruit h4 {
  font-size: 32px;
}

.recruit .values {
  padding: 40px 100px 80px;
}

.recruit .values h4 {
  text-align: center;
}

.recruit .values ul {
  display: flex;
  gap: 32px;
  justify-content: center;
  width: 100%;
  padding-top: 0px;
}

.recruit .values ul li {
  text-align: center;
  font-size: 20px;
  display: flex;
  flex-direction: column;
  gap: 48px;
  position: relative;
  width: 100%;
}

.recruit .values ul li:nth-child(1) {
  color: #007CC8;
}

.recruit .values ul li:nth-child(2) {
  color: #FCA60D;
}

.recruit .values ul li:nth-child(3) {
  color: #26AB1F;
}

.recruit .values ul li .cir {
  width: 100%;
  height: 120px;
  background-image: radial-gradient(85% 85% at 30% 20%, #FFF 60%, #E6E6E6 100%);
  ;
  border-radius: 100px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 4px;
  position: relative;
  font-size: 16px;
  z-index: 1;
  outline: 1px dashed;
  outline-offset: 16px;
}

.recruit .values ul li .cir::before {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  translate: -50% -50%;
  border-radius: inherit;
  mask-image: linear-gradient(135deg, #ffffff55 20%, #fff 100%);
  border: 4px solid;
}

.recruit .values ul li .cir em {
  font-size: 32px;
  line-height: 1.2;
}

.recruit .values ul li span {
  color: #555 !important;
}

.recruit .values ul li .line {
  width: calc(100% + 32px);
  height: 120px;
  position: absolute;
  top: 0;
  left: -16px;
  z-index: 2;
}

.recruit .values ul li .line::after,
.recruit .values ul li .line::before {
  position: absolute;
  content: "●";
  top: 50%;
  translate: 0 -50%;
  font-size: 8px;
  line-height: 0;
}

.recruit .values ul li:nth-child(1) .line::after {
  right: calc(100% - 4px);
}

.recruit .values ul li:nth-child(2) .line::after {
  right: -4px;
}

.recruit .values ul li:nth-child(2) .line::before {
  left: -4px;
  color: #3BC4CE;
}

.recruit .values ul li:nth-child(3) .line::after {
  left: calc(100% - 4px);
}

.recruit .values ul li:nth-child(1) .line::before,
.recruit .values ul li:nth-child(3) .line::before {
  content: "";
  width: 80px;
  height: 1px;
  border-top: 1px dashed;
}

.recruit .values ul li:nth-child(1) .line::before {
  right: calc(100% - 4px);
  mask-image: linear-gradient(90deg, transparent 0%, #000 100%);
}

.recruit .values ul li:nth-child(3) .line::before {
  left: calc(100% - 4px);
  mask-image: linear-gradient(90deg, #000 0%, transparent 100%);
}

.recruit .details {
  padding-bottom: 40px;
  background-image: url(../images/recruit_process_bottom_bg.png);
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: 80%;
}

.recruit .details .h4_wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 80px;
  border-bottom: 1px solid #000;
}

.recruit .details>ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border-top: 1px solid #000;
  _background-image: linear-gradient(180deg, #fff 0%, transparent 50%);
}

.recruit .details>ul>li {
  padding: 48px 0;
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: center;
  font-size: 20px;
  color: #555;
}

.recruit .details>ul>li:nth-child(-n + 2) {
  border-right: 1px solid #ccc;
}

.recruit .details>ul>li h5 {
  font-size: 24px;
  color: #000;
}

.recruit .details .steps {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 48px;
  width: 100%;
  max-width: 1200px;
}

.recruit .details .steps li {
  width: 100%;
  aspect-ratio: 1/1;
  background-color: #fff;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 4px;
  border: 1px solid #00000011;
  box-shadow: 0 0 16px #00000011;
  font-size: 22px;
  color: #000;
  position: relative;
}

.recruit .details .steps li:nth-child(even) {
  background-color: #4D82A511;
}

.recruit .details .steps li::after {
  position: absolute;
  content: "▶";
  font-size: 16px;
  display: inline-block;
  left: calc(100% + 16px);
  color: #ccc;
}

.recruit .details>ul>li:last-child {
  grid-column: span 3;
}

.recruit .details .steps li:last-child::after {
  display: none;
}

.recruit .details .steps li em {
  color: var(--color-primary);
  font-size: 0.8em;
}

.recruit .benefits {
  margin: 120px auto;
}

.recruit .benefits ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  padding-top: 80px;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}

.recruit .benefits ul li {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  background-image: linear-gradient(180deg, #fff 30%, #4D82A511 100%);
  border-radius: 8px;
  border: 1px solid #4D82A533;
  padding: 32px 0;
}

.recruit .benefits ul li img {
  width: 40%;
}

.recruit .benefits ul li em {
  font-size: 24px;
}

/* --- 개인정보 security --- */
.security .box {
  padding: 56px;
  border: 4px #eee solid;
  text-align: center;
  font-size: 18px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.security .box span {
  font-size: 24px;
  font-weight: 700;
}

.security .list_1 {
  counter-reset: number 0;
  margin-top: 80px;
}

.security .list_1 .tit {
  font-weight: 700;
}

.security .list_1>li {
  margin-bottom: 40px;
}

.security .list_1>li::before {
  counter-increment: number 1;
  content: '제' counter(number) '조.';
  font-weight: 700;
  margin-right: 8px;
}

.security .list_2 {
  margin-top: 16px;
}

.security .list_2>li {
  list-style: decimal;
  padding-left: 8px;
  margin-left: 32px;
  margin-bottom: 16px;
}

.security .list_3 {
  margin-left: 8px;
  margin-top: 8px;
}

.security .list_3>li {
  list-style-type: "- ";
  margin-bottom: 4px;
}

.security .list_3 .tit {
  position: relative;
  padding-left: 8px;
}

.security .list_3 .tit::before {
  position: absolute;
  top: 48%;
  left: -10px;
  content: "▶";
  transform: translateY(-50%);
  font-size: 12px;
}

.security span.src {
  display: block;
  font-size: 16px;
  margin-top: 16px;
  color: #777;
  font-weight: 500;
}

/*/////  최대 1440px  /////*/
@media (max-width: 1440px) {

  .w1440 {
    max-width: initial;
    padding: 0 4%;
    box-sizing: border-box;
  }

  header .gnb>ul>li>a {
    padding: 0 30px;
  }

  header .sitemap .gnb {
    width: 100%;
    padding: 0 6%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
  }

  header.hover .gnb>ul>li>a {
    padding: 0 40px;
  }

  .scroll {
    display: none;
  }

  .main .typin_wrap {
    width: 100%;
    position: absolute;
    bottom: calc(50% - 290px);
    left: 50%;
    transform: translateX(-50%);
    font-size: 30px;
  }

  .main .typin_wrap .text {
    font-size: 18px;
    margin-top: 10px;
    color: #777;
  }

  .main .sp_container {
    width: 100%;
    padding: 6%;
  }

  .main .fixed_motion {
    width: 650px;
  }

  .main .main_con {
    width: 100%;
    padding: 5% 3%;
    box-sizing: border-box;
  }

  .main .main_business .section_wrap {
    padding: 260px 0 0;
  }

  .main .main_business .section_body .card {
    max-width: 300px;
  }

  .main .technology_wrap {
    width: 100%;
    padding: 5% 3%;
    box-sizing: border-box;
  }

  .main .technology .main_con_title h3 {
    font-size: 60px;
    font-weight: 800;
  }

  .main .technology .main_con_title h3 p {
    color: #0257D7;
    font-size: 14px;
    font-weight: 600;
  }

  .main .technology .main_con_list>li a {
    padding: 45% 30px 30px;
  }

  .main .technology .main_con_list>li a h4 p {
    display: none;
  }

  .company .greeting .sub_text .tit br {
    display: none;
  }

  .company .contact .map_info {
    top: 0;
    right: 0%;
  }

  .business {
    overflow-x: hidden;
  }

  .business .sub_tab {
    display: none;
  }

  .business .sub_tab_b {
    display: block;
    position: absolute;
    top: 602px;
    width: 100%;
    height: 44px;
  }

  .business .sub_tab_b .swiper {
    width: calc(100% - 88px);
    height: 100%;
    background: rgba(32, 27, 20, .7);
    z-index: 10;
    color: #fff;
    font-size: 18px;
  }

  .business .sub_tab_b .swiper-slide {
    height: 100%;
    opacity: .8;
    _width: 120px;
  }

  .business .sub_tab_b .swiper-slide a {
    width: 100%;
    height: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .business .sub_tab_b li.on {
    background-color: var(--color-primary);
    opacity: 1;
  }

  .business .sub_tab_b li.on a {
    font-weight: 600;
    opacity: 1;
  }

  .business .sub_tab_b li::before {
    position: absolute;
    top: 0;
    right: 0;
    content: '';
    display: inline-block;
    width: 1px;
    height: 100%;
    background: #fff;
    opacity: .2;
  }

  .business .sub_tab_b .swiper-button-next,
  .business .sub_tab_b .swiper-button-prev {
    color: #fff;
    width: 44px;
    height: 44px;
    --swiper-navigation-size: 20px;
    font-weight: 700;
    background-color: #000;
    position: absolute;
    top: 0px;
    margin: 0;
  }

  .business .sub_tab_b .swiper-button-next {
    right: 0;
  }

  .business .sub_tab_b .swiper-button-prev {
    left: 0;
  }

  .business .sub_tab_b .swiper-button-next:hover,
  .business .sub_tab_b .swiper-button-prev:hover {
    background-color: var(--color-primary);
    color: #fff;
  }

  .business .all .list:after {
    font-size: 84px;
  }

  .business .all .list.deck::after {
    right: 0;
  }

  .business .all .list.pc::after {
    right: 0;
  }

  .business .detail>div::after {
    font-size: 120px;
  }

  .business .detail .top {
    padding: 40px 4% 80px;
  }

  .business .detail .tech {
    padding: 160px 4%;
  }

  .business .detail .tech ul {
    grid-template-columns: 0.7fr 1fr;
  }

  .business .detail .tech ul .con_text .tit {
    font-size: 38px;
  }

  .business .detail .tech ul .imgs_wrap.num1 {
    font-size: 14px;
  }

  .business .detail .tech ul .imgs_wrap.num1 img {
    width: 100%;
  }

  .business .detail.deck .tech ul .imgs_wrap.num1 span {
    width: 100%;
  }

  .business .detail.rebar .process .mini {
    width: 92%;
  }

  .business .detail.rebar .process .mini .brk {
    display: initial;
  }

  .business .detail.rebar .process .steps_wrap br {
    display: none;
  }

  .security .box {
    width: 94% !important;
  }
}

/*/////  최대 1280px  /////*/
@media (max-width: 1280px) {

  header,
  header::before,
  header .header_r {
    height: 60px;
  }

  header .header_right .language {
    opacity: 0;
    transition: var(--transition-custom);
  }

  header>.gnb ul,
  header .sitemap .gnb {
    padding: 0 10%;
  }

  header nav {
    display: none;
    cursor: default;
  }

  header .sitemap .gnb dl {
    margin-bottom: 0;
  }

  header .sitemap .gnb>dl>dt>a {
    height: 48px;
  }

  header .sitemap .gnb ul li {
    height: 28px;
  }

  .sub_container .sub_banner_wrap {
    padding: 0 6% 0;
    height: 400px;
    text-align: center;
  }

  .sub_container .sub_banner_wrap h2 {
    margin-top: -10px;
    font-size: 50px;
  }

  .sub_container .sub_banner_wrap p {
    font-size: 17px;
    letter-spacing: -0.5px;
  }

  .sub_container .sub_banner_wrap .location {
    margin-top: 40PX;
  }

  .sub_container .sub_tab {
    top: 356px;
    width: 100%;
    height: 44px;
  }

  .sub_container .sub_tab li a {
    height: 44px;
    line-height: 44px;
    font-size: 14px;
  }

  .sub_container .sub_contents h3 {
    padding-bottom: 0px;
    font-size: 40px;
  }

  .sub_container .sub_contents .sub_text {
    font-size: 18px;
  }

  .main .mask_logo {
    width: 50%;
    z-index: 1;
  }

  .main .main_contents .main_contents_txt {
    font-size: 18px;
  }

  .main .mask_block.mask_block-side {
    width: calc(50.5% + 2px);
  }

  .main .typin_wrap {
    font-size: 22px;
    bottom: calc(50% - 200px);
  }

  .main .typin_wrap .text {
    font-size: 15px;
    color: #444;
    font-weight: 300;
    letter-spacing: -0.5px;
  }

  .main .fixed_motion {
    width: 570px;
  }

  .main .main_business .section_body .card {
    height: 400px;
    max-width: 270px;
    border-radius: 10px;
  }

  .main .main_business .section_body .card::after {
    border-radius: 10px;
  }

  .main .fixed_motion li a .card_body h4 p {
    font-size: 11px;
  }

  .main .fixed_motion li a .card_body>p {
    font-size: 14px;
  }

  .main .main_business .section_body .card.is_active .cad_img_box span {
    opacity: 0;
  }

  .main .main_business {
    height: 2300px;
  }

  .main .btn_news_all {
    margin-top: 40px;
  }

  .main .technology_wrap {
    height: 100%;
    padding: 100px 3%;
  }

  .main .main_con.technology .main_con_title {
    text-align: center;
  }

  .main .main_con.technology .main_con_title h3 {
    font-size: 50px;
    font-weight: 800;
  }

  .main .main_con.technology .main_con_title h3 p {
    font-size: 13px;
    font-weight: 600;
  }

  .main .technology .main_con_list {
    _flex-direction: column;
    width: 100%;
    margin-left: 0;
    margin-top: 60px;
    gap: 12px;
  }

  .main .technology .main_con_list .technology_txt {
    _display: none;
  }

  .main .technology .main_con_list>li:nth-child(1),
  .main .technology .main_con_list>li:nth-child(3) {
    margin-top: 0;
  }

  .main .technology .main_con_list>li:nth-child(2) {
    margin: 0;
  }

  .main .technology .main_con_list>li>a {
    padding-top: 220px;
    height: 360px;
  }

  .main .technology .main_con_list>li>a h4 {
    font-size: 20px;
  }

  .company .greeting .sub_text .tit {
    font-size: 28px;
  }

  .company .greeting .sub_text p {
    font-size: 18px;
  }

  .company .mission .vision ul {
    flex-direction: column;
  }

  .company .mission .vision ul li {
    width: 100%;
  }

  .company .mission .vision ul li:nth-child(2) {
    height: 56px;
    width: 1px;
    border-width: 0 3px 0 0;
  }

  .company .mission .vision ul li:nth-child(3) {
    width: max-content;
    padding: 20px 40px;
  }

  .company .mission .vision ul li:nth-child(3) br {
    display: none;
  }

  .company .mission .action::before {
    font-size: 120px;
    bottom: -120px;
  }

  .company .history>ul>li>ul>li {
    font-size: 16px;
  }

  .company .factory .sub_contents_in {
    margin: 0;
    width: 100%;
  }

  .company .factory .process ul {
    gap: 12px;
  }

  .company .factory .process.conc ul li span {
    font-size: 18px;
  }

  .company .contact .map_box {
    height: 48vh;
  }

  .company .contact .map_info {
    position: inherit;
    width: 100%;
    height: 176px;
    flex-direction: row;
    justify-content: space-evenly;
    box-shadow: none;
    background-color: initial;
  }

  .company .contact .map_info .logo {
    width: 24%;
    margin: 0;
  }

  .company .contact .map_info .text {
    font-size: 20px;
    line-height: 32px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .company .contact .map_info .text .addr {
    display: block;
    margin-bottom: 16px;
  }

  .company .contact .map_info .text p .bold {
    font-weight: 700;
    width: 50px;
    display: inline-block;
  }

  .company .contact .dept_num {
    padding: 0 0 8% 0;
  }

  .company .location {
    display: none;
  }

  .technology .center h3 {
    padding: 0;
    margin: 0;
  }

  .technology .center .bg_city p.bg_txt {
    font-size: 60px;
  }

  .technology .center .bg_city p.bg_txt br {
    display: block;
  }

  .technology .rnd .list>li .thms_wrap {
    flex-direction: column;
    height: 480px;
  }

  .technology .rnd .list>li .thm {
    height: 50%;
  }

  .technology .rnd .list>li .thm img {
    width: 50%;
    height: 100%;
    float: left;
  }

  .technology .rnd .list>li .thm.lay2 .thm_tit:nth-of-type(2) {
    top: 0;
    left: initial;
    right: 0;
    bottom: initial;
  }

  .technology .rnd .list>li .thm.lay4 img {
    height: 50%;
  }

  .technology .rnd .list>li .thm.lay2 .thm_tit.twin {
    top: initial;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    border: unset;
    border-radius: unset;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border: 2px solid #fff;
    border-bottom-width: 0;
  }

  .technology .rnd .list>li .thm.gaia img {
    width: 100%;
  }

  .technology .rnd .list>li .thm.lay2 .thm_arr.hori {
    display: block;
  }

  .technology .rnd .list>li .thm.lay2 .thm_arr.ver {
    display: none;
  }

  .technology .rnd .major .detail span {
    display: block;
  }

  .technology .rnd .major .brk {
    display: initial;
  }

  .technology .rnd .projects .list>li .tit .brk {
    display: none;
  }

  .technology .rnd .projects .detail span {
    display: block;
  }

  .technology .ip ul {
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
  }

  .business .sub_tab_b {
    top: 356px;
  }

  .business .all::before {
    top: 440px;
  }

  .business .all .con_text ul li {
    width: 30%;
    height: 120px;
  }

  .business .all .list {
    margin: 120px auto 0;
  }

  .business .all .list ul {
    gap: 12px;
  }

  .business .all .list ul li p {
    padding: 12px 16px;
  }

  .business .all .list ul li p span {
    font-size: 20px;
  }

  .business .all .list:after {
    font-size: 70px;
  }

  .business .all .list.deck::after {
    top: -20px;
    right: 0;
  }

  .business .all .list.pc::after {
    right: 0;
  }

  .business .detail .brk {
    display: initial;
  }

  .business .detail .adv ul {
    width: 100%;
  }

  .business .detail .adv ul>li {
    grid-template-columns: initial !important;
    height: initial;
    min-height: initial;
  }

  .business .detail .adv ul li p {
    order: 0 !important;
    padding: 24px 24px 48px;
    height: max-content;
    gap: 12px;
    background-image: linear-gradient(180deg, #fff 0%, transparent 100%) !important;
    border-radius: 8px !important;
  }

  .business .detail .adv ul li p::after {
    padding: 1px 1px 0 !important;
    background-image: linear-gradient(180deg, #1D428955 0%, transparent 100%) !important;
  }

  .business .detail .adv ul li p span br {
    display: none;
  }

  .business .detail .adv ul>li div img {
    height: 240px;
  }

  .business .detail .adv ul>li div img.computer {
    height: initial;
  }

  .business .detail .tech ul .imgs_wrap.num3 img {
    width: 64%;
  }

  .business .detail.deck .prc ul {
    gap: 16px;
  }

  .business .detail.deck .prc ul li {
    gap: 24px;
  }

  .business .detail.nod .adv ul>li:nth-child(1) div {
    flex-direction: column;
  }

  .business .detail.nod .adv ul>li:nth-child(1) div img {
    position: initial;
    height: initial;
  }

  .business .detail.beam .top {
    grid-template-rows: 240px auto;
  }

  .business .detail.beam .top p {
    font-size: 18px;
  }

  .recruit .values {
    padding-bottom: 80px;
  }

  .recruit .values ul li .cir {
    padding-top: 0;
  }

  .recruit .values ul li .cir em {
    font-size: 24px;
  }

  .recruit .values ul li:nth-child(1) .line::before,
  .recruit .values ul li:nth-child(3) .line::before {
    width: 48px;
  }

  .pr .ci>div>div {
    flex-direction: column;
    gap: 40px;
  }

  .pr .ci .tit {
    width: 100%;
  }

  .pr .ci .tit h4 {
    margin-bottom: 0;
  }

  .pr .ci .tit .btn_wrap {
    grid-area: 1/2/span 2/3;
    align-self: flex-end;
    justify-self: end;
  }

  .pr .ci .signature ul li {
    padding: 24px;
  }

  .pr .brochure>div {
    flex-direction: column-reverse;
    gap: 80px;
    margin-top: 0;
  }

  .pr .brochure>div img {
    width: 80%;
    max-width: 640px;
  }

  .pr .brochure>div .txt {
    width: 80%;
  }

  .pr .brochure>div .txt::after {
    font-size: 80px;
    top: -60px;
  }

  .pr .brochure>div .txt p {
    text-align: center;
    font-size: 22px;
  }

  .pr .brochure>div .txt p br {
    display: none;
  }

  .pr .brochure>div .txt ul {
    justify-content: center;
  }

  .pr .brochure>div .txt ul li.btn_wrap .btn {
    padding: 0 24px;
  }

  .pr .brochure>div .txt ul li.view .btn {
    padding: 0 40px;
  }

  .security .brk {
    display: none;
  }
}

/*///// 최대 1000px /////*/
@media (max-width:1000px) {

  .main .fixed_motion {
    width: 380px;
    gap: 12px;
    justify-content: flex-end;
  }

  .main .main_business .section_body {
    padding-bottom: 560px;
  }

  .main .main_business .section_body .card {
    max-width: 360px;
    height: max-content;
  }

  .main .fixed_motion .card {
    margin: 0 0 0 0;
  }

  .main .fixed_motion li:nth-child(2) {
    margin-top: 0;
  }

  .main .fixed_motion li:nth-child(odd) {
    margin-top: 0;
  }

  .main .fixed_motion li a .card_body {
    gap: 16px;
  }

  .main .card_body .cad_img_box img {
    display: none;
    width: auto;
    height: 170px;
    margin-top: -100px;
  }

  .main .technology .main_con_list>li>a {
    padding: 220px 12px 24px 12px;
  }

  .main .main_con.recruit .btn_wrap {
    width: 52%;
  }

  .company .greeting>div {
    flex-direction: column-reverse;
    padding: 0;
  }

  .company .greeting .sub_text {
    padding: 0 4%;
  }

  .company .greeting .sub_imgbox {
    max-width: initial;
    height: 240px;
  }

  .company .factory h4 {
    font-size: 32px;
  }

  .company .factory .fixed_bg {
    height: 320px;
  }

  .company .factory .info {
    grid-template-rows: auto 300px 500px;
  }

  .company .factory .info div:nth-child(1) {
    grid-column: span 3;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  .company .factory .info div:nth-child(1) ul {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
  }

  .company .factory .info div:nth-child(1) ul li {
    width: 49%;
  }

  .company .factory .info div:nth-child(3) {
    grid-column: span 2;
  }

  .company .factory .quality div {
    width: 100%;
    padding: 20px 0 40px;
  }

  .company .factory .quality div img {
    height: initial;
    width: 100%;
  }

  .company .factory .facility ul {
    gap: 8px;
  }

  .company .factory .facility ul li {
    height: 56px;
  }

  .company .factory .process h4 span {
    font-size: 16px;
  }

  .company .factory .process ul {
    margin-top: 48px;
  }

  .company .factory .process ul li span,
  .company .factory .process.conc ul li span {
    font-size: 16px;
    letter-spacing: -0.04em;
  }

  .technology .center .eng_swdev .rec {
    gap: 8px;
  }

  .technology .center .eng_swdev .rec li {
    height: 240px;
  }

  .technology .center .smart_build .smart_img {
    grid-template-rows: repeat(3, 200px);
    gap: 8px;
  }

  .technology .center .smart_build .smart_img>div:nth-child(1) {
    grid-column: 1 / span 3;
    grid-row: 1 / span 2;
  }

  .technology .center .smart_build .smart_img .pic_big .pic_num:nth-child(1) {
    top: 7%;
    left: 32%;
  }

  .technology .center .smart_build .smart_img .pic_big .pic_num:nth-child(2) {
    top: 42%;
    left: 60%;
  }

  .technology .center .smart_build .smart_img .pic_big .pic_num:nth-child(3) {
    top: 80%;
    left: 52%;
  }

  .technology .center .smart_build .feature_list p {
    font-size: 14px;
  }

  .technology .center .smart_build .feature_list em {
    font-size: 18px
  }

  .technology .sub_tab ul {
    width: 100%;
  }

  .technology .rnd {
    padding-bottom: 120px;
  }

  .technology .rnd ul {
    gap: 40px 16px;
  }

  .technology .rnd ul li p {
    font-size: 18px;
    padding: 12px;
  }

  .technology .rnd ul li p span {
    font-size: 14px;
  }

  .business .all .con_text h5 br.brk {
    display: initial;
  }

  .business .all .con_text ul li {
    font-size: 16px;
  }

  .business .all .list::after {
    font-size: 70px;
  }

  .business .all .list.deck::after {
    top: -50px;
  }

  .business .all .list ul {
    grid-template-columns: repeat(2, 1fr);
  }

  .business .detail>div {
    padding: 120px 0;
  }

  .business .detail .tech {
    padding: 120px 16px;
  }

  .business .detail .tech ul {
    display: flex;
    flex-direction: column;
    gap: 40px;
    width: 100%;
    padding: 4%;
  }

  .business .detail .tech ul .con_text {
    text-align: center;
  }

  .business .detail .tech ul .con_text .tit {
    font-size: 28px;
  }

  .business .detail .tech ul .con_text .tit br {
    display: none;
  }

  .business .detail .tech ul .imgs_wrap img {
    box-shadow: initial;
  }

  .business .detail .tech ul .imgs_wrap.num1 {
    font-size: 14px;
    text-align: center;
  }

  .business .detail .tech ul .imgs_wrap.num2,
  .business .detail .tech ul .imgs_wrap.num3 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 8px;
  }

  .business .detail .tech ul .imgs_wrap.num2 img,
  .business .detail .tech ul .imgs_wrap.num3 img {
    position: initial;
    width: 48%;
    translate: initial;
  }

  .business .detail .tech ul .imgs_wrap.num3 {
    padding: 0;
  }

  .business .detail .tech ul .imgs_wrap.num3 img:nth-child(3) {
    transform: translateY(-40px);
  }

  .business .detail.deck .top ul {
    gap: 8px;
    bottom: 20px;
    font-size: 16px;
  }

  .business .detail.deck .top ul li {
    border-width: 2px;
    padding: 4px 24px;
  }

  .business .detail.rebar .process .steps_wrap .line {
    translate: initial;
    left: calc(4% + 18px);
    top: 0;
  }

  .business .detail.rebar .process .steps_wrap .steps_list {
    margin: 40px 0 0;
    gap: 80px;
  }

  .business .detail.rebar .process .steps_wrap .steps_list>li {
    grid-template-columns: 40px 1fr;
  }

  .business .detail.rebar .process .steps_wrap .steps_list>li img {
    grid-column: 2;
    grid-row: 1;
    justify-self: initial;
  }

  .business .detail.rebar .process .steps_wrap .steps_list>li .cir {
    grid-column: 1;
    grid-row: span 2;
  }

  .business .detail.rebar .process .steps_wrap .steps_list>li .text {
    grid-column: 2;
    grid-row: 2;
    justify-self: initial;
    text-align: left !important;
  }

  .business .detail.rebar .process .steps_wrap .steps_list>li>.text p {
    flex-direction: row;
    gap: 16px;
    align-items: center;
  }

  .recruit .sub_tab ul {
    width: 100%;
  }

  .recruit .values {
    padding: 40px 0;
  }

  .recruit .values ul {
    flex-direction: column;
    align-items: center;
    gap: 56px;
  }

  .recruit .values ul li {
    width: 70%;
    max-width: 480px;
    gap: 32px;
  }

  .recruit .values ul li .line {
    width: 80vw;
    height: 1px;
    border-top: 1px dashed;
    background-image: none;
    top: 50px;
    left: 50%;
    transform: translateX(-50%);
    mask-image: linear-gradient(90deg, transparent 0%, #000 20%, #000 80%, transparent 100%);
    overflow: hidden;
    z-index: -1;
  }

  .recruit .values ul li .line::after,
  .recruit .values ul li .line::before {
    display: none;
  }

  .recruit .values ul li .cir {
    aspect-ratio: initial;
    height: 100px;
    border-radius: 100px;
    gap: 4px;
  }

  .recruit .details>ul {
    grid-template-columns: initial;
  }

  .recruit .details>ul>li {
    padding: 32px 0;
  }

  .recruit .details>ul>li h5 {
    width: 120px;
    text-align: center;
  }

  .recruit .details>ul>li:nth-child(-n + 2) {
    border-width: 0;
  }

  .recruit .details>ul>li:nth-child(-n + 3) {
    border-bottom: 1px solid #ccc;
    flex-direction: row;
  }

  .recruit .details>ul>li:last-child {
    grid-column: initial;
    overflow: hidden;
  }

  .recruit .details>ul>li:last-child h5 {
    align-self: flex-start;
  }

  .recruit .details .steps {
    grid-template-columns: repeat(3, 1fr);
    width: 92%;
    gap: 24px 40px;
  }

  .recruit .details .steps li:nth-child(3)::after {
    display: none;
  }

  .recruit .benefits ul {
    grid-template-columns: repeat(2, 1fr);
    padding-top: 40px;
    max-width: 700px;
  }

  .pr .sub_tab ul {
    width: 100%;
  }

  .pr .brochure .list {
    grid-template-columns: repeat(3, 1fr);
  }
}

/*///// 최대 800px /////*/
@media (max-width:800px) {

  .main_visual video.mo {
    display: block;
    height: 100%;
  }

  .main_visual video.pc {
    display: none;
  }

  .main .main_business.pc {
    display: none;
  }

  .main .main_business.mo {
    display: block;
    height: 1800px;
    z-index: 100;
  }

  .main .main_business.mo .section_wrap {
    padding-top: 40px;
  }

  .main .main_business.mo .section_body .card_mo {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    width: 100%;
    margin-bottom: 12px;
    padding: 25px;
    background: rgba(255, 255, 255, .85);
    border-radius: 5px;
    backdrop-filter: blur(4px);
  }

  .main .main_business.mo .section_body .card_mo h4 {
    font-size: 26px;
  }

  .main .main_business.mo .section_body .card_mo h4 p {
    font-size: 10px;
    color: var(--color-secondary);
  }

  .main .main_business.mo .section_body .card_body>p {
    display: block;
    margin-top: 64px;
    font-size: 13px;
    color: #666;
    letter-spacing: -1px;
  }

  .main .main_business.mo .section_body li a .card_body .icon_motion {
    position: absolute;
    top: 16px;
    right: 16px;
  }

  .main .main_business.mo .icon_motion img {
    height: 120px;
    object-position: right top;
  }

  .main .main_business.mo .cad_img_box {
    position: relative;
  }

  .main .main_business.mo .cad_img_box span {
    position: absolute;
    bottom: 10px;
    left: 0px;
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    color: #999;
    opacity: 0;
  }

  .main .main_business.mo .section_body .card_mo .cad_img_box span {
    opacity: 1;
    transition: .2s;
  }

  .main .main_business.mo .section_body .card_mo,
  .main .main_business.mo .section_body .card_mo:hover {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, .95) 90%), url(../images/sample_bg.png) 70px 172px no-repeat;
    background-size: 130%;
  }

  .main .mo_business_wrap {
    position: relative;
    background: url("../images/hm_main_mo.jpg") center no-repeat;
    background-size: cover;
    height: 100%;
    z-index: -1;
  }

  .main .mo_business_wrap::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6);
  }

  .main .main_business.mo .section_body {
    padding-top: 40px;
  }

  .main .main_business .btn_news_all {
    margin-top: 25px;
    background: rgba(255, 255, 255, .1);
    padding: 8px 14px;
    border-radius: 2px;
  }

  .main .main_business .section_wrap {
    padding: 120px 0 0 0;
  }

  .main .main_con_title {
    width: 100%;
    text-align: center;
    z-index: 1;
  }

  .main .main_con_title h3 {
    font-size: 42px;
  }

  .main .main_con_title .main_contents_txt {
    font-size: 16px;
  }

  .main .fixed_motion {
    flex-direction: column;
    width: 100%;
    gap: 12px;
    z-index: 100;
  }

  .main .fixed_motion li {
    margin: 0 0 0 0;
  }

  .main .fixed_motion li:nth-child(2) {
    margin-top: 0;
  }

  .main .fixed_motion li:nth-child(odd) {
    margin-top: 0;
  }

  .main .fixed_motion li a .card_body>p {
    display: none;
  }

  .main .fixed_motion li.is_active a .card_body>p {
    display: flex;
    position: absolute;
    width: calc(100% - 60px);
    bottom: 30px;
    left: 30px;
  }

  .main .main_business .section_body {
    z-index: 10;
    width: 100%;
  }

  .main .main_business .section_body .card {
    width: 100%;
    max-width: none;
    height: 150px;
  }

  .main .main_business .section_body .card.is_active {
    height: 300px;
    z-index: 1000;
    opacity: 1;
  }

  .main .card_body .cad_img_box img {
    margin-top: -240px;
    _width: 100%;
    max-height: 300px;
    height: auto;
  }

  .main .recruit_wrap {
    padding: 0%;
  }

  .main .main_con.recruit {
    flex-direction: column;
    justify-content: center;
    gap: 40px;
    border-radius: 0;
  }

  .main .main_con.recruit::before {
    display: none;
  }

  .main .main_con.recruit .btn_wrap {
    width: 72%;
  }

  .main .main_con.recruit .btn_wrap .btn_recruit {
    height: 80px;
    font-size: 20px;
    letter-spacing: -0.06em;
  }

  .main .main_con.recruit .btn_wrap .btn_recruit .icon {
    width: 18px;
    height: 18px;
  }

  .main .main_con.recruit .btn_wrap>div {
    font-size: 12px;
  }

  .main .main_con.recruit .btn_wrap>div>a {
    height: 32px;
  }

  .main .main_con.recruit .btn_wrap>div>a>span::after {
    width: 10px;
    height: 10px;
    right: -14px;
  }

  .company .mission .mision_contents .sub_text p {
    font-size: 22px;
  }

  .company .mission .action_plan .sub_text p {
    font-size: 22px;
  }

  .company .mission .action_plan .move {
    transform: translateY(179px) rotate(360deg);
  }

  .company .mission .action_plan .sub_text .txt_sub {
    font-size: 16px;
    font-weight: 300;
    letter-spacing: -0.5px;
  }

  .company .mission.technology .eng_swdev_in h4 {
    font-size: 24px;
  }

  .sub_contents.company_license h4 {
    font-size: 24px;
  }

  .eng_cont_in {
    flex-direction: row;
    flex-wrap: wrap;
  }

  .lic_cont .lic_desc .desc_data {
    display: inline-block;
  }

  .lic_cont .lic_desc .desc_data .desc_org {
    display: block;
  }

  .lic_cont .lic_desc .desc_data .desc_no {
    margin-right: 3px;
  }

  .lic_cont li {
    padding-left: 15px;
    padding-right: 0;
  }

  .technology .center {
    padding-bottom: 0;
  }

  .technology .center .intro .quantum {
    transform: scale(0.8) !important;
  }

  .technology .center .bg_city p.bg_txt {
    font-size: 50px;
  }

  .technology .center .eng_swdev .sw_3d {
    margin-bottom: 0
  }

  .technology .center .eng_swdev .sw_3d .circle-container {
    width: 320px;
    height: 320px;
    top: initial;
    left: initial;
    transform: rotate(45deg);
  }

  .technology .center .eng_swdev .sw_3d .circle_txt {
    font-size: 18px;
  }

  .technology .center .eng_swdev .sw_3d .dot_wrap .dot:nth-child(1) {
    top: 36px;
  }

  .technology .center .eng_swdev .sw_3d .dot_wrap .dot:nth-child(2) {
    right: 36px;
  }

  .technology .center .eng_swdev .sw_3d .dot_wrap .dot:nth-child(3) {
    bottom: 36px;
  }

  .technology .center .eng_swdev .sw_3d .dot_wrap .dot:nth-child(4) {
    left: 36px;
  }

  .technology .center .eng_swdev .sw_3d .fix_wrap {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    width: 100%;
    max-width: 480px;
    height: 480px;
    grid-template-rows: repeat(2, 1fr);
    ;
  }

  .technology .center .eng_swdev .sw_3d .fix_wrap .fix_cont {
    position: initial;
    transform: initial !important;
    font-size: 14px;
    color: #888;
    text-align: left;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
  }

  .technology .center .eng_swdev .sw_3d .fix_wrap .fix_cont:nth-child(2),
  .technology .center .eng_swdev .sw_3d .fix_wrap .fix_cont:nth-child(4) {
    text-align: right;
    align-items: flex-end;
  }

  .technology .center .eng_swdev .sw_3d .fix_wrap .fix_cont:nth-child(3),
  .technology .center .eng_swdev .sw_3d .fix_wrap .fix_cont:nth-child(4) {
    justify-content: flex-end;
  }

  .technology .center .smart_build .smart_img>div br {
    display: block;
  }

  .technology .center .smart_build .feature_list {
    grid-template-columns: repeat(1, 1fr);
  }

  .technology .rnd .h4_main {
    font-size: 24px;
  }

  .technology .rnd h4 {
    font-size: 18px;
  }

  .technology .rnd .list>li .detail {
    display: flex;
    flex-direction: column;
  }

  .pr .ci>div>div>ul {
    grid-template-columns: 1fr;
  }

  .pr .ci .signature ul li {
    padding: 24px 80px;
  }

  .pr .ci .color ul {
    grid-auto-rows: 160px;
  }
}

/*///// 최대 768px /////*/
@media (max-width:769px) {

  /* 공통 > header */
  #dimHeader {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.8);
    z-index: 20;
  }

  header:has(.sitemap.on) #dimHeader {
    display: block;
  }

  header .gnb_wrap::-webkit-scrollbar {
    width: 6px;
  }

  header .gnb_wrap::-webkit-scrollbar-track {
    background-color: transparent;
  }

  header .gnb_wrap::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background-color: #ccc;
  }

  header .gnb_wrap::-webkit-scrollbar-button {
    width: 0;
    height: 0;
  }

  header .sitemap {
    right: 0;
    left: auto;
    width: 70%;
    height: 100vh;
  }

  header .sitemap .nav_wrap {
    overflow: hidden;
  }

  header .sitemap .nav_wrap h1>.logo {
    top: 0px;
    left: 24px;
    height: 60px;
  }

  .nav_wrap {
    overflow: auto;
    height: 100%;
  }

  header .sitemap .gnb {
    flex-direction: column;
    padding: 0;
  }

  header .sitemap .gnb dt {
    font-size: 0;
  }

  header .sitemap .gnb dt a {
    width: 100%;
    font-size: 18px;
    line-height: 24px;
    text-indent: 20px;
    pointer-events: none;
  }

  header .sitemap .gnb dd {
    margin-top: 10px;
  }

  header .sitemap .gnb dl {
    padding: 14px 0;
    margin: 0;
  }

  header .sitemap .gnb ul {
    background: #eee;
    padding: 16px 0;
  }

  header .sitemap .gnb ul li {
    width: 100%;
    padding: 10px 0;
    _border-bottom: 1px solid #eee;
    line-height: 76px;
    margin: 0;
  }

  header .sitemap .gnb ul li~li {
    margin: 0;
  }

  header .sitemap .gnb ul li a {
    font-size: 16px;
    text-indent: 32px;
    line-height: 16px;
  }

  header .sitemap .sitemap_header {
    display: none;
  }

  header .sitemap .nav_bg {
    display: none;
  }

  header .sitemap .nav_wrap .gnb_wrap {
    top: 80px;
    height: -webkit-fill-available;
    overflow: auto;
    left: 50%;
    transform: translateX(-50%);
  }

  header .sitemap a span {
    background-size: 24px auto;
    display: block;
    width: 24px;
    height: 24px;
    right: 20px;
    position: absolute;
    top: 0px;
  }

  header .sitemap a span.sitemap_arrow_down {
    background: url(../images/sitemap_arrow_down.svg) no-repeat;
  }

  header .sitemap a span.sitemap_arrow_up {
    background: url(../images/sitemap_arrow_up.svg) no-repeat;
  }

  header .sitemap .gnb>dl>dt>a {
    position: relative;
    display: inline-block;
    line-height: 24px;
    font-weight: 500;
    font-size: 22px;
    color: #000;
    transition: 0.2s;
  }

  header .sitemap .gnb>dl>dt>a::before {
    display: none;
  }

  header .sitemap .gnb>dl:hover>dt>a::before {
    display: none;
  }

  /* footer */
  footer {
    padding: 40px 3% 60px;
  }

  footer .footer_in {
    flex-direction: column;
    gap: 24px;
    width: 100%;
    padding: 0 3%;
  }

  footer .footer_logo {
    width: 180px;
  }

  footer .footer_logo img {
    margin-left: -10px;
  }

  footer .footer_content {
    flex-direction: column;
    width: 100%;
    border-bottom: none;
  }

  footer .footer_content div {
    width: 100%;
    font-size: 14px;
  }

  footer .footer_address_wrap {
    flex-direction: column;
    gap: 16px;
  }

  footer .footer_copyright {
    left: 3%;
    bottom: -20px;
    font-size: 12px;
  }

  footer .ft_family {
    width: 100%;
    margin-top: 20px;
  }

  footer .ft_family .btn_family {
    display: flex;
    justify-content: space-between;
  }

  .sub_container .sub_banner_wrap {
    padding: 0 6% 0;
    height: 400px;
    text-align: center;
  }

  .sub_container .sub_banner_wrap .bg {
    height: 100%;
  }

  .sub_container .sub_banner_wrap h2 {
    font-size: 42px;
  }

  .sub_container .sub_banner_wrap p span {
    display: block;
  }

  .sub_container .sub_banner_wrap .location {
    display: none;
  }

  .sub_container .sub_contents h3 {
    padding-bottom: 30px;
    font-size: 32px;
  }

  .sub_container .sub_text {
    font-size: 16px;
    line-height: 25px;
  }

  .sub_container .sub_tab {
    display: none;
  }

  .sub_container .sub_tab_mobile {
    display: block;
  }

  .sub_container .desc_wrap {
    font-size: 16px;
  }

  .sub_container .text {
    font-size: 16px;
  }

  /* --- 메인 --- */
  /* main > 기술개발 */
  .main .mask_block.mask_block-side {
    display: none;
  }

  .main .mask_logo {
    width: 100%;
  }

  .main .main_con.technology::before {
    display: none;
  }

  .main .main_con.technology::after {
    display: none;
  }

  .main .main_con {
    display: flex;
    flex-direction: column;
  }

  .main .technology .main_con_list {
    flex-direction: column;
    margin-top: 40px;
    gap: 12px;
  }

  .main .technology .main_con_list>li {
    width: 100%;
    height: 20%;
    margin: 0;
  }

  .main .technology .main_con_list>li>a {
    padding-top: 120px;
    height: 240px;
  }

  /* --- 회사소개 --- */
  /* 인사말 */
  .company .greeting .sub_text .tit {
    font-size: 24px;
  }

  .company .greeting .sub_text p {
    font-size: 16px;
  }

  /* company > 연혁 */
  .company .history ul:before {
    left: 70px;
  }

  .company .history>ul>li {
    width: calc(100% - 70px);
    margin-left: auto;
  }

  .company .history>ul>li>span {
    margin-left: 29px;
  }

  .company .history>ul>li>span::before,
  .company .history>ul>li:nth-of-type(2n)>span::before {
    top: 24px;
    left: -33px;
  }

  .company .history>ul>li>span::after,
  .company .history>ul>li:nth-of-type(2n)>span::after {
    top: 18px;
    left: -39px;
  }

  .company .history>ul>li:nth-of-type(2n) {
    margin-left: auto;
    margin-right: 0;
    text-align: left;
  }

  .company .history>ul>li .history_imgbox img {
    width: 80%;
  }

  .company .history>ul>li::before {
    left: 0;
  }

  .company .history>ul>li>ul {
    margin-left: 0px;
  }

  .company .history>ul>li>ul>li>span {
    top: -3px;
  }

  .company .history>ul>li:nth-of-type(2n)>ul>li {
    padding: 0 0 0 40px;
  }

  .company .history>ul>li:nth-of-type(2n)>ul>li>span {
    left: 0;
    right: auto;
  }

  .company .history>ul>li:nth-of-type(2n)::before {
    left: 0;
    right: auto;
  }

  /* company > 오시는길 */
  .company .contact .map_box {
    height: 40vh;
  }

  .company .contact .map_info {
    position: inherit;
    width: 100%;
    height: 240px;
    flex-direction: column;
    justify-content: center;
    gap: 24px;
  }

  .company .contact .map_info .logo {
    width: 28%;
    margin: 0;
  }

  .company .contact .map_info .text {
    font-size: 16px;
    line-height: 24px;
    margin: 0;
    align-items: center;
  }

  .company .contact .map_info .text .addr {
    display: block;
    margin-bottom: 8px;
  }

  /* 경영이념 */
  .company .mission .brk {
    display: initial;
  }

  .company .mission .sub_text {
    font-size: 16px;
    letter-spacing: -0.5px;
    line-height: 1.4;
  }

  .company .mission .sub_text .txt_sub {
    font-size: 16px;
    letter-spacing: -0.5px;
  }

  .company .mission .technology .eng_swdev_in ul.desc_wrap li {
    font-size: 16px;
    letter-spacing: -0.5px;
  }

  .company .mission .fixed_bg {
    padding: 50px 0;
  }

  .company .mission .fixed_bg.value {
    margin-top: 0;
  }

  .company .mission .vision ul li {
    padding: 20px;
  }

  .company .mission .vision ul li strong {
    font-size: 20px
  }

  .company .mission .vision ul li:nth-child(3) br {
    display: initial;
  }

  .company .mission .vision ul li:nth-child(3) {
    font-size: 13px !important;
  }

  .company .mission .action::before {
    left: 10px;
    bottom: 0px;
    font-size: 48px;
    ;
  }

  .company .mission .action .action_plan {
    width: 200px;
    height: 200px;
    scale: 0.95;
  }

  .company .mission .action .action_plan .circle_blue {
    width: 120px;
    height: 120px;
  }

  .company .mission .action .action_plan .circle_blue p {
    font-size: 17px;
    letter-spacing: -1.5px;
  }

  .company .mission .action .action_plan .circle_line_pink {
    width: 220px;
    height: 220px;
  }

  .company .mission .action .action_plan .fix p {
    position: relative;
    font-size: 14px;
    color: #000;
    font-weight: 700;
    top: -2px;
    letter-spacing: -1px;
  }

  .company .mission .action .action_plan .fix p span {
    font-weight: 400;
    font-size: 10px;
  }

  .company .mission .action .action_plan .fix .fix_01 {
    position: absolute;
    top: -114px;
    left: 131px;
    left: 68px;
    text-align: center;
    /* line-height:24px; */
  }

  .company .mission .action .action_plan .fix .fix_01::before {
    content: '';
    position: absolute;
    top: 35px;
    left: 9px;
    display: block;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background: url(../images/icon_action01.svg) center no-repeat;
  }

  .company .mission .action .action_plan .fix .fix_02 {
    position: absolute;
    top: 59px;
    right: -85px;
    text-align: center;
  }

  .company .mission .action .action_plan .fix .fix_02::before {
    content: '';
    position: absolute;
    top: -50px;
    right: 18px;
    display: block;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background: url(../images/icon_action02.svg) center no-repeat;
  }

  .company .mission .action .action_plan .fix .fix_03 {
    position: absolute;
    top: 59px;
    left: -81px;
    text-align: center;
  }

  .company .mission .action .action_plan .fix .fix_03::before {
    content: '';
    position: absolute;
    top: -50px;
    left: 17px;
    display: block;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background: url(../images/icon_action03.svg) center no-repeat;
  }

  .company .mission .action .action_plan .fix .fix_04 {
    position: absolute;
    bottom: -75px;
    right: -43px;
    text-align: right;
  }

  .company .mission .action .action_plan .fix .fix_04::before {
    content: '';
    position: absolute;
    top: -50px;
    left: -5px;
    display: block;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background: url(../images/icon_action04.svg) center no-repeat;
  }

  .company .mission .action .action_plan .fix .fix_05 {
    position: absolute;
    bottom: -75px;
    left: -27px;
    text-align: right;
  }

  .company .mission .action .action_plan .fix .fix_05::before {
    content: '';
    position: absolute;
    top: -50px;
    right: -109px;
    right: -13px;
    display: block;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background: url(../images/icon_action05.svg) center no-repeat;
  }

  .company .mission .action .action_plan .dot.f_01 {
    top: 2px;
  }

  .company .mission .action .action_plan .move {
    transform: translateY(-2px) rotate(1deg);
  }

  @keyframes action-dot-anim-01 {
    0% {
      transform: rotate(-26deg) translateX(97px);
    }

    20% {
      transform: rotate(42deg) translateX(97px);
    }

    40% {
      transform: rotate(138deg) translateX(97px);
    }

    60% {
      transform: rotate(206deg) translateX(97px);
    }

    80% {
      transform: rotate(270deg) translateX(97px);
    }

    100% {
      transform: rotate(334deg) translateX(97px);
    }
  }

  @keyframes action-dot-anim-02 {
    0% {
      transform: rotate(42deg) translateX(97px)
    }

    20% {
      transform: rotate(138deg) translateX(97px)
    }

    40% {
      transform: rotate(206deg) translateX(97px)
    }

    60% {
      transform: rotate(270deg) translateX(97px)
    }

    80% {
      transform: rotate(334deg) translateX(97px)
    }

    100% {
      transform: rotate(402deg) translateX(97px)
    }
  }

  @keyframes action-dot-anim-03 {
    0% {
      transform: rotate(138deg) translateX(97px)
    }

    20% {
      transform: rotate(206deg) translateX(97px)
    }

    40% {
      transform: rotate(270deg) translateX(97px)
    }

    60% {
      transform: rotate(334deg) translateX(97px)
    }

    80% {
      transform: rotate(402deg) translateX(97px)
    }

    100% {
      transform: rotate(498deg) translateX(97px)
    }
  }

  @keyframes action-dot-anim-04 {
    0% {
      transform: rotate(206deg) translateX(97px)
    }

    20% {
      transform: rotate(270deg) translateX(97px)
    }

    40% {
      transform: rotate(334deg) translateX(97px)
    }

    60% {
      transform: rotate(402deg) translateX(97px)
    }

    80% {
      transform: rotate(498deg) translateX(97px)
    }

    100% {
      transform: rotate(566deg) translateX(97px)
    }
  }

  @keyframes action-dot-anim-05 {
    0% {
      transform: rotate(270deg) translateX(97px)
    }

    20% {
      transform: rotate(334deg) translateX(97px)
    }

    40% {
      transform: rotate(402deg) translateX(97px)
    }

    60% {
      transform: rotate(498deg) translateX(97px)
    }

    80% {
      transform: rotate(566deg) translateX(97px)
    }

    100% {
      transform: rotate(630deg) translateX(97px)
    }
  }

  /* 공장현황 */
  .company .factory h4 {
    font-size: 26px;
    display: flex;
    flex-direction: column;
  }

  .company .factory .info {
    grid-template-rows: auto 200px 280px;
    gap: 8px;
  }

  .company .factory .info div:nth-child(1) {
    margin-bottom: 16px;
  }

  .company .factory .info div:nth-child(1) ul li {
    width: 100%;
  }

  .company .factory .info div>span {
    font-size: 14px;
  }

  .company .factory .quality div {
    width: 100%;
    padding: 0;
  }

  .company .factory .quality div span {
    font-size: 16px;
  }

  .company .factory .quality div span em {
    display: block;
    padding: 0;
    padding-bottom: 4px;
    font-size: 18px;
  }

  .company .factory .facility ul {
    grid-template-columns: repeat(2, 1fr);
  }

  .company .factory .process {
    margin-bottom: 0px !important;
  }

  .company .factory .process h4 span {
    padding-left: 0;
    padding-top: 8px;
  }

  .company .factory .process ul {
    display: flex;
    flex-direction: column;
    padding: 40px 0;
    gap: 40px;
    width: 60%;
    margin: 0 auto;
  }

  .company .factory .process ul::after {
    width: 1px;
    height: 100%;
    background: linear-gradient(0deg, #fff 0%, #aaa 5%, #aaa 95%, #fff 100%);
    top: 0;
    left: -8%;
  }

  .company .factory .process ul li {
    width: 100%;
    gap: 16px;
  }

  .company .factory .process ul li span {
    text-align: left;
    height: max-content;
  }

  .company .factory .process ul li span::before {
    display: none;
  }

  .company .factory .process ul li span::after {
    top: 6px;
    left: -8%;
  }

  .company .factory .process ul li img {
    aspect-ratio: 16/9;
  }

  .company .factory .process.conc ul {
    width: 100%;
  }

  .company .factory .process.conc ul li span {
    height: max-content;
    padding: 16px 0;
  }

  .company .factory .process.conc ul li span br {
    display: none;
  }

  .company .factory .fixed_bg {
    height: 240px;
    margin-top: 0;
  }

  .company .factory .fixed_bg.rebar {
    margin-bottom: 120px;
  }

  /* 사업영역 */

  /* 기술개발 > 기술개발센터 */
  .technology .center .brk {
    display: initial;
  }

  .technology .center h3 br {
    display: initial;
  }

  .technology .center .intro .quantum {
    transform: scale(0.7) !important;
  }

  .technology .center .bg_city {
    margin-top: 130px;
  }

  .technology .eng_swdev .txt_wrap br {
    display: block;
  }

  .technology .center .smart_build .txt_wrap br {
    display: block;
  }

  /* 기술개발 > 지식재산권 */
  .tab_content.newtech ul {
    flex-direction: column;
  }

  .tab_content li {
    padding: 20px
  }

  .newtech .desc_data p.desc_no,
  .newtech .desc_data p.desc_date {
    font-size: 14px;
  }

  .newtech .img_desc p.desc_tit {
    font-size: 14px;
  }

  .ipdesign_desc p.desc_no {
    margin-right: 20px;
  }

  .ipdesign_desc p.desc_no,
  p.desc_date {
    font-size: 14px;
    text-align: left;
  }

  .ipdesign_desc p.desc_tit {
    font-size: 16px;
    line-height: 1.2;
  }

  .tab_content.ip li,
  .tab_content.design li {
    padding: 16px;
    gap: 10px;
  }

  .download a {
    flex-direction: column-reverse;
    gap: 4px;
    width: 70px;
  }

  .download p {
    font-size: 13px;
  }

  .sub_tab_menu>li {
    flex: 1;
  }

  .technology .rnd {
    background-size: 160%;
  }

  .technology .rnd ul {
    grid-template-columns: repeat(1, 1fr);
  }

  .technology .rnd ul li p {
    background-image: linear-gradient(180deg, #CDDEE8 0%, #FBFDFF 35%, #fff 70%, #E5F4FF 100%) !important;
  }

  .technology .rnd ul li:nth-child(even) p {
    background-image: linear-gradient(180deg, #efefef 0%, #fcfcfc 35%, #fff 70%, #eee 100%) !important;
  }

  .technology .ip ul {
    grid-template-columns: repeat(2, 1fr);
    gap: 24px 16px;
  }

  .technology .ip ul li {
    padding: 24px 24px 0;
  }

  /* 홍보센터 > 브로슈어 */
  .pr_brochure {
    flex-direction: column;
  }

  .brochure_list li div {
    padding: 12% 15%;
  }

  /* 홍보센터 > ci */
  .pr_signature ul {
    gap: 12px;
  }

  .pr_ci div img {
    height: 40px;
  }

  .pr_color .palette {
    flex-direction: column;
  }

  .pr_color .palette>li {
    width: 100%;
    margin-bottom: 30px;
  }

  .pr_color .palette li div>p {
    font-size: 22px;
    font-weight: 500;
    color: #fff;
    flex-grow: 2;
  }

  .pr_color .palette li div>span {
    font-size: 16px;
    font-weight: 300;
    color: #fff;
    flex-grow: 0;
  }

  .pr_color .palette li ul {
    margin-top: 60px;
    color: #969696;
  }

  .btn_ci {
    padding: 0 41px 0 24px;
    height: 46px;
    font-size: 16px;
  }

  .btn_ci::after {
    width: 8px;
    height: 14px;
    background: url(../images/arrow.svg) no-repeat center;
    background-size: 10px;
  }

  .btn_ci:hover::after {
    background: url(../images/arrow_w.svg) no-repeat center;
    background-size: 10px;
  }

  .pr_bg {
    padding: 0;
  }

  .business .all .con_text {
    padding: 0 16px;
  }

  .business .all .con_text h5 {
    font-size: 20px;
  }

  .business .all .con_text ul {
    flex-direction: column;
    gap: 2px;
  }

  .business .all .con_text ul li {
    width: 100%;
    height: initial;
    padding: 24px 12px;
    font-size: 16px;
    background-image: linear-gradient(90deg, #B3D0E033 0%, #fff 100%);
  }

  .business .all .con_text ul li:nth-child(2) {
    background-image: linear-gradient(-90deg, #B3D0E033 0%, #fff 100%);
  }

  .business .all .con_text ul li br {
    display: none;
  }

  .business .all .list::after {
    display: none;
  }

  .business .all .list ul li p span {
    font-size: 18px;
  }

  .business .detail {
    font-size: 16px;
  }

  .business .detail h3 span {
    font-size: 16px;
  }

  .business .detail h4 {
    font-size: 28px;
    text-align: left;
  }

  .business .detail>div {
    gap: 2px;
    padding: 20px 0;
  }

  .business .detail>div::after {
    display: none;
  }

  .business .detail .adv ul {
    gap: 56px;
  }

  .business .detail .adv ul>li p span {
    font-size: 20px;
    padding-left: 20px;
  }

  .business .detail .adv ul>li p span::before {
    top: 8px;
    width: 14px;
  }

  .business .detail .adv ul>li div {
    flex-direction: column;
  }

  .business .detail .tech {
    padding: 80px 16px 120px;
  }

  .business .detail .tech ul .con_text {
    gap: 16px;
    margin-top: 24px;
    font-size: 16px;
    line-height: 140%;
  }

  .business .detail .tech ul .con_text .tit {
    font-size: 22px;
  }

  .business .detail.deck .tech ul .imgs_wrap.num1 span {
    font-size: 16px;
    padding: 8px;
  }

  .business .detail.beam .top {
    gap: 8px 16px;
    padding: 0 16px 80px;
  }

  .business .detail.beam .top p {
    font-size: 16px;
    padding: 8px 0;
    width: 100%;
    border-width: 2px;
  }

  .business .detail.rebar .process .mini {
    grid-template-columns: repeat(3, 1fr);
    border-radius: 24px;
    position: relative;
  }

  .business .detail.rebar .process .mini::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
    width: 100%;
    height: 1px;
    background-color: #ddd;
  }

  .business .detail.rebar .process .mini li:nth-child(3)::before {
    display: none;
  }

  .business .detail.rebar .process .steps_wrap .steps_list>li>.text p {
    font-size: 20px;
    margin-bottom: 16px;
    gap: 4px;
  }

  .business .detail .detail_local_tab {
    margin: 0 auto 20px;
  }

  .pr .brochure {
    background-size: contain;
  }

  .pr .brochure>div img {
    width: 92%;
  }

  .pr .brochure>div .txt {
    width: 92%;
  }

  .pr .brochure>div .txt p {
    font-size: 18px;
  }

  .pr .brochure>div .txt ul {
    gap: 8px;
  }

  .pr .brochure>div .txt ul li.btn_wrap .btn {
    height: 48px;
    font-size: 16px;
    padding: 0 16px;
  }

  .pr .brochure>div .txt ul li.view {
    width: 100%;
    max-width: 320px;
  }

  .pr .brochure>div .txt ul li.view .btn {
    padding: 0;
    width: 100%;
  }

  .pr .brochure>div .txt ul li.view .btn::after {
    width: 14px;
  }

  .recruit .values ul li .line {
    width: 92vw;
  }

  .recruit .details {
    padding-bottom: 24px;
  }

  .recruit .details .h4_wrap h4 {
    font-size: 28px;
  }

  .recruit .details>ul>li {
    font-size: 16px;
  }

  .recruit .details>ul>li h5 {
    font-size: 18px;
  }

  .recruit .details .steps li {
    font-size: 16px;
  }

  .recruit .benefits ul li {
    padding: 32px 16px;
  }

  .recruit .benefits ul li em {
    font-size: 18px;
  }

  .recruit .benefits ul li em br.brk {
    display: block;
  }

  .recruit .benefits ul li p {
    width: 100%;
    text-align: left;
  }
}

/* 최대 576px */
@media (max-width:577px) {
  .main .main_business.mo .icon_motion img {
    height: 70px;
  }

  .technology .eng_swdev .rec {
    grid-template-columns: repeat(1, 1fr)
  }

  .technology .eng_swdev .rec p {
    font-size: 12px;
  }

  /* 인사말 */
  /* .company .greeting {padding-bottom: 0;} */
  .company .greeting .sub_text p {
    margin-bottom: 16px;
  }

  .company .factory .info {
    grid-template-columns: 2.5fr 1.5fr 1fr;
    grid-template-rows: auto 160px 200px;
  }

  .company .factory .info div:nth-child(1) ul li {
    font-size: 16px;
    margin-bottom: 6px;
  }

  .company .factory .info div>span {
    font-size: 12px;
  }

  .company .factory .info div:nth-child(3)>span {
    width: 100%;
  }

  .company .factory .facility ul {
    grid-template-columns: repeat(1, 1fr);
  }

  .company .factory .facility ul li {
    height: 42px;
  }

  .company .factory .fixed_bg {
    display: none;
  }

  .technology .center .eng_swdev .rec {
    grid-template-columns: repeat(1, 1fr);
  }

  .technology .center .smart_build .smart_img {
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: 320px 160px 160px 160px;
    gap: 4px;
  }

  .technology .center .smart_build .smart_img>div br {
    display: none;
  }

  .technology .center .smart_build .smart_img>div:nth-child(1) {
    grid-column: initial;
    grid-row: initial;
    margin-bottom: 12px;
  }

  .technology .center .smart_build .smart_img .pic_big {
    width: 580px;
  }

  .technology .center .smart_build .smart_img .pic_big .pic_num {
    width: 24px;
    height: 24px;
    font-size: 16px;
  }

  .technology .center .smart_build .smart_img .pic_big .pic_num:nth-child(1) {
    top: 16%;
    left: 32%;
  }

  .technology .center .smart_build .smart_img .pic_big .pic_num:nth-child(2) {
    top: 45%;
    left: 60%;
  }

  .technology .center .smart_build .smart_img .pic_big .pic_num:nth-child(3) {
    top: 80%;
    left: 52%;
  }

  .technology .center .smart_build .smart_img>div .pic_info {
    font-size: 12px;
  }

  .technology .rnd .list>li .thms_wrap {
    height: 320px;
  }

  .technology .rnd .list>li .thm .thm_tit {
    font-size: 10px;
    padding: 4px 6px;
  }

  .technology .rnd .list>li .thm.lay2 .thm_tit.twin {
    font-size: 12px;
  }

  .technology .rnd .list>li .thm.lay2 .thm_arr.hori {
    height: 16px;
  }

  .technology .ip ul li .desc_data {
    font-size: 14px;
  }

  .technology .ip ul li .desc_data p {
    display: flex;
    flex-direction: column;
    margin-bottom: 6px;
  }

  .technology .ip ul li .desc_tit {
    font-size: 16px;
    padding-top: 0;
  }

  .technology .ip ul li .desc_tit br {
    display: none;
  }

  .business .all .con_text ul li br {
    display: initial;
  }

  .business .all .list {
    margin: 80px auto 0;
  }

  .business .all .list h4 {
    font-size: 22px;
    margin-bottom: 16px;
  }

  .business .all .list ul {
    grid-template-columns: 1fr;
  }

  .business .detail h3 {
    margin-bottom: 0px;
  }

  .business .detail .top {
    padding: 0 0 120px;
  }

  .business .detail .top .info {
    grid-auto-flow: row;
    padding: 0;
  }

  .business .detail .adv ul {
    width: 100%;
    gap: 56px;
  }

  .business .detail .adv ul>li div img {
    height: 160px;
  }

  .business .detail.deck .prc {
    gap: 48px;
  }

  .business .detail.deck .prc ul {
    gap: 8px;
  }

  .business .detail.deck .prc ul::after {
    top: 40px;
  }

  .business .detail.deck .prc ul li span {
    font-size: 16px;
    height: 40px;
  }

  .business .detail.beam .top {
    grid-template-rows: 160px auto;
  }

  .business .detail.beam .top p {
    font-size: 13px;
    letter-spacing: -0.06em;
  }

  .business .detail.rebar .process .steps_wrap .steps_list>li>img {
    width: 100%;
  }

  .pr .brk {
    display: initial;
  }

  .pr .ci>div {
    gap: 80px;
  }

  .pr .ci .signature ul {
    grid-auto-rows: 200px;
  }

  .pr .ci .signature ul li {
    padding: 24px;
  }

  .pr .ci .signature ul li span {
    top: 8px;
    left: 8px;
  }

  .pr .ci .color ul {
    grid-auto-rows: 240px;
  }

  .pr .ci .color ul li {
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: initial;
    justify-content: end;
  }

  .pr .brochure .list li div {
    padding: 32px 20px;
  }
}

/*260414추가 css*/

.business .detail .construction_panel {
  display: flex;
  flex-direction: column;
  gap: px;
  _padding: 0px 0 160px;
  background-image: linear-gradient(180deg, #f7fbfd 0%, transparent 100%);
}

.business .detail .construction_panel h4 {
  font-size: 32px;
  font-weight: 400;
  text-align: left;
  line-height: 1.2;
  color: #222;
  margin-bottom: 20px;
}

.business .detail .construction_panel h5 {
  font-size: 30px;
  font-weight: 700;
  text-align: center;
  line-height: 1.3;
  color: #222;
  margin-bottom: 32px;
}

.business .detail .construction_intro {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 16px;
  padding: 0;
}

.business .detail .construction_overview {
  padding: 0;
}

.business .detail .construction_overview .overview_box {
  padding: 28px 36px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 4px 14px rgba(0, 0, 0, .08);
}

.business .detail .construction_overview .overview_box ul {
  display: block;
  width: 100%;
  margin: 0;
}

.business .detail .construction_overview .overview_box li {
  list-style: disc;
  margin-left: 20px;
  line-height: 1.9;
  color: #333;
}

.business .detail .construction_flow {
  width: 100%;
  max-width: 1440px;
  box-sizing: border-box;
}

.business .detail .construction_flow .flow_note {
  display: flex;
  flex-direction: column;
  gap: 0px;
  margin-top: 28px;
  width: 100%;
  max-width: 100%;
  font-size: 18px;
}

.business .detail .construction_flow .flow_note li {
  list-style: disc;
  margin-left: 20px;
  line-height: 1.9;
  color: #333;
  white-space: normal;
}

.business .detail .construction_flow.basic_flow .flow_note.flow_note_dot li:first-child {
  white-space: nowrap;
}

.business .detail .construction_flow .flow_grid {
  display: grid;
  gap: 16px;
}

.business .detail .construction_flow .flow_grid.cols3 {
  grid-template-columns: repeat(3, 1fr);
}

.business .detail .construction_flow .flow_item {
  background: #fff;
  border-radius: 6px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0, 0, 0, .08);
  border: 1px solid #00000010;
}

.business .detail .construction_flow .flow_head {
  display: flex;
  align-items: center;
  justify-content: center;
  _min-height: 54px;
  padding: 10px 14px;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
  color: #fff;
}

.business .detail .construction_flow .flow_grid.basic .flow_head {
  background: #8b8b8b;
}

.business .detail .construction_flow .flow_grid.improve .flow_head {
  background: var(--color-primary);
}

.business .detail .construction_flow .flow_img {
  background: #fff;
}

.business .detail .construction_flow .flow_img img {
  display: block;
  width: 100%;
  height: auto;
}

.business .detail {
  overflow-x: hidden;
}

.flow_turn_arrow {
  grid-column: 1 / -1;
  position: relative;
  height: 24px;
  margin: 10px 0;
}

.flow_turn_arrow::before {
  content: "";
  position: absolute;
  left: 15%;
  right: 15%;
  top: 10px;
  border-top: 3px dashed #1555B6;
}

.flow_turn_arrow::after {
  content: "";
  position: absolute;
  left: 15%;
  top: 12px;
  height: 12px;
  border-left: 3px dashed #1555B6;
}

.flow_turn_arrow .arrow_head {
  position: absolute;
  inset: 0;
}

.flow_turn_arrow .arrow_head::before {
  content: "";
  position: absolute;
  left: calc(15% - 5.5px);
  top: 23px;
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 10px solid #1555B6;
}

.flow_turn_arrow .arrow_head::after {
  content: "";
  position: absolute;
  right: 15%;
  top: 0;
  height: 11px;
  border-left: 3px dashed #1555B6;
}

.business .detail .construction_flow.basic_flow .flow_note.flow_note_dot li:last-child {
  white-space: nowrap;
}

@media (max-width:1000px) {
  .business .detail .construction_flow.improve_flow .flow_turn_arrow {
    display: none;
  }
}

@media (max-width:1280px) {
  .business .detail .construction_panel {
    gap: 80px;
    padding: 100px 0 140px;
  }

  .business .detail .construction_panel h4 {
    font-size: 34px;
  }

  .business .detail .construction_panel h5 {
    font-size: 32px;
  }
}

@media (max-width:1000px) {
  .business .detail .construction_compare {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .business .detail .construction_flow .flow_grid.cols3 {
    grid-template-columns: repeat(2, 1fr);
  }
}

.main .technology .main_con_list>li {
  flex: 0 0 auto !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  height: 240px !important;
  margin: 0 !important;
}

.main .technology .main_con_list>li:nth-child(1),
.main .technology .main_con_list>li:nth-child(2),
.main .technology .main_con_list>li:nth-child(3),
.main .technology .main_con_list>li:nth-child(4),
.main .technology .main_con_list>li:nth-child(5) {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.main .technology .main_con_list>li>a {
  width: 100% !important;
  height: 100% !important;
  padding: 120px 12px 24px !important;
}

@media (max-width:577px) {
  .business .detail .construction_panel {
    _gap: 48px;
    padding: 64px 0 100px;
  }

  .business .detail .construction_panel h4 {
    font-size: 26px;
  }

  .business .detail .construction_panel h5 {
    font-size: 22px;
  }

  .business .detail .construction_overview .overview_box li {
    line-height: 1.7;
  }

  .business .detail .construction_flow .flow_note li {
    line-height: 1.7;
  }
}

.business .detail .construction_compare .compare_card .card_body>li {
  display: block;
  grid-template-columns: none;
  height: auto;
  min-height: 0;
  position: static;
}

.business .detail .construction_panel {
  background: none !important;
}

.business .detail .construction_flow {
  position: relative;
  z-index: 1;
  overflow: visible;
  padding-top: 120px;
}

.business .detail .construction_flow::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: min(1920px, 100vw);
  height: 260px;
  _background: linear-gradient(180deg, #E5EEF3 0%, rgba(229, 238, 243, 0.7) 35%, rgba(229, 238, 243, 0) 100%);
  z-index: -1;
}

.business .detail .construction_flow h5 {
  position: relative;
  z-index: 2;
  margin-bottom: 40px;
}

.business .detail .construction_result {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 120px 0 0px;
  display: flex;
  flex-direction: column;
  gap: 120px;
  align-items: stretch;
}

.business .detail .construction_result .result_group {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.business .detail .construction_result .result_group h5 {
  width: 100%;
  font-size: 36px;
  font-weight: 400;
  line-height: 1.1;
  color: #222;
  text-align: left;
}

.business .detail .construction_result .result_grid {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(4, calc((100% - 72px) / 4));
  gap: 24px;
  list-style: none;
  padding: 0;
  margin: 0;
}

.business .detail .construction_result .result_grid>li {
  width: 100%;
  min-width: 0;
  background: #fff;
  border: 1px solid #e5e5e5;
  padding: 28px 24px;
  min-height: 154px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 18px;
  box-sizing: border-box;
}

.business .detail .construction_result .result_grid .row {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  line-height: 1.4;
  color: #222;
  font-size: 18px;
}

.business .detail .construction_result .result_grid .row .label {
  min-width: 64px;
  flex: 0 0 64px;
  font-weight: 700;
  color: #222;
}

.business .detail .construction_result .result_grid .row .value {
  color: #333;
  word-break: keep-all;
}

.business .detail .construction_result .result_grid.performance li .row:first-child .label,
.business .detail .construction_result .result_grid.performance li .row:first-child .value {
  font-size: 0.78em;
  color: #a3a3a3;
}

.business .detail .construction_result .result_grid.performance li .row:nth-child(2),
.business .detail .construction_result .result_grid.performance li .row:nth-child(2) .value,
.business .detail .construction_result .result_grid.performance li .row:last-child {
  white-space: nowrap;
}

.business .detail .construction_result .result_grid .row.cols2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}

.business .detail .construction_result .result_grid .row.cols2 span {
  color: #333;
  word-break: keep-all;
}

.business .detail .construction_result .result_grid .row.cols2 b {
  font-weight: 700;
  color: #222;
  margin-right: 6px;
}

/*4월 15일 grb css추가*/
/* ===== business_grb.php / figma layout ===== */
.business .detail.grb_figma {
  padding-bottom: 160px;
}

.business .detail.grb_figma .grb_intro_copy {
  margin: -16px 0 24px;
  padding: 0 20px;
  text-align: center;
  font-size: 18px;
  line-height: 1.7;
  color: #666;
}

.business .detail.grb_figma .grb_section {
  width: 100%;
  padding-bottom: 120px;
}

.business .detail.grb_figma .grb_section:last-of-type {
  padding-bottom: 0;
}

.business .detail.grb_figma .grb_section_tit {
  margin-bottom: 48px;
  font-size: 34px;
  font-weight: 500;
  text-align: center;
  line-height: 1.2;
}

.business .detail.grb_figma .grb_subgroup+.grb_subgroup {
  margin-top: 64px;
}

.business .detail.grb_figma .grb_sub_tit {
  margin-bottom: 12px;
  font-size: 24px;
  font-weight: 700;
  color: #222;
  text-align: left;
}

.business .detail.grb_figma .grb_note {
  max-width: 1080px;
  margin: 0 auto 48px;
  padding: 24px 32px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, .06);
}

.business .detail.grb_figma .grb_note ul {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.business .detail.grb_figma .grb_note li {
  position: relative;
  padding-left: 16px;
  list-style: none;
  color: #555;
  font-size: 18px;
  line-height: 1.7;
}

.business .detail.grb_figma .grb_note li::before {
  content: "•";
  position: absolute;
  top: 0;
  left: 0;
  color: var(--color-primary);
}

.business .detail.grb_figma .grb_media_grid,
.business .detail.grb_figma .grb_photo_grid,
.business .detail.grb_figma .grb_connection_grid {
  display: grid;
  gap: 24px;
}

.business .detail.grb_figma .grb_media_grid.col2 {
  grid-template-columns: repeat(2, 1fr);
}

.business .detail.grb_figma .grb_media_grid.col3 {
  grid-template-columns: repeat(3, 1fr);
}

.business .detail.grb_figma .grb_photo_grid.col3 {
  grid-template-columns: repeat(3, 1fr);
}

.business .detail.grb_figma .grb_photo_grid.col6 {
  grid-template-columns: repeat(6, 1fr);
}

.business .detail.grb_figma .grb_connection_grid {
  grid-template-columns: 1fr 1fr 1.1fr;
  align-items: start;
}

.business .detail.grb_figma .grb_media_card {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, .08);
  border-radius: 0px;
}

.business .detail.grb_figma .grb_media_card>strong {
  display: block;
  margin-bottom: 14px;
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  color: #222;
}

.business .detail.grb_figma .grb_media {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  background: #f7f9fb;
}

.business .detail.grb_figma .grb_media img {
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: 16/10;
  object-fit: cover;
  background: #eef3f8;
}

.business .detail.grb_figma .is-diagram .grb_media img {
  aspect-ratio: 4/3;
  object-fit: contain;
  padding: 12px;
  background: #fff;
}

.business .detail.grb_figma .grb_split_media {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
}

.business .detail.grb_figma .grb_split_media .grb_media img {
  aspect-ratio: 1/1;
}

.business .detail.grb_figma .grb_desc {
  margin-top: 14px;
  font-size: 16px;
  line-height: 1.7;
  color: #555;
  text-align: left;
}

.business .detail.grb_figma .grb_bullet_list {
  margin-top: 18px;
  padding-left: 18px;
  color: #555;
  font-size: 16px;
  line-height: 1.7;
}

.business .detail.grb_figma .grb_bullet_list li+li {
  margin-top: 6px;
}

.business .detail.grb_figma .grb_photo_item {
  display: flex;
  flex-direction: column;
}

.business .detail.grb_figma .grb_photo_item .grb_media img {
  aspect-ratio: 16/10;
}

.business .detail.grb_figma .grb_photo_item figcaption {
  margin-top: 10px;
  font-size: 15px;
  line-height: 1.4;
  color: #555;
  text-align: center;
}

.business .detail.grb_figma .grb_compact_grid {
  max-width: 960px;
  margin: 0 auto;
}

.business .detail.grb_figma .grb_weld_stack {
  display: grid;
  gap: 12px;
}

.business .detail.grb_figma .grb_weld_stack .grb_media img {
  aspect-ratio: 16/9;
}

.business .detail.grb_figma .grb_table_wrap {
  overflow-x: auto;
  padding: 16px;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, .08);
  border-radius: 8px;
  box-shadow: 0 4px 18px rgba(0, 0, 0, .05);
}

.business .detail.grb_figma .grb_table {
  width: 100%;
  border-collapse: collapse;
  background: #fff;
  font-size: 16px;
}

.business .detail.grb_figma .grb_table thead th {
  padding: 16px 18px;
  background: #f6f8fb;
  border-bottom: 1px solid #e5e7eb;
  color: #222;
  font-weight: 600;
  text-align: center;
}

.business .detail.grb_figma .grb_table tbody th,
.business .detail.grb_figma .grb_table tbody td {
  padding: 16px 18px;
  border-bottom: 1px solid #e5e7eb;
}

.business .detail.grb_figma .grb_table tbody th {
  background: #fafafa;
  font-weight: 600;
  text-align: center;
  white-space: nowrap;
}

.business .detail.grb_figma .grb_table tbody td {
  text-align: center;
  color: #555;
}

.business .detail.grb_figma .grb_table tbody tr:last-child th,
.business .detail.grb_figma .grb_table tbody tr:last-child td {
  border-bottom: 0;
}

@media (max-width:1280px) {
  .business .detail.grb_figma .grb_photo_grid.col6 {
    grid-template-columns: repeat(3, 1fr);
  }

  .business .detail.grb_figma .grb_connection_grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .business .detail.grb_figma .grb_connection_grid>*:last-child {
    grid-column: span 2;
  }
}

@media (max-width:1000px) {

  .business .detail.grb_figma .grb_media_grid.col3,
  .business .detail.grb_figma .grb_media_grid.col2,
  .business .detail.grb_figma .grb_connection_grid {
    grid-template-columns: 1fr;
  }

  .business .detail.grb_figma .grb_connection_grid>*:last-child {
    grid-column: auto;
  }

  .business .detail.grb_figma .grb_photoGridFix {
    grid-template-columns: repeat(2, 1fr);
  }

  .business .detail.grb_figma .grb_photo_grid.col3 {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width:769px) {
  .business .detail.grb_figma {
    padding-bottom: 120px;
  }

  .business .detail.grb_figma .grb_intro_copy {
    font-size: 16px;
    margin: -10px 0 20px;
  }

  .business .detail.grb_figma .grb_section {
    padding-bottom: 40px;
  }

  .business .detail.grb_figma .grb_section_tit {
    margin-bottom: 32px;
    font-size: 28px;
  }

  .business .detail.grb_figma .grb_sub_tit {
    font-size: 18px;
  }

  .business .detail.grb_figma .grb_note {
    margin-bottom: 32px;
    padding: 20px 18px;
  }

  .business .detail.grb_figma .grb_note li {
    font-size: 16px;
  }

  .business .detail.grb_figma .grb_media_card {
    padding: 14px;
  }

  .business .detail.grb_figma .grb_media_card>strong {
    font-size: 16px;
  }

  .business .detail.grb_figma .grb_desc,
  .business .detail.grb_figma .grb_bullet_list {
    font-size: 15px;
  }

  .business .detail.grb_figma .grb_split_media {
    grid-template-columns: 1fr;
  }

  .business .detail.grb_figma .grb_photo_grid.col6,
  .business .detail.grb_figma .grb_photo_grid.col3 {
    grid-template-columns: repeat(2, 1fr);
  }

  .business .detail.grb_figma .grb_table {
    min-width: 640px;
    font-size: 14px;
  }
}

@media (max-width:577px) {

  .business .detail.grb_figma .grb_photo_grid.col6,
  .business .detail.grb_figma .grb_photo_grid.col3 {
    grid-template-columns: 1fr;
  }
}

.business .detail.grb_figma .grb_head_card {
  padding: 0;
  overflow: hidden;
}

.business .detail.grb_figma .grb_head_card>strong {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 52px;
  margin: 0;
  padding: 10px 16px;
  font-size: 14px;
  font-weight: 700;
  color: #222;
  background-image: linear-gradient(180deg, #FFFFFF 0%, #F7F7F7 100%);
  border-bottom: 1px solid #DCDCDC;
}

.business .detail.grb_figma .grb_head_card .grb_media {
  border: 0;
  border-radius: 0;
  background: #fff;
}

.business .detail.grb_figma .grb_head_card .grb_media img {
  background: #fff;
}

.business .detail.grb_figma .grb_chart_grid {
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  justify-content: center;
}

.business .detail.grb_figma .grb_chart_grid>li {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 18px;
}

.business .detail.grb_figma .grb_chart_grid .grb_media {
  width: 100%;
  border: 0;
  border-radius: 0;
  background: #fff;
}

.business .detail.grb_figma .grb_chart_grid .grb_media img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: auto;
  object-fit: contain;
  background: #fff;
}

@media (max-width:1000px) {
  .business .detail.grb_figma .grb_chart_grid {
    max-width: 720px;
  }
}

.business .detail.grb_figma .grb_sec_test .grb_chart_grid {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
  align-items: start;
}

.business .detail.grb_figma .grb_sec_test .grb_chart_grid>li {
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  min-width: 0;
}

.business .detail.grb_figma .grb_sec_test .grb_chart_grid>li>img {
  display: block;
  width: 100%;
  height: auto;
  background: transparent;
}

@media (max-width:1000px) {
  .business .detail.grb_figma .grb_sec_test .grb_chart_grid {
    grid-template-columns: 1fr;
    gap: 24px;
  }
}

.business .detail.grb_figma .grb_sec_capacity .grb_media {
  width: 100%;
}

.business .detail.grb_figma .grb_sec_capacity .grb_media img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: auto;
  object-fit: contain;
  padding: 0;
  background: #fff;
}

.business .detail.grb_figma .grb_process,
.business .detail.can_figma .grb_process {
  width: 100%;
}

.business .detail.grb_figma .grb_process ul,
.business .detail.can_figma .grb_process ul {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 72px 32px;
  margin-top: 40px;
}

.business .detail.grb_figma .grb_process ul::before,
.business .detail.grb_figma .grb_process ul::after,
.business .detail.can_figma .grb_process ul::before,
.business .detail.can_figma .grb_process ul::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  height: 1px;
  background: linear-gradient(90deg, #fff 0%, #aaa 16%, #aaa 84%, #fff 100%);
  z-index: -1;
}

.business .detail.grb_figma .grb_process ul::before,
.business .detail.can_figma .grb_process ul::before {
  top: 56px;
}

.business .detail.grb_figma .grb_process ul::after,
.business .detail.can_figma .grb_process ul::after {
  top: calc(50% + 90px);
}

.business .detail.grb_figma .grb_process ul li,
.business .detail.can_figma .grb_process ul li {
  display: flex;
  flex-direction: column;
  gap: 48px;
}

.business .detail.grb_figma .grb_process ul li span,
.business .detail.can_figma .grb_process ul li span {
  position: relative;
  width: 100%;
  height: 56px;
  font-size: 20px;
  font-weight: 500;
  text-align: center;
  animation-name: text_ani;
  animation-duration: 9s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}

.business .detail.grb_figma .grb_process ul li span::before,
.business .detail.grb_figma .grb_process ul li span::after,
.business .detail.can_figma .grb_process ul li span::before,
.business .detail.can_figma .grb_process ul li span::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.business .detail.grb_figma .grb_process ul li span::before,
.business .detail.can_figma .grb_process ul li span::before {
  top: calc(100% - 6px);
  width: 1px;
  height: 80px;
  border-left: 1px dashed #ccc;
  z-index: -1;
}

.business .detail.grb_figma .grb_process ul li span::after,
.business .detail.can_figma .grb_process ul li span::after {
  top: calc(100% - 6px);
  width: 12px;
  height: 12px;
  background-color: #ccc;
  border-radius: 50px;
  outline: 1px solid transparent;
  animation-name: highlight_ani;
  animation-duration: 9s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}

.business .detail.grb_figma .grb_process ul li:nth-child(1) span,
.business .detail.grb_figma .grb_process ul li:nth-child(1) span::after,
.business .detail.can_figma .grb_process ul li:nth-child(1) span,
.business .detail.can_figma .grb_process ul li:nth-child(1) span::after {
  animation-delay: 0s;
}

.business .detail.grb_figma .grb_process ul li:nth-child(2) span,
.business .detail.grb_figma .grb_process ul li:nth-child(2) span::after,
.business .detail.can_figma .grb_process ul li:nth-child(2) span,
.business .detail.can_figma .grb_process ul li:nth-child(2) span::after {
  animation-delay: 1.5s;
}

.business .detail.grb_figma .grb_process ul li:nth-child(3) span,
.business .detail.grb_figma .grb_process ul li:nth-child(3) span::after,
.business .detail.can_figma .grb_process ul li:nth-child(3) span,
.business .detail.can_figma .grb_process ul li:nth-child(3) span::after {
  animation-delay: 3s;
}

.business .detail.grb_figma .grb_process ul li:nth-child(4) span,
.business .detail.grb_figma .grb_process ul li:nth-child(4) span::after,
.business .detail.can_figma .grb_process ul li:nth-child(4) span,
.business .detail.can_figma .grb_process ul li:nth-child(4) span::after {
  animation-delay: 4.5s;
}

.business .detail.grb_figma .grb_process ul li:nth-child(5) span,
.business .detail.grb_figma .grb_process ul li:nth-child(5) span::after,
.business .detail.can_figma .grb_process ul li:nth-child(5) span,
.business .detail.can_figma .grb_process ul li:nth-child(5) span::after {
  animation-delay: 6s;
}

.business .detail.grb_figma .grb_process ul li:nth-child(6) span,
.business .detail.grb_figma .grb_process ul li:nth-child(6) span::after,
.business .detail.can_figma .grb_process ul li:nth-child(6) span,
.business .detail.can_figma .grb_process ul li:nth-child(6) span::after {
  animation-delay: 7.5s;
}

.business .detail.grb_figma .grb_process ul li>img,
.business .detail.can_figma .grb_process ul li>img {
  display: block;
  width: 100%;
  height: 280px;
  object-fit: contain;
  object-position: center;
  background: #fff;
}

@media (max-width:1000px) {

  .business .detail.grb_figma .grb_process ul,
  .business .detail.can_figma .grb_process ul {
    grid-template-columns: repeat(2, 1fr);
  }

  .business .detail.grb_figma .grb_process ul::after,
  .business .detail.can_figma .grb_process ul::after {
    display: none;
  }
}

@media (max-width:769px) {

  .business .detail.grb_figma .grb_process ul,
  .business .detail.can_figma .grb_process ul {
    grid-template-columns: 1fr;
    gap: 40px;
  }

  .business .detail.grb_figma .grb_process ul::before,
  .business .detail.grb_figma .grb_process ul::after,
  .business .detail.can_figma .grb_process ul::before,
  .business .detail.can_figma .grb_process ul::after {
    display: none;
  }

  .business .detail.grb_figma .grb_process ul li,
  .business .detail.can_figma .grb_process ul li {
    gap: 16px;
  }

  .business .detail.grb_figma .grb_process ul li span,
  .business .detail.can_figma .grb_process ul li span {
    height: auto;
    font-size: 18px;
  }

  .business .detail.grb_figma .grb_process ul li span::before,
  .business .detail.grb_figma .grb_process ul li span::after,
  .business .detail.can_figma .grb_process ul li span::before,
  .business .detail.can_figma .grb_process ul li span::after {
    display: none;
  }
}

/* ===== 공통 섹션 배경 그라데이션 유틸 ===== */
.sec_grad {
  position: relative;
  overflow: hidden;
}

.sec_grad_blue10 {
  background: linear-gradient(180deg, rgba(77, 130, 165, .10) 0%, rgba(77, 130, 165, 0) 100%);
}

.sec_grad_blue15 {
  background: linear-gradient(180deg, rgba(77, 130, 165, .15) 0%, rgba(77, 130, 165, 0) 100%);
}

.sec_grad_top120 {
  background-size: 100% 120px;
  background-repeat: no-repeat;
}

.sec_grad_top160 {
  background-size: 100% 160px;
  background-repeat: no-repeat;
}

.sec_grad_top240 {
  background-size: 100% 240px;
  background-repeat: no-repeat;
}

/* 흰색 박스용 */
.box_grad_white {
  background-image: linear-gradient(180deg, #FFFFFF 0%, #F7F7F7 100%);
}

/* 기존 gra는 테두리용이니까 같이 써도 됨 */

.business .detail.grb_figma .grb_section.sec_grad.sec_grad_blue10.sec_grad_top240 {
  _padding-top: 80px;
}

.business .detail.grb_figma .grb_sec_connect .grb_subgroup+.grb_subgroup {
  margin-top: 96px;
}

.business .detail.grb_figma .grb_connect_grid {
  align-items: start;
}

.business .detail.grb_figma .grb_connect_card {
  padding: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
}

.business .detail.grb_figma .grb_connect_card .grb_media {
  border: 1px solid rgba(0, 0, 0, .08);
  border-radius: 8px;
  background: #fff;
}

.business .detail.grb_figma .grb_connect_card.is-diagram .grb_media img {
  display: block;
  width: 100%;
  aspect-ratio: 22/15;
  object-fit: cover;
  padding: 0;
  background: #fff;
}

.business .detail.grb_figma .grb_connect_card .grb_bullet_list {
  margin-top: 18px;
  padding-left: 24px;
  font-size: 16px;
  line-height: 1.8;
  color: #333;
}

.business .detail.grb_figma .grb_dual_photo {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}

.business .detail.grb_figma .grb_dual_photo .grb_media img {
  aspect-ratio: 4/3;
  object-fit: cover;
  background: #fff;
}

@media (max-width:1000px) {
  .business .detail.grb_figma .grb_dual_photo {
    grid-template-columns: 1fr;
  }
}

/*시공실적 같이 테이블 표 공통스타일*/
.ui_table_wrap {
  width: 100%;
  overflow-x: auto;
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

.ui_table {
  width: 100%;
  border-collapse: collapse;
  background: transparent;
  font-size: 16px;
}

.ui_table thead th {
  padding: 0px 18px;
  background: #eff4ff;
  border-top: 1px solid #333;
  border-bottom: 1px solid #ddd;
  color: #222;
  font-weight: 700;
  text-align: center;
}

.ui_table tbody th,
.ui_table tbody td {
  padding: 18px;
  border-bottom: 1px solid #e5e5e5;
  background: transparent;
}

.ui_table tbody th {
  border-right: 1px solid #ddd;
  font-weight: 700;
  text-align: center;
  white-space: nowrap;
}

.ui_table tbody td {
  text-align: center;
  color: #333;
}

@media (max-width:769px) {
  .ui_table {
    _min-width: 640px;
    font-size: 14px;
  }

  .ui_table thead th,
  .ui_table tbody th,
  .ui_table tbody td {
    padding: 14px 12px;
  }

  .ui_table tbody td {
    border-right: 1px solid #ddd;
    ;
  }

  .ui_table tbody td:last-child {
    border-right: 0;
  }
}

.business .detail.can_figma {
  background: #fff;
  position: relative;
  padding-bottom: 120px;
}

.business .detail.can_figma>.can_section {
  _padding: 10px 0;
}

.business .detail.can_figma .can_section_tit {
  font-size: 36px;
  line-height: 1.2;
  font-weight: 700;
  color: rgba(0, 0, 0, .9);
  text-align: center;
  letter-spacing: -0.05em;
  margin-bottom: 72px;
}

.business .detail.can_figma .can_section_tit span {
  font-weight: 400;
}

.business .detail.can_figma .can_hero {
  position: relative;
  overflow: hidden;
  min-height: 560px;
  padding: 16px 0 0;
  background: none;
}

.business .detail.can_figma .can_intro b {
  font-weight: 700;
  color: #1555b6;
}

.business .detail.can_figma .can_hero_visual {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 1120px;
  margin: 0 auto;
}

.business .detail.can_figma .can_hero_visual img {
  display: block;
  width: 100%;
  height: auto;
}

.business .detail.can_figma .can_benefit {
  position: relative;
  min-height: 400px;
}

.business .detail.can_figma .can_benefit_center {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 360px;
  height: 360px;
  transform: translate(-50%, -50%);
}

.business .detail.can_figma .can_benefit_ring {
  position: absolute;
  border-radius: 50%;
}

.business .detail.can_figma .can_benefit_center .ring_outer {
  inset: 0;
  border: 1px solid rgba(21, 85, 182, .18);
}

.business .detail.can_figma .can_benefit_center .ring_inner {
  inset: 28px;
  border: 1px solid rgba(21, 85, 182, .12);
}

.business .detail.can_figma .can_benefit_core {
  position: absolute;
  inset: 76px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(160deg, #3e5eb0 18%, #9b1a1a 88%);
  color: #fff;
  font-size: 32px;
  font-weight: 700;
  letter-spacing: -0.05em;
  text-align: center;
  box-shadow: 0 0 20px rgba(0, 0, 0, .12);
}

.business .detail.can_figma .can_benefit_list {
  position: absolute;
  top: 50%;
  width: 420px;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  gap: 48px;
}

.business .detail.can_figma .can_benefit_list.left {
  left: 0;
  align-items: flex-end;
  text-align: right;
}

.business .detail.can_figma .can_benefit_list.right {
  right: 0;
}

.business .detail.can_figma .can_benefit_list li {
  position: relative;
  padding: 0 0 0 76px;
  min-height: 46px;
}

.business .detail.can_figma .can_benefit_list.left li {
  padding: 0 76px 0 0;
}

.business .detail.can_figma .can_benefit_icon {
  position: absolute;
  left: 0;
  top: 0;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: linear-gradient(160deg, #3e5eb0 18%, #9b1a1a 88%);
  box-shadow: 0 0 4px rgba(0, 0, 0, .25);
  display: flex;
  align-items: center;
  justify-content: center;
}

.business .detail.can_figma .can_benefit_list.left .can_benefit_icon {
  left: auto;
  right: 0;
}

.business .detail.can_figma .can_benefit_icon img {
  display: block;
  width: 32px;
  height: 32px;
  object-fit: contain;
}

.business .detail.can_figma .can_benefit_list strong {
  display: block;
  font-size: 18px;
  line-height: 1.4;
  color: #000;
  letter-spacing: -0.04em;
  margin-bottom: 6px;
}

.business .detail.can_figma .can_benefit_list p {
  font-size: 14px;
  line-height: 1.8;
  color: #999;
  letter-spacing: -0.04em;
}

.business .detail.can_figma .can_compare_head,
.business .detail.can_figma .can_compare_row {
  display: grid;
  grid-template-columns: 260px 560px minmax(0, 1fr);
}

.business .detail.can_figma .can_compare_th {
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  box-sizing: border-box;
  font-size: 20px;
  line-height: 1;
  font-weight: 500;
  color: #000;
  letter-spacing: -0.05em;
  background: #EEF3F6;
}

.business .detail.can_figma .can_compare_head .is-label {
  background: linear-gradient(180deg, #1555b6 0%, #134b9e 100%);
}

.business .detail.can_figma .can_compare_row {
  border-top: 0;
}

.business .detail.can_figma .can_compare_head {
  border-top: 2px solid #000;
  border-bottom: 1px solid #ccc;
}

.business .detail.can_figma .can_compare_label {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  box-sizing: border-box;
  border-bottom: 1px solid #ccc;
  font-size: 20px;
  line-height: 1.2;
  color: #000;
  letter-spacing: -0.05em;
  text-align: center;
  _background: #F7F9FB;
}

.business .detail.can_figma .can_compare_cell,
.business .detail.can_figma .can_compare_textbox {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  box-sizing: border-box;
  border-bottom: 1px solid #ccc;
  _min-height: 280px;
}

.business .detail.can_figma .can_compare_cell img {
  display: block;
  width: 100%;
  max-width: 580px;
  max-height: 100%;
  height: auto;
  object-fit: contain;
}

.business .detail.can_figma .can_compare_stack {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.business .detail.can_figma .can_compare_stack .can_compare_cell {
  min-height: 280px;
  height: 280px;
}

.business .detail.can_figma .can_compare_row.is-multi .can_compare_stack {
  display: grid;
  grid-template-rows: repeat(2, 280px);
}

.business .detail.can_figma .can_compare_row:not(.is-multi):not(.can_compare_text)>.can_compare_cell {
  min-height: 280px;
  height: 280px;
}

.business .detail.can_figma .can_compare_row.can_compare_text .can_compare_textbox {
  padding: 24px 32px;
  text-align: center;
  font-size: 16px;
  line-height: 1.4;
  color: #000;
  letter-spacing: -0.05em;
}

.business .detail.can_figma .can_span_block+.can_span_block,
.business .detail.can_figma .can_method_block+.can_method_block {
  margin-top: 60px;
}

.business .detail.can_figma .can_span_title,
.business .detail.can_figma .can_method_title {
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top: 2px solid #000;
  font-size: 20px;
  line-height: 1;
  font-weight: 500;
  color: #000;
  letter-spacing: -0.05em;
  margin: 0;
  background-color: #EEF3F6;
}

.business .detail.can_figma .can_span_top {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 460px;
  border-top: 1px solid #ccc;
}

.business .detail.can_figma .can_span_main {
  min-height: 280px;
  padding: 10px;
  border-bottom: 1px solid #ccc;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}

.business .detail.can_figma .can_span_main.tall {
  min-height: 320px;
}

.business .detail.can_figma .can_span_main img {
  display: block;
  width: 100%;
  max-width: 840px;
  height: auto;
}

.business .detail.can_figma .can_small_table_wrap {
  border-bottom: 1px solid #ccc;
}

.business .detail.can_figma .can_small_table thead th {
  height: 56px;
  padding: 8px;
  background-color: #F7F9FB;
  border-top: 0;
  box-sizing: border-box;
  vertical-align: middle;
  font-size: 16px;
  font-weight: 700;
}

.business .detail.can_figma .can_small_table tbody td {
  font-size: 16px;
  padding: 8px 10px;
}

.business .detail.can_figma .can_span_gallery {
  display: grid;
  gap: 0;
}

.business .detail.can_figma .can_span_gallery.two {
  grid-template-columns: repeat(2, 1fr);
  border-top: 1px solid #ccc;
}

.business .detail.can_figma .can_sec_span .can_span_item {
  position: relative !important;
  overflow: hidden !important;
  border-bottom: 1px solid #ccc;
  box-sizing: border-box;
  text-align: center;
  background: #fff;
}

.business .detail.can_figma .can_sec_span .can_span_item+.can_span_item {
  border-left: 1px solid #ccc;
}

.business .detail.can_figma .can_sec_span .can_span_item figure {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: #fff;
}

.business .detail.can_figma .can_sec_span .can_span_item figure img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
  object-position: center !important;
  background: #fff;
}

.business .detail.can_figma .can_sec_span .can_span_item p {
  position: absolute !important;
  left: 0 !important;
  bottom: 0 !important;
  z-index: 2 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 42px !important;
  margin: 0 !important;
  padding: 8px 16px !important;
  box-sizing: border-box !important;
  background: rgba(0, 0, 0, .45) !important;
  color: #fff !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  text-align: center !important;
  letter-spacing: -0.05em !important;
  -webkit-backdrop-filter: blur(2px) !important;
  backdrop-filter: blur(2px) !important;
}

.business .detail.can_figma .can_process ul {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 135px 24px;
}

.business .detail.can_figma .can_process ul::before,
.business .detail.can_figma .can_process ul::after {
  content: '';
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  height: 1px;
  background: linear-gradient(90deg, #fff 0%, #bfbfbf 16%, #bfbfbf 84%, #fff 100%);
  z-index: 0;
}

.business .detail.can_figma .can_process ul::before {
  top: 61px;
}

.business .detail.can_figma .can_process ul::after {
  top: calc(50% + 63px);
}

.business .detail.can_figma .can_process li {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 44px;
}

.business .detail.can_figma .can_process li span {
  position: relative;
  display: block;
  padding-bottom: 46px;
  font-size: 20px;
  line-height: 1.6;
  text-align: center;
  letter-spacing: -0.05em;
  color: #000;
}

.business .detail.can_figma .can_process li span::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 38px;
  width: 1px;
  height: 52px;
  border-left: 1px dashed #ccc;
  transform: translateX(-50%);
}

.business .detail.can_figma .can_process li span::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 56px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #ccc;
  transform: translateX(-50%);
}

.business .detail.can_figma .can_process li:first-child span {
  color: #1555b6;
  font-weight: 700;
}

.business .detail.can_figma .can_process li:first-child span::after {
  width: 14px;
  height: 14px;
  background: #1555b6;
  border: 4px solid rgba(21, 85, 182, .15);
  top: 54px;
}

.business .detail.can_figma .can_process li img {
  display: block;
  width: 100%;
  aspect-ratio: 1.39/1;
  object-fit: cover;
}

.business .detail.can_figma .can_method_head,
.business .detail.can_figma .can_method_row {
  display: grid;
  _border-top: 1px solid #ccc;
}

.business .detail.can_figma .can_method_head {
  border-top: 1px solid #ccc;
}

.business .detail.can_figma .can_method_head.fourcol,
.business .detail.can_figma .can_method_row.fourcol {
  grid-template-columns: 260px 560px repeat(2, minmax(0, 1fr));
}

.business .detail.can_figma .can_method_head.threecol,
.business .detail.can_figma .can_method_row.threecol {
  grid-template-columns: 260px 560px minmax(0, 1fr);
}

.business .detail.can_figma .can_method_head .cell,
.business .detail.can_figma .can_method_row .label,
.business .detail.can_figma .can_method_row .cell {
  border-bottom: 1px solid #ccc;
  _min-height: 54px;
  padding: 10px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.business .detail.can_figma .can_method_head .cell {
  font-size: 20px;
  line-height: 1;
  font-weight: 400;
  letter-spacing: -0.05em;
  background-color: #f3f7fb;
}

.business .detail.can_figma .can_small_table thead th:first-child,
.business .detail.can_figma .can_small_table tbody td:first-child {
  width: 200px;
}

.business .detail.can_figma .can_small_table thead th:last-child,
.business .detail.can_figma .can_small_table tbody td:last-child {
  width: auto;
}

.business .detail.can_figma .can_method_head .label {
  background: #1555b6;
}

.business .detail.can_figma .can_method_row .label {
  _background-color: #f3f7fb;
  font-size: 18px;
  line-height: 1.2;
  letter-spacing: -0.05em;
}

.business .detail.can_figma .can_method_row .cell img {
  display: block;
  width: 100%;
  max-width: 580px;
  height: auto;
}

.business .detail.can_figma .can_method_row .cell.text {
  font-size: 16px;
  line-height: 1.3;
  letter-spacing: -0.05em;
  padding: 24px;
}

.business .detail.can_figma .can_method_row .cell.split p {
  font-size: 28px;
  line-height: 1.2;
  color: #000;
  letter-spacing: -0.05em;
}

.business .detail.can_figma .can_method_row .cell.split2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  align-items: center;
}

.business .detail.can_figma .can_record_grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px;
}

.business .detail.can_figma .can_record_card figure {
  height: 380px;
  margin: 0 0 21px;
  border: 1px solid #e5e5e5;
  background: #fff;
  overflow: hidden;
}

.business .detail.can_figma .can_record_card figure img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.business .detail.can_figma .can_record_card .txt strong {
  display: block;
  font-size: 20px;
  line-height: 1.2;
  color: #000;
  letter-spacing: -0.05em;
  margin-bottom: 12px;
}

.business .detail.can_figma .can_record_card .txt p {
  font-size: 18px;
  line-height: 1.2;
  color: #666;
  letter-spacing: -0.05em;
  margin-top: 6px;
}

.business .detail.can_figma .can_sec_compare .can_method_row.compare_photo_row .cell {
  padding: 24px 16px;
  box-sizing: border-box;
}

.business .detail.can_figma .can_sec_compare .can_method_row.compare_photo_row .cell img {
  display: block;
  width: auto;
  max-width: 520px;
  height: 100%;
  max-height: 520px;
  object-fit: contain;
  object-position: center;
  margin: 0 auto;
}

/* overview 위치 */
.business .detail .grb_sec_overview .overview_common::after,
.business .detail .can_sec_overview .overview_common::after {
  _top: -60px;
}

@media (max-width:1200px) {
  .business .detail.can_figma>.can_section {
    padding: 100px 0;
  }

  .business .detail.can_figma .can_benefit {
    display: flex;
    flex-direction: column;
    gap: 40px;
    min-height: 0;
  }

  .business .detail.can_figma .can_benefit_center,
  .business .detail.can_figma .can_benefit_list {
    position: relative;
    left: auto;
    right: auto;
    top: auto;
    transform: none;
    width: 100%;
  }

  .business .detail.can_figma .can_benefit_center {
    margin: 0 auto 20px;
  }

  .business .detail.can_figma .can_benefit_list.left,
  .business .detail.can_figma .can_benefit_list.right {
    align-items: stretch;
    text-align: left;
  }

  .business .detail.can_figma .can_benefit_list.left li,
  .business .detail.can_figma .can_benefit_list li {
    padding-left: 76px;
    padding-right: 0;
  }

  .business .detail.can_figma .can_benefit_list.left .can_benefit_icon,
  .business .detail.can_figma .can_benefit_icon {
    left: 0;
    right: auto;
  }

  .business .detail.can_figma .can_compare_head,
  .business .detail.can_figma .can_compare_row,
  .business .detail.can_figma .can_span_top,
  .business .detail.can_figma .can_method_head.fourcol,
  .business .detail.can_figma .can_method_row.fourcol,
  .business .detail.can_figma .can_method_head.threecol,
  .business .detail.can_figma .can_method_row.threecol,
  .business .detail.can_figma .can_record_grid {
    grid-template-columns: 1fr;
  }

  .business .detail.can_figma .can_compare_head .is-label,
  .business .detail.can_figma .can_compare_label,
  .business .detail.can_figma .can_method_head .label,
  .business .detail.can_figma .can_method_row .label {
    display: none;
  }

  .business .detail.can_figma .can_span_gallery.two {
    grid-template-columns: 1fr;
  }

  .business .detail.can_figma .can_span_item+.can_span_item {
    border-left: 0;
    border-top: 1px solid #ccc;
  }

  .business .detail.can_figma .can_process ul {
    grid-template-columns: repeat(2, 1fr);
  }

  .business .detail.can_figma .can_process ul::after {
    display: none;
  }
}

@media (max-width:768px) {
  .business .detail.can_figma .can_hero {
    min-height: 0;
    padding: 24px 0 80px;
  }

  .business .detail.can_figma .can_process ul {
    grid-template-columns: 1fr;
    gap: 48px;
  }

  .business .detail.can_figma .can_process ul::before,
  .business .detail.can_figma .can_process ul::after {
    display: none;
  }

  .business .detail.can_figma .can_process li {
    gap: 18px;
  }

  .business .detail.can_figma .can_process li span {
    padding-bottom: 0;
  }

  .business .detail.can_figma .can_process li span::before,
  .business .detail.can_figma .can_process li span::after {
    display: none;
  }

  .business .detail.can_figma .can_record_grid {
    grid-template-columns: 1fr 1fr;
  }

  .business .detail.can_figma .can_record_card figure {
    height: 240px;
  }

  .business .detail.can_figma .can_record_card .txt strong {
    font-size: 20px;
  }

  .business .detail.can_figma .can_record_card .txt p,
  .business .detail.can_figma .can_small_table thead th,
  .business .detail.can_figma .can_small_table tbody td {
    font-size: 16px;
  }
}

.business .detail.can.can_figma {
  background: url(../images/business_bg.png), linear-gradient(180deg, #E5F0F4 0, transparent 800px);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top center;
}

.business .detail.can_figma .can_sec_apply,
.business .detail.can_figma .can_apply_visual {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
}

.business .detail.can_figma .can_apply_visual figure {
  display: block;
  width: 100%;
  _border: 1px solid #d9d9d9;
  background: #fff;
}

.business .detail.can_figma .can_apply_visual img {
  display: block;
  width: 100%;
  height: auto;
}

.business .detail.can_figma .can_subtype_grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 18px;
  max-width: 1440px;
  margin: 0 auto;
}

.business .detail.can_figma .can_subtype_card {
  border: 1px solid #d9d9d9;
  background: #fff;
}

.business .detail.can_figma .can_subtype_card figure {
  display: block;
  width: 100%;
}

.business .detail.can_figma .can_subtype_full {
  background: #fff;
}

.business .detail.can_figma .can_subtype_model img {
  display: block;
  width: 100%;
  height: auto;
}

.business .detail.can_figma .can_subtype_full img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
}

@media (max-width:1000px) {

  .business .detail.can_figma .can_sec_apply,
  .business .detail.can_figma .can_sec_subtype {
    padding: 100px 0;
  }
}

@media (max-width:769px) {

  .business .detail.can_figma .can_sec_apply,
  .business .detail.can_figma .can_sec_subtype {
    padding: 80px 0;
  }

  .business .detail.can_figma .can_subtype_grid {
    grid-template-columns: 1fr;
  }

  .business .detail.can_figma .can_subtype_card>strong {
    height: 48px;
    font-size: 16px;
  }
}

.business .detail.can_figma .can_sec_subtype {
  padding: 120px 0 0;
}

.business .detail .ui_grad_title {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 36px;
  box-sizing: border-box;
  background: linear-gradient(180deg, #ffffff 0%, #f7f7f7 100%);
  font-size: 18px;
  font-weight: 700;
  color: #222;
}

.business .detail.can_figma .can_method_head .cell.span2,
.business .detail.can_figma .can_method_row .cell.span2 {
  grid-column: span 2;
}

.business .detail.can_figma .can_method_row .gc_overview {
  padding: 0;
}

.business .detail.can_figma .can_method_row .gc_overview .gc_img {
  display: block;
  padding: 18px 18px 8px;
  box-sizing: border-box;
}

.business .detail.can_figma .can_method_row .gc_overview .gc_img img {
  display: block;
  width: 100%;
  height: auto;
}

.business .detail.can_figma .can_method_row .gc_overview .gc_types {
  display: flex;
  width: 100%;
}

.business .detail.can_figma .can_method_row .gc_overview .gc_types span {
  display: flex;
  flex: 1 0 0;
  align-items: center;
  justify-content: center;
  min-width: 0;
  min-height: 100px;
  padding: 10px;
  box-sizing: border-box;
  font-size: 18px;
  font-weight: 500;
  color: #222;
}

.business .detail.grb_figma,
.business .detail.can_figma {
  overflow-x: hidden;
}

.business .detail.grb_figma .grb_process ul::before,
.business .detail.grb_figma .grb_process ul::after,
.business .detail.can_figma .grb_process ul::before,
.business .detail.can_figma .grb_process ul::after {
  left: 0 !important;
  transform: none !important;
  width: 100% !important;
}

.business .detail .overview_common {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  z-index: 1;
  _margin: 100px 0 80px;
}

.business .detail .overview_common::after {
  content: "Overview";
  position: absolute;
  top: -41px;
  left: -25px;
  transform: none;
  font-size: 118px;
  line-height: 1;
  font-weight: 900;
  letter-spacing: -0.06em;
  color: #777;
  opacity: 0.1;
  ;
  z-index: 0;
  pointer-events: none;
}

@media (max-width:1440px) {
  .business .detail .overview_common::after {
    top: 80px;
    left: 32px;
    transform: none;
    font-size: 120px;
  }
}

@media (max-width:1280px) {
  .business .detail .overview_common::after {
    top: 40px;
    left: 24px;
    transform: none;
    font-size: 84px;
  }
}

.business .detail .overview_common h4,
.business .detail .overview_common ul {
  position: relative;
  z-index: 1;
}

.business .detail .overview_common ul {
  display: flex;
  flex-direction: column;
  gap: 2px;
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 40px 80px;
  box-sizing: border-box;
  background-image: linear-gradient(180deg, #fff 0%, #fff 100%);
}

.business .detail .overview_common h4 {
  margin-bottom: 20px;
  text-align: left;
}

.business .detail .overview_common ul::after {
  padding: 2px;
  background: linear-gradient(50deg, var(--color-primary) 0%, #00000005 16px, #00000005 calc(100% - 16px), var(--color-primary) 100%);
}

.business .detail .overview_common ul>li {
  display: list-item;
  list-style: initial;
}

.business .detail .adv .overview_common ul {
  gap: 16px;
  width: 100%;
  margin: 0 auto;
  padding: 40px 80px;
}

.business .detail .adv .overview_common ul>li {
  display: list-item;
  grid-template-columns: none;
  background: none;
  border-radius: 0;
  position: relative;
}

@media (max-width:1440px) {
  .business .detail .overview_common {
    padding: 0 4% 240px;
  }

  .business .detail .overview_common::after {
    top: 80px;
    left: 32px;
    transform: none;
    font-size: 120px;
  }

  .business .detail .overview_common ul {
    max-width: 100%;
  }

  .business .detail .adv .overview_common ul {
    padding: 40px 64px;
  }
}

@media (max-width:1280px) {
  .business .detail .overview_common {
    padding: 0 16px 120px;
  }

  .business .detail .overview_common::after {
    top: 40px;
    left: 24px;
    transform: none;
    font-size: 84px;
  }

  .business .detail .overview_common ul {
    padding: 40px 64px;
  }

  .business .detail .adv .overview_common ul {
    padding: 40px 64px;
  }
}

@media (max-width:1000px) {
  .business .detail .overview_common::after {
    display: none;
  }

  .business .detail .overview_common ul {
    padding: 32px 32px 32px 64px;
  }

  .business .detail .adv .overview_common ul {
    padding: 32px 32px 32px 64px;
  }
}

@media (max-width:769px) {
  .business .detail .overview_common ul {
    padding: 24px 24px 24px 40px;
  }

  .business .detail .adv .overview_common ul {
    margin: 20px;
    width: calc(100% - 40px);
    padding: 24px 24px 24px 40px;
  }

  .business .detail .construction_flow {
    padding-top: 40px;
  }
}

.business .detail.grb_figma .grb_section.sec_grad.sec_grad_blue10.sec_grad_top240,
.business .detail.biz_figma .biz_section.grb_sec_hcp_make {
  _padding-bottom: 60px;
}

/* ===== business detail shared modules (can/grb/seg) ===== */
.business .detail.biz_figma .biz_section {
  width: 100%;
  padding: 120px 0 0px;
}

.business .detail.biz_figma .biz_section_tit {
  margin: 0px 0 20px;
  font-size: 32px;
  font-weight: 600;
  text-align: left;
  line-height: 1.2;
}

.business .detail.biz_figma .biz_section_tit span {
  font-weight: 400;
}

.business .detail.biz_figma .biz_subgroup+.biz_subgroup {
  margin-top: 64px;
}

.business .detail.biz_figma .biz_media_grid {
  display: grid;
  gap: 24px;
}

.business .detail.biz_figma .biz_media_grid.col2 {
  grid-template-columns: repeat(2, 1fr);
}

.business .detail.biz_figma .biz_media_grid.col3 {
  grid-template-columns: repeat(3, 1fr);
}

.business .detail.biz_figma .biz_media_card {
  background: #fff;
}

.business .detail.biz_figma .biz_head_card {
  padding: 0;
  overflow: hidden;
}

.business .detail.biz_figma .biz_head_card>strong {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  font-size: 18px;
  font-weight: 700;
  color: #222;
  background-image: linear-gradient(180deg, #FFFFFF 0%, #F7F7F7 100%);
  border-bottom: 1px solid #DCDCDC;
}

.business .detail.biz_figma .biz_head_card .biz_media {
  border: 0;
  border-radius: 0;
  background: #fff;
}

.business .detail.biz_figma .biz_media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  background: #eef3f8;
}

.business .detail.biz_figma .biz_desc {
  margin-top: 14px;
  font-size: 16px;
  line-height: 1.7;
  color: #555;
  text-align: left;
}

.business .detail.biz_figma .biz_bullet_list {
  margin-top: 18px;
  padding-left: 24px;
  font-size: 16px;
  line-height: 1.8;
  color: #333;
}

.business .detail.biz_figma .biz_connect_grid {
  grid-template-columns: 1fr 1fr;
  align-items: stretch;
}

.business .detail.biz_figma .biz_connect_card {
  padding: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
  height: 100%;
}

.business .detail.biz_figma .biz_connect_card .biz_media {
  border: 1px solid rgba(0, 0, 0, .08);
  border-radius: 8px;
  background: #fff;
}

.business .detail.biz_figma .biz_connect_card.is-diagram .biz_media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  background: #fff;
}

.business .detail.biz_figma .biz_metric_table {
  width: 100%;
  height: 100%;
  background: #fff;
  display: flex;
  flex-direction: column;
}

.business .detail.biz_figma .biz_metric_row {
  display: grid;
  grid-template-columns: 160px 1fr 1fr;
}

.business .detail.biz_figma .biz_metric_cell {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 110px;
  padding: 10px;
  box-sizing: border-box;
  border-bottom: 1px solid #ccc;
  text-align: center;
  font-size: 16px;
  line-height: 1.3;
  color: #000;
  letter-spacing: -0.05em;
}

.business .detail.biz_figma .biz_metric_head {
  flex: 0 0 64px;
}

.business .detail.biz_figma .biz_metric_head .biz_metric_cell {
  min-height: 64px;
  padding: 6px 10px;
  font-size: 18px;
  font-weight: 700;
  background-color: #f3f7fb;
}

.business .detail.biz_figma .biz_metric_row:nth-child(2),
.business .detail.biz_figma .biz_metric_row:nth-child(3) {
  flex: 1;
}

.business .detail.biz_figma .biz_metric_cell.label {
  font-weight: 500;
}

.business .detail.biz_figma .biz_metric_cell span {
  display: block;
  font-size: 0.95em;
  color: #333;
}

.business .detail.biz_figma .biz_metric_note {
  margin-top: 20px;
  font-size: 20px;
  line-height: 1.4;
  color: #000;
  text-align: center;
  letter-spacing: -0.04em;
}

@media (max-width:1200px) {
  .business .detail.biz_figma .biz_metric_row {
    grid-template-columns: 120px 1fr 1fr;
  }

  .business .detail.biz_figma .biz_metric_cell,
  .business .detail.biz_figma .biz_metric_head .biz_metric_cell {
    font-size: 18px;
  }
}

@media (max-width:769px) {
  .business .detail.biz_figma .biz_metric_row {
    grid-template-columns: 100px 1fr 1fr;
  }

  .business .detail.biz_figma .biz_metric_cell,
  .business .detail.biz_figma .biz_metric_head .biz_metric_cell {
    min-height: 84px;
    font-size: 16px;
    padding: 8px;
  }

  .business .detail.biz_figma .biz_metric_note {
    font-size: 16px;
  }
}

.business .detail.biz_figma .biz_sub_tit,
.business .detail.grb_figma .grb_sub_tit {
  margin-bottom: 20px;
  font-size: 26px;
  font-weight: 400;
  color: #222;
  text-align: left;
}

.business .detail.biz_figma .biz_sub_tit:before,
.business .detail.grb_figma .grb_sub_tit:before {
  content: '';
  display: inline-block;
  width: 4px;
  height: 20px;
  background: #000;
  margin-right: 10px;
}

.business .detail.biz_figma .biz_media_card {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, .08);
  border-radius: 8px;
}

.business .detail.biz_figma .biz_head_card>strong {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  font-size: 18px;
  font-weight: 700;
  color: #222;
  background-image: linear-gradient(180deg, #fff 0%, #f7f7f7 100%);
  border-bottom: 1px solid #dcdcdc;
}

.business .detail.biz_figma .biz_media {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  background: #f7f9fb;
}

.business .detail.biz_figma .biz_head_card .biz_media {
  height: 320px;
  border: 0;
  border-radius: 0;
  background: #fff;
}

.business .detail.biz_figma .is-diagram .biz_media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  background: #fff;
}

@media (max-width:1000px) {
  .business .detail.biz_figma .biz_media_grid.col2 {
    grid-template-columns: 1fr;
  }
}

.business .detail.biz_figma .biz_media_grid.col4 {
  grid-template-columns: repeat(4, 1fr);
}

.business .detail.biz_figma .biz_media_grid.col4 .biz_media {
  aspect-ratio: 4/3;
}

@media (max-width:1000px) {
  .business .detail.biz_figma .biz_media_grid.col4 {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width:769px) {
  .business .detail.biz_figma .biz_media_grid.col4 {
    grid-template-columns: 1fr;
  }
}

.business .detail.biz_figma .biz_process.biz_process_4col ul {
  grid-template-columns: repeat(4, 1fr);
  gap: 48px 24px;
}

.business .detail.biz_figma .biz_process.biz_process_4col ul::after {
  display: none;
}

@media (max-width:1000px) {
  .business .detail.biz_figma .biz_process.biz_process_4col ul {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width:769px) {
  .business .detail.biz_figma .biz_process.biz_process_4col ul {
    grid-template-columns: 1fr;
  }
}

.business .detail.biz_figma .nod_sec_overview {
  padding: 120px 0px 80px 0;
}

.business .detail.biz_figma .nod_overview_visual {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
}

.business .detail.biz_figma .nod_overview_main {
  margin: 20px 0 16px;
  _border: 1px solid #e5e5e5;
  overflow: hidden;
}

.business .detail.biz_figma .nod_overview_main img {
  display: block;
  width: 100%;
  height: auto;
}

.business .detail.biz_figma .nod_overview_grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}

.business .detail.biz_figma .nod_overview_thumb {
  margin: 0;
  border: 1px solid #e5e5e5;
  background: #fff;
  overflow: hidden;
}

.business .detail.biz_figma .nod_overview_thumb img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  aspect-ratio: 1.15/1;
}

@media (max-width:1000px) {
  .business .detail.biz_figma .nod_overview_grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width:769px) {
  .business .detail.biz_figma .nod_sec_overview {
    padding: 80px 0 0 0;
  }

  .business .detail.biz_figma .nod_overview_grid {
    grid-template-columns: 1fr;
  }
}

.business .detail.biz_figma .nod_overview_grid3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}

.business .detail.biz_figma .nod_overview_card {
  display: flex;
  flex-direction: column;
}

.business .detail.biz_figma .nod_overview_card .ui_grad_title {
  margin: 0;
  border-radius: 8px 8px 0 0;
}

.business .detail.biz_figma .nod_overview_thumb {
  margin: 0;
  border-left: 1px solid #d9d9d9;
  border-right: 1px solid #d9d9d9;
  background: #fff;
  overflow: hidden;
}

.business .detail.biz_figma .nod_overview_thumb img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  aspect-ratio: 1.2/1;
}

.business .detail.biz_figma .nod_overview_desc {
  margin: 0;
  padding: 16px 18px;
  border: 1px solid #d9d9d9;
  border-top: 0;
  border-radius: 0 0 8px 8px;
  background: linear-gradient(180deg, #FFFFFF 0%, #F7F7F7 100%);
  font-size: 18px;
  line-height: 1.5;
  color: #222;
  letter-spacing: -0.04em;
  text-align: left;
}

@media (max-width:1000px) {
  .business .detail.biz_figma .nod_overview_grid3 {
    grid-template-columns: 1fr;
  }
}

@media (max-width:769px) {
  .business .detail.biz_figma .nod_overview_desc {
    font-size: 16px;
    padding: 14px 16px;
  }
}

.business .detail.biz_figma .beam_drill_grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0;
  border: 1px solid #d9d9d9;
  overflow: hidden;
  background: #fff;
}

.business .detail.biz_figma .beam_drill_item {
  position: relative;
  margin: 0;
  overflow: hidden;
  aspect-ratio: 315/360;
}

.business .detail.biz_figma .beam_drill_item img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  aspect-ratio: auto;
  border-right: 1px solid #D9D9D9;
  box-sizing: border-box;
}

.business .detail.biz_figma .beam_drill_item+.beam_drill_item {
  border-left: 1px solid #d9d9d9;
}

.business .detail.biz_figma .beam_drill_item figcaption {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, .5);
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.04em;
}

@media (max-width:1000px) {
  .business .detail.biz_figma .beam_drill_grid {
    grid-template-columns: 1fr;
  }

  .business .detail.biz_figma .beam_drill_item+.beam_drill_item {
    border-left: 0;
    border-top: 1px solid #d9d9d9;
  }
}

.business .detail.biz_figma .beam_drill_grid.beam_drill_grid4 {
  grid-template-columns: repeat(4, 1fr);
}

@media (max-width:1000px) {
  .business .detail.biz_figma .beam_drill_grid.beam_drill_grid4 {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width:769px) {
  .business .detail.biz_figma .beam_drill_grid.beam_drill_grid4 {
    grid-template-columns: 1fr;
  }
}

.biz_section_tit {
  margin-bottom: 48px;
  font-size: 34px;
  font-weight: 500;
  text-align: center;
  line-height: 1.2;
}

.technology .ip ul li.empty {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  min-height: 0 !important;
  pointer-events: none;
}

.technology .ip ul li.empty::before,
.technology .ip ul li.empty::after {
  display: none !important;
  content: none !important;
}

.pr .video .video_wrap {
  padding-top: 60px;
  padding-bottom: 120px;
  text-align: center;
}

.pr .video .video_frame {
  position: relative;
  width: 100%;
  max-width: 1020px;
  margin: 0 auto;
  background: #000;
  aspect-ratio: 16/9;
  overflow: hidden;
}

.pr .video .video_frame iframe,
.pr .video .video_frame video {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}

.pr .video .video_caption {
  margin-top: 28px;
  font-size: 28px;
  font-weight: 500;
  color: #1f3f9a;
}

@media (max-width:1280px) {
  .pr .video .video_wrap {
    padding-top: 40px;
    padding-bottom: 100px;
  }

  .pr .video .video_caption {
    font-size: 24px;
  }
}

@media (max-width:769px) {
  .pr .video .video_wrap {
    padding-top: 24px;
    padding-bottom: 72px;
  }

  .pr .video .video_caption {
    margin-top: 18px;
    font-size: 20px;
  }
}

.flow_note.flow_note_dot {
  margin-top: 10px;
  padding: 0;
  list-style: none;
}

.flow_note.flow_note_dot li {
  list-style: none;
  position: relative;
  line-height: 22px;
  color: #333;
  white-space: nowrap;
  font-size: 18px;
  padding: 4px 4px 4px 4px;
}

.flow_note.flow_note_dot li::before {
  content: "";
  position: absolute;
  left: 4px;
  top: 15px;
  width: 8px;
  height: 2px;
  border-radius: 0;
  background: #333;
  transform: none;
}

.business .detail.grb_figma .grb_head_card.is-diagram .grb_media {
  width: 100%;
  max-width: 100%;
  margin: 0;
  border: 0;
  background: transparent;
}

.business .detail.grb_figma .grb_head_card.is-diagram .grb_media img {
  display: block;
  width: 100%;
  max-width: none;
  height: 100%;
  aspect-ratio: auto;
  object-fit: cover;
  padding: 0;
  background: transparent;
}

.business .detail.grb_figma .is-diagram .grb_media img {
  padding: 0;
  aspect-ratio: auto;
}

.business .detail.grb_figma .grb_media_item {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.business .detail.grb_figma .grb_media_desc {
  font-size: 16px;
  line-height: 1.7;
  color: #333;
}

.business .detail.grb_figma .grb_media_desc p+p {
  margin-top: 6px;
}

.business .detail.grb_figma .grb_media_desc strong {
  font-weight: 700;
  color: #222;
}

.business .detail.grb_figma .grb_key_list p {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-size: 16px;
  line-height: 1.7;
  color: #222;
  font-weight: 700;
}

.business .detail.grb_figma .grb_key_list p:nth-child(n+3) {
  font-weight: 400;
  color: #333;
}

.business .detail.grb_figma .grb_key_list .sq {
  display: inline-block;
  flex: 0 0 12px;
  width: 12px;
  height: 12px;
  margin-top: 6px;
}

.business .detail.grb_figma .grb_key_list .sq_red {
  background: #ff0000;
}

.business .detail.grb_figma .grb_key_list .sq_blue {
  background: #004cbf;
}

/* can.php 시공순서 4열 전용 */
.business .detail.can_figma .can_sec_process .biz_process.biz_process_4col ul {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 40px 24px;
}

.business .detail.can_figma .can_sec_process .biz_process.biz_process_4col ul::after {
  display: none;
}

.business .detail.can_figma .can_sec_process .biz_process.biz_process_4col ul li {
  min-width: 0;
}

.business .detail.can_figma .can_sec_process .biz_process.biz_process_4col ul li>img {
  display: block;
  width: 100%;
  aspect-ratio: 4/3;
  height: auto;
  object-fit: cover;
  object-position: center;
}

@media (max-width:1000px) {
  .business .detail.can_figma .can_sec_process .biz_process.biz_process_4col ul {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width:769px) {
  .business .detail.can_figma .can_sec_process .biz_process.biz_process_4col ul {
    grid-template-columns: 1fr;
  }
}

.business .detail.can_figma .can_sec_compare .can_compare_desc {
  margin: 20px 0 60px;
  color: #000;
  text-align: center;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -1.4px;
}

@media (max-width:1280px) {
  .business .detail.can_figma .can_sec_compare .can_compare_desc {
    margin: 18px 0 48px;
    font-size: 24px;
    letter-spacing: -1.2px;
  }

  .business .detail.biz_figma .biz_sub_tit,
  .business .detail.grb_figma .grb_sub_tit {
    font-size: 20px;
  }

  .business .detail.biz_figma .biz_sub_tit:before,
  .business .detail.grb_figma .grb_sub_tit:before {
    height: 15px;
  }
}

@media (max-width:769px) {
  .business .detail.can_figma .can_sec_compare .can_compare_desc {
    margin: 16px 0 36px;
    font-size: 18px;
    letter-spacing: -0.9px;
    line-height: 1.4;
  }
}

.business .detail.biz_figma .biz_head_card .biz_media {
  height: auto;
}

.business .mt-0 {
  margin-top: 0 !important;
}

.business .mt-10 {
  margin-top: 10px !important;
}

.business .mt-20 {
  margin-top: 20px !important;
}

.business .mt-30 {
  margin-top: 30px !important;
}

.business .mt-40 {
  margin-top: 40px !important;
}

.business .mt-50 {
  margin-top: 50px !important;
}

.business .mt-60 {
  margin-top: 60px !important;
}

.business .mb-0 {
  margin-bottom: 0 !important;
}

.business .mb-10 {
  margin-bottom: 10px !important;
}

.business .mb-20 {
  margin-bottom: 20px !important;
}

.business .mb-30 {
  margin-bottom: 30px !important;
}

.business .mb-40 {
  margin-bottom: 40px !important;
}

.business .mb-50 {
  margin-bottom: 50px !important;
}

.business .mb-60 {
  margin-bottom: 60px !important;
}

.business .mb-80 {
  margin-bottom: 80px !important;
}

.business .mb-120 {
  margin-bottom: 120px !important;
}

@media (max-width:1440px) {
  .business .mb-120 {
    margin-bottom: 0px !important;
  }

  .business .detail .overview_common {
    padding: 0 0 20px 0;
  }

  .business .detail.can_figma .can_sec_benefit {
    padding: 40px 0 0px;
  }
}

.business .pt-0 {
  padding-top: 0 !important;
}

.business .detail.biz_figma {
  padding-bottom: 160px;
}

@media (max-width:1000px) {
  .business .detail.biz_figma {
    padding-bottom: 120px;
  }
}

@media (max-width:769px) {
  .business .detail.biz_figma {
    padding-bottom: 80px;
  }
}

.sub_container .sub_contents>h3.mix_title {
  font-size: 36px;
  color: rgba(0, 0, 0, .8);
  font-weight: 700;
  text-align: center;
  line-height: 120%;
  letter-spacing: -1.8px;
  margin-bottom: 32px;
}

.sub_container .sub_contents>h3.mix_title b,
.sub_container .sub_contents>h3.mix_title strong {
  font-weight: 700;
}

.business .detail h3.mix_title {
  line-height: 120%;
}

@media (max-width:1280px) {
  .sub_container .sub_contents>h3.mix_title {
    font-size: 32px;
  }
}

@media (max-width:769px) {
  .sub_container .sub_contents {
    padding: 80px 0 80px;
  }

  .sub_container .sub_contents>h3.mix_title {
    font-size: 28px;
    line-height: 135%;
  }
}

.sub_container.technology .business .detail {
  background: none !important;
}

.technology .ip .ip_patent_list .row_label {
  grid-column: 1 / -1;
  padding: 28px 0 8px;
  border: 0;
  background: none;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.2;
  color: #222;
  text-align: left;
}

.technology .ip .ip_patent_list .row_label:not(:first-child) {
  margin-top: 24px;
}

.technology .ip .ip_patent_list .empty {
  border: 0;
  background: none;
  padding: 0;
}

.technology .paper_hover_list {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
  padding: 0 !important;
}

.technology .paper_hover_list>li {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex: 0 0 100% !important;
  width: 100% !important;
  height: 164px !important;
  border: 1px solid #ccc !important;
  padding: 32px !important;
  box-sizing: border-box;
}

.technology .paper_hover_list .ipdesign_desc {
  width: 86%;
}

.technology .paper_hover_list .desc_data {
  gap: 0;
}

.technology .paper_hover_wrap .paper_hover_list {
  display: flex !important;
  flex-direction: column !important;
  gap: 24px !important;
  padding: 14px 0 40px !important;
  width: 100% !important;
  max-width: 100% !important;
}

.technology .paper_hover_wrap .paper_hover_list>li {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex: none !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 84px !important;
  border: 1px solid #ccc !important;
  padding: 12px 20px !important;
  gap: 8px !important;
  box-sizing: border-box;
  background: #fff;
}

.technology .paper_hover_wrap .paper_hover_list>li .ipdesign_desc {
  width: calc(100% - 120px);
}

.technology .paper_hover_wrap .paper_hover_list>li .desc_data {
  display: flex;
  gap: 24px;
  color: #aaa;
  font-weight: 600;
}

.technology .paper_hover_wrap .paper_hover_list>li .desc_no {
  font-size: 16px;
  color: #aaa;
  font-weight: 600;
}

.technology .paper_hover_wrap .paper_hover_list>li .desc_no span {
  padding-left: 6px;
  color: #aaa;
  font-weight: 400;
}

.technology .paper_hover_wrap .paper_hover_list>li .desc_tit {
  margin-top: 14px;
  padding: 0;
  font-size: 28px;
  line-height: 1.35;
  font-weight: 700;
  color: #000;
}

.technology .paper_hover_wrap .paper_hover_list.hover_box3>li::before {
  content: '';
  position: absolute;
  top: 8px;
  right: 20px;
  left: auto;
  width: 90px;
  height: 40px;
  display: block;
  background: #fff url(../images/icon_download.svg) right 30% no-repeat;
  background-size: 24px;
  opacity: 0;
  pointer-events: none;
}

.technology .paper_hover_wrap .paper_hover_list>li a {
  position: relative;
  z-index: 1;
}

.technology .paper_hover_wrap .paper_hover_list.hover_box3>li:hover::before {
  margin-top: 6px;
  opacity: 1;
  transition: .2s;
}

@media (max-width:1280px) {
  .technology .paper_hover_wrap .paper_hover_list>li .desc_tit {
    font-size: 22px;
  }
}

@media (max-width:769px) {
  .technology .paper_hover_wrap .paper_hover_list>li {
    padding: 12px !important;
    min-height: 84px !important;
  }

  .technology .paper_hover_wrap .paper_hover_list>li .ipdesign_desc {
    width: calc(100% - 70px);
  }

  .technology .paper_hover_wrap .paper_hover_list>li .desc_no {
    font-size: 13px;
  }

  .technology .paper_hover_wrap .paper_hover_list>li .desc_tit {
    font-size: 16px;
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
  }
}

.technology .paper_hover_wrap .paper_hover_list>li a {
  display: flex;
  width: 100%;
  min-height: calc(var(--paper-card-height) - 24px);
  align-items: center;
  box-sizing: border-box;
}

.technology .paper_hover_wrap .paper_hover_list>li .ipdesign_desc {
  width: calc(100% - 90px);
  min-height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  text-align: left;
}

.technology .paper_hover_wrap .paper_hover_list>li .desc_no {
  white-space: nowrap;
}

.technology .paper_hover_wrap .paper_hover_list>li .desc_tit {
  width: 100%;
  margin-top: 6px;
  padding: 0;
  font-size: 20px;
  line-height: 1.15;
  font-weight: 700;
  color: #000;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (max-width:769px) {
  .technology .paper_hover_wrap .paper_hover_list>li .ipdesign_desc {
    width: calc(100% - 70px);
  }

  .technology .paper_hover_wrap .paper_hover_list>li .desc_data {
    gap: 20px;
  }

  .technology .paper_hover_wrap .paper_hover_list>li .desc_tit {
    font-size: 18px;
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
  }
}

.technology .paper_hover_wrap {
  --paper-card-height: 140px;
}

.technology .paper_hover_wrap .paper_hover_list>li {
  height: auto !important;
  min-height: var(--paper-card-height) !important;
}

@media (max-width:769px) {
  .technology .paper_hover_wrap .paper_hover_list>li {
    min-height: var(--paper-card-height) !important;
  }
}

.technology .ip .related_paper_wrap {
  width: 100%;
  max-width: 1440px;
  align-self: stretch;
}

.business .detail.grb_figma .grb_sec_hcp_make .grb_head_card.is-diagram .grb_media {
  aspect-ratio: 8/5;
  min-height: 480px;
  background: #fff;
}

.business .detail.grb_figma .grb_sec_hcp_make .grb_head_card.is-diagram .grb_media img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  background: #fff;
}

.business .detail.can_figma .can_sec_benefit {
  padding: 120px 0 0px;
}

.business .detail.can_figma .can_value_graph.can_value_graph_cards {
  display: flex;
  flex-direction: column;
  _gap: 40px;
  width: 100%;
}

.business .detail.can_figma .can_value_center {
  position: static;
  transform: none;
  width: 100%;
  height: auto;
  background: none;
  box-shadow: none;
  border-radius: 0;
}

.business .detail.can_figma .can_value_center p {
  position: static;
  transform: none;
  margin: 0;
  text-align: center;
  color: #111;
  font-size: 38px;
  font-weight: 800;
  line-height: 1.2;
}

.business .detail.can_figma .can_value_items {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  width: 100%;
}

.business .detail.can_figma .can_value_item {
  position: static;
  width: 100%;
  min-height: 168px;
  padding: 32px 16px;
  border: 1px solid #DCDCDC;
  border-radius: 8px;
  background: linear-gradient(180deg, #FFFFFF 0%, #F7F7F7 100%);
  box-sizing: border-box;
}

.business .detail.can_figma .can_value_item .can_value_dot,
.business .detail.can_figma .can_value_ring_outer,
.business .detail.can_figma .can_value_ring_inner,
.business .detail.can_figma .can_value_move {
  display: none;
}

.business .detail.can_figma .can_value_item .can_value_label {
  position: static;
  transform: none;
  width: 100%;
  display: flex;
  align-items: center;
  gap: 16px;
  text-align: left;
}

.business .detail.can_figma .can_value_item .can_value_label .ico {
  flex: 0 0 82px;
  width: 82px;
  height: 82px;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.business .detail.can_figma .can_value_item .can_value_label .ico img {
  display: block;
  max-width: 100px;
  max-height: 100px;
  width: auto;
  height: auto;
  object-fit: contain;
}

.business .detail.can_figma .can_value_item .can_value_label p {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin: 0;
  font-size: 22px;
  font-weight: 700;
  color: #111;
  line-height: 1.3;
  letter-spacing: -0.02em;
}

.business .detail.can_figma .can_value_item .can_value_label p span {
  display: block;
  margin-top: 8px;
  font-size: 16px;
  font-weight: 400;
  color: #666;
  line-height: 1.5;
  letter-spacing: -0.02em;
}

@media (max-width:1200px) {
  .business .detail.can_figma .can_value_items {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width:769px) {
  .business .detail.can_figma .can_sec_benefit {
    padding: 80px 0 80px;
  }

  .business .detail.can_figma .can_value_graph.can_value_graph_cards {
    gap: 0px;
  }

  .business .detail.can_figma .can_value_center p {
    font-size: 30px;
  }

  .business .detail.can_figma .can_value_items {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .business .detail.can_figma .can_value_item {
    min-height: auto;
    padding: 22px 16px;
  }

  .business .detail.can_figma .can_value_item .can_value_label {
    gap: 14px;
  }

  .business .detail.can_figma .can_value_item .can_value_label .ico {
    flex: 0 0 56px;
    width: 56px;
    height: 56px;
  }

  .business .detail.can_figma .can_value_item .can_value_label .ico img {
    max-width: 42px;
    max-height: 42px;
  }

  .business .detail.can_figma .can_value_item .can_value_label p {
    font-size: 18px;
  }

  .business .detail.can_figma .can_value_item .can_value_label p span {
    font-size: 14px;
    margin-top: 6px;
  }
}

@media (max-width:1000px) {
  .business .detail.can_figma .can_sec_process .biz_process.biz_process_turn ul {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 48px 24px;
  }

  .business .detail.can_figma .can_sec_process .biz_process.biz_process_turn ul::after {
    display: none;
  }

  .business .detail.can_figma .can_sec_process .biz_process.biz_process_turn ul .flow_turn_arrow {
    display: none;
  }

  .business .detail.can_figma .can_sec_process .biz_process.biz_process_turn li>img {
    height: 260px;
    object-fit: contain;
  }
}

@media (max-width:769px) {
  .business .detail.can_figma .can_sec_process .biz_process.biz_process_turn ul {
    grid-template-columns: 1fr;
    gap: 40px;
    margin-top: 24px;
  }

  .business .detail.can_figma .can_sec_process .biz_process.biz_process_turn ul .flow_turn_arrow {
    display: none;
  }

  .business .detail.can_figma .can_sec_process .biz_process.biz_process_turn li:not(.flow_turn_arrow) {
    gap: 16px;
  }

  .business .detail.can_figma .can_sec_process .biz_process.biz_process_turn li:not(.flow_turn_arrow)>span {
    height: auto;
    font-size: 18px;
  }

  .business .detail.can_figma .can_sec_process .biz_process.biz_process_turn li:not(.flow_turn_arrow)>span::before,
  .business .detail.can_figma .can_sec_process .biz_process.biz_process_turn li:not(.flow_turn_arrow)>span::after {
    display: none;
  }

  .business .detail.can_figma .can_sec_process .biz_process.biz_process_turn li>img {
    height: auto;
    aspect-ratio: 4/3;
    object-fit: cover;
  }
}

@media (max-width:577px) {
  .business .detail.can_figma .can_sec_process .biz_process.biz_process_turn li:not(.flow_turn_arrow)>span {
    font-size: 16px;
    line-height: 1.4;
  }

  .business .detail.can_figma .can_sec_process .biz_process.biz_process_turn li>img {
    aspect-ratio: 4/3;
  }
}

.business .detail.can_figma .can_sec_process .biz_process.biz_process_turn {
  --proc-gap-x: 32px;
  --proc-gap-y: 28px;
  --proc-title-h: 56px;
  --proc-title-gap: 48px;
  --proc-img-h: 280px;
  --proc-turn-h: 36px;
  --proc-line: #4A78D0;
  --proc-turn: #1555B6;
  --proc-col-center: calc((100% - (var(--proc-gap-x) * 2)) / 6);
  --proc-bottom-y: 656px;
  position: relative;
  width: 100%;
}

.business .detail.can_figma .can_sec_process .biz_process.biz_process_turn ul {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--proc-gap-y) var(--proc-gap-x);
  margin-top: 40px;
}

.business .detail.can_figma .can_sec_process .biz_process.biz_process_turn ul::before {
  content: "";
  position: absolute;
  top: 56px;
  left: 0;
  width: calc((((100% - (var(--proc-gap-x) * 2)) / 3) * 2) + (var(--proc-gap-x) * 2) + var(--proc-col-center) - 6px) !important;
  height: 1px;
  background: var(--proc-line);
  z-index: -1;
}

.business .detail.can_figma .can_sec_process .biz_process.biz_process_turn ul::after {
  content: "";
  position: absolute;
  top: 586px !important;
  left: calc(var(--proc-col-center) + 6px) !important;
  width: calc(100% - var(--proc-col-center) - 6px) !important;
  height: 1px;
  background: var(--proc-line);
  z-index: -1;
}

.business .detail.can_figma .can_sec_process .biz_process.biz_process_turn li:not(.flow_turn_arrow) {
  display: flex;
  flex-direction: column;
  gap: 48px;
  min-width: 0;
}

.business .detail.can_figma .can_sec_process .biz_process.biz_process_turn li:not(.flow_turn_arrow)>span {
  position: relative;
  width: 100%;
  height: 56px;
  font-size: 20px;
  font-weight: 500;
  text-align: center;
  line-height: 1.3;
}

.business .detail.can_figma .can_sec_process .biz_process.biz_process_turn li:not(.flow_turn_arrow)>span::before {
  content: "";
  position: absolute;
  left: 50%;
  top: calc(100% - 6px);
  transform: translateX(-50%);
  width: 1px;
  height: 80px;
  border-left: 1px dashed var(--proc-line);
  z-index: -1;
}

.business .detail.can_figma .can_sec_process .biz_process.biz_process_turn li:not(.flow_turn_arrow)>span::after {
  content: "";
  position: absolute;
  left: 50%;
  top: calc(100% - 6px);
  transform: translateX(-50%);
  width: 12px;
  height: 12px;
  background-color: var(--proc-line);
  border-radius: 50%;
}

.business .detail.can_figma .can_sec_process .biz_process.biz_process_turn li>img {
  display: block;
  width: 100%;
  height: 280px;
  object-fit: contain;
  object-position: center;
  background: #fff;
}

.business .detail.can_figma .can_sec_process .biz_process.biz_process_turn ul .flow_turn_arrow {
  grid-column: 1 / -1;
  position: relative;
  display: block;
  height: 72px;
  min-height: 72px;
  padding: 0;
  margin: 0;
  background: none;
  border: 0;
  box-shadow: none;
  overflow: visible;
}

.business .detail.can_figma .can_sec_process .biz_process.biz_process_turn ul .flow_turn_arrow::before {
  content: "";
  position: absolute;
  left: var(--proc-col-center);
  right: var(--proc-col-center);
  top: 32px;
  border-top: 3px dashed var(--proc-turn);
}

.business .detail.can_figma .can_sec_process .biz_process.biz_process_turn ul .flow_turn_arrow::after {
  content: "";
  position: absolute;
  left: var(--proc-col-center);
  top: 32px;
  height: 30px;
  border-left: 3px dashed var(--proc-turn);
}

.business .detail.can_figma .can_sec_process .biz_process.biz_process_turn ul .flow_turn_arrow .arrow_head {
  position: absolute;
  inset: 0;
  display: block;
  width: auto;
  height: auto;
  font-size: 0;
  line-height: 0;
  background: none;
}

.business .detail.can_figma .can_sec_process .biz_process.biz_process_turn ul .flow_turn_arrow .arrow_head::before {
  content: "";
  position: absolute;
  left: calc(var(--proc-col-center) + 1px);
  top: 58px;
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 10px solid var(--proc-turn);
}

.business .detail.can_figma .can_sec_process .biz_process.biz_process_turn ul .flow_turn_arrow .arrow_head::after {
  content: "" !important;
  display: block !important;
  position: absolute;
  right: var(--proc-col-center);
  top: 0;
  width: 0;
  height: 32px;
  background: none;
  border-radius: 0;
  transform: none;
  left: auto;
  border-left: 3px dashed var(--proc-turn);
}

.business .detail.grb_figma .grb_process ul li.flow_turn_arrow span,
.business .detail.grb_figma .grb_process ul li.flow_turn_arrow span::before,
.business .detail.grb_figma .grb_process ul li.flow_turn_arrow span::after,
.business .detail.can_figma .grb_process ul li.flow_turn_arrow span,
.business .detail.can_figma .grb_process ul li.flow_turn_arrow span::before,
.business .detail.can_figma .grb_process ul li.flow_turn_arrow span::after {
  animation: none !important;
}

.business .detail.grb_figma .grb_process ul li:nth-child(5) span,
.business .detail.grb_figma .grb_process ul li:nth-child(5) span::after,
.business .detail.can_figma .grb_process ul li:nth-child(5) span,
.business .detail.can_figma .grb_process ul li:nth-child(5) span::after {
  animation-delay: 4.5s !important;
}

.business .detail.grb_figma .grb_process ul li:nth-child(6) span,
.business .detail.grb_figma .grb_process ul li:nth-child(6) span::after,
.business .detail.can_figma .grb_process ul li:nth-child(6) span,
.business .detail.can_figma .grb_process ul li:nth-child(6) span::after {
  animation-delay: 6s !important;
}

.business .detail.grb_figma .grb_process ul li:nth-child(7) span,
.business .detail.grb_figma .grb_process ul li:nth-child(7) span::after,
.business .detail.can_figma .grb_process ul li:nth-child(7) span,
.business .detail.can_figma .grb_process ul li:nth-child(7) span::after {
  animation-delay: 7.5s !important;
}

.business .detail.can_figma .can_sec_process .biz_process.biz_process_turn ul::after {
  top: 568px !important;
}

.business .detail.grb_figma .grb_process.make_process {
  width: 100%;
  margin-top: 12px;
}

.business .detail.grb_figma .grb_process.make_process .grb_process_row {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
}

.business .detail.grb_figma .grb_process.make_process .grb_process_row::before,
.business .detail.grb_figma .grb_process.make_process .grb_process_row::after {
  display: none !important;
  content: none !important;
}

.business .detail.grb_figma .grb_process.make_process .grb_process_row>li {
  position: relative;
  display: block;
  overflow: hidden;
  background: #fff;
}

.business .detail.grb_figma .grb_process.make_process .grb_process_row>li>img {
  display: block;
  width: 100%;
  height: 300px;
  object-fit: cover;
  object-position: center;
  background: #fff;
}

.business .detail.grb_figma .grb_process.make_process .grb_process_row>li>span {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 42px;
  padding: 0 16px;
  background: rgba(0, 0, 0, .45);
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  animation: none !important;
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
}

.business .detail.grb_figma .grb_process.make_process .grb_process_row>li>span::before,
.business .detail.grb_figma .grb_process.make_process .grb_process_row>li>span::after {
  display: none !important;
  content: none !important;
}

.business .detail.grb_figma .grb_process.make_process .grb_process_arrow {
  width: 100%;
  max-width: 1120px;
  height: 120px;
  margin: 0px auto 0px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

/* 나중에 점선 화살표 이미지 넣을 때 이 한 줄만 추가하면 됨 */
.business .detail.grb_figma .grb_process.make_process .grb_process_arrow {
  background-image: url(../images/grb_make_arrow.svg);
}

@media (max-width:1000px) {
  .business .detail.grb_figma .grb_process.make_process .grb_process_row {
    gap: 16px;
  }

  .business .detail.grb_figma .grb_process.make_process .grb_process_row>li>img {
    height: 240px;
  }

  .business .detail.grb_figma .grb_process.make_process .grb_process_arrow {
    height: 90px;
    margin: 20px auto 24px;
  }
}

@media (max-width:769px) {
  .business .detail.grb_figma .grb_process.make_process .grb_process_row {
    grid-template-columns: 1fr;
  }

  .business .detail.grb_figma .grb_process.make_process .grb_process_row>li>img {
    height: auto;
    aspect-ratio: 16/9;
  }

  .business .detail.grb_figma .grb_process.make_process .grb_process_arrow {
    display: none;
  }

  .business .detail.grb_figma .grb_process.make_process .grb_process_row>li>span {
    height: 40px !important;
    font-size: 16px !important;
  }
}

.business .detail .grb_process.make_process {
  width: 100%;
  _margin-top: 40px;
}

.business .detail .grb_process.make_process .grb_process_row {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
}

.business .detail .grb_process.make_process .grb_process_row::before,
.business .detail .grb_process.make_process .grb_process_row::after {
  display: none !important;
  content: none !important;
}

.business .detail .grb_process.make_process .grb_process_row>li {
  position: relative;
  display: block;
  overflow: hidden;
  background: #fff;
}

.business .detail .grb_process.make_process .grb_process_row>li>img {
  display: block;
  width: 100%;
  height: 300px;
  object-fit: cover;
  object-position: center;
  background: #fff;
}

.business .detail .grb_process.make_process .grb_process_row>li>span {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 42px;
  padding: 0 16px;
  background: rgba(0, 0, 0, .45);
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  animation: none !important;
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
}

.business .detail .grb_process.make_process .grb_process_row>li>span::before,
.business .detail .grb_process.make_process .grb_process_row>li>span::after {
  display: none !important;
  content: none !important;
}

.business .detail .grb_process.make_process .grb_process_arrow {
  width: 100%;
  max-width: 1120px;
  height: 120px;
  margin: 28px auto 32px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

/* 같은 화살표 이미지 쓸 경우 */
.business .detail .grb_process.make_process .grb_process_arrow {
  background-image: url(../images/grb_make_arrow.svg);
}

@media (max-width:1000px) {
  .business .detail .grb_process.make_process .grb_process_row {
    gap: 16px;
  }

  .business .detail .grb_process.make_process .grb_process_row>li>img {
    height: 240px;
  }

  .business .detail .grb_process.make_process .grb_process_arrow {
    height: 90px;
    margin: 20px auto 24px;
  }
}

@media (max-width:769px) {
  .business .detail .grb_process.make_process .grb_process_row {
    grid-template-columns: 1fr;
  }

  .business .detail .grb_process.make_process .grb_process_row>li>img {
    height: auto;
    aspect-ratio: 16/9;
  }

  .business .detail .grb_process.make_process .grb_process_arrow {
    display: none;
  }

  .business .detail .grb_process.make_process .grb_process_row>li>span {
    height: 42px;
    font-size: 16px;
  }
}

.business .detail.seg_figma .can_value_items {
  display: grid;
  grid-template-columns: repeat(var(--card-count), minmax(0, 1fr));
  gap: 16px;
  width: 100%;
}

/* .business .detail.seg_figma .can_value_items{grid-template-columns:repeat(4,minmax(0,1fr));} */
@media (max-width:1200px) {
  .business .detail.seg_figma .can_value_items {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width:769px) {
  .business .detail.seg_figma .can_value_items {
    grid-template-columns: 1fr;
  }
}

.business .detail.seg_figma .can_value_center {
  margin-bottom: 32px;
}

.business .detail .construction_compare.dma_img_wrap {
  display: block;
  width: 100%;
  max-width: 1440px;
  margin: 20px auto 20px;
  padding: 0;
}

.business .detail .construction_compare.dma_img_wrap>div {
  width: 100%;
}

.business .detail .construction_compare.dma_img_wrap img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  object-fit: contain;
}

.business .detail.can_figma .can_method_row .gc_overview {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  padding: 0;
}

.business .detail.can_figma .can_method_row .gc_overview .gc_img {
  display: block;
  width: 100%;
  padding: 18px 18px 0;
  box-sizing: border-box;
}

.business .detail.can_figma .can_method_row .gc_overview .gc_img img {
  display: block;
  width: 100%;
  max-width: none;
  height: auto;
  margin: 0 auto;
}

.business .detail.can_figma .can_method_row .gc_overview .gc_types {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  width: 100%;
}

.business .detail.can_figma .can_method_row .gc_overview .gc_types span {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 70px;
  padding: 10px;
  box-sizing: border-box;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.2;
  color: #000;
}

.business .detail.biz_figma.deck .adv ul>li>.beam_drill_grid {
  max-height: none;
  height: auto;
  overflow: hidden;
}

.business .detail.biz_figma.deck .adv ul>li>.beam_drill_grid .beam_drill_item {
  height: auto;
  min-height: 0;
}

.business .detail.biz_figma.deck .adv ul>li>.beam_drill_grid .beam_drill_item figcaption {
  z-index: 2;
}

/* 연구실적 > 주요 연구 보고서 - Figma 스타일 */
.technology .ip .rnd_report_wrap {
  max-width: 1240px;
  margin: 0 auto;
}

.technology .ip .rnd_report_wrap .ip_patent_list {
  display: block;
  margin: 0 0 28px;
  padding: 0;
}

.technology .ip .rnd_report_wrap .ip_patent_list .row_label {
  padding: 0;
  border: 0;
  background: none;
  font-size: 32px;
  font-weight: 400;
  line-height: 1.4;
  color: #222;
  text-align: left;
}

.technology .ip .rnd_report_wrap .ip_patent_list .row_label strong {
  font-weight: 700;
}

.technology .ip .rnd_report_list {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  column-gap: 40px;
  row-gap: 0;
  width: 100%;
  padding: 0 !important;
  margin: 0 !important;
  list-style: none;
}

.technology .ip .rnd_report_list>li {
  display: grid !important;
  grid-template-columns: 126px minmax(0, 1fr);
  align-items: end;
  gap: 14px;
  min-width: 0;
  padding: 40px 0 44px !important;
  border: 0 !important;
  border-top: 1px solid #e5e5e5;
  background: none !important;
  box-sizing: border-box;
}

.technology .ip .rnd_report_list>li:nth-child(-n+4) {
  border-top: 0 !important;
  padding-top: 0 !important;
}

.technology .ip .rnd_report_list .thumb_box {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  width: 126px;
  height: 174px;
  background: transparent;
}

.technology .ip .rnd_report_list .thumbnail {
  display: block;
  width: auto !important;
  max-width: 126px;
  height: auto !important;
  max-height: 174px;
  aspect-ratio: auto !important;
  object-fit: contain !important;
  object-position: center bottom;
  outline: none !important;
  box-shadow: 0 2px 7px rgba(0, 0, 0, .18);
}

.technology .ip .rnd_report_list .desc_tit {
  margin: 0 0 12px;
  padding: 0 !important;
  background: none !important;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: -1px;
  color: rgba(0, 0, 0, .8);
  text-align: left;
  word-break: keep-all;
}

@media (max-width:1280px) {
  .technology .ip .rnd_report_list {
    grid-template-columns: repeat(3, 1fr) !important;
    column-gap: 40px;
  }

  .technology .ip .rnd_report_list>li:nth-child(-n+4) {
    border-top: 1px solid #e5e5e5 !important;
    padding-top: 40px !important;
  }

  .technology .ip .rnd_report_list>li:nth-child(-n+3) {
    border-top: 0 !important;
    padding-top: 0 !important;
  }
}

@media (max-width:900px) {
  .technology .ip .rnd_report_list {
    grid-template-columns: repeat(2, 1fr) !important;
    column-gap: 32px;
  }

  .technology .ip .rnd_report_list>li:nth-child(-n+3) {
    border-top: 1px solid #e5e5e5 !important;
    padding-top: 40px !important;
  }

  .technology .ip .rnd_report_list>li:nth-child(-n+2) {
    border-top: 0 !important;
    padding-top: 0 !important;
  }
}

@media (max-width:577px) {
  .technology .ip .rnd_report_wrap {
    padding: 0 4%;
  }

  .technology .ip .rnd_report_list {
    grid-template-columns: 1fr !important;
  }

  .technology .ip .rnd_report_list>li {
    grid-template-columns: 96px 1fr;
    gap: 14px;
    padding: 28px 0 !important;
    border-top: 1px solid #e5e5e5 !important;
  }

  .technology .ip .rnd_report_list>li:first-child {
    border-top: 0 !important;
    padding-top: 0 !important;
  }

  .technology .ip .rnd_report_list .thumb_box {
    width: 96px;
    height: 132px;
  }

  .technology .ip .rnd_report_list .thumbnail {
    max-width: 96px;
    max-height: 132px;
  }

  .technology .ip .rnd_report_list .desc_tit {
    font-size: 17px;
    margin-bottom: 8px;
  }
}

.technology .ip .rnd_report_wrap .ip_patent_list .row_label {
  display: block !important;
  white-space: nowrap;
}

.technology .ip .rnd_report_wrap .ip_patent_list .row_label strong {
  display: inline !important;
  font-weight: 700;
  white-space: nowrap;
}

/* 관련자료 - 1줄 2개 박스 + 내부 텍스트 한 줄 */
.technology .ip .related_paper_wrap .related_2col_list {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 24px !important;
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important;
}

.technology .ip .related_paper_wrap .related_2col_list>li {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 80px !important;
  padding: 4px 32px !important;
  border: 1px solid #ccc !important;
  box-sizing: border-box !important;
  background: #fff !important;
}

.technology .ip .related_paper_wrap .related_2col_list>li>a {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
  color: inherit !important;
}

.technology .ip .related_paper_wrap .related_2col_list .ipdesign_desc {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 18px !important;
  width: 100% !important;
  min-width: 0 !important;
  text-align: left !important;
}

.technology .ip .related_paper_wrap .related_2col_list .desc_data {
  display: flex !important;
  align-items: center !important;
  flex: 0 0 auto !important;
  margin: 0 !important;
  color: #aaa !important;
  font-weight: 700 !important;
}

.technology .ip .related_paper_wrap .related_2col_list .desc_data p {
  display: block !important;
  margin: 0 !important;
}

.technology .ip .related_paper_wrap .related_2col_list .desc_no {
  margin: 0 !important;
  font-size: 18px !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
  color: #aaa !important;
  font-weight: 700 !important;
}

.technology .ip .related_paper_wrap .related_2col_list .desc_no span {
  padding-left: 4px !important;
  color: #aaa !important;
  font-weight: 400 !important;
}

.technology .ip .related_paper_wrap .related_2col_list .desc_tit {
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 18px !important;
  line-height: 1.2 !important;
  font-weight: 700 !important;
  color: #000 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-align: left !important;
}

@media (max-width:769px) {
  .technology .ip .related_paper_wrap .related_2col_list {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  .technology .ip .related_paper_wrap .related_2col_list>li {
    min-height: 88px !important;
    padding: 18px 16px !important;
  }

  .technology .ip .related_paper_wrap .related_2col_list .ipdesign_desc {
    gap: 10px !important;
  }

  .technology .ip .related_paper_wrap .related_2col_list .desc_no {
    font-size: 13px !important;
  }

  .technology .ip .related_paper_wrap .related_2col_list .desc_tit {
    font-size: 16px !important;
  }
}

/* 발표논문 > 일반논문 : 1줄 2개 박스 */
.technology .paper_hover_wrap[data-subtab-panel="patent"] .paper_hover_list {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 24px !important;
  width: 100% !important;
  max-width: 100% !important;
  padding: 14px 0 40px !important;
  margin: 0 !important;
}

.technology .paper_hover_wrap[data-subtab-panel="patent"] .paper_hover_list>li {
  display: flex !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  min-height: 100px !important;
  padding: 16px 24px !important;
  box-sizing: border-box !important;
  border: 1px solid #ccc !important;
  background: #fff !important;
}

.technology .paper_hover_wrap[data-subtab-panel="patent"] .paper_hover_list>li>a {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: auto !important;
}

.technology .paper_hover_wrap[data-subtab-panel="patent"] .paper_hover_list>li .ipdesign_desc {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  width: calc(100% - 80px) !important;
  min-width: 0 !important;
}

.technology .paper_hover_wrap[data-subtab-panel="patent"] .paper_hover_list>li .desc_data {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin: 0 !important;
}

.technology .paper_hover_wrap[data-subtab-panel="patent"] .paper_hover_list>li .desc_no {
  font-size: 15px !important;
  color: #aaa !important;
  font-weight: 600 !important;
  white-space: nowrap !important;
}

.technology .paper_hover_wrap[data-subtab-panel="patent"] .paper_hover_list>li .desc_tit {
  width: 100% !important;
  margin-top: 10px !important;
  padding: 0 !important;
  font-size: 21px !important;
  line-height: 1.3 !important;
  font-weight: 700 !important;
  color: #000 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

@media (max-width:1000px) {
  .technology .paper_hover_wrap[data-subtab-panel="patent"] .paper_hover_list {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }
}

@media (max-width:769px) {
  .technology .paper_hover_wrap[data-subtab-panel="patent"] .paper_hover_list>li {
    min-height: 84px !important;
    padding: 12px 16px !important;
  }

  .technology .paper_hover_wrap[data-subtab-panel="patent"] .paper_hover_list>li .ipdesign_desc {
    width: calc(100% - 60px) !important;
  }

  .technology .paper_hover_wrap[data-subtab-panel="patent"] .paper_hover_list>li .desc_no {
    font-size: 13px !important;
  }

  .technology .paper_hover_wrap[data-subtab-panel="patent"] .paper_hover_list>li .desc_tit {
    font-size: 16px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
}

/* 발표논문 > 일반논문 : 구분 + 제목 한 줄 배치 */
.technology .paper_hover_wrap[data-subtab-panel="patent"] .paper_hover_list>li .ipdesign_desc {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 18px !important;
  width: calc(100% - 80px) !important;
  min-width: 0 !important;
}

.technology .paper_hover_wrap[data-subtab-panel="patent"] .paper_hover_list>li .desc_data {
  display: flex !important;
  align-items: center !important;
  flex: 0 0 auto !important;
  gap: 0 !important;
  margin: 0 !important;
}

.technology .paper_hover_wrap[data-subtab-panel="patent"] .paper_hover_list>li .desc_no {
  font-size: 15px !important;
  color: #aaa !important;
  font-weight: 600 !important;
  white-space: nowrap !important;
  margin: 0 !important;
}

.technology .paper_hover_wrap[data-subtab-panel="patent"] .paper_hover_list>li .desc_tit {
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 16px !important;
  line-height: 1.3 !important;
  font-weight: 700 !important;
  color: #000 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* 발표논문 > 일반논문 : 박스 안 텍스트 세로 중앙 정렬 */
.technology .paper_hover_wrap[data-subtab-panel="patent"] .paper_hover_list>li {
  align-items: center !important;
}

.technology .paper_hover_wrap[data-subtab-panel="patent"] .paper_hover_list>li>a {
  align-items: center !important;
  height: 100% !important;
}

.technology .paper_hover_wrap[data-subtab-panel="patent"] .paper_hover_list>li .ipdesign_desc {
  align-items: center !important;
  justify-content: flex-start !important;
}

.technology .paper_hover_wrap[data-subtab-panel="patent"] .paper_hover_list>li .desc_data {
  align-items: center !important;
}

.technology .paper_hover_wrap[data-subtab-panel="patent"] .paper_hover_list>li .desc_tit {
  margin: 0 !important;
}

@media (max-width:769px) {
  .technology .paper_hover_wrap[data-subtab-panel="patent"] .paper_hover_list>li {
    align-items: center !important;
  }

  .technology .paper_hover_wrap[data-subtab-panel="patent"] .paper_hover_list>li>a {
    align-items: center !important;
    height: 100% !important;
  }

  .technology .paper_hover_wrap[data-subtab-panel="patent"] .paper_hover_list>li .ipdesign_desc {
    align-items: center !important;
  }
}

/* 브로슈어 카드 높이 통일 + 이미지 그림자 제거 */
.pr .brochure .brochure_list>li {
  display: flex;
  flex-direction: column;
  height: 480px;
}

.pr .brochure .brochure_list>li>div {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1 1 auto;
  min-height: 0;
  padding: 48px 40px;
  box-sizing: border-box;
}

.pr .brochure .brochure_list>li>div img {
  width: auto !important;
  max-width: 82%;
  max-height: 100%;
  height: auto !important;
  object-fit: contain;
  box-shadow: none !important;
}

.pr .brochure .brochure_list.single>li>div img {
  max-width: 72%;
  box-shadow: none !important;
}

.pr .brochure .brochure_list>li>p {
  flex: 0 0 auto;
}

@media (max-width:769px) {
  .pr .brochure .brochure_list>li {
    height: auto;
  }

  .pr .brochure .brochure_list>li>div {
    padding: 12% 15%;
  }

  .pr .brochure .brochure_list>li>div img {
    max-width: 100%;
    max-height: none;
  }

  .pr .brochure .brochure_list.single>li>div img {
    max-width: 100%;
  }
}

/* 지적재산권 이미지 크게보기 모달 */
body.ip_modal_open {
  overflow: hidden;
}

.technology .ip .thumbnail {
  cursor: zoom-in;
}

.ip_img_modal {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 20000;
  align-items: center;
  justify-content: center;
  padding: 90px 4% 40px;
  background: rgba(0, 0, 0, .78);
  box-sizing: border-box;
}

.ip_img_modal.is-open {
  display: flex;
}

.ip_img_modal_inner {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: min(90vw, 760px);
  max-height: 86vh;
}

.ip_img_modal_img {
  display: block;
  width: auto;
  max-width: 100%;
  max-height: 78vh;
  object-fit: contain;
  background: #fff;
  box-shadow: 0 16px 40px rgba(0, 0, 0, .35);
  border-radius: 8px;
}

.ip_img_modal_title {
  width: 100%;
  margin-top: 14px;
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.4;
  text-align: center;
}

.ip_img_modal_close {
  position: absolute;
  top: -48px;
  right: -8px;
  width: 42px;
  height: 42px;
  border: 0;
  background: transparent;
  color: #fff;
  font-size: 42px;
  line-height: 42px;
  cursor: pointer;
}

@media (max-width:769px) {
  .ip_img_modal {
    padding: 80px 4% 32px;
  }

  .ip_img_modal_inner {
    width: 94vw;
  }

  .ip_img_modal_img {
    max-height: 72vh;
  }

  .ip_img_modal_title {
    font-size: 15px;
  }

  .ip_img_modal_close {
    top: -44px;
    right: 0;
    font-size: 36px;
  }
}

/* 연구자료 > 제품 브로셔 : PR 브로슈어 호버 스타일 적용 */
.technology .ip[data-subtab-panel="design"] .data_brochure_list>li {
  position: relative;
  overflow: hidden;
  cursor: pointer;
  background: #fff;
}

.technology .ip[data-subtab-panel="design"] .data_brochure_list>li>a {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}

.technology .ip[data-subtab-panel="design"] .data_brochure_list>li::before {
  content: '';
  position: absolute;
  top: 14px;
  left: calc(100% - 54px);
  display: block;
  width: 40px;
  height: 40px;
  background: #fff url(../images/view.svg) center 35% no-repeat;
  opacity: 0;
  z-index: 3;
  pointer-events: none;
}

.technology .ip[data-subtab-panel="design"] .data_brochure_list>li:hover::before {
  margin-left: 8px;
  margin-top: -8px;
  transition: .2s;
  opacity: 1;
}

.technology .ip[data-subtab-panel="design"] .data_brochure_list>li:hover .desc_tit {
  background: var(--color-primary);
  color: #fff;
  font-weight: 600;
  transition: .2s;
}

.technology .ip[data-subtab-panel="design"] .data_brochure_list>li .desc_tit {
  margin: 0;
  padding: 20px;
  border-top: 1px solid #d9d9d9;
  background: #fff;
}

/* 연구자료 > 관련자료 : 다운로드 아이콘을 새창 아이콘으로 변경 */
.technology .ip .related_paper_wrap .paper_hover_list.hover_box3>li::before {
  content: '' !important;
  position: absolute !important;
  top: 14px !important;
  right: 6px !important;
  left: auto !important;
  width: 40px !important;
  height: 40px !important;
  display: block !important;
  background: #fff url(../images/view.svg) center 35% no-repeat !important;
  background-size: auto !important;
  opacity: 0 !important;
  z-index: 3 !important;
  pointer-events: none !important;
}

.technology .ip .related_paper_wrap .paper_hover_list.hover_box3>li:hover::before {
  margin-left: 8px !important;
  margin-top: -8px !important;
  transition: .2s !important;
  opacity: 1 !important;
}

.technology .ip .related_paper_wrap .paper_hover_list>li>a {
  cursor: pointer;
}

/* 연구자료 > 제품 브로셔 : 확대 모달 스타일 제외 + 새창 아이콘 복구 */
.technology .ip[data-subtab-panel="design"] .data_brochure_list .thumbnail {
  cursor: pointer !important;
}

.technology .ip[data-subtab-panel="design"] .data_brochure_list>li {
  position: relative !important;
  overflow: hidden !important;
  cursor: pointer !important;
}

.technology .ip[data-subtab-panel="design"] .data_brochure_list>li>a {
  position: relative;
  z-index: 1;
  display: flex !important;
  flex-direction: column;
  width: 100%;
  height: 100%;
}

.technology .ip[data-subtab-panel="design"] .data_brochure_list>li::before {
  content: '' !important;
  position: absolute !important;
  top: 14px !important;
  right: 12px !important;
  left: auto !important;
  width: 40px !important;
  height: 40px !important;
  display: block !important;
  background: #fff url(../images/view.svg) center 35% no-repeat !important;
  opacity: 0 !important;
  z-index: 5 !important;
  pointer-events: none !important;
}

.technology .ip[data-subtab-panel="design"] .data_brochure_list>li:hover::before {
  margin-left: 8px !important;
  margin-top: -8px !important;
  transition: .2s !important;
  opacity: 1 !important;
}

.technology .ip[data-subtab-panel="design"] .data_brochure_list>li:hover .desc_tit {
  background: var(--color-primary) !important;
  color: #fff !important;
  font-weight: 600 !important;
  transition: .2s !important;
}

.technology .ip[data-subtab-panel="design"] .data_brochure_list>li .desc_tit {
  margin: 0 !important;
  padding: 20px !important;
  border-top: 1px solid #d9d9d9 !important;
  background: #fff;
}

/* 연구자료 > 제품 브로셔 : PR 브로슈어와 동일한 호버 효과 */
.technology .ip[data-subtab-panel="design"]>ul>li {
  position: relative;
  overflow: hidden;
  cursor: pointer;
  background: #fff;
}

.technology .ip[data-subtab-panel="design"]>ul>li>a {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}

.technology .ip[data-subtab-panel="design"]>ul>li::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 6px solid var(--color-primary);
  opacity: 0;
  pointer-events: none;
  box-sizing: border-box;
  z-index: 4;
}

.technology .ip[data-subtab-panel="design"]>ul>li:hover::after {
  opacity: 1;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, .5);
  transition: .4s;
}

.technology .ip[data-subtab-panel="design"]>ul>li::before {
  content: '';
  position: absolute;
  top: 14px;
  right: 12px;
  width: 40px;
  height: 40px;
  background: #fff url(../images/view.svg) center 35% no-repeat;
  opacity: 0;
  z-index: 5;
  pointer-events: none;
}

.technology.date_page .ip[data-subtab-panel="design"]>ul>li:hover::before {
  margin-top: -6px !important;
  right: 8px !important;
  transition: .2s !important;
  opacity: 1 !important;
}

.technology .ip[data-subtab-panel="design"]>ul>li:hover .desc_tit {
  background: var(--color-primary);
  color: #fff;
  font-weight: 600;
  transition: .2s;
}

.technology .ip[data-subtab-panel="design"]>ul>li .desc_tit {
  margin: 0;
  padding: 20px;
  border-top: 1px solid #d9d9d9;
  background: #fff;
}

.technology .ip[data-subtab-panel="design"]>ul>li .thumbnail {
  cursor: pointer;
}

/* 지적재산권 IP 페이지 : 신기술/특허/수자원공사 이미지는 새창 아이콘 없이 확대 모달만 사용 */
.technology.ip_page .ip[data-subtab-panel="design"]>ul>li::before,
.technology.ip_page .ip[data-subtab-panel="patent"]>ul>li::before,
.technology.ip_page .ip[data-subtab-panel="kwater"]>ul>li::before {
  display: none !important;
  content: none !important;
  background: none !important;
  opacity: 0 !important;
}

.technology.ip_page .ip[data-subtab-panel="design"]>ul>li:hover::before,
.technology.ip_page .ip[data-subtab-panel="patent"]>ul>li:hover::before,
.technology.ip_page .ip[data-subtab-panel="kwater"]>ul>li:hover::before {
  display: none !important;
  opacity: 0 !important;
}

.technology.ip_page .ip[data-subtab-panel="design"]>ul>li::after,
.technology.ip_page .ip[data-subtab-panel="patent"]>ul>li::after,
.technology.ip_page .ip[data-subtab-panel="kwater"]>ul>li::after {
  display: none !important;
  content: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

.technology.ip_page .ip[data-subtab-panel="design"]>ul>li:hover .desc_tit,
.technology.ip_page .ip[data-subtab-panel="patent"]>ul>li:hover .desc_tit,
.technology.ip_page .ip[data-subtab-panel="kwater"]>ul>li:hover .desc_tit {
  background: #fff !important;
  color: #000 !important;
  font-weight: 600 !important;
}

.technology.ip_page .ip .thumbnail {
  cursor: zoom-in !important;
}

/* 연구자료 페이지 > 기술자료 : 새창 아이콘 + 테두리 호버 */
.technology.date_page .ip[data-subtab-panel="patent"]>ul>li {
  position: relative !important;
  overflow: hidden !important;
  cursor: pointer !important;
  background: #FFF !important;
  border: 0 !important;
  box-shadow: none !important;
}

.technology.date_page .ip[data-subtab-panel="patent"]>ul>li>a {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  height: 100% !important;
  position: relative !important;
  z-index: 1 !important;
}

.technology.date_page .ip[data-subtab-panel="patent"]>ul>li::after {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  border: 6px solid var(--color-primary) !important;
  opacity: 0 !important;
  pointer-events: none !important;
  box-sizing: border-box !important;
  z-index: 4 !important;
}

.technology.date_page .ip[data-subtab-panel="patent"]>ul>li:hover::after {
  opacity: 1 !important;
  box-shadow: 0 0 10px rgba(0, 0, 0, .5) !important;
  transition: .4s !important;
}

.technology.date_page .ip[data-subtab-panel="patent"]>ul>li::before {
  content: '' !important;
  position: absolute !important;
  top: 14px !important;
  right: 12px !important;
  left: auto !important;
  width: 40px !important;
  height: 40px !important;
  background: #fff url(../images/view.svg) center 35% no-repeat !important;
  opacity: 0 !important;
  z-index: 5 !important;
  pointer-events: none !important;
}

.technology.date_page .ip[data-subtab-panel="patent"]>ul>li:hover::before {
  margin-top: -8px !important;
  right: 6px !important;
  transition: .2s !important;
  opacity: 1 !important;
}

.technology.date_page .ip[data-subtab-panel="patent"]>ul>li:hover .desc_tit {
  background: var(--color-primary) !important;
  color: #fff !important;
  font-weight: 600 !important;
  transition: .2s !important;
}

.technology.date_page .ip[data-subtab-panel="patent"]>ul>li .thumbnail {
  cursor: pointer !important;
}

/* 발표논문 > 일반논문 : 다운로드 아이콘을 새창 아이콘으로 변경 */
.technology.paper_page .paper_hover_wrap[data-subtab-panel="patent"] .paper_hover_list.hover_box3>li {
  position: relative !important;
  overflow: hidden !important;
  cursor: pointer !important;
}

.technology.paper_page .paper_hover_wrap[data-subtab-panel="patent"] .paper_hover_list.hover_box3>li::before {
  content: '' !important;
  position: absolute !important;
  top: 14px !important;
  right: 12px !important;
  left: auto !important;
  width: 40px !important;
  height: 40px !important;
  display: block !important;
  background: #fff url(../images/view.svg) center 35% no-repeat !important;
  background-size: auto !important;
  opacity: 0 !important;
  z-index: 5 !important;
  pointer-events: none !important;
}

.technology.paper_page .paper_hover_wrap[data-subtab-panel="patent"] .paper_hover_list.hover_box3>li:hover::before {
  margin-top: -8px !important;
  right: 6px !important;
  transition: .2s !important;
  opacity: 1 !important;
}

.technology.paper_page .paper_hover_wrap[data-subtab-panel="patent"] .paper_hover_list.hover_box3>li::after {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  border: 6px solid var(--color-primary) !important;
  opacity: 0 !important;
  pointer-events: none !important;
  box-sizing: border-box !important;
  z-index: 4 !important;
}

.technology.paper_page .paper_hover_wrap[data-subtab-panel="patent"] .paper_hover_list.hover_box3>li:hover::after {
  opacity: 1 !important;
  box-shadow: 0 0 10px rgba(0, 0, 0, .5) !important;
  transition: .4s !important;
}

.technology.paper_page .paper_hover_wrap[data-subtab-panel="patent"] .paper_hover_list>li>a {
  cursor: pointer !important;
}

/* SEG > Sheet wall 공법의 구조거동 전용 - 설명 문구 상단 배치 + 박스 간격 */
.business .detail.seg_figma .seg_structure_behavior .biz_connect_grid>li {
  display: flex !important;
  flex-direction: column !important;
}

.business .detail.seg_figma .seg_structure_behavior .biz_connect_grid>li>.biz_media_card {
  order: 2 !important;
}

.business .detail.seg_figma .seg_structure_behavior .biz_connect_grid>li>.biz_media_card+ul {
  order: 1 !important;
  margin: 0 0 4px 0 !important;
  padding: 0 !important;
}

.business .detail.seg_figma .seg_structure_behavior .biz_connect_grid>li>.biz_media_card+ul>li {
  margin-left: 0px !important;
  font-size: 24px !important;
  font-weight: 500 !important;
  line-height: 1.35 !important;
  color: #222 !important;
}

@media (max-width:769px) {
  .business .detail.seg_figma .seg_structure_behavior .biz_connect_grid>li>.biz_media_card+ul>li {
    font-size: 26px !important;
  }
}

@media (max-width:577px) {
  .business .detail.seg_figma .seg_structure_behavior .biz_connect_grid>li>.biz_media_card+ul>li {
    font-size: 22px !important;
  }
}

/* SEG 공법비교 - 내용 텍스트 왼쪽 정렬 */
.business .detail.seg_figma .can_sec_compare .can_method_row .cell.text {
  justify-content: flex-start !important;
  text-align: left !important;
  align-items: center !important;
}

/* 260428 사업영역 모바일 반응형 보정 - PC 영향 없음 */
@media (max-width:1000px) {

  .business .detail,
  .sub_container.business .sub_contents {
    overflow-x: hidden;
  }

  .business .sub_tab_b .swiper-slide {
    width: auto !important;
    min-width: 120px;
  }

  .business .sub_tab_b .swiper-slide a {
    padding: 0 18px;
    box-sizing: border-box;
    white-space: nowrap;
  }

  .business .detail .detail_local_tab {
    width: 100%;
    max-width: calc(100% - 32px);
    overflow-x: auto;
    overflow-y: hidden;
    justify-content: flex-start;
    -webkit-overflow-scrolling: touch;
  }

  .business .detail .detail_local_tab>li {
    flex: 0 0 auto;
    min-width: 160px;
    max-width: none;
  }

  .business .detail .detail_local_tab>li .tab_btn {
    height: 52px;
    padding: 0 16px;
    white-space: nowrap;
  }

  .business .detail.biz_figma .biz_media_grid,
  .business .detail.grb_figma .grb_media_grid,
  .business .detail.grb_figma .grb_photo_grid,
  .business .detail.biz_figma .nod_overview_grid,
  .business .detail.biz_figma .nod_overview_grid3 {
    width: 100%;
    min-width: 0;
  }

  .business .detail.biz_figma .biz_media_grid>li,
  .business .detail.grb_figma .grb_media_grid>li,
  .business .detail.grb_figma .grb_photo_grid>li,
  .business .detail.biz_figma .nod_overview_grid>li,
  .business .detail.biz_figma .nod_overview_grid3>li {
    min-width: 0;
  }

  .business .detail.biz_figma .biz_media_grid.col2,
  .business .detail.grb_figma .grb_media_grid.col2,
  .business .detail.biz_figma .biz_connect_grid,
  .business .detail.grb_figma .grb_connect_grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .business .detail.biz_figma .biz_media_grid.col3,
  .business .detail.grb_figma .grb_media_grid.col3,
  .business .detail.biz_figma .biz_media_grid.col4,
  .business .detail.grb_figma .grb_photo_grid.col3,
  .business .detail.grb_figma .grb_photo_grid.col6,
  .business .detail.biz_figma .nod_overview_grid,
  .business .detail.biz_figma .nod_overview_grid3 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 16px !important;
  }

  .business .detail.biz_figma .beam_drill_grid,
  .business .detail.biz_figma .beam_drill_grid.beam_drill_grid4 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .business .detail.biz_figma .beam_drill_item {
    aspect-ratio: 4/3;
    min-width: 0;
  }

  .business .detail.biz_figma .beam_drill_item+.beam_drill_item {
    border-left: 1px solid #d9d9d9;
    border-top: 0;
  }

  .business .detail.biz_figma .beam_drill_item:nth-child(odd) {
    border-left: 0;
  }

  .business .detail.biz_figma .beam_drill_item:nth-child(n+3) {
    border-top: 1px solid #d9d9d9;
  }

  .business .detail.can_figma .can_method_block {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
  }

  .business .detail.can_figma .can_method_head,
  .business .detail.can_figma .can_method_row {
    min-width: 0;
  }

  .business .detail.can_figma .can_method_head .cell,
  .business .detail.can_figma .can_method_row .cell {
    min-width: 0;
    overflow: hidden;
  }

  .business .detail.can_figma .can_method_row .cell img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    object-fit: contain;
  }

  .business .detail.can_figma .can_sec_compare .can_method_row.compare_photo_row .cell img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: none !important;
  }

  .business .detail .construction_result .result_grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 16px !important;
  }

  .business .detail .construction_result .result_grid>li {
    min-width: 0;
  }
}

@media (max-width:769px) {
  .sub_container.business .sub_tab_mobile {
    display: block !important;
    width: 100%;
    z-index: 30;
  }

  .sub_container.business .sub_tab_mobile .btn_sub_tab {
    box-sizing: border-box;
    padding: 0 56px 0 4%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .sub_container.business .sub_tab_mobile .sub_tab_list {
    box-sizing: border-box;
    max-height: 60vh;
    overflow-y: auto;
  }

  .business .detail .detail_local_tab {
    display: flex;
    width: 100%;
    max-width: calc(100% - 24px);
    margin: 0 auto 24px;
    overflow-x: auto;
    overflow-y: hidden;
    justify-content: flex-start;
    gap: 1px;
    -webkit-overflow-scrolling: touch;
  }

  .business .detail .detail_local_tab>li {
    flex: 0 0 calc((100vw - 40px) / 2);
    min-width: calc((100vw - 40px) / 2);
    max-width: none;
  }

  .business .detail .detail_local_tab>li .tab_btn {
    height: 48px;
    padding: 0 8px;
    font-size: 14px;
    line-height: 1.25;
    word-break: keep-all;
  }

  .business .detail.biz_figma .biz_media_grid.col2,
  .business .detail.grb_figma .grb_media_grid.col2,
  .business .detail.biz_figma .biz_connect_grid,
  .business .detail.grb_figma .grb_connect_grid,
  .business .detail.biz_figma .biz_media_grid.col3,
  .business .detail.grb_figma .grb_media_grid.col3,
  .business .detail.biz_figma .biz_media_grid.col4,
  .business .detail.grb_figma .grb_photo_grid.col3,
  .business .detail.grb_figma .grb_photo_grid.col6,
  .business .detail.biz_figma .nod_overview_grid,
  .business .detail.biz_figma .nod_overview_grid3 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  .business .detail.biz_figma .biz_media_card,
  .business .detail.grb_figma .grb_media_card,
  .business .detail.biz_figma .nod_overview_card {
    min-width: 0;
  }

  .business .detail.biz_figma .biz_head_card .biz_media,
  .business .detail.grb_figma .grb_head_card .grb_media,
  .business .detail.biz_figma .biz_media,
  .business .detail.grb_figma .grb_media {
    height: auto !important;
    min-height: 0;
    aspect-ratio: auto;
    overflow: hidden;
  }

  .business .detail.biz_figma .biz_media img,
  .business .detail.grb_figma .grb_media img,
  .business .detail.biz_figma .nod_overview_thumb img,
  .business .detail.biz_figma .beam_drill_item img {
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
  }

  .business .detail.biz_figma .beam_drill_grid,
  .business .detail.biz_figma .beam_drill_grid.beam_drill_grid4 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0 !important;
  }

  .business .detail.biz_figma .beam_drill_item {
    aspect-ratio: 4/3;
  }

  .business .detail.biz_figma .beam_drill_item figcaption {
    height: 34px;
    font-size: 13px;
  }

  .business .detail.biz_figma .biz_metric_table {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
  }

  .business .detail.biz_figma .biz_metric_row {
    grid-template-columns: 72px minmax(0, 1fr) minmax(0, 1fr) !important;
  }

  .business .detail.biz_figma .biz_metric_cell,
  .business .detail.biz_figma .biz_metric_head .biz_metric_cell {
    min-height: 68px !important;
    padding: 6px !important;
    font-size: 13px !important;
    line-height: 1.25 !important;
    word-break: keep-all;
  }

  .flow_note.flow_note_dot li {
    white-space: normal !important;
    font-size: 16px;
    line-height: 1.5;
  }

  .business .detail .construction_result {
    gap: 56px;
    padding-top: 64px;
  }

  .business .detail .construction_result .result_group h5 {
    font-size: 26px;
  }

  .business .detail .construction_result .result_grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  .business .detail .construction_result .result_grid>li {
    padding: 16px 12px;
    min-height: auto;
  }

  .business .detail .construction_result .result_grid .row {
    gap: 6px;
    font-size: 13px;
    line-height: 1.35;
  }

  .business .detail .construction_result .result_grid .row .label {
    min-width: 44px;
    flex: 0 0 44px;
  }

  .business .detail .construction_result .result_grid.performance li .row:nth-child(2),
  .business .detail .construction_result .result_grid.performance li .row:nth-child(2) .value,
  .business .detail .construction_result .result_grid.performance li .row:last-child {
    white-space: normal !important;
  }
}

@media (max-width:480px) {
  .business .detail .detail_local_tab>li {
    flex-basis: calc((100vw - 28px) / 2);
    min-width: calc((100vw - 28px) / 2);
  }

  .business .detail .detail_local_tab>li .tab_btn {
    font-size: 13px;
  }

  .business .detail.biz_figma .biz_media_grid.col2,
  .business .detail.grb_figma .grb_media_grid.col2,
  .business .detail.biz_figma .biz_connect_grid,
  .business .detail.grb_figma .grb_connect_grid,
  .business .detail.biz_figma .biz_media_grid.col3,
  .business .detail.grb_figma .grb_media_grid.col3,
  .business .detail.biz_figma .biz_media_grid.col4,
  .business .detail.grb_figma .grb_photo_grid.col3,
  .business .detail.grb_figma .grb_photo_grid.col6,
  .business .detail.biz_figma .nod_overview_grid,
  .business .detail.biz_figma .nod_overview_grid3 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  .business .detail.biz_figma .biz_head_card>strong,
  .business .detail.grb_figma .grb_head_card>strong {
    min-height: 42px;
    padding: 8px 6px;
    font-size: 13px;
    line-height: 1.25;
    word-break: keep-all;
  }

  .business .detail.biz_figma .beam_drill_item figcaption {
    height: 30px;
    font-size: 12px;
  }

  .business .detail.biz_figma .biz_metric_row {
    grid-template-columns: 62px minmax(0, 1fr) minmax(0, 1fr) !important;
  }

  .business .detail.biz_figma .biz_metric_cell,
  .business .detail.biz_figma .biz_metric_head .biz_metric_cell {
    font-size: 12px !important;
    padding: 5px !important;
  }

  .business .detail .construction_result .result_grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .business .detail .construction_result .result_grid .row {
    flex-direction: column;
    gap: 2px;
  }

  .business .detail .construction_result .result_grid .row .label {
    min-width: 0;
    flex: auto;
  }
}

@media (max-width:1000px) {
  .business .detail.tab_fit_3 .detail_local_tab {
    display: flex !important;
    width: 100% !important;
    max-width: calc(100% - 24px) !important;
    margin: 0 auto 24px !important;
    overflow: visible !important;
    justify-content: center !important;
    gap: 1px !important;
  }

  .business .detail.tab_fit_3 .detail_local_tab>li {
    flex: 1 1 33.3333% !important;
    min-width: 0 !important;
    max-width: 33.3333% !important;
  }

  .business .detail.tab_fit_3 .detail_local_tab>li .tab_btn {
    width: 100% !important;
    height: 48px !important;
    padding: 0 4px !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    letter-spacing: -0.06em !important;
  }
}

/* 260428 사업영역 모바일 이미지 박스 비율 유지 보정 - PC 영향 없음 */
@media (max-width:1000px) {

  .business .detail.grb_figma .grb_media_card:not(.is-diagram),
  .business .detail.biz_figma .biz_media_card:not(.is-diagram) {
    padding: 0 !important;
    overflow: hidden !important;
  }

  .business .detail.grb_figma .grb_media_card:not(.is-diagram) .grb_media,
  .business .detail.biz_figma .biz_media_card:not(.is-diagram) .biz_media {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 16/10 !important;
    border: 0 !important;
    border-radius: 0 !important;
    overflow: hidden !important;
    background: #fff !important;
  }

  .business .detail.grb_figma .grb_media_card:not(.is-diagram) .grb_media img,
  .business .detail.biz_figma .biz_media_card:not(.is-diagram) .biz_media img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    aspect-ratio: auto !important;
    object-fit: cover !important;
    object-position: center !important;
    background: #fff !important;
  }
}

/* GRB > HCP 제작 개요 - 모바일에서 공장/현장 박스 높이 과다 보정 */
@media (max-width:1000px) {
  .business .detail.grb_figma .grb_sec_hcp_make .grb_head_card.is-diagram {
    height: auto !important;
  }

  .business .detail.grb_figma .grb_sec_hcp_make .grb_head_card.is-diagram .grb_media {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 8/5 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #fff !important;
  }

  .business .detail.grb_figma .grb_sec_hcp_make .grb_head_card.is-diagram .grb_media img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
    padding: 0 !important;
    background: #fff !important;
  }
}

/* 기술개발 > 이미지형 새창 카드 : 하단 제목 바 전체 폭 적용 */
.technology.date_page .ip[data-subtab-panel="design"]>ul>li,
.technology.paper_page .ip[data-subtab-panel="design"]>ul>li {
  padding: 0 !important;
  overflow: hidden !important;
  background: #FFF !important;
  border: 0 !important;
  box-shadow: none !important;
}

.technology.date_page .ip[data-subtab-panel="design"]>ul>li>a,
.technology.paper_page .ip[data-subtab-panel="design"]>ul>li>a {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  height: 100% !important;
}

.technology.date_page .ip[data-subtab-panel="design"]>ul>li .thumbnail,
.technology.paper_page .ip[data-subtab-panel="design"]>ul>li .thumbnail {
  display: block !important;
  width: calc(100% - 48px) !important;
  margin: 24px auto 0 !important;
  aspect-ratio: auto !important;
  object-fit: contain !important;
  background: #fff !important;
  outline: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
}

.technology.date_page .ip[data-subtab-panel="design"]>ul>li .desc_tit,
.technology.paper_page .ip[data-subtab-panel="design"]>ul>li .desc_tit {
  width: 100% !important;
  box-sizing: border-box !important;
  margin: 24px 0 0 0 !important;
  padding: 0 24px !important;
  border-top: 0 !important;
  background: #FFF !important;
  color: #000 !important;
}

.technology.date_page .ip[data-subtab-panel="design"]>ul>li:hover .desc_tit,
.technology.paper_page .ip[data-subtab-panel="design"]>ul>li:hover .desc_tit {
  background: var(--color-primary) !important;
  color: #fff !important;
  font-weight: 600 !important;
}

/* 260429 연구자료 > 기술자료 이미지형 카드 정리 - 제품 브로셔 카드와 동일한 구조 */
.technology.date_page .ip[data-subtab-panel="patent"]>ul>li {
  position: relative !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: #fff !important;
  border: 0 !important;
  box-shadow: none !important;
  cursor: pointer !important;
}

.technology.date_page .ip[data-subtab-panel="patent"]>ul>li .thumbnail {
  display: block !important;
  width: calc(100% - 48px) !important;
  margin: 24px auto 0 !important;
  aspect-ratio: auto !important;
  object-fit: contain !important;
  background: #fff !important;
  outline: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  cursor: pointer !important;
}

.technology.date_page .ip[data-subtab-panel="patent"]>ul>li .desc_tit {
  display: block !important;
  width: 100% !important;
  box-sizing: border-box !important;
  margin: 12px 0 0 0 !important;
  padding: 16px 20px !important;
  border-top: 0 !important;
  background: #fff !important;
  color: #000 !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
}

.technology.date_page .ip[data-subtab-panel="patent"]>ul>li:hover .desc_tit {
  background: var(--color-primary) !important;
  color: #fff !important;
  font-weight: 700 !important;
  transition: .2s !important;
}

@media (max-width:769px) {
  .technology.date_page .ip[data-subtab-panel="patent"]>ul>li .thumbnail {
    width: calc(100% - 48px) !important;
    margin: 24px auto 0 !important;
  }

  .technology.date_page .ip[data-subtab-panel="patent"]>ul>li .desc_tit {
    width: 100% !important;
    margin: 10px 0 0 0 !important;
    padding: 8px 24px !important;
    font-size: 15px !important;
    line-height: 1.35 !important;
  }
}

/* 발표논문 > HCP논문 : 이미지 크기 축소 - 다른 페이지 영향 없음 */
.technology.paper_page .ip[data-subtab-panel="design"]>ul>li .thumbnail {
  width: auto !important;
  max-width: 60% !important;
  max-height: 360px !important;
  height: auto !important;
  margin: 28px auto 0 !important;
  object-fit: contain !important;
  outline: none !important;
}

/* 발표논문 > HCP논문 : 클릭 후 생기는 점선 포커스 제거 */
.technology.paper_page .ip[data-subtab-panel="design"]>ul>li>a,
.technology.paper_page .ip[data-subtab-panel="design"]>ul>li>a:focus,
.technology.paper_page .ip[data-subtab-panel="design"]>ul>li>a:focus-visible {
  outline: none !important;
}

/* 모바일에서는 너무 작아지지 않게 조정 */
@media (max-width: 769px) {
  .technology.paper_page .ip[data-subtab-panel="design"]>ul>li .thumbnail {
    max-width: 86% !important;
    max-height: none !important;
    margin: 18px auto 0 !important;
  }
}

/* 연구실적 > 주요 연구 보고서 : 3열 + 제목 2줄 + 행 구분선 */
.technology .ip .rnd_report_list {
  grid-template-columns: repeat(3, 1fr) !important;
  column-gap: 48px !important;
  row-gap: 0 !important;
}

.technology .ip .rnd_report_list>li {
  display: grid !important;
  grid-template-columns: 126px minmax(0, 1fr) !important;
  align-items: end !important;
  gap: 14px !important;
  padding: 40px 0 44px !important;
  border: 0 !important;
  border-top: 1px solid #ddd !important;
  background: none !important;
  box-sizing: border-box !important;
}

.technology .ip .rnd_report_list>li:nth-child(-n+3) {
  border-top: 0 !important;
  padding-top: 0 !important;
}

.technology .ip .rnd_report_list .desc_tit b {
  font-weight: 700 !important;
}

@media (max-width:1280px) {
  .technology .ip .rnd_report_list {
    grid-template-columns: repeat(3, 1fr) !important;
    column-gap: 40px !important;
  }

  .technology .ip .rnd_report_list>li {
    border-top: 1px solid #999 !important;
    padding-top: 40px !important;
  }

  .technology .ip .rnd_report_list>li:nth-child(-n+3) {
    border-top: 0 !important;
    padding-top: 0 !important;
  }
}

@media (max-width:900px) {
  .technology .ip .rnd_report_list {
    grid-template-columns: repeat(2, 1fr) !important;
    column-gap: 32px !important;
  }

  .technology .ip .rnd_report_list>li {
    border-top: 1px solid #999 !important;
    padding-top: 40px !important;
  }

  .technology .ip .rnd_report_list>li:nth-child(-n+2) {
    border-top: 0 !important;
    padding-top: 0 !important;
  }
}

@media (max-width:577px) {
  .technology .ip .rnd_report_list {
    grid-template-columns: 1fr !important;
  }

  .technology .ip .rnd_report_list>li {
    grid-template-columns: 96px 1fr !important;
    gap: 14px !important;
    padding: 28px 0 !important;
    border-top: 1px solid #f1f1f1 !important;
  }

  .technology .ip .rnd_report_list>li:first-child {
    border-top: 0 !important;
    padding-top: 0 !important;
  }

  .technology .ip .rnd_report_list .desc_tit {
    min-height: 40px !important;
    max-height: 40px !important;
    font-size: 17px !important;
    line-height: 1.2 !important;
  }
}

/* 연구실적 > 3열 변경 후 두 번째 줄 첫 칸 선 복구 */
.technology .ip .rnd_report_list>li:nth-child(4) {
  border-top: 1px solid #ddd !important;
  padding-top: 40px !important;
}

.technology .ip .rnd_report_list .desc_tit {
  display: block !important;
  overflow: hidden !important;
  min-height: 48px !important;
  max-height: 48px !important;
  margin: 0 0 12px !important;
  padding: 0 !important;
  font-size: 20px !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
  letter-spacing: -1px !important;
  color: rgba(0, 0, 0, .8) !important;
  text-align: left !important;
  word-break: keep-all !important;
}

.technology .ip .rnd_report_list .desc_tit span {
  display: block !important;
  height: 24px !important;
  line-height: 24px !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
}

/* 지적재산권 IP : 기존 높이 유지 + date형 호버 + 하단 박스 전체 fill */
.technology.ip_page .ip[data-subtab-panel="design"]>ul>li:not(.row_label):not(.empty),
.technology.ip_page .ip[data-subtab-panel="patent"]>ul>li:not(.row_label):not(.empty),
.technology.ip_page .ip[data-subtab-panel="kwater"]>ul>li:not(.row_label):not(.empty) {
  position: relative !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  padding: 24px !important;
  gap: 16px !important;
  height: auto !important;
  min-height: 0 !important;
  background: #fff !important;
  cursor: zoom-in !important;
}

.technology.ip_page .ip[data-subtab-panel="design"]>ul>li:not(.row_label):not(.empty)::after,
.technology.ip_page .ip[data-subtab-panel="patent"]>ul>li:not(.row_label):not(.empty)::after,
.technology.ip_page .ip[data-subtab-panel="kwater"]>ul>li:not(.row_label):not(.empty)::after {
  content: '' !important;
  display: block !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  border: 6px solid var(--color-primary) !important;
  opacity: 0 !important;
  pointer-events: none !important;
  box-sizing: border-box !important;
  z-index: 4 !important;
  box-shadow: none !important;
}

.technology.ip_page .ip[data-subtab-panel="design"]>ul>li:not(.row_label):not(.empty):hover::after,
.technology.ip_page .ip[data-subtab-panel="patent"]>ul>li:not(.row_label):not(.empty):hover::after,
.technology.ip_page .ip[data-subtab-panel="kwater"]>ul>li:not(.row_label):not(.empty):hover::after {
  opacity: 1 !important;
  box-shadow: 0 0 10px rgba(0, 0, 0, .5) !important;
  transition: .4s !important;
}

.technology.ip_page .ip[data-subtab-panel="design"]>ul>li:not(.row_label):not(.empty)::before,
.technology.ip_page .ip[data-subtab-panel="patent"]>ul>li:not(.row_label):not(.empty)::before,
.technology.ip_page .ip[data-subtab-panel="kwater"]>ul>li:not(.row_label):not(.empty)::before {
  content: '+' !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: absolute !important;
  top: 14px !important;
  right: 12px !important;
  left: auto !important;
  width: 40px !important;
  height: 40px !important;
  background: #fff !important;
  color: var(--color-primary) !important;
  font-size: 34px !important;
  font-weight: 300 !important;
  line-height: 1 !important;
  opacity: 0 !important;
  z-index: 5 !important;
  pointer-events: none !important;
}

.technology.ip_page .ip[data-subtab-panel="design"]>ul>li:not(.row_label):not(.empty):hover::before,
.technology.ip_page .ip[data-subtab-panel="patent"]>ul>li:not(.row_label):not(.empty):hover::before,
.technology.ip_page .ip[data-subtab-panel="kwater"]>ul>li:not(.row_label):not(.empty):hover::before {
  top: 6px !important;
  right: 4px !important;
  opacity: 1 !important;
  transition: .2s !important;
}

.technology.ip_page .ip[data-subtab-panel="design"]>ul>li:not(.row_label):not(.empty),
.technology.ip_page .ip[data-subtab-panel="patent"]>ul>li:not(.row_label):not(.empty),
.technology.ip_page .ip[data-subtab-panel="kwater"]>ul>li:not(.row_label):not(.empty) {
  position: relative !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  padding: 24px 24px 0 24px !important;
  gap: 16px !important;
  background: #fff !important;
  cursor: zoom-in !important;
  box-sizing: border-box !important;
  border: 0 !important;
  box-shadow: none !important;
}

.technology.ip_page .ip[data-subtab-panel="design"]>ul>li:not(.row_label):not(.empty)::after,
.technology.ip_page .ip[data-subtab-panel="patent"]>ul>li:not(.row_label):not(.empty)::after,
.technology.ip_page .ip[data-subtab-panel="kwater"]>ul>li:not(.row_label):not(.empty)::after {
  content: '' !important;
  display: block !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  border: 6px solid var(--color-primary) !important;
  opacity: 0 !important;
  pointer-events: none !important;
  box-sizing: border-box !important;
  z-index: 4 !important;
  background: transparent !important;
}

.technology.ip_page .ip[data-subtab-panel="design"]>ul>li:not(.row_label):not(.empty):hover::after,
.technology.ip_page .ip[data-subtab-panel="patent"]>ul>li:not(.row_label):not(.empty):hover::after,
.technology.ip_page .ip[data-subtab-panel="kwater"]>ul>li:not(.row_label):not(.empty):hover::after {
  opacity: 1 !important;
  box-shadow: none !important;
  transition: .25s !important;
}

.technology.ip_page .ip[data-subtab-panel="design"]>ul>li:not(.row_label):not(.empty)::before,
.technology.ip_page .ip[data-subtab-panel="patent"]>ul>li:not(.row_label):not(.empty)::before,
.technology.ip_page .ip[data-subtab-panel="kwater"]>ul>li:not(.row_label):not(.empty)::before {
  content: '+' !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: absolute !important;
  top: 8px !important;
  right: 8px !important;
  left: auto !important;
  width: 34px !important;
  height: 34px !important;
  background: #fff !important;
  color: var(--color-primary) !important;
  font-size: 30px !important;
  font-weight: 300 !important;
  line-height: 1 !important;
  opacity: 0 !important;
  z-index: 5 !important;
  pointer-events: none !important;
}

.technology.ip_page .ip[data-subtab-panel="design"]>ul>li:not(.row_label):not(.empty):hover::before,
.technology.ip_page .ip[data-subtab-panel="patent"]>ul>li:not(.row_label):not(.empty):hover::before,
.technology.ip_page .ip[data-subtab-panel="kwater"]>ul>li:not(.row_label):not(.empty):hover::before {
  top: 6px !important;
  right: 6px !important;
  opacity: 1 !important;
  transition: .2s !important;
}

.technology.ip_page .ip[data-subtab-panel="design"]>ul>li:not(.row_label):not(.empty) .thumbnail,
.technology.ip_page .ip[data-subtab-panel="patent"]>ul>li:not(.row_label):not(.empty) .thumbnail,
.technology.ip_page .ip[data-subtab-panel="kwater"]>ul>li:not(.row_label):not(.empty) .thumbnail {
  display: block !important;
  width: 100% !important;
  cursor: zoom-in !important;
}

.technology.ip_page .ip[data-subtab-panel="design"]>ul>li:not(.row_label):not(.empty) .desc_tit,
.technology.ip_page .ip[data-subtab-panel="patent"]>ul>li:not(.row_label):not(.empty) .desc_tit,
.technology.ip_page .ip[data-subtab-panel="kwater"]>ul>li:not(.row_label):not(.empty) .desc_tit {
  display: flex !important;
  align-items: center !important;
  width: calc(100% + 48px) !important;
  min-height: 64px !important;
  height: 64px !important;
  box-sizing: border-box !important;
  margin: auto -24px 0 -24px !important;
  padding: 12px 24px !important;
  border-top: 0 !important;
  background: #fff !important;
  color: #000 !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  word-break: keep-all !important;
  overflow: hidden !important;
  box-shadow: none !important;
}

.technology.ip_page .ip[data-subtab-panel="design"]>ul>li:not(.row_label):not(.empty):hover .desc_tit,
.technology.ip_page .ip[data-subtab-panel="patent"]>ul>li:not(.row_label):not(.empty):hover .desc_tit,
.technology.ip_page .ip[data-subtab-panel="kwater"]>ul>li:not(.row_label):not(.empty):hover .desc_tit {
  background: var(--color-primary) !important;
  color: #fff !important;
  font-weight: 700 !important;
  box-shadow: none !important;
  transition: .2s !important;
}

@media (max-width:769px) {

  .technology.ip_page .ip[data-subtab-panel="design"]>ul>li:not(.row_label):not(.empty),
  .technology.ip_page .ip[data-subtab-panel="patent"]>ul>li:not(.row_label):not(.empty),
  .technology.ip_page .ip[data-subtab-panel="kwater"]>ul>li:not(.row_label):not(.empty) {
    padding: 8px 8px 0 8px !important;
    gap: 10px !important;
  }

  .technology.ip_page .ip[data-subtab-panel="design"]>ul>li:not(.row_label):not(.empty) .desc_tit,
  .technology.ip_page .ip[data-subtab-panel="patent"]>ul>li:not(.row_label):not(.empty) .desc_tit,
  .technology.ip_page .ip[data-subtab-panel="kwater"]>ul>li:not(.row_label):not(.empty) .desc_tit {
    width: calc(100% + 16px) !important;
    min-height: 56px !important;
    height: 56px !important;
    margin: auto -8px 0 -8px !important;
    padding: 10px 12px !important;
    font-size: 15px !important;
    border-top: 0 !important;
  }
}

/* 지적재산권 IP : 신기술/특허/수자원공사 카드 호버 최종 */
.technology.ip_page .ip[data-subtab-panel="design"]>ul>li:not(.row_label):not(.empty):hover::before,
.technology.ip_page .ip[data-subtab-panel="patent"]>ul>li:not(.row_label):not(.empty):hover::before,
.technology.ip_page .ip[data-subtab-panel="kwater"]>ul>li:not(.row_label):not(.empty):hover::before {
  top: 8px !important;
  right: 8px !important;
  opacity: 1 !important;
  transition: .2s !important;
}

@media (max-width:769px) {

  .technology.ip_page .ip[data-subtab-panel="design"]>ul>li:not(.row_label):not(.empty),
  .technology.ip_page .ip[data-subtab-panel="patent"]>ul>li:not(.row_label):not(.empty),
  .technology.ip_page .ip[data-subtab-panel="kwater"]>ul>li:not(.row_label):not(.empty) {
    padding: 8px 8px 0 8px !important;
    gap: 12px !important;
  }

  .technology.ip_page .ip[data-subtab-panel="design"]>ul>li:not(.row_label):not(.empty) .desc_tit,
  .technology.ip_page .ip[data-subtab-panel="patent"]>ul>li:not(.row_label):not(.empty) .desc_tit,
  .technology.ip_page .ip[data-subtab-panel="kwater"]>ul>li:not(.row_label):not(.empty) .desc_tit {
    width: calc(100% + 16px) !important;
    min-height: 72px !important;
    height: 72px !important;
    margin: auto -8px 0 -8px !important;
    padding: 12px 24px !important;
    font-size: 15px !important;
  }
}

/* header > mail button : MAIL 텍스트 버튼 -> 메일 아이콘 */
header .header_mail {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 42px !important;
  height: 34px !important;
  margin-right: 34px !important;
  border: 0 !important;
  box-sizing: border-box !important;
  background: transparent !important;
  color: #fff !important;
  font-size: 0 !important;
  line-height: 1 !important;
  text-indent: -9999px !important;
  overflow: hidden !important;
  transition: .2s !important;
}

/* 메일 아이콘 모양 */
header .header_mail::before {
  content: "" !important;
  display: block !important;
  width: 36px !important;
  height: 34px !important;
  background-color: currentColor !important;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 42 30'%3E%3Cpath d='M3 5h36v20H3z' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M4 6l17 12L38 6' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat !important;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 42 30'%3E%3Cpath d='M3 5h36v20H3z' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M4 6l17 12L38 6' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat !important;
  transition: .2s !important;
}

/* 기존 색상 변화 유지 */
header .header_mail:hover {
  color: var(--color-primary) !important;
}

.main header .header_mail,
header.active .header_mail,
header.hover .header_mail {
  color: #222 !important;
}

.main header .header_mail:hover,
header.active .header_mail:hover,
header.hover .header_mail:hover {
  color: var(--color-primary) !important;
}

/* 태블릿 이하 크기 */
@media (max-width:1280px) {
  header .header_mail {
    width: 38px !important;
    height: 28px !important;
    margin-right: 22px !important;
  }

  header .header_mail::before {
    width: 32px !important;
    height: 24px !important;
  }
}

/* 모바일 */
@media (max-width:769px) {
  header .header_mail {
    margin-right: 18px !important;
  }
}

/* 260428 말뚝 상세페이지 모바일 이미지 정렬 - 장헌 스타일 기준 / PC 영향 없음 */
@media (max-width:769px) {
  .business .detail.biz_figma.deck .adv ul>li>div {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    gap: 12px !important;
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }

  .business .detail.biz_figma.deck .adv ul>li>div>img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: 260px !important;
    max-height: 260px !important;
    aspect-ratio: auto !important;
    object-fit: cover !important;
    object-position: center !important;
    border-radius: 8px !important;
    background: #fff !important;
  }
}

/* 260428 말뚝 > 장말뚝시공 표 모바일 좌우 여백 보정 - PC 영향 없음 */
@media (max-width:769px) {
  .business .detail.deck .construction_result.w1440 {
    box-sizing: border-box !important;
    padding-left: 4% !important;
    padding-right: 4% !important;
  }

  .business .detail.deck .construction_result .ui_table_wrap {
    width: 100% !important;
    box-sizing: border-box !important;
    overflow-x: auto;
  }

  .business .detail.deck .construction_result .ui_table {
    width: 100% !important;
  }
}

/* 260428 SEG > Sheet wall 구조거동 모바일 1열 정렬 - PC 영향 없음 */
@media (max-width:769px) {
  .business .detail.seg_figma .seg_structure_behavior .biz_connect_grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 32px !important;
    width: 100% !important;
  }

  .business .detail.seg_figma .seg_structure_behavior .biz_connect_grid>li {
    width: 100% !important;
    min-width: 0 !important;
  }

  .business .detail.seg_figma .seg_structure_behavior .biz_connect_grid>li>.biz_media_card {
    width: 100% !important;
    max-width: 100% !important;
  }

  .business .detail.seg_figma .seg_structure_behavior .biz_connect_grid>li>.biz_media_card+ul {
    margin: 0 0 10px 0 !important;
  }

  .business .detail.seg_figma .seg_structure_behavior .biz_connect_grid>li>.biz_media_card+ul>li {
    margin-left: 0 !important;
    list-style: none !important;
    font-size: 20px !important;
    line-height: 1.35 !important;
    word-break: keep-all !important;
  }

  .business .detail.seg_figma .seg_structure_behavior .biz_metric_table {
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
  }

  .business .detail.seg_figma .seg_structure_behavior .biz_metric_row {
    grid-template-columns: 72px minmax(0, 1fr) minmax(0, 1fr) !important;
  }

  .business .detail.seg_figma .seg_structure_behavior .biz_metric_cell,
  .business .detail.seg_figma .seg_structure_behavior .biz_metric_head .biz_metric_cell {
    min-width: 0 !important;
    min-height: 64px !important;
    padding: 6px 4px !important;
    font-size: 13px !important;
    line-height: 1.25 !important;
    word-break: keep-all !important;
    white-space: normal !important;
  }

  .business .detail.seg_figma .seg_structure_behavior .biz_metric_cell span {
    font-size: 0.86em !important;
  }
}

@media (max-width:577px) {
  .business .detail.seg_figma .seg_structure_behavior .biz_connect_grid>li>.biz_media_card+ul>li {
    font-size: 18px !important;
  }

  .business .detail.seg_figma .seg_structure_behavior .biz_metric_row {
    grid-template-columns: 64px minmax(0, 1fr) minmax(0, 1fr) !important;
  }

  .business .detail.seg_figma .seg_structure_behavior .biz_metric_cell,
  .business .detail.seg_figma .seg_structure_behavior .biz_metric_head .biz_metric_cell {
    font-size: 12px !important;
    padding: 6px 3px !important;
  }
}

/* SEG 구조거동 표 값 텍스트만 크기 조절 - 모바일 전용 */
@media (max-width:769px) {

  .business .detail.seg_figma .seg_structure_behavior .biz_metric_row:not(.biz_metric_head) .biz_metric_cell:nth-child(2),
  .business .detail.seg_figma .seg_structure_behavior .biz_metric_row:not(.biz_metric_head) .biz_metric_cell:nth-child(3) {
    font-size: 15px !important;
  }
}

/* 260428 SEG > 공법비교 모바일 세로 카드형 재배치 최종 - PC 영향 없음 */
@media (max-width:769px) {
  .business .detail.seg_figma .can_sec_compare .can_method_block {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    gap: 0 !important;
    overflow: hidden !important;
    border: 1px solid #e0e0e0 !important;
    background: #fff !important;
  }

  .business .detail.seg_figma .can_sec_compare .can_method_head,
  .business .detail.seg_figma .can_sec_compare .can_method_row {
    display: contents !important;
  }

  .business .detail.seg_figma .can_sec_compare .can_method_head .cell:first-child,
  .business .detail.seg_figma .can_sec_compare .can_method_row .label {
    display: none !important;
  }

  .business .detail.seg_figma .can_sec_compare .can_method_head .cell {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 42px !important;
    padding: 10px 12px !important;
    background: #eef2f7 !important;
    border-bottom: 1px solid #d9dee8 !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    text-align: center !important;
    box-sizing: border-box !important;
  }

  .business .detail.seg_figma .can_sec_compare .can_method_head .cell:nth-child(2) {
    order: 10 !important;
  }

  .business .detail.seg_figma .can_sec_compare .can_method_row.overview:not(.compare_photo_row) .cell:nth-child(2) {
    order: 11 !important;
  }

  .business .detail.seg_figma .can_sec_compare .can_method_row:not(.overview) .cell:nth-child(2) {
    order: 12 !important;
  }

  .business .detail.seg_figma .can_sec_compare .can_method_row.compare_photo_row .cell:nth-child(2) {
    order: 40 !important;
  }

  .business .detail.seg_figma .can_sec_compare .can_method_head .cell:nth-child(3) {
    order: 50 !important;
    margin-top: 0px !important;
  }

  .business .detail.seg_figma .can_sec_compare .can_method_row.overview:not(.compare_photo_row) .cell:nth-child(3) {
    order: 51 !important;
  }

  .business .detail.seg_figma .can_sec_compare .can_method_row:not(.overview) .cell:nth-child(3) {
    order: 52 !important;
  }

  .business .detail.seg_figma .can_sec_compare .can_method_row.compare_photo_row .cell:nth-child(3) {
    order: 80 !important;
  }

  .business .detail.seg_figma .can_sec_compare .can_method_row .cell {
    width: 100% !important;
    max-width: 100% !important;
    grid-column: auto !important;
    box-sizing: border-box !important;
  }

  .business .detail.seg_figma .can_sec_compare .can_method_row.overview .cell {
    padding: 12px 12px 16px !important;
    background: #fff !important;
    border-bottom: 1px solid #e5e5e5 !important;
  }

  .business .detail.seg_figma .can_sec_compare .can_method_row.overview .cell img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
    object-position: center !important;
    margin: 0 auto !important;
  }

  .business .detail.seg_figma .can_sec_compare .can_method_row .cell.text {
    display: block !important;
    padding: 12px 14px !important;
    border-bottom: 1px solid #e5e5e5 !important;
    background: #fff !important;
    font-size: 14px !important;
    line-height: 1.55 !important;
    color: #222 !important;
    word-break: keep-all !important;
    white-space: normal !important;
  }

  .business .detail.seg_figma .can_sec_compare .can_method_row.compare_photo_row .cell {
    padding: 12px !important;
    border-bottom: 0 !important;
  }
}

/* 260428 SEG > 시공성 개선 모바일 시공사진 맨 아래 이동 - PC 영향 없음 */
@media (max-width:769px) {
  .business .detail.seg_figma .can_sec_process+.can_sec_compare .can_method_row.compare_photo_row .cell:nth-child(2) {
    order: 49 !important;
  }

  .business .detail.seg_figma .can_sec_process+.can_sec_compare .can_method_row.compare_photo_row .cell:nth-child(3) {
    order: 89 !important;
  }

  .business .detail.seg_figma .can_sec_process+.can_sec_compare .can_method_row.compare_photo_row .cell {
    padding: 12px !important;
    border-bottom: 0 !important;
  }
}

/* 260428 NOD > 시공 카드 모바일 1열 정렬 - PC 영향 없음 */
@media (max-width:769px) {
  .business .detail .nod_sec_overview .nod_overview_grid.nod_overview_grid3 {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 16px !important;
    width: 100% !important;
  }

  .business .detail .nod_sec_overview .nod_overview_grid.nod_overview_grid3 .nod_overview_card {
    width: 100% !important;
    max-width: 100% !important;
  }

  .business .detail .nod_sec_overview .nod_overview_grid.nod_overview_grid3 .nod_overview_thumb,
  .business .detail .nod_sec_overview .nod_overview_grid.nod_overview_grid3 .nod_overview_thumb img {
    width: 100% !important;
    max-width: 100% !important;
  }
}

/* 260428 NOD > 시공 카드 모바일 이미지 높이 축소 최종 - PC 영향 없음 */
@media (max-width:769px) {
  .business .detail.biz_figma .nod_sec_overview .nod_overview_grid.nod_overview_grid3 .nod_overview_thumb {
    width: 100% !important;
    height: 220px !important;
    max-height: 220px !important;
    aspect-ratio: auto !important;
    overflow: hidden !important;
  }

  .business .detail.biz_figma .nod_sec_overview .nod_overview_grid.nod_overview_grid3 .nod_overview_thumb img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-height: 220px !important;
    aspect-ratio: auto !important;
    object-fit: cover !important;
    object-position: center !important;
  }
}

/* 260428 BEAM > 지반조사/물리탐사 모바일 이미지 1열 정렬 - PC 영향 없음 */
@media (max-width:1000px) {

  .business .detail.biz_figma.tab_fit_3 .beam_drill_grid,
  .business .detail.biz_figma.tab_fit_3 .beam_drill_grid.beam_drill_grid4 {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    overflow: hidden !important;
  }

  .business .detail.biz_figma.tab_fit_3 .beam_drill_item {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 21/9 !important;
    border-left: 0 !important;
    border-top: 1px solid #d9d9d9 !important;
  }

  .business .detail.biz_figma.tab_fit_3 .beam_drill_item:first-child {
    border-top: 0 !important;
  }

  .business .detail.biz_figma.tab_fit_3 .beam_drill_item img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
  }

  .business .detail.biz_figma.tab_fit_3 .beam_drill_item figcaption {
    height: 40px !important;
    font-size: 16px !important;
  }
}

/* 260428 기술개발 페이지 모바일 내부 탭/좌우 여백 보정 최종 - PC 영향 없음 */
@media (max-width:769px) {

  .sub_container.technology,
  .sub_container.technology .business,
  .sub_container.technology .sub_contents {
    overflow-x: hidden !important;
  }

  /* 기술개발 하위 페이지 내부 탭: 가로스크롤 방지 */
  .sub_container.technology .sub_contents.detail.biz_figma>.detail_local_tab.w1440 {
    display: flex !important;
    flex-wrap: nowrap !important;
    width: 92% !important;
    max-width: 92% !important;
    margin: 0 auto 24px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    overflow: visible !important;
    gap: 1px !important;
  }

  .sub_container.technology .sub_contents.detail.biz_figma>.detail_local_tab.w1440>li {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    max-width: none !important;
  }

  .sub_container.technology .sub_contents.detail.biz_figma>.detail_local_tab.w1440>li .tab_btn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 46px !important;
    padding: 0 4px !important;
    box-sizing: border-box !important;
    font-size: clamp(11px, 3vw, 14px) !important;
    line-height: 1.2 !important;
    letter-spacing: -0.07em !important;
    white-space: normal !important;
    word-break: keep-all !important;
    text-align: center !important;
  }

  /* 기술개발 콘텐츠 좌우 여백 통일 */
  .sub_container.technology .sub_contents.detail.biz_figma>.ip.w1440,
  .sub_container.technology .sub_contents.detail.biz_figma>.paper_hover_wrap.w1440,
  .sub_container.technology .sub_contents.ip>.w1440,
  .sub_container.technology .center .intro,
  .sub_container.technology .center .eng_swdev,
  .sub_container.technology .center .smart_build {
    width: 92% !important;
    max-width: 1440px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }
}

@media (max-width:390px) {
  .sub_container.technology .sub_contents.detail.biz_figma>.detail_local_tab.w1440>li .tab_btn {
    font-size: 11px !important;
    letter-spacing: -0.08em !important;
  }
}

/* 260428 NOD > 브로슈어 페이지 제목-콘텐츠 간격 축소 - PC/MO 전용 */
.sub_container.pr .sub_contents.brochure>h3 {
  margin-bottom: 60px;
}

.sub_container.pr .sub_contents.brochure .pr_contents>.pr_brochure {
  margin-top: 0;
  gap: 52px;
}

/* 모바일 */
@media (max-width:769px) {
  .sub_container.pr .sub_contents.brochure>h3 {
    margin-bottom: 24px;
  }

  .sub_container.pr .sub_contents.brochure .pr_contents>.pr_brochure {
    margin-top: 0;
    gap: 36px;
  }

  .sub_container.pr .sub_contents.brochure .brochure_list {
    margin-top: 16px;
  }
}

/* 260428 CAN > GC 라멘교 개념표 모바일 세로 재배치 - PC 영향 없음 */
@media (max-width:769px) {
  .business .detail.can_figma .can_sec_concept .can_compare {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width: 620px !important;
    margin: 0 auto !important;
    background: #fff !important;
  }

  .business .detail.can_figma .can_sec_concept .can_compare_head,
  .business .detail.can_figma .can_sec_concept .can_compare_row {
    display: contents !important;
  }

  .business .detail.can_figma .can_sec_concept .can_compare_head .can_compare_th:first-child,
  .business .detail.can_figma .can_sec_concept .can_compare_label {
    display: none !important;
  }

  .business .detail.can_figma .can_sec_concept .can_compare_th {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 44px !important;
    min-height: 44px !important;
    padding: 10px 12px !important;
    background: #EEF3F6 !important;
    border-top: 1px solid #000 !important;
    border-bottom: 1px solid #dcdcdc !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    text-align: center !important;
    box-sizing: border-box !important;
  }

  .business .detail.can_figma .can_sec_concept .can_compare_head .can_compare_th:nth-child(2) {
    order: 10 !important;
  }

  .business .detail.can_figma .can_sec_concept .can_compare>.can_compare_row:nth-child(2)>.can_compare_stack:nth-child(2) {
    order: 11 !important;
  }

  .business .detail.can_figma .can_sec_concept .can_compare>.can_compare_row:nth-child(3)>.can_compare_stack:nth-child(2) {
    order: 12 !important;
  }

  .business .detail.can_figma .can_sec_concept .can_compare>.can_compare_row:nth-child(4)>.can_compare_cell:nth-child(2) {
    order: 13 !important;
  }

  .business .detail.can_figma .can_sec_concept .can_compare>.can_compare_row:nth-child(5)>.can_compare_textbox:nth-child(2) {
    order: 14 !important;
  }

  .business .detail.can_figma .can_sec_concept .can_compare_head .can_compare_th:nth-child(3) {
    order: 50 !important;
    margin-top: 28px !important;
  }

  .business .detail.can_figma .can_sec_concept .can_compare>.can_compare_row:nth-child(2)>.can_compare_stack:nth-child(3) {
    order: 51 !important;
  }

  .business .detail.can_figma .can_sec_concept .can_compare>.can_compare_row:nth-child(3)>.can_compare_stack:nth-child(3) {
    order: 52 !important;
  }

  .business .detail.can_figma .can_sec_concept .can_compare>.can_compare_row:nth-child(4)>.can_compare_cell:nth-child(3) {
    order: 53 !important;
  }

  .business .detail.can_figma .can_sec_concept .can_compare>.can_compare_row:nth-child(5)>.can_compare_textbox:nth-child(3) {
    order: 54 !important;
  }

  .business .detail.can_figma .can_sec_concept .can_compare_stack {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    height: auto !important;
    background: #fff !important;
  }

  .business .detail.can_figma .can_sec_concept .can_compare_row.is-multi .can_compare_stack {
    display: flex !important;
    grid-template-rows: none !important;
  }

  .business .detail.can_figma .can_sec_concept .can_compare_cell,
  .business .detail.can_figma .can_sec_concept .can_compare_textbox {
    width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 12px !important;
    background: #fff !important;
    border-bottom: 1px solid #e5e5e5 !important;
    box-sizing: border-box !important;
  }

  .business .detail.can_figma .can_sec_concept .can_compare_cell img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: center !important;
    margin: 0 auto !important;
  }

  .business .detail.can_figma .can_sec_concept .can_compare_textbox {
    padding: 16px 14px !important;
    font-size: 14px !important;
    line-height: 1.55 !important;
    text-align: center !important;
    word-break: keep-all !important;
  }
}

/* 260428 NOD > 사업영역 상단 탭 태블릿 좌우 버튼형 최종 - PC/모바일 영향 최소 */
@media (min-width:578px) and (max-width:1280px) {
  .sub_container.business .sub_tab {
    display: none !important;
  }

  .sub_container.business .sub_tab_mobile {
    display: none !important;
  }

  .sub_container.business .sub_tab_b {
    display: block !important;
    position: absolute !important;
    top: 356px !important;
    left: 0 !important;
    width: 100% !important;
    height: 44px !important;
    z-index: 100 !important;
    background: transparent !important;
    overflow: visible !important;
  }

  .sub_container.business .sub_tab_b .swiper {
    display: block !important;
    width: calc(100% - 88px) !important;
    height: 44px !important;
    margin: 0 auto !important;
    overflow: hidden !important;
    background: rgba(32, 27, 20, .78) !important;
    color: #fff !important;
  }

  .sub_container.business .sub_tab_b .swiper-wrapper {
    display: flex !important;
    align-items: stretch !important;
    width: max-content !important;
    height: 44px !important;
  }

  .sub_container.business .sub_tab_b .swiper-slide {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 150px !important;
    height: 44px !important;
    opacity: .85 !important;
  }

  .sub_container.business .sub_tab_b .swiper-slide a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 44px !important;
    padding: 0 24px !important;
    box-sizing: border-box !important;
    color: #fff !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
    text-align: center !important;
    white-space: nowrap !important;
  }

  .sub_container.business .sub_tab_b .swiper-slide.on {
    background: var(--color-primary) !important;
    opacity: 1 !important;
  }

  .sub_container.business .sub_tab_b .swiper-slide.on a {
    font-weight: 700 !important;
  }

  .sub_container.business .sub_tab_b .swiper-button-next,
  .sub_container.business .sub_tab_b .swiper-button-prev {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: absolute !important;
    top: 0 !important;
    width: 44px !important;
    height: 44px !important;
    margin: 0 !important;
    background: #000 !important;
    color: #fff !important;
    z-index: 120 !important;
  }

  .sub_container.business .sub_tab_b .swiper-button-prev {
    left: 0 !important;
  }

  .sub_container.business .sub_tab_b .swiper-button-next {
    right: 0 !important;
  }

  .sub_container.business .sub_tab_b .swiper-button-prev::after,
  .sub_container.business .sub_tab_b .swiper-button-next::after {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #fff !important;
  }

  .sub_container.business .sub_tab_b .swiper-button-prev:hover,
  .sub_container.business .sub_tab_b .swiper-button-next:hover {
    background: var(--color-primary) !important;
  }
}

/* 577px 이하는 기존 모바일 드롭다운 유지 */
@media (max-width:577px) {
  .sub_container.business .sub_tab_b {
    display: none !important;
  }

  .sub_container.business .sub_tab_mobile {
    display: block !important;
  }
}

/* 260428 NOD > 사업영역 태블릿 탭 좌우 화살표 강제 표시 */
@media (min-width:578px) and (max-width:1280px) {

  .sub_container.business .sub_tab_b .swiper-button-prev::after,
  .sub_container.business .sub_tab_b .swiper-button-next::after {
    content: "" !important;
    display: none !important;
  }

  .sub_container.business .sub_tab_b .swiper-button-prev::before,
  .sub_container.business .sub_tab_b .swiper-button-next::before {
    content: "" !important;
    display: block !important;
    width: 14px !important;
    height: 14px !important;
    border-top: 3px solid #fff !important;
    border-right: 3px solid #fff !important;
    box-sizing: border-box !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    z-index: 999 !important;
  }

  .sub_container.business .sub_tab_b .swiper-button-prev::before {
    transform: translate(-35%, -50%) rotate(-135deg) !important;
  }

  .sub_container.business .sub_tab_b .swiper-button-next::before {
    transform: translate(-65%, -50%) rotate(45deg) !important;
  }

  .sub_container.business .sub_tab_b .swiper-button-prev,
  .sub_container.business .sub_tab_b .swiper-button-next {
    position: absolute !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: visible !important;
    opacity: 1 !important;
  }
}

/* 260428 CAN > 공법비교 표만 PC 레이아웃 비율 유지 */
.business .detail.can_figma .can_sec_compare .can_method_block {
  width: 100%;
  max-width: 100%;
  overflow: hidden !important;
}

/* 기존 1200px 이하 1열 변경을 덮어쓰기 */
.business .detail.can_figma .can_sec_compare .can_method_head.fourcol,
.business .detail.can_figma .can_sec_compare .can_method_row.fourcol {
  display: grid !important;
  grid-template-columns: 18.05% 38.9% 21.525% 21.525% !important;
}

/* 기존 모바일/태블릿에서 숨겨진 첫 번째 라벨칸 다시 표시 */
.business .detail.can_figma .can_sec_compare .can_method_head .cell:first-child,
.business .detail.can_figma .can_sec_compare .can_method_row .label {
  display: flex !important;
}

/* 칸 내부 요소가 비율을 깨지 않게 정리 */
.business .detail.can_figma .can_sec_compare .can_method_head .cell,
.business .detail.can_figma .can_sec_compare .can_method_row .label,
.business .detail.can_figma .can_sec_compare .can_method_row .cell {
  min-width: 0 !important;
  box-sizing: border-box !important;
}

/* 이미지도 칸 비율 안에서만 축소 */
.business .detail.can_figma .can_sec_compare .can_method_row .cell img {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
}

/* GC라멘교 개요 이미지+하단 타입도 같이 비율 축소 */
.business .detail.can_figma .can_sec_compare .gc_overview .gc_img {
  width: 100% !important;
  padding: 18px 18px 8px !important;
  box-sizing: border-box !important;
}

.business .detail.can_figma .can_sec_compare .gc_overview .gc_types span {
  min-width: 0 !important;
  min-height: clamp(42px, 7vw, 100px) !important;
  font-size: clamp(11px, 1.25vw, 18px) !important;
  padding: 6px !important;
  box-sizing: border-box !important;
}

/* 텍스트도 표가 깨지지 않게 화면폭에 맞춰 축소 */
.business .detail.can_figma .can_sec_compare .can_method_row .label {
  font-size: clamp(11px, 1.25vw, 18px) !important;
  padding: clamp(6px, 1vw, 10px) !important;
}

.business .detail.can_figma .can_sec_compare .can_method_head .cell {
  font-size: clamp(12px, 1.4vw, 20px) !important;
  padding: clamp(6px, 1vw, 10px) !important;
}

.business .detail.can_figma .can_sec_compare .can_method_row .cell.text {
  font-size: clamp(10px, 1.12vw, 16px) !important;
  line-height: 1.35 !important;
  padding: clamp(8px, 1.6vw, 24px) !important;
  word-break: keep-all !important;
}

.business .detail.can_figma .can_sec_compare .can_method_head .cell:nth-child(3) {
  background: #f3f7fb;
}

/* 260428 HCP 제작순서/시공순서 화살표 통일 - 다른 페이지 영향 없음 */
.business .detail.grb_figma .grb_process.make_process .flow_turn_arrow {
  grid-column: 1 / -1;
  position: relative;
  height: 24px;
  margin: 10px 0;
}

.business .detail.grb_figma .grb_process.make_process .flow_turn_arrow::before {
  content: "";
  position: absolute;
  left: 15%;
  right: 15%;
  top: 10px;
  border-top: 3px dashed #1555B6;
}

.business .detail.grb_figma .grb_process.make_process .flow_turn_arrow::after {
  content: "";
  position: absolute;
  left: 15%;
  top: 12px;
  height: 12px;
  border-left: 3px dashed #1555B6;
}

.business .detail.grb_figma .grb_process.make_process .flow_turn_arrow .arrow_head {
  position: absolute;
  inset: 0;
}

.business .detail.grb_figma .grb_process.make_process .flow_turn_arrow .arrow_head::before {
  content: "";
  position: absolute;
  left: calc(15% - 5.5px);
  top: 23px;
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 10px solid #1555B6;
}

.business .detail.grb_figma .grb_process.make_process .flow_turn_arrow .arrow_head::after {
  content: "";
  position: absolute;
  right: 15%;
  top: 0;
  height: 11px;
  border-left: 3px dashed #1555B6;
}

@media (max-width:769px) {
  .business .detail.grb_figma .grb_process.make_process .flow_turn_arrow {
    display: none;
  }
}

/* 260428 HCP 제작순서/시공순서 화살표 모바일 숨김 - PC 영향 없음 */
@media (max-width:769px) {

  .business .detail.grb_figma .flow_turn_arrow,
  .business .detail.grb_figma .grb_process_arrow {
    display: none !important;
  }
}

/* 260428 HCP 제작순서/시공순서 모바일 3번-4번 간격 추가 - PC 영향 없음 */
@media (max-width:769px) {
  .business .detail.grb_figma .grb_process.make_process .grb_process_row.row_bottom {
    margin-top: 16px !important;
  }
}

/* 260428 HCP 심도변화 우측 사진 높이 축소 - 다른 섹션 영향 없음 */
.business .detail.grb_figma .grb_sec_depth .grb_connect_grid {
  align-items: start;
}

.business .detail.grb_figma .grb_sec_depth .grb_connect_grid>li:nth-child(2) {
  display: flex;
  flex-direction: column;
}

.business .detail.grb_figma .grb_sec_depth .grb_connect_grid>li:nth-child(2) .grb_connect_card .grb_media {
  height: 360px;
}

.business .detail.grb_figma .grb_sec_depth .grb_connect_grid>li:nth-child(2) .grb_connect_card.is-diagram .grb_media img {
  height: 100%;
  aspect-ratio: auto;
  object-fit: cover;
  object-position: center;
}

.business .detail.grb_figma .grb_sec_depth .grb_connect_grid>li:nth-child(2) .flow_note {
  margin-top: 18px;
}

/* 260428 SEG 공법비교 공기/공사비 숫자만 가운데 정렬 */
.business .detail.seg_figma .can_sec_compare .can_method_row.num_center_row .cell.text {
  justify-content: center !important;
  text-align: center !important;
  align-items: center !important;
}

/* 260428 SEG 시공순서 GRB 스타일 적용 - PC 4열 유지 */
.business .detail .can_sec_process.seg_process_grb_style .grb_process {
  width: 100%;
  margin: 0 auto;
}

.business .detail .can_sec_process.seg_process_grb_style .grb_process>ul {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 24px !important;
  width: 100%;
  margin: 0;
  padding: 0;
}

.business .detail .can_sec_process.seg_process_grb_style .grb_process>ul>li {
  position: relative !important;
  display: block !important;
  overflow: hidden !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #fff !important;
  border: 1px solid #e5e5e5 !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, .08) !important;
  box-sizing: border-box !important;
}

.business .detail .can_sec_process.seg_process_grb_style .grb_process>ul>li::before,
.business .detail .can_sec_process.seg_process_grb_style .grb_process>ul>li::after {
  display: none !important;
  content: none !important;
}

.business .detail .can_sec_process.seg_process_grb_style .grb_process>ul>li img {
  display: block !important;
  width: 100% !important;
  height: 300px !important;
  object-fit: cover !important;
  object-position: center !important;
  margin: 0 !important;
}

.business .detail .can_sec_process.seg_process_grb_style .grb_process>ul>li span {
  position: absolute !important;
  left: 0 !important;
  bottom: 0 !important;
  z-index: 2 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 42px !important;
  padding: 0 16px !important;
  background: rgba(0, 0, 0, .45) !important;
  color: #fff !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  text-align: center !important;
  box-sizing: border-box !important;
}

/* 태블릿에서는 2열 */
@media (max-width:1000px) {
  .business .detail .can_sec_process.seg_process_grb_style .grb_process>ul {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 16px !important;
  }

  .business .detail .can_sec_process.seg_process_grb_style .grb_process>ul>li img {
    height: 240px !important;
  }
}

/* 모바일에서는 1열 */
@media (max-width:769px) {
  .business .detail .can_sec_process.seg_process_grb_style .grb_process>ul {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }

  .business .detail .can_sec_process.seg_process_grb_style .grb_process>ul>li img {
    height: auto !important;
    aspect-ratio: 16/9 !important;
  }

  .business .detail .can_sec_process.seg_process_grb_style .grb_process>ul>li span {
    height: 40px !important;
    font-size: 15px !important;
  }
}

/* 260428 SEG 시공순서 기존 점/라인 인터랙션 완전 제거 */
.business .detail.seg_figma .can_sec_process.seg_process_grb_style .grb_process>ul::before,
.business .detail.seg_figma .can_sec_process.seg_process_grb_style .grb_process>ul::after,
.business .detail.seg_figma .can_sec_process.seg_process_grb_style .grb_process>ul>li::before,
.business .detail.seg_figma .can_sec_process.seg_process_grb_style .grb_process>ul>li::after,
.business .detail.seg_figma .can_sec_process.seg_process_grb_style .grb_process>ul>li>span::before,
.business .detail.seg_figma .can_sec_process.seg_process_grb_style .grb_process>ul>li>span::after {
  display: none !important;
  content: none !important;
  animation: none !important;
}

.business .detail.seg_figma .can_sec_process.seg_process_grb_style .grb_process>ul>li>span {
  animation: none !important;
}

/* 260428 NOD 데크로드 마감 - 이미지+설명 묶음 카드 스타일 */
.business .detail.biz_figma .can_sec_record.nod_finish_style .biz_subgroup {
  width: 100%;
}

.business .detail.biz_figma .can_sec_record.nod_finish_style .biz_sub_tit {
  margin-bottom: 14px;
  font-size: 24px;
  font-weight: 400;
  color: #222;
}

/* 이미지 2개가 하나의 박스처럼 붙어 보이게 */
.business .detail.biz_figma .can_sec_record.nod_finish_style .biz_media_grid.col2 {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 0 !important;
  width: 100%;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden;
  border: 1px solid #ddd;
  border-bottom: 0;
  background: #fff;
  box-sizing: border-box;
}

.business .detail.biz_figma .can_sec_record.nod_finish_style .biz_media_grid.col2>li {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  background: #fff !important;
  overflow: hidden;
}

.business .detail.biz_figma .can_sec_record.nod_finish_style .biz_media_grid.col2>li+li {
  border-left: 1px solid #e1e1e1 !important;
}

.business .detail.biz_figma .can_sec_record.nod_finish_style .biz_media_grid.col2 .biz_media {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 420px;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #fff !important;
  overflow: hidden;
}

.business .detail.biz_figma .can_sec_record.nod_finish_style .biz_media_grid.col2 .biz_media img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: center;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
}

/* 왼쪽 도면 이미지만 잘리지 않게 contain 유지 */
.business .detail.biz_figma .can_sec_record.nod_finish_style .biz_media_grid.col2>li:first-child .biz_media img {
  object-fit: contain;
  padding: 24px !important;
  background: #fff;
}

/* 설명 박스를 이미지 박스 하단에 붙여서 하나로 묶기 */
.business .detail.biz_figma .can_sec_record.nod_finish_style .biz_media_grid.col2+.flow_note {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  width: 100%;
  margin: 0 0 60px !important;
  padding: 28px 24px 30px !important;
  border: 1px solid #ddd;
  border-top: 1px solid #e5e5e5;
  background: linear-gradient(180deg, #ffffff 0%, #f7f7f7 100%);
  box-sizing: border-box;
  text-align: center;
}

.business .detail.biz_figma .can_sec_record.nod_finish_style .flow_note.flow_note_dot li {
  position: relative;
  width: auto;
  margin: 0 !important;
  padding-left: 12px !important;
  list-style: none !important;
  font-size: 18px;
  line-height: 1.6;
  color: #333;
  text-align: center;
  white-space: normal;
}

.business .detail.biz_figma .can_sec_record.nod_finish_style .flow_note.flow_note_dot li::before {
  content: "" !important;
  position: absolute;
  left: 0;
  top: 50%;
  width: 8px;
  height: 1px;
  background: #333;
  border-radius: 0 !important;
  transform: translateY(-50%) !important;
}

/* 우레탄 제목 위 간격 유지 */
.business .detail.biz_figma .can_sec_record.nod_finish_style .biz_sub_tit.mt-60 {
  margin-top: 60px;
}

/* 태블릿 */
@media (max-width:1000px) {
  .business .detail.biz_figma .can_sec_record.nod_finish_style .biz_media_grid.col2 .biz_media {
    height: 320px;
  }

  .business .detail.biz_figma .can_sec_record.nod_finish_style .flow_note.flow_note_dot li {
    font-size: 18px;
  }
}

/* 모바일 */
@media (max-width:769px) {
  .business .detail.biz_figma .can_sec_record.nod_finish_style .biz_media_grid.col2 {
    grid-template-columns: 1fr !important;
  }

  .business .detail.biz_figma .can_sec_record.nod_finish_style .biz_media_grid.col2>li+li {
    border-left: 0 !important;
    border-top: 1px solid #e1e1e1 !important;
  }

  .business .detail.biz_figma .can_sec_record.nod_finish_style .biz_media_grid.col2 .biz_media {
    height: auto;
    aspect-ratio: 16/9;
  }

  .business .detail.biz_figma .can_sec_record.nod_finish_style .biz_media_grid.col2>li:first-child .biz_media img {
    padding: 16px !important;
  }

  .business .detail.biz_figma .can_sec_record.nod_finish_style .biz_media_grid.col2+.flow_note {
    margin-bottom: 40px !important;
    padding: 22px 16px !important;
  }

  .business .detail.biz_figma .can_sec_record.nod_finish_style .flow_note.flow_note_dot li {
    font-size: 16px;
    line-height: 1.6;
  }
}

/* 260428 NOD 데크로드 마감 - 목재/우레탄 설명 행간 축소 */
.business .detail.biz_figma .can_sec_record.nod_finish_style .biz_subgroup>.flow_note.flow_note_dot {
  gap: 0 !important;
  padding-top: 22px !important;
  padding-bottom: 22px !important;
}

.business .detail.biz_figma .can_sec_record.nod_finish_style .biz_subgroup>.flow_note.flow_note_dot li {
  line-height: 1.25 !important;
}

/* 260428 NOD 데크로드 마감 모바일 도면 이미지 안 잘리게 수정 */
@media (max-width:769px) {
  .business .detail.biz_figma .can_sec_record.nod_finish_style .biz_media_grid.col2>li:first-child .biz_media {
    height: auto !important;
    aspect-ratio: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
  }

  .business .detail.biz_figma .can_sec_record.nod_finish_style .biz_media_grid.col2>li:first-child .biz_media img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: auto !important;
    object-fit: contain !important;
    box-sizing: border-box !important;
    padding: 16px !important;
  }
}

/* 260428 RND 주요 연구 보고서 정렬 + 행 라인 연결 - RND 페이지만 */
.technology .sub_contents.ip .rnd_report_wrap .rnd_report_list {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  column-gap: 48px !important;
  row-gap: 0 !important;
  position: relative !important;
  overflow: visible !important;
  margin: 0 !important;
  padding: 0 !important;
}

.technology .sub_contents.ip .rnd_report_wrap .rnd_report_list>li {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 126px minmax(0, 1fr) !important;
  align-items: end !important;
  gap: 14px !important;
  padding: 40px 0 44px !important;
  border: 0 !important;
  background: none !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}

.technology .sub_contents.ip .rnd_report_wrap .rnd_report_list .thumb_box {
  display: flex !important;
  align-items: flex-end !important;
  justify-content: flex-start !important;
  width: 126px !important;
  height: 168px !important;
  overflow: visible !important;
}

.technology .sub_contents.ip .rnd_report_wrap .rnd_report_list .thumbnail {
  display: block !important;
  width: auto !important;
  height: auto !important;
  max-width: 126px !important;
  max-height: 168px !important;
  object-fit: contain !important;
  object-position: left bottom !important;
  outline: none !important;
  margin: 0 !important;
}

.technology .sub_contents.ip .rnd_report_wrap .rnd_report_list .desc_tit {
  align-self: end !important;
  margin: 0 0 4px !important;
  padding: 0 !important;
  min-height: auto !important;
  max-height: none !important;
  font-size: 20px !important;
  line-height: 1.25 !important;
  color: #222 !important;
  text-align: left !important;
  word-break: keep-all !important;
}

.technology .sub_contents.ip .rnd_report_wrap .rnd_report_list .desc_tit span {
  display: block !important;
}

.technology .sub_contents.ip .rnd_report_wrap .rnd_report_list .desc_tit b {
  font-weight: 700 !important;
}

.technology .sub_contents.ip .rnd_report_wrap .rnd_report_list>li:nth-child(3n+1):not(:first-child)::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  width: calc(300% + 96px) !important;
  height: 1px !important;
  background: #ddd !important;
  display: block !important;
}

.technology .sub_contents.ip .rnd_report_wrap .rnd_report_list>li:nth-child(4) {
  border-top: 0 !important;
}

@media (max-width:1280px) {
  .technology .sub_contents.ip .rnd_report_wrap .rnd_report_list {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    column-gap: 40px !important;
  }

  .technology .sub_contents.ip .rnd_report_wrap .rnd_report_list>li:nth-child(3n+1):not(:first-child)::before {
    width: calc(300% + 80px) !important;
  }
}

@media (max-width:900px) {
  .technology .sub_contents.ip .rnd_report_wrap .rnd_report_list {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    column-gap: 32px !important;
  }

  .technology .sub_contents.ip .rnd_report_wrap .rnd_report_list>li:nth-child(3n+1):not(:first-child)::before {
    display: none !important;
  }

  .technology .sub_contents.ip .rnd_report_wrap .rnd_report_list>li:nth-child(2n+1):not(:first-child)::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: calc(200% + 32px) !important;
    height: 1px !important;
    background: #ddd !important;
    display: block !important;
  }
}

@media (max-width:577px) {
  .technology .sub_contents.ip .rnd_report_wrap .rnd_report_list {
    grid-template-columns: 1fr !important;
    column-gap: 0 !important;
  }

  .technology .sub_contents.ip .rnd_report_wrap .rnd_report_list>li {
    grid-template-columns: 96px 1fr !important;
    gap: 14px !important;
    padding: 28px 0 !important;
  }

  .technology .sub_contents.ip .rnd_report_wrap .rnd_report_list .thumb_box {
    width: 96px !important;
    height: 80px !important;
  }

  .technology .sub_contents.ip .rnd_report_wrap .rnd_report_list .thumbnail {
    max-width: 96px !important;
    max-height: 128px !important;
  }

  .technology .sub_contents.ip .rnd_report_wrap .rnd_report_list .desc_tit {
    font-size: 17px !important;
    line-height: 1.25 !important;
    margin-bottom: 2px !important;
  }

  .technology .sub_contents.ip .rnd_report_wrap .rnd_report_list>li::before {
    display: none !important;
  }

  .technology .sub_contents.ip .rnd_report_wrap .rnd_report_list>li:not(:first-child) {
    border-top: 1px solid #eee !important;
  }
}

/* 260428 연구자료 관련자료 / 발표논문 HCP논문 타이틀 패딩만 복구 */
.technology.date_page .ip[data-subtab-panel="design"]>ul>li>a>.desc_tit,
.technology.paper_page .ip[data-subtab-panel="design"]>ul>li>a>.desc_tit {
  padding: 16px 20px !important;
  margin: 12px 0 0 !important;
  line-height: 1.35 !important;
  box-sizing: border-box !important;
}

@media (max-width:769px) {

  .technology.date_page .ip[data-subtab-panel="design"]>ul>li>a>.desc_tit,
  .technology.paper_page .ip[data-subtab-panel="design"]>ul>li>a>.desc_tit {
    padding: 8px 24px !important;
    margin: 10px 0 0 !important;
    line-height: 1.35 !important;
  }
}

/* 260428 발표논문 > HCP논문 이미지만 라인 + 약한 쉐도우 */
.technology.paper_page .ip[data-subtab-panel="design"]>ul>li .thumbnail {
  border: 1px solid #ccc !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, .12) !important;
  box-sizing: border-box !important;
  background: #fff !important;
}

/* 260429 발표논문 > HCP논문 새창 아이콘 복구 - DATE/IP 영향 없음 */
.technology.paper_page .ip[data-subtab-panel="design"]>ul>li {
  position: relative !important;
  overflow: hidden !important;
  cursor: pointer !important;
}

.technology.paper_page .ip[data-subtab-panel="design"]>ul>li::before {
  content: '' !important;
  position: absolute !important;
  top: 14px !important;
  right: 12px !important;
  left: auto !important;
  width: 40px !important;
  height: 40px !important;
  display: block !important;
  background: #fff url(../images/view.svg) center 35% no-repeat !important;
  background-size: auto !important;
  opacity: 0 !important;
  z-index: 5 !important;
  pointer-events: none !important;
}

.technology.paper_page .ip[data-subtab-panel="design"]>ul>li:hover::before {
  margin-top: -8px !important;
  right: 8px !important;
  transition: .2s !important;
  opacity: 1 !important;
}

/* 260429 MAIN > 기술개발 모바일 카드 간격 최종 정리 - PC 영향 없음 */
@media (max-width:769px) {
  .main .technology_wrap .main_con.technology .main_con_list {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
    margin: 40px 0 0 !important;
    padding: 0 !important;
    gap: 24px !important;
    row-gap: 24px !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
  }

  .main .technology_wrap .main_con.technology .main_con_list>li,
  .main .technology_wrap .main_con.technology .main_con_list>li:nth-child(1),
  .main .technology_wrap .main_con.technology .main_con_list>li:nth-child(2),
  .main .technology_wrap .main_con.technology .main_con_list>li:nth-child(3),
  .main .technology_wrap .main_con.technology .main_con_list>li:nth-child(4),
  .main .technology_wrap .main_con.technology .main_con_list>li:nth-child(5) {
    flex: 0 0 auto !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    height: 240px !important;
    margin: 0 !important;
  }

  .main .technology_wrap .main_con.technology .main_con_list>li>a {
    width: 100% !important;
    height: 100% !important;
    padding: 120px 12px 24px !important;
  }
}

/* 260429 말뚝 > 재하시험 > 건전도 시험 모바일 세로 정렬 - 다른 페이지 영향 없음 */
@media (max-width:769px) {
  .business .detail.biz_figma.deck .adv.loadtest_panel .dynamic_test ul>li:nth-child(3) p {
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: 14px !important;
    padding: 28px 24px !important;
    line-height: 1.7 !important;
  }

  .business .detail.biz_figma.deck .adv.loadtest_panel .dynamic_test ul>li:nth-child(3) p span {
    flex: initial !important;
    min-width: 0 !important;
    width: 100% !important;
    margin: 0 !important;
  }
}

/* 260429 GRB > 공법개요 이미지 하단 설명 - 점 제거, 하이픈만 표시 */
.business .detail.grb_figma .grb_sec_overview .nod_overview_main .flow_note.flow_note_dot {
  list-style: none !important;
  margin: 0px 0 0 !important;
  padding: 0px 8px !important;
}

.business .detail.grb_figma .grb_sec_overview .nod_overview_main .flow_note.flow_note_dot li {
  position: relative !important;
  list-style: none !important;
  margin: 6px 0 6px 0 !important;
  padding-left: 18px !important;
  font-size: 18px !important;
  line-height: 1.2 !important;
  color: #333 !important;
}

.business .detail.grb_figma .grb_sec_overview .nod_overview_main .flow_note.flow_note_dot li::marker {
  content: "" !important;
}

.business .detail.grb_figma .grb_sec_overview .nod_overview_main .flow_note.flow_note_dot li::before {
  content: "-" !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  color: #333 !important;
  background: none !important;
  width: auto !important;
  height: auto !important;
  transform: none !important;
}

/* 260429 연구실적 > 주요 연구 보고서 모바일 정리 - 다른 페이지 영향 없음 */
@media (max-width:769px) {
  .sub_container.technology .sub_contents.ip .rnd_report_wrap .rnd_report_list {
    grid-template-columns: 1fr !important;
    row-gap: 18px !important;
    column-gap: 0 !important;
    padding: 0 0px 40px !important;
  }

  .sub_container.technology .sub_contents.ip .rnd_report_wrap .rnd_report_list>li,
  .sub_container.technology .sub_contents.ip .rnd_report_wrap .rnd_report_list>li:nth-child(4) {
    display: grid !important;
    grid-template-columns: 64px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 16px !important;
    padding: 10px 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-top: 0 !important;
    box-shadow: none !important;
    background: none !important;
  }

  .sub_container.technology .sub_contents.ip .rnd_report_wrap .rnd_report_list .thumb_box {
    width: 64px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .sub_container.technology .sub_contents.ip .rnd_report_wrap .rnd_report_list .thumb_box img.thumbnail {
    display: block !important;
    width: 64px !important;
    max-width: 64px !important;
    height: auto !important;
    aspect-ratio: auto !important;
    object-fit: contain !important;
    object-position: center center !important;
    outline: none !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .12) !important;
  }

  .sub_container.technology .sub_contents.ip .rnd_report_wrap .rnd_report_list .desc_tit {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    align-self: center !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
    min-height: 64px !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    background: none !important;
    font-size: clamp(12px, 3.4vw, 15px) !important;
    line-height: 1.2 !important;
    text-align: left !important;
    white-space: nowrap !important;
    word-break: keep-all !important;
    letter-spacing: -0.07em !important;
  }

  .sub_container.technology .sub_contents.ip .rnd_report_wrap .rnd_report_list .desc_tit span,
  .sub_container.technology .sub_contents.ip .rnd_report_wrap .rnd_report_list .desc_tit b {
    display: inline !important;
    white-space: nowrap !important;
  }
}

/* 260429 연구실적 > 주요 연구 보고서 모바일 구분선 제거 - 다른 페이지 영향 없음 */
@media (max-width:769px) {

  .technology .sub_contents.ip .rnd_report_wrap .rnd_report_list>li::before,
  .technology .sub_contents.ip .rnd_report_wrap .rnd_report_list>li:nth-child(3n+1):not(:first-child)::before,
  .technology .sub_contents.ip .rnd_report_wrap .rnd_report_list>li:nth-child(2n+1):not(:first-child)::before,
  .technology .sub_contents.ip .rnd_report_wrap .rnd_report_list>li:not(:first-child)::before {
    content: none !important;
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    background: none !important;
    border: 0 !important;
  }

  .technology .sub_contents.ip .rnd_report_wrap .rnd_report_list>li {
    border: 0 !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
  }

  .technology .sub_contents.ip .rnd_report_wrap .rnd_report_list {
    border: 0 !important;
  }
}

/* 260429 NOD > 공법개요 타이틀/첫번째 대표이미지 안쪽 중복 패딩만 제거 - 모바일 전용 */
@media (max-width:769px) {
  .business .detail.biz_figma .nod_sec_overview.pt-0>.w1440>.can_sec_overview>.w1440 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

/* 260429 GRB > 구조해석 이미지 PC 1장 / 모바일 2장 분리 표시 - 다른 페이지 영향 없음 */
.business .detail.grb_figma .grb_structure_visual .grb_structure_mobile {
  display: none;
}

.business .detail.grb_figma .grb_structure_visual .grb_structure_pc {
  display: block;
  width: 100%;
  height: auto;
}

@media (max-width:769px) {
  .business .detail.grb_figma .grb_structure_visual .grb_structure_pc {
    display: none !important;
  }

  .business .detail.grb_figma .grb_structure_visual .grb_structure_mobile {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
    width: 100% !important;
  }

  .business .detail.grb_figma .grb_structure_visual .grb_structure_mobile img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
    object-position: center center !important;
  }
}

/* 260429 GRB > 경제성 그래프 모바일 1열 정렬 - 다른 페이지 영향 없음 */
@media (max-width:769px) {
  .business .detail.grb_figma .grb_sec_test .grb_chart_grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .business .detail.grb_figma .grb_sec_test .grb_chart_grid>li {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  .business .detail.grb_figma .grb_sec_test .grb_chart_grid .grb_media {
    width: 100% !important;
  }

  .business .detail.grb_figma .grb_sec_test .grb_chart_grid .grb_media img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    aspect-ratio: auto !important;
    object-fit: contain !important;
    object-position: center center !important;
  }
}

/* 260429 발표논문 > HCP논문 모바일 hover 하단 흰 여백만 파란색 채우기 */
@media (max-width:769px) {

  .technology.paper_page .ip[data-subtab-panel="design"]>ul>li:hover,
  .technology.paper_page .ip[data-subtab-panel="design"]>ul>li:hover>a {
    background: #fff !important;
  }

  .technology.paper_page .ip[data-subtab-panel="design"]>ul>li:hover>a>.desc_tit {
    position: relative !important;
    z-index: 2 !important;
    background: var(--color-primary) !important;
    color: #fff !important;
    box-shadow: 0 22px 0 0 var(--color-primary) !important;
  }
}

/* 260429 제품소개 전체 > 모바일 제품 카드 좌우 16px 여백 복구 - PC/다른 페이지 영향 없음 */
@media (max-width:769px) {
  .business .sub_contents.all.detail>.w1440.list.deck {
    width: calc(100% - 32px) !important;
    max-width: calc(100% - 32px) !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }

  .business .sub_contents.all.detail>.w1440.list.deck>ul {
    width: 100% !important;
  }

  .business .sub_contents.all.detail>.w1440.list.deck>ul>li {
    width: 100% !important;
  }

  .business .sub_contents.all.detail>.w1440.list.deck>ul>li>img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
  }
}

/* 260429 말뚝 > 장말뚝시공 모바일 공법 이미지 1열 복구 - 다른 페이지/PC 영향 없음 */
@media (max-width:769px) {
  .business .detail.biz_figma.deck .construction_panel[data-subtab-panel="construction"] .construction_flow .flow_grid.cols3 {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 16px !important;
    width: 100% !important;
  }

  .business .detail.biz_figma.deck .construction_panel[data-subtab-panel="construction"] .construction_flow .flow_grid.cols3>.flow_item {
    width: 100% !important;
    max-width: 100% !important;
  }

  .business .detail.biz_figma.deck .construction_panel[data-subtab-panel="construction"] .construction_flow .flow_img img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
  }

  .business .detail.biz_figma.deck .construction_panel[data-subtab-panel="construction"] .construction_flow.improve_flow .flow_turn_arrow {
    display: none !important;
  }
}

/* 260429 SEG > 공법비교 모바일에서 Sheet Pile span2 해제 - PC/다른 표 영향 없음 */
@media (max-width:769px) {

  .business .detail.seg_figma .seg_method_compare .can_method_head.fourcol,
  .business .detail.seg_figma .seg_method_compare .can_method_row.fourcol {
    display: grid !important;
    grid-template-columns: 70px minmax(0, 1fr) minmax(0, 1fr) !important;
    width: 100% !important;
  }

  .business .detail.seg_figma .seg_method_compare .can_method_head .cell.span2,
  .business .detail.seg_figma .seg_method_compare .can_method_row .cell.span2 {
    grid-column: auto !important;
  }

  .business .detail.seg_figma .seg_method_compare .can_method_head .cell:first-child,
  .business .detail.seg_figma .seg_method_compare .can_method_row .label {
    display: flex !important;
  }

  .business .detail.seg_figma .seg_method_compare .can_method_head .cell,
  .business .detail.seg_figma .seg_method_compare .can_method_row .label,
  .business .detail.seg_figma .seg_method_compare .can_method_row .cell {
    min-width: 0 !important;
    width: auto !important;
    max-width: none !important;
    box-sizing: border-box !important;
  }

  .business .detail.seg_figma .seg_method_compare .can_method_head .cell {
    font-size: 14px !important;
    line-height: 1.25 !important;
    padding: 10px 4px !important;
    text-align: center !important;
    word-break: keep-all !important;
    white-space: normal !important;
  }

  .business .detail.seg_figma .seg_method_compare .can_method_row .label {
    font-size: 14px !important;
    line-height: 1.3 !important;
    padding: 10px 4px !important;
    text-align: center !important;
    word-break: keep-all !important;
  }

  .business .detail.seg_figma .seg_method_compare .can_method_row .cell.text {
    font-size: 13px !important;
    line-height: 1.55 !important;
    padding: 12px 8px !important;
    text-align: left !important;
    word-break: keep-all !important;
    white-space: normal !important;
  }
}

/* 260429 SEG > 시공성 개선 모바일 - 자강판 span2 해제 */
@media (max-width:769px) {

  .business .detail.seg_figma .can_sec_process+.can_sec_compare .can_method_head.fourcol,
  .business .detail.seg_figma .can_sec_process+.can_sec_compare .can_method_row.fourcol {
    grid-template-columns: 70px minmax(0, 1fr) minmax(0, 1fr) !important;
  }

  .business .detail.seg_figma .can_sec_process+.can_sec_compare .can_method_head .cell.span2,
  .business .detail.seg_figma .can_sec_process+.can_sec_compare .can_method_row .cell.span2 {
    grid-column: auto !important;
  }

  .business .detail.seg_figma .can_sec_process+.can_sec_compare .can_method_head .cell:nth-child(3) {
    margin-top: 0 !important;
  }
}

/* 260429 SEG > 공법비교/시공성개선 모바일 비교 컬럼 배경 복구 - PC/다른 페이지 영향 없음 */
@media (max-width:769px) {

  .business .detail.seg_figma .can_sec_compare.seg_method_compare .can_method_head .cell:nth-child(2),
  .business .detail.seg_figma .can_sec_compare.seg_method_compare .can_method_head .cell:nth-child(3),
  .business .detail.seg_figma .can_sec_compare.seg_method_compare .can_method_row .cell:nth-child(2),
  .business .detail.seg_figma .can_sec_compare.seg_method_compare .can_method_row .cell:nth-child(3) {
    background: #fff !important;
  }

  .business .detail.seg_figma .can_sec_compare.seg_method_compare .can_method_head .cell:first-child,
  .business .detail.seg_figma .can_sec_compare.seg_method_compare .can_method_row .label {
    background: #fff !important;
  }

  .business .detail.seg_figma .can_sec_process+.can_sec_compare .can_method_head .cell:nth-child(2),
  .business .detail.seg_figma .can_sec_process+.can_sec_compare .can_method_head .cell:nth-child(3),
  .business .detail.seg_figma .can_sec_process+.can_sec_compare .can_method_row .cell:nth-child(2),
  .business .detail.seg_figma .can_sec_process+.can_sec_compare .can_method_row .cell:nth-child(3) {
    background: #fff !important;
  }

  .business .detail.seg_figma .can_sec_process+.can_sec_compare .can_method_head .cell:first-child,
  .business .detail.seg_figma .can_sec_process+.can_sec_compare .can_method_row .label {
    background: #fff !important;
  }
}

/* 260429 SEG > 모바일 오른쪽 비교 셀만 배경 적용 - PC/다른 페이지 영향 없음 */
@media (max-width:769px) {

  .business .detail.seg_figma .can_sec_compare.seg_method_compare .can_method_head .cell:nth-child(2),
  .business .detail.seg_figma .can_sec_compare.seg_method_compare .can_method_row .cell:nth-child(2) {
    background: #fff !important;
  }

  .business .detail.seg_figma .can_sec_compare.seg_method_compare .can_method_head .cell:nth-child(3),
  .business .detail.seg_figma .can_sec_compare.seg_method_compare .can_method_row .cell:nth-child(3) {
    background: #fff !important;
  }

  .business .detail.seg_figma .can_sec_process+.can_sec_compare .can_method_head .cell:nth-child(2),
  .business .detail.seg_figma .can_sec_process+.can_sec_compare .can_method_row .cell:nth-child(2) {
    background: #fff !important;
  }

  .business .detail.seg_figma .can_sec_process+.can_sec_compare .can_method_head .cell:nth-child(3),
  .business .detail.seg_figma .can_sec_process+.can_sec_compare .can_method_row .cell:nth-child(3) {
    background: #fff !important;
  }
}

/* 260429 연구자료 date 페이지 h4 모바일 폰트 크기 조정 - PC/다른 페이지 영향 없음 */
@media (max-width:769px) {
  .technology.date_page .business .detail.biz_figma.deck .ip>h4.grb_section_tit.biz_section_tit {
    font-size: 28px !important;
    line-height: 1.25 !important;
  }
}

/* 260429 연구자료 date 페이지 h4 모바일 상단 여백 조정 - PC/다른 페이지 영향 없음 */
@media (max-width:769px) {
  .technology.date_page .business .detail.biz_figma .ip>h4.grb_section_tit.biz_section_tit {
    margin-top: 12px !important;
    margin-bottom: 12px !important;
  }
}

/* 260429 연구자료 date 페이지 관련자료 모바일 카드 높이 조정 - PC/다른 페이지 영향 없음 */
@media (max-width:769px) {
  .technology.date_page .paper_hover_wrap {
    --paper-card-height: 80px !important;
  }
}

/* 260429 CAN > 경간장별 형고 타이틀 모바일 폰트 축소 - PC/다른 페이지 영향 없음 */
@media (max-width:769px) {
  .business .detail.can_figma .can_sec_span .can_span_title {
    font-size: 18px !important;
    line-height: 1.25 !important;
    height: auto !important;
    min-height: 44px !important;
    padding: 8px 10px !important;
    text-align: center !important;
    box-sizing: border-box !important;
  }
}

/* 260429 연구자료 > 관련자료 새창 아이콘 모션만 수정 - 기술자료/다른 페이지 영향 없음 */
.technology.date_page .ip[data-subtab-panel="design"] .related_paper_wrap .paper_hover_list.hover_box3>li::before {
  top: 14px !important;
  left: calc(100% - 52px) !important;
  right: auto !important;
  margin-left: 0 !important;
  margin-top: 0 !important;
}

.technology.date_page .ip[data-subtab-panel="design"] .related_paper_wrap .paper_hover_list.hover_box3>li:hover::before {
  left: calc(100% - 52px) !important;
  right: auto !important;
  margin-left: 6px !important;
  margin-top: -8px !important;
  opacity: 1 !important;
  transition: .2s !important;
}

/* 260429 CAN/SEG > 공법비교 표 오른쪽 비교 컬럼 강조 라인 */
@media (min-width:770px) {

  .business .detail.can_figma:not(.seg_figma) .can_sec_compare .can_method_block,
  .business .detail.seg_figma .can_sec_compare.seg_method_compare .can_method_block {
    overflow: visible !important;
  }

  .business .detail.can_figma:not(.seg_figma) .can_sec_compare .can_method_head .cell:nth-child(3),
  .business .detail.can_figma:not(.seg_figma) .can_sec_compare .can_method_row .cell:nth-child(3),
  .business .detail.can_figma:not(.seg_figma) .can_sec_compare .can_method_row .cell:nth-child(4),
  .business .detail.seg_figma .can_sec_compare.seg_method_compare .can_method_head .cell:nth-child(3),
  .business .detail.seg_figma .can_sec_compare.seg_method_compare .can_method_row .cell:nth-child(3),
  .business .detail.seg_figma .can_sec_compare.seg_method_compare .can_method_row .cell:nth-child(4) {
    position: relative !important;
    z-index: 2 !important;
  }

  .business .detail.can_figma:not(.seg_figma) .can_sec_compare .can_method_head .cell:nth-child(3),
  .business .detail.seg_figma .can_sec_compare.seg_method_compare .can_method_head .cell:nth-child(3) {
    box-shadow: inset 2px 0 0 #f4d7d7, inset -2px 0 0 #f4d7d7, inset 0 2px 0 #f4d7d7 !important;
  }

  .business .detail.can_figma:not(.seg_figma) .can_sec_compare .can_method_row .cell:nth-child(3),
  .business .detail.seg_figma .can_sec_compare.seg_method_compare .can_method_row .cell:nth-child(3) {
    box-shadow: inset 2px 0 0 #f4d7d7 !important;
  }

  .business .detail.can_figma:not(.seg_figma) .can_sec_compare .can_method_row .cell:nth-child(3).span2,
  .business .detail.seg_figma .can_sec_compare.seg_method_compare .can_method_row .cell:nth-child(3).span2 {
    box-shadow: inset 2px 0 0 #f4d7d7, inset -2px 0 0 #f4d7d7 !important;
  }

  .business .detail.can_figma:not(.seg_figma) .can_sec_compare .can_method_row .cell:nth-child(4),
  .business .detail.seg_figma .can_sec_compare.seg_method_compare .can_method_row .cell:nth-child(4) {
    box-shadow: inset -2px 0 0 #f4d7d7 !important;
  }

  .business .detail.can_figma:not(.seg_figma) .can_sec_compare .can_method_block>.can_method_row:last-child .cell:nth-child(3),
  .business .detail.seg_figma .can_sec_compare.seg_method_compare .can_method_block>.can_method_row:last-child .cell:nth-child(3) {
    box-shadow: inset 2px 0 0 #f4d7d7, inset 0 -2px 0 #f4d7d7 !important;
  }

  .business .detail.can_figma:not(.seg_figma) .can_sec_compare .can_method_block>.can_method_row:last-child .cell:nth-child(3).span2,
  .business .detail.seg_figma .can_sec_compare.seg_method_compare .can_method_block>.can_method_row:last-child .cell:nth-child(3).span2 {
    box-shadow: inset 2px 0 0 #f4d7d7, inset -2px 0 0 #f4d7d7, inset 0 -2px 0 #f4d7d7 !important;
  }

  .business .detail.can_figma:not(.seg_figma) .can_sec_compare .can_method_block>.can_method_row:last-child .cell:nth-child(4),
  .business .detail.seg_figma .can_sec_compare.seg_method_compare .can_method_block>.can_method_row:last-child .cell:nth-child(4) {
    box-shadow: inset -2px 0 0 #f4d7d7, inset 0 -2px 0 #f4d7d7 !important;
  }
}

/* 260429 CAN/SEG > 공법비교 표 오른쪽 비교 컬럼 강조 라인 - 모바일 전용 */
@media (max-width:769px) {

  .business .detail.can_figma:not(.seg_figma) .can_sec_compare .can_method_head .cell:nth-child(3),
  .business .detail.can_figma:not(.seg_figma) .can_sec_compare .can_method_row .cell:nth-child(3),
  .business .detail.can_figma:not(.seg_figma) .can_sec_compare .can_method_row .cell:nth-child(4) {
    position: relative !important;
    z-index: 2 !important;
    box-sizing: border-box !important;
  }

  .business .detail.can_figma:not(.seg_figma) .can_sec_compare .can_method_head .cell:nth-child(3) {
    box-shadow: inset 2px 0 0 #f4d7d7, inset -2px 0 0 #f4d7d7, inset 0 2px 0 #f4d7d7 !important;
  }

  .business .detail.can_figma:not(.seg_figma) .can_sec_compare .can_method_row .cell:nth-child(3) {
    box-shadow: inset 2px 0 0 #f4d7d7 !important;
  }

  .business .detail.can_figma:not(.seg_figma) .can_sec_compare .can_method_row .cell:nth-child(3).span2 {
    box-shadow: inset 2px 0 0 #f4d7d7, inset -2px 0 0 #f4d7d7 !important;
  }

  .business .detail.can_figma:not(.seg_figma) .can_sec_compare .can_method_row .cell:nth-child(4) {
    box-shadow: inset -2px 0 0 #f4d7d7 !important;
  }

  .business .detail.can_figma:not(.seg_figma) .can_sec_compare .can_method_block>.can_method_row:last-child .cell:nth-child(3) {
    box-shadow: inset 2px 0 0 #f4d7d7, inset 0 -2px 0 #f4d7d7 !important;
  }

  .business .detail.can_figma:not(.seg_figma) .can_sec_compare .can_method_block>.can_method_row:last-child .cell:nth-child(3).span2 {
    box-shadow: inset 2px 0 0 #f4d7d7, inset -2px 0 0 #f4d7d7, inset 0 -2px 0 #f4d7d7 !important;
  }

  .business .detail.can_figma:not(.seg_figma) .can_sec_compare .can_method_block>.can_method_row:last-child .cell:nth-child(4) {
    box-shadow: inset -2px 0 0 #f4d7d7, inset 0 -2px 0 #f4d7d7 !important;
  }

  .business .detail.seg_figma .can_sec_compare.seg_method_compare .can_method_head .cell:nth-child(3),
  .business .detail.seg_figma .can_sec_compare.seg_method_compare .can_method_row .cell:nth-child(3) {
    position: relative !important;
    z-index: 2 !important;
    box-sizing: border-box !important;
  }

  .business .detail.seg_figma .can_sec_compare.seg_method_compare .can_method_head .cell:nth-child(3) {
    box-shadow: inset 2px 0 0 #f4d7d7, inset -2px 0 0 #f4d7d7, inset 0 2px 0 #f4d7d7 !important;
  }

  .business .detail.seg_figma .can_sec_compare.seg_method_compare .can_method_row .cell:nth-child(3) {
    box-shadow: inset 2px 0 0 #f4d7d7, inset -2px 0 0 #f4d7d7 !important;
  }

  .business .detail.seg_figma .can_sec_compare.seg_method_compare .can_method_block>.can_method_row:last-child .cell:nth-child(3) {
    box-shadow: inset 2px 0 0 #f4d7d7, inset -2px 0 0 #f4d7d7, inset 0 -2px 0 #f4d7d7 !important;
  }
}

/* 260429 CAN.php > 공법비교 표 전용 수정 - SEG 영향 없음 */
.business .detail.can.can_figma:not(.seg_figma) .can_sec_compare.can_gc_method_compare .can_method_block {
  width: 100% !important;
  max-width: 100% !important;
  overflow: hidden !important;
}

.business .detail.can.can_figma:not(.seg_figma) .can_sec_compare.can_gc_method_compare .can_method_head.fourcol,
.business .detail.can.can_figma:not(.seg_figma) .can_sec_compare.can_gc_method_compare .can_method_row.fourcol {
  display: grid !important;
  grid-template-columns: 18.05% 38.9% 21.525% 21.525% !important;
}

.business .detail.can.can_figma:not(.seg_figma) .can_sec_compare.can_gc_method_compare .can_method_head .cell:first-child,
.business .detail.can.can_figma:not(.seg_figma) .can_sec_compare.can_gc_method_compare .can_method_row .label {
  display: flex !important;
}

.business .detail.can.can_figma:not(.seg_figma) .can_sec_compare.can_gc_method_compare .can_method_head .cell,
.business .detail.can.can_figma:not(.seg_figma) .can_sec_compare.can_gc_method_compare .can_method_row .label,
.business .detail.can.can_figma:not(.seg_figma) .can_sec_compare.can_gc_method_compare .can_method_row .cell {
  min-width: 0 !important;
  box-sizing: border-box !important;
}

.business .detail.can.can_figma:not(.seg_figma) .can_sec_compare.can_gc_method_compare .can_method_row .cell img {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
}

.business .detail.can.can_figma:not(.seg_figma) .can_sec_compare.can_gc_method_compare .gc_overview .gc_img {
  width: 100% !important;
  padding: 18px 18px 12px !important;
  box-sizing: border-box !important;
}

.business .detail.can.can_figma:not(.seg_figma) .can_sec_compare.can_gc_method_compare .can_method_type_row .label,
.business .detail.can.can_figma:not(.seg_figma) .can_sec_compare.can_gc_method_compare .can_method_type_row .type_blank {
  background: #fff !important;
}

.business .detail.can.can_figma:not(.seg_figma) .can_sec_compare.can_gc_method_compare .can_method_type_row .type_cell {
  min-height: 44px !important;
  font-weight: 700 !important;
  color: #004CBF !important;
  background: #fff !important;
}

/* GC 라멘교 쪽 묶음 라인: 개요 제외, 타입명 행부터 하단 경제성까지 */
.business .detail.can.can_figma:not(.seg_figma) .can_sec_compare.can_gc_method_compare .can_method_type_row .cell:nth-child(3) {
  box-shadow: inset 2px 0 0 #f4d7d7, inset 0 2px 0 #f4d7d7 !important;
}

.business .detail.can.can_figma:not(.seg_figma) .can_sec_compare.can_gc_method_compare .can_method_type_row .cell:nth-child(4) {
  box-shadow: inset -2px 0 0 #f4d7d7, inset 0 2px 0 #f4d7d7 !important;
}

.business .detail.can.can_figma:not(.seg_figma) .can_sec_compare.can_gc_method_compare .can_method_row:not(.overview):not(.can_method_type_row) .cell:nth-child(3) {
  box-shadow: inset 2px 0 0 #f4d7d7 !important;
}

.business .detail.can.can_figma:not(.seg_figma) .can_sec_compare.can_gc_method_compare .can_method_row:not(.overview):not(.can_method_type_row) .cell:nth-child(3).span2 {
  box-shadow: inset 2px 0 0 #f4d7d7, inset -2px 0 0 #f4d7d7 !important;
}

.business .detail.can.can_figma:not(.seg_figma) .can_sec_compare.can_gc_method_compare .can_method_row:not(.overview):not(.can_method_type_row) .cell:nth-child(4) {
  box-shadow: inset -2px 0 0 #f4d7d7 !important;
}

.business .detail.can.can_figma:not(.seg_figma) .can_sec_compare.can_gc_method_compare .can_method_block>.can_method_row:last-child .cell:nth-child(3) {
  box-shadow: inset 2px 0 0 #f4d7d7, inset 0 -2px 0 #f4d7d7 !important;
}

.business .detail.can.can_figma:not(.seg_figma) .can_sec_compare.can_gc_method_compare .can_method_block>.can_method_row:last-child .cell:nth-child(4) {
  box-shadow: inset -2px 0 0 #f4d7d7, inset 0 -2px 0 #f4d7d7 !important;
}

/* 모바일 포함: 표 비율 유지하면서 글자/패딩만 축소 */
@media (max-width:769px) {

  .business .detail.can.can_figma:not(.seg_figma) .can_sec_compare.can_gc_method_compare .can_method_head.fourcol,
  .business .detail.can.can_figma:not(.seg_figma) .can_sec_compare.can_gc_method_compare .can_method_row.fourcol {
    grid-template-columns: 18.05% 38.9% 21.525% 21.525% !important;
  }

  .business .detail.can.can_figma:not(.seg_figma) .can_sec_compare.can_gc_method_compare .can_method_head .cell {
    font-size: clamp(10px, 2.4vw, 13px) !important;
    padding: 6px 4px !important;
  }

  .business .detail.can.can_figma:not(.seg_figma) .can_sec_compare.can_gc_method_compare .can_method_row .label,
  .business .detail.can.can_figma:not(.seg_figma) .can_sec_compare.can_gc_method_compare .can_method_row .cell {
    font-size: clamp(9px, 2.3vw, 12px) !important;
    padding: 6px 4px !important;
    line-height: 1.35 !important;
  }

  .business .detail.can.can_figma:not(.seg_figma) .can_sec_compare.can_gc_method_compare .gc_overview .gc_img {
    padding: 8px 6px !important;
  }

  .business .detail.can.can_figma:not(.seg_figma) .can_sec_compare.can_gc_method_compare .can_method_type_row .type_cell {
    min-height: 32px !important;
    font-size: clamp(10px, 2.5vw, 12px) !important;
  }
}

/* 260429 CAN.php > 공법비교 GC 라멘교 강조 라인 하나로 연결 */
.business .detail.can.can_figma:not(.seg_figma) .can_sec_compare.can_gc_method_compare .can_method_head .cell:nth-child(3) {
  box-shadow: inset 2px 0 0 #f4d7d7, inset -2px 0 0 #f4d7d7, inset 0 2px 0 #f4d7d7 !important;
}

/* 개요 이미지 영역은 좌우 라인만 유지 - 아래쪽 파란 구분선 없음 */
.business .detail.can.can_figma:not(.seg_figma) .can_sec_compare.can_gc_method_compare .can_method_row.overview .cell:nth-child(3).span2 {
  box-shadow: inset 2px 0 0 #f4d7d7, inset -2px 0 0 #f4d7d7 !important;
}

/* Pre-Beam / Inverted-T 행: 기존 위쪽 파란 라인 제거 */
.business .detail.can.can_figma:not(.seg_figma) .can_sec_compare.can_gc_method_compare .can_method_type_row .cell:nth-child(3) {
  box-shadow: inset 2px 0 0 #f4d7d7 !important;
}

.business .detail.can.can_figma:not(.seg_figma) .can_sec_compare.can_gc_method_compare .can_method_type_row .cell:nth-child(4) {
  box-shadow: inset -2px 0 0 #f4d7d7 !important;
}

/* 260429 CAN.php > 공법비교 GC 이미지/타입명 사이 상단 경계선 제거 */
.business .detail.can.can_figma:not(.seg_figma) .can_sec_compare.can_gc_method_compare .can_method_row.overview .cell:nth-child(3).span2,
.business .detail.can.can_figma:not(.seg_figma) .can_sec_compare.can_gc_method_compare .can_method_row.overview .gc_overview {
  border-bottom: 0 !important;
}

/* 260429 CAN.php > 공법비교 RC 이미지/빈 타입칸 사이 상단 경계선 제거 */
.business .detail.can.can_figma:not(.seg_figma) .can_sec_compare.can_gc_method_compare .can_method_row.overview .cell:nth-child(2) {
  border-bottom: 0 !important;
}

.business .detail.can.can_figma:not(.seg_figma) .can_sec_compare.can_gc_method_compare .can_method_type_row .type_blank {
  border-top: 0 !important;
}

/* 260429 CAN.php > 공법비교 개요 라벨/빈칸 사이 상단 경계선 제거 */
.business .detail.can.can_figma:not(.seg_figma) .can_sec_compare.can_gc_method_compare .can_method_row.overview .label {
  border-bottom: 0 !important;
}

.business .detail.can.can_figma:not(.seg_figma) .can_sec_compare.can_gc_method_compare .can_method_type_row .label {
  border-top: 0 !important;
}

/* 260430 메인 > 기술개발 5개 카드 복구 + 리듬 배치 */
.main .technology .main_con_list {
  width: calc(100% - 160px) !important;
  margin-left: 160px !important;
  margin-top: -40px !important;
  display: flex !important;
  flex-direction: row !important;
  justify-content: flex-end !important;
  align-items: flex-start !important;
  gap: 14px !important;
  overflow: visible !important;
}

.main .technology .main_con_list>li {
  display: block !important;
  flex: 1 1 0 !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  height: 300px !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-bottom: 0 !important;
  position: relative !important;
  box-sizing: border-box !important;
  color: #fff !important;
  overflow: hidden !important;
}

.main .technology .main_con_list>li:nth-child(n+4) {
  display: block !important;
}

.main .technology .main_con_list>li>a {
  display: flex !important;
  flex-wrap: wrap !important;
  align-content: flex-end !important;
  width: 100% !important;
  height: 100% !important;
  padding: 210px 22px 26px !important;
  box-sizing: border-box !important;
}

.main .technology .main_con_list>li:nth-child(1) {
  margin-top: 150px !important;
  background: url(../images/main_technology_bn01.png) center no-repeat !important;
  background-size: cover !important;
}

.main .technology .main_con_list>li:nth-child(2) {
  margin-top: 75px !important;
  background: url(../images/main_technology_bn02.png) center no-repeat !important;
  background-size: cover !important;
}

.main .technology .main_con_list>li:nth-child(3) {
  margin-top: 120px !important;
  background: url(../images/main_technology_bn03.png) center no-repeat !important;
  background-size: cover !important;
}

.main .technology .main_con_list>li:nth-child(4) {
  margin-top: 45px !important;
  background: url(../images/main_technology_bn04.png) center no-repeat !important;
  background-size: cover !important;
}

.main .technology .main_con_list>li:nth-child(5) {
  margin-top: 110px !important;
  background: url(../images/main_technology_bn05.png) center no-repeat !important;
  background-size: cover !important;
}

.main .technology .main_con_list>li:hover {
  margin-bottom: 0 !important;
  transform: translateY(-6px) !important;
  box-shadow: 0 0 10px rgba(0, 0, 0, .4) !important;
  transition: .4s !important;
}

.main .technology .main_con_list>li::before {
  top: 6px !important;
  left: calc(100% - 58px) !important;
  width: 42px !important;
  height: 42px !important;
  background: #fff url(../images/ico_arr.svg) center no-repeat !important;
  background-size: 22px auto !important;
}

.main .technology .main_con_list>li:hover::before {
  margin-left: 8px !important;
  opacity: 1 !important;
  transition: .2s !important;
}

.main .technology .main_con_list>li>a h4 {
  width: 100% !important;
  font-size: 20px !important;
  line-height: 1.2 !important;
  color: #fff !important;
  z-index: 10 !important;
}

.main .technology .main_con_list>li>a h4 p {
  display: block !important;
  margin-bottom: 4px !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
  color: var(--color-secondary) !important;
  font-weight: 700 !important;
}

.main .technology .main_con_list .technology_txt {
  width: 100% !important;
  margin-top: 10px !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
  color: #fff !important;
  z-index: 10 !important;
}

.main .technology .main_con_list .technology_txt>li {
  word-break: keep-all !important;
}

.main .technology .main_con_list .technology_txt>li::before {
  content: '-' !important;
  display: inline-block !important;
  margin-right: 5px !important;
}

@media (max-width:1280px) and (min-width:770px) {
  .main .technology .main_con_list {
    width: 100% !important;
    margin-left: 0 !important;
    margin-top: 40px !important;
    gap: 10px !important;
  }

  .main .technology .main_con_list>li {
    height: 270px !important;
  }

  .main .technology .main_con_list>li>a {
    padding: 180px 16px 22px !important;
  }

  .main .technology .main_con_list>li>a h4 {
    font-size: 18px !important;
  }
}

@media (max-width:769px) {
  .main .technology .main_con_list {
    width: 100% !important;
    margin-left: 0 !important;
    margin-top: 40px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
  }

  .main .technology .main_con_list>li,
  .main .technology .main_con_list>li:nth-child(1),
  .main .technology .main_con_list>li:nth-child(2),
  .main .technology .main_con_list>li:nth-child(3),
  .main .technology .main_con_list>li:nth-child(4),
  .main .technology .main_con_list>li:nth-child(5) {
    display: block !important;
    width: 100% !important;
    height: 220px !important;
    margin: 0 !important;
  }

  .main .technology .main_con_list>li>a {
    padding: 120px 18px 22px !important;
  }

  .main .technology .main_con_list>li>a h4 {
    font-size: 20px !important;
  }

  .main .technology .main_con_list .technology_txt {
    font-size: 13px !important;
  }
}

/* 260430 GRB > 공법개요 설명 한글자 줄바꿈 방지 - GRB 페이지만 */
.business .detail.grb_figma .grb_sec_overview .overview_common>.gra>li {
  word-break: keep-all !important;
  overflow-wrap: normal !important;
}

/* 260430 GRB > 공법개요 설명 PC 한 줄 고정 - GRB 페이지만 */
@media (min-width:770px) {
  .business .detail.grb_figma .grb_sec_overview .overview_common>.gra>li {
    white-space: nowrap !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
  }
}

/* 260430 SEG > 구조거동 표 오른쪽 절곡강판 컬럼 강조 보더 - PC/모바일 동일 */
.business .detail.seg_figma .seg_structure_behavior .biz_metric_table {
  overflow: visible !important;
}

.business .detail.seg_figma .seg_structure_behavior .biz_metric_row .biz_metric_cell:nth-child(3) {
  position: relative !important;
  z-index: 2 !important;
  box-shadow: inset 2px 0 0 #F4D7D7, inset -2px 0 0 #F4D7D7 !important;
}

.business .detail.seg_figma .seg_structure_behavior .biz_metric_head .biz_metric_cell:nth-child(3) {
  box-shadow: inset 2px 0 0 #F4D7D7, inset -2px 0 0 #F4D7D7, inset 0 2px 0 #F4D7D7 !important;
}

.business .detail.seg_figma .seg_structure_behavior .biz_metric_row:last-child .biz_metric_cell:nth-child(3) {
  box-shadow: inset 2px 0 0 #F4D7D7, inset -2px 0 0 #F4D7D7, inset 0 -2px 0 #F4D7D7 !important;
}

/* 260430 SEG > 시공성 개선 오른쪽 절곡강판 컬럼 강조 보더 - PC/모바일 동일 */
.business .detail.seg_figma .can_sec_process+.can_sec_compare .can_method_head .cell:nth-child(3) {
  box-shadow: inset 2px 0 0 #F4D7D7, inset -2px 0 0 #F4D7D7, inset 0 2px 0 #F4D7D7 !important;
}

.business .detail.seg_figma .can_sec_process+.can_sec_compare .can_method_row .cell:nth-child(3) {
  box-shadow: inset 2px 0 0 #F4D7D7, inset -2px 0 0 #F4D7D7 !important;
}

.business .detail.seg_figma .can_sec_process+.can_sec_compare .can_method_block>.can_method_row:last-child .cell:nth-child(3) {
  box-shadow: inset 2px 0 0 #F4D7D7, inset -2px 0 0 #F4D7D7, inset 0 -2px 0 #F4D7D7 !important;
}

/* 260430 CAN > 시공순서 모바일 화살표 숨김 복구 - PC/다른 페이지 영향 없음 */
@media (max-width:769px) {
  .business .detail.can_figma .can_sec_process .grb_process.make_process>.flow_turn_arrow {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }
}

@media (max-width:769px) {

  .business .detail.can_figma .can_sec_process .grb_process.make_process>.flow_turn_arrow::before,
  .business .detail.can_figma .can_sec_process .grb_process.make_process>.flow_turn_arrow::after,
  .business .detail.can_figma .can_sec_process .grb_process.make_process>.flow_turn_arrow .arrow_head,
  .business .detail.can_figma .can_sec_process .grb_process.make_process>.flow_turn_arrow .arrow_head::before,
  .business .detail.can_figma .can_sec_process .grb_process.make_process>.flow_turn_arrow .arrow_head::after {
    display: none !important;
    content: none !important;
    border: 0 !important;
    background: none !important;
    box-shadow: none !important;
  }
}

@media (max-width:769px) {
  .business .detail.can_figma .can_sec_process .grb_process.make_process .grb_process_row.row_bottom {
    margin-top: 16px !important;
  }
}

/* 260430 CAN > 공법비교 GC 타입명 박스 피그마형 라운드 */
.business .detail.can.can_figma:not(.seg_figma) .can_sec_compare.can_gc_method_compare .can_method_type_row {
  position: relative !important;
  overflow: visible !important;
}

.business .detail.can.can_figma:not(.seg_figma) .can_sec_compare.can_gc_method_compare .can_method_type_row::before {
  content: "" !important;
  position: absolute !important;
  left: 56.95% !important;
  top: 0 !important;
  width: 43.05% !important;
  height: 100% !important;
  background: #E4F7FF !important;
  border-radius: 22px 22px 0 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
}

.business .detail.can.can_figma:not(.seg_figma) .can_sec_compare.can_gc_method_compare .can_method_type_row .label,
.business .detail.can.can_figma:not(.seg_figma) .can_sec_compare.can_gc_method_compare .can_method_type_row .cell {
  position: relative !important;
  z-index: 1 !important;
  background: transparent !important;
}

.business .detail.can.can_figma:not(.seg_figma) .can_sec_compare.can_gc_method_compare .can_method_type_row .type_cell {
  color: #0066B5 !important;
  font-weight: 700 !important;
  background: transparent !important;
  border-radius: 0 !important;
}

.business .detail.can.can_figma:not(.seg_figma) .can_sec_compare.can_gc_method_compare .can_method_type_row .type_cell:nth-child(4) {
  border-left: 1px solid #d9d9d9 !important;
}

.business .detail.can.can_figma:not(.seg_figma) .can_sec_compare.can_gc_method_compare .can_method_row:not(.overview):not(.can_method_type_row) .cell:nth-child(4) {
  border-left: 1px solid #d9d9d9 !important;
}

/* 260430 SEG > 공법비교 표 상단 보더 추가 - CAN 영향 없음 */
.business .detail.seg_figma .can_sec_compare.seg_method_compare .can_method_block {
  border-top: 2px solid #000 !important;
}

/* 260430 SEG > 시공성 개선 표 상단 보더 추가 - CAN 영향 없음 */
.business .detail.seg_figma .can_sec_process+.can_sec_compare .can_method_block {
  border-top: 2px solid #000 !important;
}

/* 260430 SEG > 구조거동 표 상단 보더 추가 - SEG만 */
.business .detail.seg_figma .seg_structure_behavior .biz_metric_table {
  border-top: 2px solid #000 !important;
}

/* SEG > 구조거동 표 라운드 제거 */
.business .detail.seg_figma .seg_structure_behavior .biz_connect_card {
  border-radius: 0 !important;
}

.business .detail.seg_figma .seg_structure_behavior .biz_metric_table {
  border-radius: 0 !important;
}

/* 260430 SEG > 표 3개 CAN 스타일 통일 - SEG만 */
.business .detail.seg_figma .can_sec_compare.seg_method_compare .can_method_block,
.business .detail.seg_figma .can_sec_process+.can_sec_compare .can_method_block {
  border-top: 2px solid #000 !important;
  border-radius: 0 !important;
  overflow: hidden !important;
  background: #fff !important;
}

.business .detail.seg_figma .can_sec_compare.seg_method_compare .can_method_head .cell,
.business .detail.seg_figma .can_sec_process+.can_sec_compare .can_method_head .cell {
  background: #EEF3F6 !important;
  color: #111 !important;
  font-weight: 500 !important;
  box-shadow: none !important;
  border-top: 0 !important;
}

.business .detail.seg_figma .can_sec_compare.seg_method_compare .can_method_row .cell,
.business .detail.seg_figma .can_sec_compare.seg_method_compare .can_method_row .label,
.business .detail.seg_figma .can_sec_process+.can_sec_compare .can_method_row .cell,
.business .detail.seg_figma .can_sec_process+.can_sec_compare .can_method_row .label {
  box-shadow: none !important;
}

.business .detail.seg_figma .can_sec_compare.seg_method_compare .can_method_head .cell:nth-child(3),
.business .detail.seg_figma .can_sec_compare.seg_method_compare .can_method_row .cell:nth-child(3),
.business .detail.seg_figma .can_sec_process+.can_sec_compare .can_method_head .cell:nth-child(3),
.business .detail.seg_figma .can_sec_process+.can_sec_compare .can_method_row .cell:nth-child(3) {
  box-shadow: none !important;
}

.business .detail.seg_figma .seg_structure_behavior .biz_connect_card,
.business .detail.seg_figma .seg_structure_behavior .biz_metric_table {
  border-radius: 0 !important;
  overflow: hidden !important;
}

.business .detail.seg_figma .seg_structure_behavior .biz_metric_table {
  border-top: 2px solid #000 !important;
  background: #fff !important;
  box-shadow: none !important;
}

.business .detail.seg_figma .seg_structure_behavior .biz_metric_head .biz_metric_cell {
  background: #EEF3F6 !important;
  color: #111 !important;
  font-weight: 700 !important;
  box-shadow: none !important;
  border-top: 0 !important;
}

.business .detail.seg_figma .seg_structure_behavior .biz_metric_row .biz_metric_cell {
  box-shadow: none !important;
}

/* 260430 SEG > 시공성 개선 절곡강판 컬럼 전체 강조 보더 복구 - SEG만 */
.business .detail.seg_figma .can_sec_process+.can_sec_compare .can_method_block {
  overflow: hidden !important;
}

/* 260430 SEG > 구조거동 표 (48%)(38%)만 볼드 */
.business .detail.seg_figma .seg_structure_behavior .biz_metric_cell span.metric_bold {
  font-weight: 700 !important;
}

/* 260430 CAN > 개요도 및 경간장별 형고 타이틀 h5 스타일 변경 - CAN 해당 섹션만 */
.business .detail.can_figma .can_sec_span .can_span_title {
  height: auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  margin: 0 0 20px !important;
  padding: 0 !important;
  background: transparent !important;
  border-top: 0 !important;
  color: #111 !important;
  font-size: 24px !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;
  letter-spacing: -0.05em !important;
  text-align: left !important;
}

.business .detail.can_figma .can_sec_span .can_span_title::before {
  content: "" !important;
  display: inline-block !important;
  width: 4px !important;
  height: 18px !important;
  margin-right: 10px !important;
  background: #111 !important;
  flex: 0 0 auto !important;
}

.business .detail.can_figma .can_sec_span .can_span_top {
  border-top: 2px solid #111 !important;
}

/* 260430 CAN > 개요도 및 경간장별 형고 표 마지막 행 바텀 보더 제거 */
.business .detail.can.can_figma:not(.seg_figma) .can_sec_span .can_small_table tbody tr:last-child td {
  border-bottom: 0 !important;
}

/* 260430 GRB > 이미지 상단 타이틀 PC/모바일 통일 */
.business .detail.grb_figma .grb_head_card>strong {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 52px !important;
  padding: 10px 16px !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  text-align: center !important;
  color: #222 !important;
  background-image: linear-gradient(180deg, #FFFFFF 0%, #F7F7F7 100%) !important;
  border-bottom: 1px solid #DCDCDC !important;
  box-sizing: border-box !important;
}

@media (max-width:769px) {
  .business .detail.grb_figma .grb_head_card>strong {
    min-height: 44px !important;
    padding: 8px 12px !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
  }
}

/* 260430 DECK > 기존공법/개선공법 이미지 타이틀 하단 이동 */
.business .detail.deck .construction_flow .flow_item {
  display: flex !important;
  flex-direction: column !important;
}

.business .detail.deck .construction_flow .flow_item .flow_img {
  order: 1 !important;
}

.business .detail.deck .construction_flow .flow_item .flow_head {
  order: 2 !important;
  width: 100% !important;
  box-sizing: border-box !important;
  border-radius: 0 !important;
}

.business .detail.deck .construction_flow .flow_grid.basic .flow_head {
  background: #8b8b8b !important;
}

.business .detail.deck .construction_flow .flow_grid.improve .flow_head {
  background: var(--color-primary) !important;
}

/* 260430 GRB/CAN/SEG > 이미지 상단 타이틀 박스 높이/폰트 통일 - 기존 흰색 스타일 유지 */
.business .detail.grb_figma .grb_sec_capacity .grb_head_card>strong,
.business .detail.grb_figma .grb_sec_hcp_make .grb_head_card>strong,
.business .detail.can.can_figma:not(.seg_figma) .can_sec_subtype .ui_grad_title,
.business .detail.seg_figma .can_sec_record .biz_media_grid .biz_head_card>strong {
  position: static !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
  z-index: auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 52px !important;
  min-height: 52px !important;
  margin: 0 !important;
  padding: 0 18px !important;
  box-sizing: border-box !important;
  background: linear-gradient(180deg, #FFFFFF 0%, #F7F7F7 100%) !important;
  background-image: linear-gradient(180deg, #FFFFFF 0%, #F7F7F7 100%) !important;
  color: #222 !important;
  border: 0 !important;
  border-bottom: 1px solid #DCDCDC !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  line-height: 1.25 !important;
  text-align: center !important;
  letter-spacing: -0.04em !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

/* 260430 모바일 > 이미지 상단 타이틀 박스 높이/폰트 축소 */
@media (max-width:769px) {

  .business .detail.grb_figma .grb_sec_capacity .grb_head_card>strong,
  .business .detail.grb_figma .grb_sec_hcp_make .grb_head_card>strong,
  .business .detail.can.can_figma:not(.seg_figma) .can_sec_subtype .ui_grad_title,
  .business .detail.seg_figma .can_sec_record .biz_media_grid .biz_head_card>strong {
    height: 44px !important;
    min-height: 44px !important;
    padding: 0 12px !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 1.25 !important;
  }
}

/* 260430 CAN > 개요도 및 경간장별 형고 h5 - PC/태블릿 24px 유지, 모바일만 18px */
@media (min-width:578px) {
  .business .detail.can.can_figma:not(.seg_figma) .can_sec_span .can_span_title {
    font-size: 24px !important;
    line-height: 1.35 !important;
  }
}

@media (max-width:577px) {
  .business .detail.can.can_figma:not(.seg_figma) .can_sec_span .can_span_title {
    font-size: 18px !important;
    line-height: 1.35 !important;
    margin-bottom: 16px !important;
  }
}

@media (max-width:577px) {
  .business .detail.can.can_figma:not(.seg_figma) .can_sec_span .can_span_title::before {
    width: 3px !important;
    height: 14px !important;
    margin-right: 8px !important;
  }
}

/* 260430 CAN > GC 라멘교의 개념 표 모바일 세로 분리 */
@media (max-width:769px) {
  .business .detail.can.can_figma:not(.seg_figma) .can_sec_concept .can_compare {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    border-top: 2px solid #111 !important;
    background: #fff !important;
  }

  .business .detail.can.can_figma:not(.seg_figma) .can_sec_concept .can_compare_head,
  .business .detail.can.can_figma:not(.seg_figma) .can_sec_concept .can_compare_row {
    display: contents !important;
  }

  .business .detail.can.can_figma:not(.seg_figma) .can_sec_concept .can_compare_head .can_compare_th:first-child,
  .business .detail.can.can_figma:not(.seg_figma) .can_sec_concept .can_compare_label {
    display: none !important;
  }

  .business .detail.can.can_figma:not(.seg_figma) .can_sec_concept .can_compare_head .can_compare_th {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 44px !important;
    padding: 0 12px !important;
    box-sizing: border-box !important;
    background: #EEF3F6 !important;
    border-bottom: 1px solid #ccc !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    text-align: center !important;
  }

  .business .detail.can.can_figma:not(.seg_figma) .can_sec_concept .can_compare_row>.can_compare_stack,
  .business .detail.can.can_figma:not(.seg_figma) .can_sec_concept .can_compare_row>.can_compare_cell,
  .business .detail.can.can_figma:not(.seg_figma) .can_sec_concept .can_compare_row>.can_compare_textbox {
    display: grid !important;
    grid-template-columns: 86px minmax(0, 1fr) !important;
    align-items: center !important;
    width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    border-bottom: 1px solid #ddd !important;
    background: #fff !important;
  }

  .business .detail.can.can_figma:not(.seg_figma) .can_sec_concept .can_compare_row>.can_compare_stack::before,
  .business .detail.can.can_figma:not(.seg_figma) .can_sec_concept .can_compare_row>.can_compare_cell::before,
  .business .detail.can.can_figma:not(.seg_figma) .can_sec_concept .can_compare_row>.can_compare_textbox::before {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 100% !important;
    min-height: 88px !important;
    padding: 10px 6px !important;
    box-sizing: border-box !important;
    background: #fff !important;
    border-right: 1px solid #e5e5e5 !important;
    color: #111 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1.25 !important;
    text-align: center !important;
    letter-spacing: -0.05em !important;
  }

  .business .detail.can.can_figma:not(.seg_figma) .can_sec_concept .can_compare_row:nth-child(2)>.can_compare_stack::before {
    content: "교대부 시공" !important;
  }

  .business .detail.can.can_figma:not(.seg_figma) .can_sec_concept .can_compare_row:nth-child(3)>.can_compare_stack::before {
    content: "상부 시공" !important;
  }

  .business .detail.can.can_figma:not(.seg_figma) .can_sec_concept .can_compare_row:nth-child(4)>.can_compare_cell::before {
    content: "공용중" !important;
  }

  .business .detail.can.can_figma:not(.seg_figma) .can_sec_concept .can_compare_row:nth-child(5)>.can_compare_textbox::before {
    content: "특징" !important;
  }

  .business .detail.can.can_figma:not(.seg_figma) .can_sec_concept .can_compare_stack .can_compare_cell {
    grid-column: 2 !important;
    width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 12px !important;
    border-bottom: 1px solid #eee !important;
  }

  .business .detail.can.can_figma:not(.seg_figma) .can_sec_concept .can_compare_stack .can_compare_cell:last-child {
    border-bottom: 0 !important;
  }

  .business .detail.can.can_figma:not(.seg_figma) .can_sec_concept .can_compare_cell img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
  }

  .business .detail.can.can_figma:not(.seg_figma) .can_sec_concept .can_compare_textbox {
    padding: 14px 12px !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
    text-align: left !important;
  }

  .business .detail.can.can_figma:not(.seg_figma) .can_sec_concept .can_compare_head .can_compare_th:nth-child(2) {
    order: 10 !important;
  }

  .business .detail.can.can_figma:not(.seg_figma) .can_sec_concept .can_compare_row:nth-child(2)> :nth-child(2) {
    order: 11 !important;
  }

  .business .detail.can.can_figma:not(.seg_figma) .can_sec_concept .can_compare_row:nth-child(3)> :nth-child(2) {
    order: 12 !important;
  }

  .business .detail.can.can_figma:not(.seg_figma) .can_sec_concept .can_compare_row:nth-child(4)> :nth-child(2) {
    order: 13 !important;
  }

  .business .detail.can.can_figma:not(.seg_figma) .can_sec_concept .can_compare_row:nth-child(5)> :nth-child(2) {
    order: 14 !important;
  }

  .business .detail.can.can_figma:not(.seg_figma) .can_sec_concept .can_compare_head .can_compare_th:nth-child(3) {
    order: 20 !important;
    margin-top: 18px !important;
    border-top: 2px solid #111 !important;
  }

  .business .detail.can.can_figma:not(.seg_figma) .can_sec_concept .can_compare_row:nth-child(2)> :nth-child(3) {
    order: 21 !important;
  }

  .business .detail.can.can_figma:not(.seg_figma) .can_sec_concept .can_compare_row:nth-child(3)> :nth-child(3) {
    order: 22 !important;
  }

  .business .detail.can.can_figma:not(.seg_figma) .can_sec_concept .can_compare_row:nth-child(4)> :nth-child(3) {
    order: 23 !important;
  }

  .business .detail.can.can_figma:not(.seg_figma) .can_sec_concept .can_compare_row:nth-child(5)> :nth-child(3) {
    order: 24 !important;
  }
}

/* 260430 CAN > GC 라멘교의 개념 모바일 상부시공 구분선 제거 + 라벨 중앙정렬 */
@media (max-width:769px) {

  /* 상부 시공 행: 라벨이 2개 이미지 전체 높이 기준으로 가운데 오도록 */
  .business .detail.can.can_figma:not(.seg_figma) .can_sec_concept .can_compare_row:nth-child(3)>.can_compare_stack {
    display: grid !important;
    grid-template-columns: 86px minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;
    align-items: stretch !important;
    border-bottom: 1px solid #ddd !important;
  }

  /* 상부 시공 라벨을 2개 이미지 높이 전체에 걸치게 처리 */
  .business .detail.can.can_figma:not(.seg_figma) .can_sec_concept .can_compare_row:nth-child(3)>.can_compare_stack::before {
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 0 !important;
    height: auto !important;
    border-right: 0 !important;
    border-bottom: 0 !important;
  }

  /* 상부 시공 이미지 2개 사이에 생기는 내부 구분선 제거 */
  .business .detail.can.can_figma:not(.seg_figma) .can_sec_concept .can_compare_row:nth-child(3)>.can_compare_stack .can_compare_cell {
    grid-column: 2 !important;
    width: 100% !important;
    border-bottom: 0 !important;
    border-left: 0 !important;
  }

  /* 이미지 영역 자체도 가운데 정렬 */
  .business .detail.can.can_figma:not(.seg_figma) .can_sec_concept .can_compare_row:nth-child(3)>.can_compare_stack .can_compare_cell img {
    display: block !important;
    margin: 0 auto !important;
  }
}

/* 260430 CAN > 공법비교 모바일 전용 분리 표 - PC/SEG 영향 없음 */
.business .detail.can.can_figma:not(.seg_figma) .can_sec_compare.can_gc_method_compare .can_method_mobile {
  display: none;
}

@media (max-width:769px) {

  /* 기존 PC용 공법비교 표는 모바일에서 숨김 */
  .business .detail.can.can_figma:not(.seg_figma) .can_sec_compare.can_gc_method_compare .can_method_block {
    display: none !important;
  }

  /* 모바일 전용 표만 노출 */
  .business .detail.can.can_figma:not(.seg_figma) .can_sec_compare.can_gc_method_compare .can_method_mobile {
    display: block !important;
    width: 100%;
  }

  .business .detail.can.can_figma:not(.seg_figma) .can_sec_compare.can_gc_method_compare .can_method_block+.can_method_mobile {
    margin-top: 0;
  }

  .business .detail.can.can_figma:not(.seg_figma) .can_sec_compare.can_gc_method_compare .can_method_mobile+.can_method_block+.can_method_mobile {
    margin-top: 52px;
  }

  .business .detail.can.can_figma:not(.seg_figma) .can_sec_compare.can_gc_method_compare .can_method_mobile .can_method_title {
    height: 42px !important;
    margin: 0 !important;
    border-top: 2px solid #111 !important;
    background: #EEF3F6 !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
  }

  .business .detail.can.can_figma:not(.seg_figma) .can_sec_compare.can_gc_method_compare .can_mobile_table {
    width: 100%;
    margin-top: 0;
    background: #fff;
    border-bottom: 1px solid #ddd;
    box-sizing: border-box;
  }

  .business .detail.can.can_figma:not(.seg_figma) .can_sec_compare.can_gc_method_compare .can_mobile_table+.can_mobile_table {
    margin-top: 34px;
  }

  .business .detail.can.can_figma:not(.seg_figma) .can_sec_compare.can_gc_method_compare .can_mobile_table.is-gc {
    border-left: 2px solid #F4D7D7;
    border-right: 2px solid #F4D7D7;
    border-bottom: 2px solid #F4D7D7;
    border-top: 2px solid #F4D7D7;
  }

  .business .detail.can.can_figma:not(.seg_figma) .can_sec_compare.can_gc_method_compare .can_mobile_head {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 8px 10px;
    background: #EEF3F6;
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    box-sizing: border-box;
    color: #111;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.25;
    text-align: center;
    letter-spacing: -0.05em;
  }

  .business .detail.can.can_figma:not(.seg_figma) .can_sec_compare.can_gc_method_compare .can_mobile_row {
    display: grid;
    grid-template-columns: 100px minmax(0, 1fr);
    width: 100%;
    border-bottom: 1px solid #d9d9d9;
    box-sizing: border-box;
  }

  .business .detail.can.can_figma:not(.seg_figma) .can_sec_compare.can_gc_method_compare .can_mobile_row:last-child {
    border-bottom: 0;
  }

  .business .detail.can.can_figma:not(.seg_figma) .can_sec_compare.can_gc_method_compare .can_m_label {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 8px 4px;
    border-right: 1px solid #e2e2e2;
    box-sizing: border-box;
    color: #111;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.2;
    text-align: center;
    word-break: keep-all;
    white-space: nowrap;
    letter-spacing: -0.07em;
  }

  /* 경제성-무교대형 한 줄 유지 */
  .business .detail.can.can_figma:not(.seg_figma) .can_sec_compare.can_gc_method_compare .can_m_label.economy {
    font-size: 11px;
    letter-spacing: -0.09em;
    white-space: nowrap;
  }

  .business .detail.can.can_figma:not(.seg_figma) .can_sec_compare.can_gc_method_compare .can_m_value {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 9px 8px;
    box-sizing: border-box;
    color: #111;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.35;
    text-align: center;
    word-break: keep-all;
    overflow-wrap: normal;
  }

  .business .detail.can.can_figma:not(.seg_figma) .can_sec_compare.can_gc_method_compare .can_mobile_row.is-img .can_m_value {
    min-height: 132px;
    padding: 12px 10px;
  }

  .business .detail.can.can_figma:not(.seg_figma) .can_sec_compare.can_gc_method_compare .can_mobile_row.is-img img {
    display: block;
    width: 100%;
    max-width: 260px;
    height: auto;
    object-fit: contain;
    object-position: center;
    margin: 0 auto;
  }

  /* GC 라멘교 하위 타입명: Pre-Beam / Inverted-T 등 */
  .business .detail.can.can_figma:not(.seg_figma) .can_sec_compare.can_gc_method_compare .can_mobile_type {
    display: grid;
    grid-template-columns: 100px 1fr 1fr;
    width: 100%;
    border-bottom: 1px solid #d9d9d9;
    box-sizing: border-box;
  }

  .business .detail.can.can_figma:not(.seg_figma) .can_sec_compare.can_gc_method_compare .can_mobile_type::before {
    content: "";
    display: block;
    border-right: 1px solid #e2e2e2;
  }

  .business .detail.can.can_figma:not(.seg_figma) .can_sec_compare.can_gc_method_compare .can_mobile_type span {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 8px 4px;
    background: #E4F7FF;
    color: #0066B5;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
    box-sizing: border-box;
  }

  .business .detail.can.can_figma:not(.seg_figma) .can_sec_compare.can_gc_method_compare .can_mobile_type span:first-child {
    border-radius: 18px 0 0 0;
  }

  .business .detail.can.can_figma:not(.seg_figma) .can_sec_compare.can_gc_method_compare .can_mobile_type span:last-child {
    border-left: 1px solid #d9d9d9;
    border-radius: 0 18px 0 0;
  }

  .business .detail.can.can_figma:not(.seg_figma) .can_sec_compare.can_gc_method_compare .can_m_value.split {
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding: 0;
  }

  .business .detail.can.can_figma:not(.seg_figma) .can_sec_compare.can_gc_method_compare .can_m_value.split span {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 9px 4px;
    box-sizing: border-box;
    text-align: center;
    word-break: keep-all;
  }

  .business .detail.can.can_figma:not(.seg_figma) .can_sec_compare.can_gc_method_compare .can_m_value.split span+span {
    border-left: 1px solid #d9d9d9;
  }
}

/* 260430 CAN > 공법비교 모바일 라벨 우측선 제거 + 강조 보더 제거 */
@media (max-width:769px) {
  .business .detail.can.can_figma:not(.seg_figma) .can_sec_compare.can_gc_method_compare .can_m_label {
    border-right: 0 !important;
  }
}

/* 260430 CAN > 공법비교 RC/GC 표 간격: 모바일만 0, 태블릿/PC 영향 없음 */
@media (max-width:577px) {
  .business .detail.can.can_figma:not(.seg_figma) .can_sec_compare.can_gc_method_compare .can_mobile_table+.can_mobile_table {
    margin-top: 16px !important;
  }
}

@media (min-width:578px) and (max-width:769px) {
  .business .detail.can.can_figma:not(.seg_figma) .can_sec_compare.can_gc_method_compare .can_mobile_table+.can_mobile_table {
    margin-top: 34px !important;
  }
}

@media (min-width:770px) {
  .business .detail.can.can_figma:not(.seg_figma) .can_sec_compare.can_gc_method_compare .can_method_mobile {
    display: none !important;
  }
}

/* 260430 CAN > 공법비교 PC 표 사이 간격 복구 - CAN 공법비교만 적용 */
@media (min-width:770px) {
  .business .detail.can.can_figma:not(.seg_figma) .can_sec_compare.can_gc_method_compare .can_method_mobile {
    display: none !important;
  }

  .business .detail.can.can_figma:not(.seg_figma) .can_sec_compare.can_gc_method_compare .can_method_mobile+.can_method_block {
    margin-top: 80px !important;
  }
}

/* 260430 CAN > 공법비교 모바일 타입명 왼쪽 세로선 제거 */
@media (max-width:769px) {
  .business .detail.can.can_figma:not(.seg_figma) .can_sec_compare.can_gc_method_compare .can_mobile_type::before {
    border-right: 0 !important;
  }

  .business .detail.can.can_figma:not(.seg_figma) .can_sec_compare.can_gc_method_compare .can_mobile_type span:first-child {
    border-left: 0 !important;
  }
}

/* 260430 CAN > GC 라멘교의 개념 모바일 구분 라벨 우측 보더 전체 제거 */
@media (max-width:769px) {
  .business .detail.can.can_figma:not(.seg_figma) .can_sec_concept .can_compare_row>.can_compare_stack::before {
    border-right: 0 !important;
  }

  .business .detail.can.can_figma:not(.seg_figma) .can_sec_concept .can_compare_row>.can_compare_cell::before {
    border-right: 0 !important;
  }

  .business .detail.can.can_figma:not(.seg_figma) .can_sec_concept .can_compare_row>.can_compare_textbox::before {
    border-right: 0 !important;
  }
}

/* 260430 SEG > 공법비교/시공성개선 모바일 표 세로 분리 - PC 영향 없음 */
@media (max-width:769px) {

  .business .detail.seg_figma .can_sec_compare.seg_method_compare .can_method_block,
  .business .detail.seg_figma .can_sec_process+.can_sec_compare .can_method_block {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    border-top: 2px solid #111 !important;
    background: #fff !important;
    overflow: hidden !important;
  }
}

@media (max-width:769px) {

  .business .detail.seg_figma .can_sec_compare.seg_method_compare .can_method_head,
  .business .detail.seg_figma .can_sec_compare.seg_method_compare .can_method_row,
  .business .detail.seg_figma .can_sec_process+.can_sec_compare .can_method_head,
  .business .detail.seg_figma .can_sec_process+.can_sec_compare .can_method_row {
    display: contents !important;
  }
}

@media (max-width:769px) {

  .business .detail.seg_figma .can_sec_compare.seg_method_compare .can_method_head .cell:first-child,
  .business .detail.seg_figma .can_sec_compare.seg_method_compare .can_method_row .label,
  .business .detail.seg_figma .can_sec_process+.can_sec_compare .can_method_head .cell:first-child,
  .business .detail.seg_figma .can_sec_process+.can_sec_compare .can_method_row .label {
    display: none !important;
  }
}

@media (max-width:769px) {

  .business .detail.seg_figma .can_sec_compare.seg_method_compare .can_method_head .cell,
  .business .detail.seg_figma .can_sec_process+.can_sec_compare .can_method_head .cell {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 42px !important;
    padding: 8px 12px !important;
    box-sizing: border-box !important;
    background: #EEF3F6 !important;
    border-bottom: 1px solid #d9d9d9 !important;
    color: #111 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1.25 !important;
    text-align: center !important;
  }
}

@media (max-width:769px) {

  .business .detail.seg_figma .can_sec_compare.seg_method_compare .can_method_row>.cell,
  .business .detail.seg_figma .can_sec_process+.can_sec_compare .can_method_row>.cell {
    display: grid !important;
    grid-template-columns: 92px minmax(0, 1fr) !important;
    align-items: center !important;
    width: 100% !important;
    min-height: 42px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    background: #fff !important;
    border-bottom: 1px solid #d9d9d9 !important;
    box-shadow: none !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    text-align: center !important;
  }
}

@media (max-width:769px) {

  .business .detail.seg_figma .can_sec_compare.seg_method_compare .can_method_row>.cell::before,
  .business .detail.seg_figma .can_sec_process+.can_sec_compare .can_method_row>.cell::before {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 100% !important;
    min-height: 42px !important;
    padding: 8px 4px !important;
    box-sizing: border-box !important;
    background: #fff !important;
    border-right: 0 !important;
    color: #111 !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
    text-align: center !important;
    letter-spacing: -0.06em !important;
    word-break: keep-all !important;
    white-space: nowrap !important;
  }
}

@media (max-width:769px) {

  .business .detail.seg_figma .can_sec_compare.seg_method_compare .can_method_row>.cell img,
  .business .detail.seg_figma .can_sec_process+.can_sec_compare .can_method_row>.cell img {
    display: block !important;
    width: 100% !important;
    max-width: 260px !important;
    height: auto !important;
    margin: 0 auto !important;
    object-fit: contain !important;
  }
}

@media (max-width:769px) {

  .business .detail.seg_figma .can_sec_compare.seg_method_compare .can_method_row.overview>.cell,
  .business .detail.seg_figma .can_sec_process+.can_sec_compare .can_method_row.overview>.cell {
    min-height: 120px !important;
  }
}

@media (max-width:769px) {

  .business .detail.seg_figma .can_sec_compare.seg_method_compare .can_method_row>.cell.text,
  .business .detail.seg_figma .can_sec_process+.can_sec_compare .can_method_row>.cell.text {
    padding: 0 !important;
  }
}

@media (max-width:769px) {

  .business .detail.seg_figma .can_sec_compare.seg_method_compare .can_method_row>.cell.text,
  .business .detail.seg_figma .can_sec_process+.can_sec_compare .can_method_row>.cell.text {
    word-break: keep-all !important;
    overflow-wrap: normal !important;
  }
}

@media (max-width:769px) {

  .business .detail.seg_figma .can_sec_compare.seg_method_compare .can_method_row>.cell:not(:has(img)),
  .business .detail.seg_figma .can_sec_process+.can_sec_compare .can_method_row>.cell:not(:has(img)) {
    grid-template-columns: 92px minmax(0, 1fr) !important;
  }
}

@media (max-width:769px) {

  .business .detail.seg_figma .can_sec_compare.seg_method_compare .can_method_row>.cell:not(:has(img)),
  .business .detail.seg_figma .can_sec_process+.can_sec_compare .can_method_row>.cell:not(:has(img)) {
    padding-right: 0 !important;
  }
}

/* 260430 SEG > 공법비교 모바일 순서 */
@media (max-width:769px) {
  .business .detail.seg_figma .can_sec_compare.seg_method_compare .can_method_head .cell:nth-child(2) {
    order: 10 !important;
  }
}

@media (max-width:769px) {
  .business .detail.seg_figma .can_sec_compare.seg_method_compare .can_method_row:nth-child(2)>.cell:nth-child(2) {
    order: 11 !important;
  }
}

@media (max-width:769px) {
  .business .detail.seg_figma .can_sec_compare.seg_method_compare .can_method_row:nth-child(3)>.cell:nth-child(2) {
    order: 12 !important;
  }
}

@media (max-width:769px) {
  .business .detail.seg_figma .can_sec_compare.seg_method_compare .can_method_row:nth-child(4)>.cell:nth-child(2) {
    order: 13 !important;
  }
}

@media (max-width:769px) {
  .business .detail.seg_figma .can_sec_compare.seg_method_compare .can_method_row:nth-child(5)>.cell:nth-child(2) {
    order: 14 !important;
  }
}

@media (max-width:769px) {
  .business .detail.seg_figma .can_sec_compare.seg_method_compare .can_method_row:nth-child(6)>.cell:nth-child(2) {
    order: 15 !important;
  }
}

@media (max-width:769px) {
  .business .detail.seg_figma .can_sec_compare.seg_method_compare .can_method_row:nth-child(7)>.cell:nth-child(2) {
    order: 16 !important;
  }
}

@media (max-width:769px) {
  .business .detail.seg_figma .can_sec_compare.seg_method_compare .can_method_row:nth-child(8)>.cell:nth-child(2) {
    order: 17 !important;
  }
}

@media (max-width:769px) {
  .business .detail.seg_figma .can_sec_compare.seg_method_compare .can_method_row:nth-child(9)>.cell:nth-child(2) {
    order: 18 !important;
  }
}

@media (max-width:769px) {
  .business .detail.seg_figma .can_sec_compare.seg_method_compare .can_method_row:nth-child(10)>.cell:nth-child(2) {
    order: 19 !important;
  }
}

@media (max-width:769px) {
  .business .detail.seg_figma .can_sec_compare.seg_method_compare .can_method_row:nth-child(11)>.cell:nth-child(2) {
    order: 20 !important;
  }
}

@media (max-width:769px) {
  .business .detail.seg_figma .can_sec_compare.seg_method_compare .can_method_head .cell:nth-child(3) {
    order: 30 !important;
    margin-top: 28px !important;
    border-top: 2px solid #111 !important;
  }
}

@media (max-width:769px) {
  .business .detail.seg_figma .can_sec_compare.seg_method_compare .can_method_row:nth-child(2)>.cell:nth-child(3) {
    order: 31 !important;
  }
}

@media (max-width:769px) {
  .business .detail.seg_figma .can_sec_compare.seg_method_compare .can_method_row:nth-child(3)>.cell:nth-child(3) {
    order: 32 !important;
  }
}

@media (max-width:769px) {
  .business .detail.seg_figma .can_sec_compare.seg_method_compare .can_method_row:nth-child(4)>.cell:nth-child(3) {
    order: 33 !important;
  }
}

@media (max-width:769px) {
  .business .detail.seg_figma .can_sec_compare.seg_method_compare .can_method_row:nth-child(5)>.cell:nth-child(3) {
    order: 34 !important;
  }
}

@media (max-width:769px) {
  .business .detail.seg_figma .can_sec_compare.seg_method_compare .can_method_row:nth-child(6)>.cell:nth-child(3) {
    order: 35 !important;
  }
}

@media (max-width:769px) {
  .business .detail.seg_figma .can_sec_compare.seg_method_compare .can_method_row:nth-child(7)>.cell:nth-child(3) {
    order: 36 !important;
  }
}

@media (max-width:769px) {
  .business .detail.seg_figma .can_sec_compare.seg_method_compare .can_method_row:nth-child(8)>.cell:nth-child(3) {
    order: 37 !important;
  }
}

@media (max-width:769px) {
  .business .detail.seg_figma .can_sec_compare.seg_method_compare .can_method_row:nth-child(9)>.cell:nth-child(3) {
    order: 38 !important;
  }
}

@media (max-width:769px) {
  .business .detail.seg_figma .can_sec_compare.seg_method_compare .can_method_row:nth-child(10)>.cell:nth-child(3) {
    order: 39 !important;
  }
}

@media (max-width:769px) {
  .business .detail.seg_figma .can_sec_compare.seg_method_compare .can_method_row:nth-child(11)>.cell:nth-child(3) {
    order: 40 !important;
  }
}

/* 260430 SEG > 공법비교 모바일 라벨명 */
@media (max-width:769px) {
  .business .detail.seg_figma .can_sec_compare.seg_method_compare .can_method_row:nth-child(2)>.cell::before {
    content: "개요" !important;
  }
}

@media (max-width:769px) {
  .business .detail.seg_figma .can_sec_compare.seg_method_compare .can_method_row:nth-child(3)>.cell::before {
    content: "시공방법" !important;
  }
}

@media (max-width:769px) {
  .business .detail.seg_figma .can_sec_compare.seg_method_compare .can_method_row:nth-child(4)>.cell::before {
    content: "시공본수" !important;
  }
}

@media (max-width:769px) {
  .business .detail.seg_figma .can_sec_compare.seg_method_compare .can_method_row:nth-child(5)>.cell::before {
    content: "근입심도" !important;
  }
}

@media (max-width:769px) {
  .business .detail.seg_figma .can_sec_compare.seg_method_compare .can_method_row:nth-child(6)>.cell::before {
    content: "사용성" !important;
  }
}

@media (max-width:769px) {
  .business .detail.seg_figma .can_sec_compare.seg_method_compare .can_method_row:nth-child(7)>.cell::before {
    content: "시공성" !important;
  }
}

@media (max-width:769px) {
  .business .detail.seg_figma .can_sec_compare.seg_method_compare .can_method_row:nth-child(8)>.cell::before {
    content: "적용심도" !important;
  }
}

@media (max-width:769px) {
  .business .detail.seg_figma .can_sec_compare.seg_method_compare .can_method_row:nth-child(9)>.cell::before {
    content: "공기" !important;
  }
}

@media (max-width:769px) {
  .business .detail.seg_figma .can_sec_compare.seg_method_compare .can_method_row:nth-child(10)>.cell::before {
    content: "공사비" !important;
  }
}

@media (max-width:769px) {
  .business .detail.seg_figma .can_sec_compare.seg_method_compare .can_method_row:nth-child(11)>.cell::before {
    content: "시공사진" !important;
  }
}

/* 260430 SEG > 시공성 개선 모바일 순서 */
@media (max-width:769px) {
  .business .detail.seg_figma .can_sec_process+.can_sec_compare .can_method_head .cell:nth-child(2) {
    order: 10 !important;
  }
}

@media (max-width:769px) {
  .business .detail.seg_figma .can_sec_process+.can_sec_compare .can_method_row:nth-child(2)>.cell:nth-child(2) {
    order: 11 !important;
  }
}

@media (max-width:769px) {
  .business .detail.seg_figma .can_sec_process+.can_sec_compare .can_method_row:nth-child(3)>.cell:nth-child(2) {
    order: 12 !important;
  }
}

@media (max-width:769px) {
  .business .detail.seg_figma .can_sec_process+.can_sec_compare .can_method_row:nth-child(4)>.cell:nth-child(2) {
    order: 13 !important;
  }
}

@media (max-width:769px) {
  .business .detail.seg_figma .can_sec_process+.can_sec_compare .can_method_row:nth-child(5)>.cell:nth-child(2) {
    order: 14 !important;
  }
}

@media (max-width:769px) {
  .business .detail.seg_figma .can_sec_process+.can_sec_compare .can_method_row:nth-child(6)>.cell:nth-child(2) {
    order: 15 !important;
  }
}

@media (max-width:769px) {
  .business .detail.seg_figma .can_sec_process+.can_sec_compare .can_method_head .cell:nth-child(3) {
    order: 30 !important;
    margin-top: 28px !important;
    border-top: 2px solid #111 !important;
  }
}

@media (max-width:769px) {
  .business .detail.seg_figma .can_sec_process+.can_sec_compare .can_method_row:nth-child(2)>.cell:nth-child(3) {
    order: 31 !important;
  }
}

@media (max-width:769px) {
  .business .detail.seg_figma .can_sec_process+.can_sec_compare .can_method_row:nth-child(3)>.cell:nth-child(3) {
    order: 32 !important;
  }
}

@media (max-width:769px) {
  .business .detail.seg_figma .can_sec_process+.can_sec_compare .can_method_row:nth-child(4)>.cell:nth-child(3) {
    order: 33 !important;
  }
}

@media (max-width:769px) {
  .business .detail.seg_figma .can_sec_process+.can_sec_compare .can_method_row:nth-child(5)>.cell:nth-child(3) {
    order: 34 !important;
  }
}

@media (max-width:769px) {
  .business .detail.seg_figma .can_sec_process+.can_sec_compare .can_method_row:nth-child(6)>.cell:nth-child(3) {
    order: 35 !important;
  }
}

/* 260430 SEG > 시공성 개선 모바일 라벨명 */
@media (max-width:769px) {
  .business .detail.seg_figma .can_sec_process+.can_sec_compare .can_method_row:nth-child(2)>.cell::before {
    content: "형상" !important;
  }
}

@media (max-width:769px) {
  .business .detail.seg_figma .can_sec_process+.can_sec_compare .can_method_row:nth-child(3)>.cell::before {
    content: "면적" !important;
  }
}

@media (max-width:769px) {
  .business .detail.seg_figma .can_sec_process+.can_sec_compare .can_method_row:nth-child(4)>.cell::before {
    content: "단면2차 모멘트" !important;
    white-space: normal !important;
  }
}

@media (max-width:769px) {
  .business .detail.seg_figma .can_sec_process+.can_sec_compare .can_method_row:nth-child(5)>.cell::before {
    content: "시공사진" !important;
  }
}

@media (max-width:769px) {
  .business .detail.seg_figma .can_sec_process+.can_sec_compare .can_method_row:nth-child(6)>.cell::before {
    content: "특징" !important;
  }
}

/* 260430 SEG > 모바일 분리표 좌우 보더 제거 + 타이틀 배경 PC 스타일 적용 */
@media (max-width:769px) {

  .business .detail.seg_figma .can_sec_compare.seg_method_compare .can_method_block,
  .business .detail.seg_figma .can_sec_process+.can_sec_compare .can_method_block {
    border-left: 0 !important;
    border-right: 0 !important;
    box-shadow: none !important;
  }
}

@media (max-width:769px) {

  .business .detail.seg_figma .can_sec_compare.seg_method_compare .can_method_head .cell,
  .business .detail.seg_figma .can_sec_process+.can_sec_compare .can_method_head .cell {
    background: #EEF3F6 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    box-shadow: none !important;
  }
}

@media (max-width:769px) {

  .business .detail.seg_figma .can_sec_compare.seg_method_compare .can_method_row>.cell,
  .business .detail.seg_figma .can_sec_process+.can_sec_compare .can_method_row>.cell {
    border-left: 0 !important;
    border-right: 0 !important;
    box-shadow: none !important;
  }
}

@media (max-width:769px) {

  .business .detail.seg_figma .can_sec_compare.seg_method_compare .can_method_row>.cell::before,
  .business .detail.seg_figma .can_sec_process+.can_sec_compare .can_method_row>.cell::before {
    border-right: 0 !important;
  }
}

/* 260430 SEG > 모바일 분리표 강조 보더 재적용: Sheet wall(RSW) + 절곡강판 */
@media (max-width:769px) {

  .business .detail.seg_figma .can_sec_compare.seg_method_compare .can_method_head .cell:nth-child(3),
  .business .detail.seg_figma .can_sec_process+.can_sec_compare .can_method_head .cell:nth-child(3) {
    border-left: 2px solid #F4D7D7 !important;
    border-right: 2px solid #F4D7D7 !important;
    border-top: 2px solid #F4D7D7 !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
  }
}

@media (max-width:769px) {

  .business .detail.seg_figma .can_sec_compare.seg_method_compare .can_method_row>.cell:nth-child(3),
  .business .detail.seg_figma .can_sec_process+.can_sec_compare .can_method_row>.cell:nth-child(3) {
    border-left: 2px solid #F4D7D7 !important;
    border-right: 2px solid #F4D7D7 !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
  }
}

@media (max-width:769px) {

  .business .detail.seg_figma .can_sec_compare.seg_method_compare .can_method_block>.can_method_row:last-child>.cell:nth-child(3),
  .business .detail.seg_figma .can_sec_process+.can_sec_compare .can_method_block>.can_method_row:last-child>.cell:nth-child(3) {
    border-bottom: 2px solid #F4D7D7 !important;
  }
}

/* 260430 SEG > 모바일 강조 보더 끊김 방지 */
@media (max-width:769px) {

  .business .detail.seg_figma .can_sec_compare.seg_method_compare .can_method_row>.cell:nth-child(3),
  .business .detail.seg_figma .can_sec_process+.can_sec_compare .can_method_row>.cell:nth-child(3) {
    position: relative !important;
    z-index: 2 !important;
    background: #fff !important;
    background-clip: padding-box !important;
  }
}

@media (max-width:769px) {

  .business .detail.seg_figma .can_sec_compare.seg_method_compare .can_method_row.overview>.cell:nth-child(3),
  .business .detail.seg_figma .can_sec_process+.can_sec_compare .can_method_row.overview>.cell:nth-child(3),
  .business .detail.seg_figma .can_sec_compare.seg_method_compare .compare_photo_row>.cell:nth-child(3),
  .business .detail.seg_figma .can_sec_process+.can_sec_compare .compare_photo_row>.cell:nth-child(3) {
    border-left: 2px solid #F4D7D7 !important;
    border-right: 2px solid #F4D7D7 !important;
  }
}

/* 260430 SEG > 시공성 개선 모바일 분리표 순서 최종 보정 */
@media (max-width:769px) {
  .business .detail.seg_figma .can_sec_process+.can_sec_compare .can_method_row:nth-child(6)>.cell:nth-child(2) {
    order: 15 !important;
    border-bottom: 0 !important;
  }
}

@media (max-width:769px) {
  .business .detail.seg_figma .can_sec_process+.can_sec_compare .can_method_row:nth-child(6)>.cell:nth-child(3) {
    order: 35 !important;
    border-bottom: 2px solid #F4D7D7 !important;
  }
}

/* 260430 SEG > 비교표 제목 박스 배경색 적용 */
@media (max-width:769px) {
  .business .detail.seg_figma .can_mobile_table .can_mobile_title {
    background: #EEF3F6 !important;
  }

  .business .detail.seg_figma .can_sec_process+.can_sec_compare .can_mobile_table .can_mobile_title {
    background: #EEF3F6 !important;
  }

  .business .detail.seg_figma .biz_media_card .biz_metric_table .biz_metric_head .biz_metric_cell:not(.label) {
    background: #EEF3F6 !important;
  }
}

/* 260430 SEG > 제목 셀 배경 보정 */
@media (max-width:769px) {
  .business .detail.seg_figma .can_sec_compare .can_method_head .cell:not(:first-child) {
    background: #EEF3F6 !important;
  }

  .business .detail.seg_figma .can_sec_compare .can_method_block>.can_method_head .cell:not(:first-child) {
    background: #EEF3F6 !important;
  }
}

/* 260430 SEG > 공법비교 모바일 텍스트 정렬 + 67% 위치 보정 - 공법비교 표 2개만 */
@media (max-width:769px) {
  .business .detail.seg_figma .can_sec_compare.seg_method_compare .can_method_row .cell.text {
    text-align: left !important;
    justify-items: stretch !important;
  }

  .business .detail.seg_figma .can_sec_compare.seg_method_compare .can_method_row .cell.text::before {
    text-align: center !important;
    justify-content: center !important;
  }

  .business .detail.seg_figma .can_sec_compare.seg_method_compare .can_method_row .cell.text b {
    display: contents !important;
    font-weight: 700 !important;
  }

  .business .detail.seg_figma .can_sec_compare.seg_method_compare .can_method_row.num_center_row .cell.text {
    text-align: center !important;
    justify-items: center !important;
  }
}

/* 260430 SEG > 모바일 절곡강판 타이틀 스타일을 Sheet wall(RSW) 스타일로 통일 */
@media (max-width:769px) {
  .business .detail.seg_figma .can_sec_process+.can_sec_compare .can_method_head .cell:nth-child(3) {
    position: relative !important;
    z-index: 5 !important;
    background: #EEF3F6 !important;
    border-top: 2px solid #F4D7D7 !important;
    border-left: 2px solid #F4D7D7 !important;
    border-right: 2px solid #F4D7D7 !important;
    border-bottom: 1px solid #d9d9d9 !important;
    box-shadow: none !important;
    color: #111 !important;
    box-sizing: border-box !important;
  }

  .business .detail.seg_figma .can_sec_process+.can_sec_compare .can_method_head .cell:nth-child(3)::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    top: -2px !important;
    left: -2px !important;
    right: -2px !important;
    height: 2px !important;
    background: #F4D7D7 !important;
    z-index: 10 !important;
  }
}

@media (max-width:769px) {
  .business .detail.seg_figma .can_sec_compare.seg_method_compare .can_method_head .cell:nth-child(3) {
    margin-top: 0 !important;
  }
}

/* 260430 SEG > 시공성개선 마지막 특징 박스 내부 중복 보더 제거 */
@media (max-width:769px) {
  .business .detail.seg_figma .can_sec_process+.can_sec_compare.seg_method_compare .can_method_block>.can_method_row:last-child>.cell:nth-child(3) {
    box-shadow: none !important;
    border-left: 2px solid #F4D7D7 !important;
    border-right: 2px solid #F4D7D7 !important;
    border-bottom: 2px solid #F4D7D7 !important;
    background-clip: border-box !important;
  }
}

@media (max-width:769px) {
  .business .detail.seg_figma .can_sec_process+.can_sec_compare.seg_method_compare .can_method_block>.can_method_row:last-child>.cell:nth-child(3)::before {
    box-shadow: none !important;
    border: 0 !important;
  }
}

/* 260430 SEG > 시공성개선 모바일 시공사진 박스 내부 중복 보더 제거 */
@media (max-width:769px) {
  .business .detail.seg_figma .can_sec_process+.can_sec_compare.seg_method_compare .can_method_row.compare_photo_row>.cell:nth-child(3) {
    box-shadow: none !important;
    border-left: 2px solid #F4D7D7 !important;
    border-right: 2px solid #F4D7D7 !important;
    background-clip: border-box !important;
  }
}

@media (max-width:769px) {
  .business .detail.seg_figma .can_sec_process+.can_sec_compare.seg_method_compare .can_method_row.compare_photo_row>.cell:nth-child(3)::before {
    box-shadow: none !important;
    border: 0 !important;
  }
}

@media (max-width:769px) {
  .business .detail.seg_figma .can_sec_process+.can_sec_compare.seg_method_compare .can_method_row.compare_photo_row>.cell:nth-child(3)::after {
    box-shadow: none !important;
    border: 0 !important;
  }
}

/* 260430 MAIN > 연구개발 카드 5개 동일 높이 + 리듬 배치 + 전체 1440px */
.main .technology_wrap .main_con.technology {
  width: 100% !important;
  max-width: 1440px !important;
  margin: 0 auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
}

.main .technology_wrap .main_con.technology .main_con_list {
  width: 100% !important;
  max-width: 1440px !important;
  margin: 40px auto 0 !important;
  margin-left: auto !important;
  display: flex !important;
  flex-direction: row !important;
  justify-content: center !important;
  align-items: flex-start !important;
  gap: 16px !important;
  overflow: visible !important;
}

.main .technology_wrap .main_con.technology .main_con_list>li {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  max-width: none !important;
  height: 380px !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-bottom: 0 !important;
  position: relative !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

.main .technology_wrap .main_con.technology .main_con_list>li:nth-child(1),
.main .technology_wrap .main_con.technology .main_con_list>li:nth-child(3),
.main .technology_wrap .main_con.technology .main_con_list>li:nth-child(5) {
  margin-top: 110px !important;
}

.main .technology_wrap .main_con.technology .main_con_list>li:nth-child(2),
.main .technology_wrap .main_con.technology .main_con_list>li:nth-child(4) {
  margin-top: 80px !important;
}

.main .technology_wrap .main_con.technology .main_con_list>li:nth-child(1) {
  background: url(../images/main_technology_bn01.png) center no-repeat !important;
  background-size: cover !important;
}

.main .technology_wrap .main_con.technology .main_con_list>li:nth-child(2) {
  background: url(../images/main_technology_bn02.png) center no-repeat !important;
  background-size: cover !important;
}

.main .technology_wrap .main_con.technology .main_con_list>li:nth-child(3) {
  background: url(../images/main_technology_bn03.png) center no-repeat !important;
  background-size: cover !important;
}

.main .technology_wrap .main_con.technology .main_con_list>li:nth-child(4) {
  background: url(../images/main_technology_bn04.png) center no-repeat !important;
  background-size: cover !important;
}

.main .technology_wrap .main_con.technology .main_con_list>li:nth-child(5) {
  background: url(../images/main_technology_bn05.png) center no-repeat !important;
  background-size: cover !important;
}

.main .technology_wrap .main_con.technology .main_con_list>li>a {
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  width: 100% !important;
  height: 100% !important;
  padding: 0 22px 26px !important;
  box-sizing: border-box !important;
}

.main .technology_wrap .main_con.technology .main_con_list>li>a h4 {
  width: 100% !important;
  font-size: 20px !important;
  line-height: 1.2 !important;
  color: #fff !important;
  z-index: 10 !important;
}

.main .technology_wrap .main_con.technology .main_con_list>li>a h4 p {
  display: block !important;
  margin-bottom: 4px !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
  color: var(--color-secondary) !important;
  font-weight: 700 !important;
}

.main .technology_wrap .main_con.technology .main_con_list .technology_txt {
  width: 100% !important;
  margin-top: 10px !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
  color: #fff !important;
  z-index: 10 !important;
}

@media (max-width:1440px) {
  .main .technology_wrap .main_con.technology {
    max-width: calc(100% - 48px) !important;
  }
}

@media (max-width:1280px) and (min-width:770px) {
  .main .technology_wrap .main_con.technology .main_con_list {
    gap: 10px !important;
  }

  .main .technology_wrap .main_con.technology .main_con_list>li {
    height: 330px !important;
  }

  .main .technology_wrap .main_con.technology .main_con_list>li:nth-child(1),
  .main .technology_wrap .main_con.technology .main_con_list>li:nth-child(3),
  .main .technology_wrap .main_con.technology .main_con_list>li:nth-child(5) {
    margin-top: 80px !important;
  }

  .main .technology_wrap .main_con.technology .main_con_list>li:nth-child(2),
  .main .technology_wrap .main_con.technology .main_con_list>li:nth-child(4) {
    margin-top: 30px !important;
  }
}

@media (max-width:769px) {
  .main .technology_wrap .main_con.technology {
    max-width: 100% !important;
    padding: 100px 3% !important;
  }

  .main .technology_wrap .main_con.technology .main_con_list {
    width: 100% !important;
    margin-top: 40px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
  }

  .main .technology_wrap .main_con.technology .main_con_list>li,
  .main .technology_wrap .main_con.technology .main_con_list>li:nth-child(1),
  .main .technology_wrap .main_con.technology .main_con_list>li:nth-child(2),
  .main .technology_wrap .main_con.technology .main_con_list>li:nth-child(3),
  .main .technology_wrap .main_con.technology .main_con_list>li:nth-child(4),
  .main .technology_wrap .main_con.technology .main_con_list>li:nth-child(5) {
    width: 100% !important;
    height: 220px !important;
    margin: 0 !important;
  }

  .main .technology_wrap .main_con.technology .main_con_list>li>a {
    padding: 0 18px 22px !important;
  }
}

/* 260430 SEG > 공법비교 Sheet wall(RSW) 시공사진 라인만 제거 - 사진 크기 유지 */
@media (max-width:769px) {
  .business .detail.seg_figma .can_sec_compare.seg_method_compare .can_method_row.compare_photo_row>.cell:nth-child(3) {
    display: grid !important;
    grid-template-columns: 92px minmax(0, 1fr) !important;
    align-items: center !important;
    width: 100% !important;
    min-height: 42px !important;
    padding: 0 !important;
    background: #fff !important;
    border-left: 2px solid #F4D7D7 !important;
    border-right: 2px solid #F4D7D7 !important;
    border-bottom: 2px solid #F4D7D7 !important;
    box-shadow: none !important;
    outline: 0 !important;
    box-sizing: border-box !important;
  }
}

@media (max-width:769px) {
  .business .detail.seg_figma .can_sec_compare.seg_method_compare .can_method_row.compare_photo_row>.cell:nth-child(3)::before {
    content: "시공사진" !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 100% !important;
    min-height: 42px !important;
    padding: 8px 4px !important;
    background: #fff !important;
    border-right: 0 !important;
    box-shadow: none !important;
    outline: 0 !important;
    color: #111 !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
    text-align: center !important;
    box-sizing: border-box !important;
  }
}

@media (max-width:769px) {
  .business .detail.seg_figma .can_sec_compare.seg_method_compare .can_method_row.compare_photo_row>.cell:nth-child(3)::after {
    content: none !important;
    display: none !important;
    border: 0 !important;
    box-shadow: none !important;
    outline: 0 !important;
  }
}

@media (max-width:769px) {
  .business .detail.seg_figma .can_sec_compare.seg_method_compare .can_method_row.compare_photo_row>.cell:nth-child(3)>img {
    display: block !important;
    width: 100% !important;
    max-width: 260px !important;
    height: auto !important;
    margin: 0 auto !important;
    border: 0 !important;
    box-shadow: none !important;
    outline: 0 !important;
    object-fit: contain !important;
  }
}

/* 260430 SEG > Sheet wall(RSW) 공법비교 시공사진 내부 세로선만 제거 - 사진 크기 유지 */
@media (max-width:769px) {
  .business .detail.seg_figma .seg_structure_behavior+.can_sec_compare.seg_method_compare .can_method_row.compare_photo_row>.label {
    border-right: 0 !important;
    box-shadow: none !important;
    outline: 0 !important;
  }
}

@media (max-width:769px) {
  .business .detail.seg_figma .seg_structure_behavior+.can_sec_compare.seg_method_compare .can_method_row.compare_photo_row>.cell:nth-child(3) {
    border-left: 0 !important;
    box-shadow: none !important;
    outline: 0 !important;
  }
}

@media (max-width:769px) {
  .business .detail.seg_figma .seg_structure_behavior+.can_sec_compare.seg_method_compare .can_method_row.compare_photo_row>.cell:nth-child(3)::before {
    border-right: 0 !important;
    border-left: 0 !important;
    box-shadow: none !important;
    outline: 0 !important;
  }
}

@media (max-width:769px) {
  .business .detail.seg_figma .seg_structure_behavior+.can_sec_compare.seg_method_compare .can_method_row.compare_photo_row>.cell:nth-child(3)>img {
    max-width: 260px !important;
    margin: 0 auto !important;
  }
}

/* 260430 SEG > Sheet wall(RSW) 시공사진 외곽 보더 유지 + 내부 세로선 제거 */
@media (max-width:769px) {
  .business .detail.seg_figma .seg_structure_behavior+.can_sec_compare.seg_method_compare .can_method_row.compare_photo_row>.label {
    border-left: 2px solid #F4D7D7 !important;
    border-bottom: 2px solid #F4D7D7 !important;
    border-right: 0 !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
  }
}

@media (max-width:769px) {
  .business .detail.seg_figma .seg_structure_behavior+.can_sec_compare.seg_method_compare .can_method_row.compare_photo_row>.cell:nth-child(3) {
    border-left: 0 !important;
    border-right: 2px solid #F4D7D7 !important;
    border-bottom: 2px solid #F4D7D7 !important;
    box-shadow: none !important;
    outline: 0 !important;
    box-sizing: border-box !important;
  }
}

@media (max-width:769px) {
  .business .detail.seg_figma .seg_structure_behavior+.can_sec_compare.seg_method_compare .can_method_row.compare_photo_row>.cell:nth-child(3)::before {
    border-left: 0 !important;
    border-right: 0 !important;
    box-shadow: none !important;
    outline: 0 !important;
  }
}

@media (max-width:769px) {
  .business .detail.seg_figma .seg_structure_behavior+.can_sec_compare.seg_method_compare .can_method_row.compare_photo_row>.cell:nth-child(3)>img {
    max-width: 260px !important;
    margin: 0 auto !important;
    border: 0 !important;
    box-shadow: none !important;
    outline: 0 !important;
  }
}

/* 260430 SEG > Sheet wall(RSW) 시공사진 좌측 외곽 보더 최종 복구 - 모바일 전용 */
@media (max-width:769px) {
  .business .detail.seg_figma .seg_structure_behavior+.can_sec_compare.seg_method_compare .can_method_row.compare_photo_row>.cell:nth-child(3) {
    border-left: 2px solid #F4D7D7 !important;
    border-right: 2px solid #F4D7D7 !important;
    border-bottom: 2px solid #F4D7D7 !important;
    box-shadow: none !important;
    outline: 0 !important;
    box-sizing: border-box !important;
  }
}

/* 260506 business_all > 태블릿 전용 - 사업소개 카드와 푸터 사이 여백 복구 */
@media (min-width:770px) and (max-width:1280px) {
  .business .all .list {
    margin-bottom: 120px !important;
  }
}

@media (min-width:770px) and (max-width:1280px) {
  .business .detail.biz_figma.deck.tab_fit_3 .adv ul>li>div {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(0, 1fr)) !important;
    gap: 8px !important;
    width: 100% !important;
    height: 320px !important;
    max-height: 320px !important;
    overflow: hidden !important;
  }
}

@media (min-width:770px) and (max-width:1280px) {
  .business .detail.biz_figma.deck.tab_fit_3 .adv ul>li>div img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
  }
}

/* 260506 DECK > 장말뚝시공 공법개요 설명박스 1440 이하 좌우 여백 */
@media (min-width:770px) and (max-width:1440px) {
  .business .detail.biz_figma.deck.tab_fit_3 .construction_panel .overview_common>.gra {
    margin-left: 4% !important;
    margin-right: 4% !important;
    width: auto !important;
    box-sizing: border-box !important;
  }
}

@media (min-width:770px) and (max-width:1280px) {
  .business .detail.biz_figma.deck.tab_fit_3 .construction_flow .flow_head {
    font-size: 13px !important;
    letter-spacing: -0.08em !important;
    white-space: nowrap !important;
    padding: 10px 8px !important;
    box-sizing: border-box !important;
  }
}

/* 260506 DECK > 장말뚝시공 시공실적/말뚝시공길이 표 1440 이하 좌우 여백 */
@media (min-width:770px) and (max-width:1440px) {
  .business .detail.biz_figma.deck.tab_fit_3 .construction_result {
    padding: 120px 4% 0 !important;
    box-sizing: border-box !important;
  }
}

@media (min-width:770px) and (max-width:1440px) {
  .business .detail.biz_figma.deck.tab_fit_3 .construction_result .ui_table_wrap {
    width: 100% !important;
    box-sizing: border-box !important;
    overflow-x: auto !important;
  }
}

@media (min-width:770px) and (max-width:1440px) {
  .business .detail.biz_figma.deck.tab_fit_3 .construction_result .ui_table {
    width: 100% !important;
  }
}

/* 260506 공법개요 설명 텍스트 태블릿 전용 축소 */
@media (min-width:770px) and (max-width:1280px) {
  .business .detail .overview_common ul>li {
    font-size: 20px !important;
    line-height: 1.65 !important;
    letter-spacing: -0.06em !important;
    word-break: keep-all !important;
    overflow-wrap: break-word !important;
    white-space: normal !important;
  }
}

@media (min-width:770px) and (max-width:1280px) {
  .business .detail .construction_overview .overview_box li {
    font-size: 20px !important;
    line-height: 1.65 !important;
    letter-spacing: -0.06em !important;
    word-break: keep-all !important;
    overflow-wrap: break-word !important;
    white-space: normal !important;
  }
}

/* 260506 GRB > 공법개요 설명 1440 이하 박스 넘침 방지 */
@media (min-width:770px) and (max-width:1440px) {
  .business .detail.grb_figma .grb_sec_overview .overview_common>.gra>li {
    white-space: normal !important;
    word-break: keep-all !important;
    overflow-wrap: break-word !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
}

/* 260506 GRB > 심도변화 태블릿+모바일 세로 1열 레이아웃 */
@media (max-width:1280px) {
  .business .detail.grb_figma .grb_sec_depth .grb_connect_grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 32px !important;
    align-items: stretch !important;
    width: 100% !important;
  }
}

@media (max-width:1280px) {
  .business .detail.grb_figma .grb_sec_depth .grb_connect_grid>li {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
  }
}

@media (max-width:1280px) {
  .business .detail.grb_figma .grb_sec_depth .grb_connect_grid>li .grb_connect_card {
    width: 100% !important;
    height: auto !important;
  }
}

@media (max-width:1280px) {
  .business .detail.grb_figma .grb_sec_depth .grb_connect_grid>li .grb_media {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: auto !important;
    overflow: hidden !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 6px !important;
    background: #fff !important;
  }
}

@media (max-width:1280px) {

  .business .detail.grb_figma .grb_sec_depth .grb_connect_grid>li .grb_media::before,
  .business .detail.grb_figma .grb_sec_depth .grb_connect_grid>li .grb_media::after {
    display: none !important;
    content: none !important;
  }
}

@media (max-width:1280px) {
  .business .detail.grb_figma .grb_sec_depth .grb_connect_grid>li .grb_media img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: auto !important;
    object-fit: contain !important;
    object-position: center center !important;
    padding: 0 !important;
  }
}

@media (max-width:1280px) {
  .business .detail.grb_figma .grb_sec_depth .grb_connect_grid>li:nth-child(2) .flow_note {
    margin-top: 18px !important;
  }
}

/* 260506 CAN > GC라멘교 개념표 / 경간장별 형고표 태블릿 전용 PC표 레이아웃 유지 */
@media (min-width:770px) and (max-width:1280px) {
  .business .detail.can.can_figma:not(.seg_figma) .can_sec_concept .can_compare {
    width: 100% !important;
    overflow: hidden !important;
  }
}

@media (min-width:770px) and (max-width:1280px) {

  .business .detail.can.can_figma:not(.seg_figma) .can_sec_concept .can_compare_head,
  .business .detail.can.can_figma:not(.seg_figma) .can_sec_concept .can_compare_row {
    display: grid !important;
    grid-template-columns: 18% 41% 41% !important;
    width: 100% !important;
  }
}

@media (min-width:770px) and (max-width:1280px) {

  .business .detail.can.can_figma:not(.seg_figma) .can_sec_concept .can_compare_head .can_compare_th:first-child,
  .business .detail.can.can_figma:not(.seg_figma) .can_sec_concept .can_compare_label {
    display: flex !important;
  }
}

@media (min-width:770px) and (max-width:1280px) {
  .business .detail.can.can_figma:not(.seg_figma) .can_sec_concept .can_compare_th {
    height: 46px !important;
    font-size: 16px !important;
    padding: 8px !important;
  }
}

@media (min-width:770px) and (max-width:1280px) {
  .business .detail.can.can_figma:not(.seg_figma) .can_sec_concept .can_compare_label {
    padding: 12px 8px !important;
    font-size: 16px !important;
    line-height: 1.3 !important;
  }
}

@media (min-width:770px) and (max-width:1280px) {

  .business .detail.can.can_figma:not(.seg_figma) .can_sec_concept .can_compare_cell,
  .business .detail.can.can_figma:not(.seg_figma) .can_sec_concept .can_compare_textbox {
    padding: 8px !important;
    min-height: clamp(180px, 24vw, 280px) !important;
    height: clamp(180px, 24vw, 280px) !important;
    box-sizing: border-box !important;
  }
}

@media (min-width:770px) and (max-width:1280px) {
  .business .detail.can.can_figma:not(.seg_figma) .can_sec_concept .can_compare_stack {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
  }
}

@media (min-width:770px) and (max-width:1280px) {
  .business .detail.can.can_figma:not(.seg_figma) .can_sec_concept .can_compare_stack .can_compare_cell {
    min-height: clamp(180px, 24vw, 280px) !important;
    height: clamp(180px, 24vw, 280px) !important;
  }
}

@media (min-width:770px) and (max-width:1280px) {
  .business .detail.can.can_figma:not(.seg_figma) .can_sec_concept .can_compare_row.is-multi .can_compare_stack {
    display: grid !important;
    grid-template-rows: repeat(2, clamp(180px, 24vw, 280px)) !important;
  }
}

@media (min-width:770px) and (max-width:1280px) {
  .business .detail.can.can_figma:not(.seg_figma) .can_sec_concept .can_compare_cell img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
  }
}

@media (min-width:770px) and (max-width:1280px) {
  .business .detail.can.can_figma:not(.seg_figma) .can_sec_concept .can_compare_row.can_compare_text .can_compare_textbox {
    height: auto !important;
    min-height: 120px !important;
    padding: 16px !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
  }
}

@media (min-width:770px) and (max-width:1280px) {
  .business .detail.can.can_figma:not(.seg_figma) .can_sec_span .can_span_top {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) clamp(260px, 32vw, 460px) !important;
    width: 100% !important;
    border-top: 1px solid #ccc !important;
  }
}

@media (min-width:770px) and (max-width:1280px) {
  .business .detail.can.can_figma:not(.seg_figma) .can_sec_span .can_span_main {
    min-height: clamp(220px, 30vw, 320px) !important;
    padding: 8px !important;
  }
}

@media (min-width:770px) and (max-width:1280px) {
  .business .detail.can.can_figma:not(.seg_figma) .can_sec_span .can_span_main img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
  }
}

@media (min-width:770px) and (max-width:1280px) {
  .business .detail.can.can_figma:not(.seg_figma) .can_sec_span .can_span_gallery.two {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media (min-width:770px) and (max-width:1280px) {
  .business .detail.can.can_figma:not(.seg_figma) .can_sec_span .can_span_item+.can_span_item {
    border-left: 1px solid #ccc !important;
    border-top: 0 !important;
  }
}

@media (min-width:770px) and (max-width:1280px) {
  .business .detail.can.can_figma:not(.seg_figma) .can_sec_span .can_small_table_wrap {
    width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
  }
}

@media (min-width:770px) and (max-width:1280px) {
  .business .detail.can.can_figma:not(.seg_figma) .can_sec_span .can_small_table {
    width: 100% !important;
    min-width: 0 !important;
    font-size: 14px !important;
  }
}

@media (min-width:770px) and (max-width:1280px) {

  .business .detail.can.can_figma:not(.seg_figma) .can_sec_span .can_small_table th,
  .business .detail.can.can_figma:not(.seg_figma) .can_sec_span .can_small_table td {
    padding: 10px 8px !important;
    line-height: 1.35 !important;
  }
}

/* 260506 CAN > 경간장별 형고표 태블릿 전용 헤더 한줄 처리 */
@media (min-width:770px) and (max-width:1280px) {
  .business .detail.can.can_figma:not(.seg_figma) .can_sec_span .can_small_table th:first-child {
    width: 34% !important;
    white-space: nowrap !important;
  }
}

@media (min-width:770px) and (max-width:1280px) {
  .business .detail.can.can_figma:not(.seg_figma) .can_sec_span .can_small_table th:nth-child(2) {
    width: 66% !important;
    font-size: 16px !important;
    letter-spacing: -0.09em !important;
    white-space: nowrap !important;
    word-break: keep-all !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
  }
}

/* 260506 PR > 브로슈어 태블릿 전용 PTC/가족사 1칸씩 배치 */
@media (min-width:770px) and (max-width:1280px) {
  .pr .brochure .pr_contents>.pr_brochure {
    flex-direction: column !important;
    gap: 80px !important;
    width: 100% !important;
  }
}

@media (min-width:770px) and (max-width:1280px) {
  .pr .brochure .pr_brochure>div {
    width: 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
}

@media (min-width:770px) and (max-width:1280px) {
  .pr .brochure .brochure_list {
    width: 100% !important;
  }
}

@media (min-width:770px) and (max-width:1280px) {
  .pr .brochure .brochure_list li div {
    padding: 8% 12% !important;
  }
}

/* 260506 말뚝 > 설계/컨설팅 PC 이미지 우측 여백 제거 - 태블릿/모바일 영향 없음 */
@media (min-width:1281px) {
  .business .detail.biz_figma.deck .adv[data-subtab-panel="design"] ul>li>div {
    display: flex !important;
    gap: 8px !important;
    width: 100% !important;
    height: 320px !important;
    max-height: 320px !important;
    overflow: hidden !important;
  }

  .business .detail.biz_figma.deck .adv[data-subtab-panel="design"] ul>li>div>img {
    display: block !important;
    flex: 1 1 0 !important;
    width: 0 !important;
    min-width: 0 !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
  }
}

/* 260506 GRB > 지지력/그라우팅, HCP 제작개요 모바일 1열 정렬 - PC/태블릿 영향 없음 */
@media (max-width:769px) {

  .business .detail.grb_figma .grb_sec_capacity .grb_media_grid.col2,
  .business .detail.grb_figma .grb_sec_hcp_make .grb_media_grid.col2 {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 16px !important;
    width: 100% !important;
  }

  .business .detail.grb_figma .grb_sec_capacity .grb_media_grid.col2>li,
  .business .detail.grb_figma .grb_sec_hcp_make .grb_media_grid.col2>li {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .business .detail.grb_figma .grb_sec_capacity .grb_media_grid.col2 .grb_media,
  .business .detail.grb_figma .grb_sec_hcp_make .grb_media_grid.col2 .grb_media {
    width: 100% !important;
  }

  .business .detail.grb_figma .grb_sec_capacity .grb_media_grid.col2 .grb_media img,
  .business .detail.grb_figma .grb_sec_hcp_make .grb_media_grid.col2 .grb_media img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
  }
}

/* 260506 MAIN > 모바일 사업영역 카드 긴 제목 줄바꿈 - PC/태블릿 영향 없음 */
@media (max-width:769px) {

  .main .main_business.mo .section_body .card_mo>a[href="business_seg.php"] .card_body h4,
  .main .main_business.mo .section_body .card_mo>a[href="business_beam.php"] .card_body h4 {
    font-size: 0 !important;
    line-height: 1.08 !important;
    word-break: keep-all !important;
  }

  .main .main_business.mo .section_body .card_mo>a[href="business_seg.php"] .card_body h4>p,
  .main .main_business.mo .section_body .card_mo>a[href="business_beam.php"] .card_body h4>p {
    font-size: 10px !important;
    line-height: 1.2 !important;
  }

  .main .main_business.mo .section_body .card_mo>a[href="business_seg.php"] .card_body h4::after {
    content: "RSD 강관보도교\A" !important;
    display: block !important;
    white-space: pre-line !important;
    font-size: 26px !important;
    font-weight: 700 !important;
    line-height: 1.08 !important;
    color: #000 !important;
  }

  .main .main_business.mo .section_body .card_mo>a[href="business_beam.php"] .card_body h4::after {
    content: "지반조사 및\A물리탐사" !important;
    display: block !important;
    white-space: pre-line !important;
    font-size: 26px !important;
    font-weight: 700 !important;
    line-height: 1.08 !important;
    color: #000 !important;
  }
}

/* 260506 MAIN > 태블릿 Sheet wall(RSW) 카드 hover 설명글 잘림 방지 - PC/모바일 영향 없음 */
@media (min-width:770px) and (max-width:1280px) {

  .main .main_business.pc .section_body .card:has(>a[href="business_seg.php"]):hover,
  .main .main_business.pc .section_body .card.is_active:has(>a[href="business_seg.php"]) {
    height: auto !important;
    min-height: 380px !important;
    overflow: visible !important;
    z-index: 30 !important;
  }

  .main .main_business.pc .section_body .card:has(>a[href="business_seg.php"]):hover>a,
  .main .main_business.pc .section_body .card.is_active:has(>a[href="business_seg.php"])>a {
    height: auto !important;
    min-height: 380px !important;
  }

  .main .main_business.pc .section_body .card:has(>a[href="business_seg.php"]):hover .card_body,
  .main .main_business.pc .section_body .card.is_active:has(>a[href="business_seg.php"]) .card_body {
    height: auto !important;
    min-height: 380px !important;
    padding-bottom: 20px !important;
    box-sizing: border-box !important;
  }

  .main .main_business.pc .section_body .card:has(>a[href="business_seg.php"]):hover .card_body>p,
  .main .main_business.pc .section_body .card.is_active:has(>a[href="business_seg.php"]) .card_body>p {
    display: block !important;
    max-height: none !important;
    overflow: visible !important;
    font-size: 15px !important;
    line-height: 1.55 !important;
    word-break: keep-all !important;
  }
}

/* 260507 TOP 버튼 최종 정리 - 기본 위치는 화면 하단 기준 40px */
html body .topBtn {
  position: fixed !important;
  right: 3% !important;
  bottom: 40px;
  width: 60px;
  height: 60px;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  z-index: 99999 !important;
  transition: bottom .25s ease !important;
}

html body .topBtn .topClr {
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  right: auto !important;
  bottom: auto !important;
  transform: none !important;
  width: 60px !important;
  height: 60px !important;
  margin: 0 !important;
  background: rgba(0, 0, 0, .8) !important;
}

html body .topBtn .topClr .topArr {
  height: 35px !important;
}

@media (min-width:770px) and (max-width:1280px) {
  html body .topBtn {
    right: 28px !important;
    bottom: 40px;
    width: 56px;
    height: 56px;
  }
}

@media (min-width:770px) and (max-width:1280px) {
  html body .topBtn .topClr {
    width: 56px !important;
    height: 56px !important;
  }
}

@media (min-width:770px) and (max-width:1280px) {
  html body .topBtn .topClr .topArr {
    height: 32px !important;
  }
}

@media (max-width:769px) {
  html body .topBtn {
    right: 18px !important;
    bottom: 16px !important;
    width: 52px !important;
    height: 52px !important;
  }
}

@media (max-width:769px) {
  html body .topBtn .topClr {
    width: 52px !important;
    height: 52px !important;
  }
}

@media (max-width:769px) {
  html body .topBtn .topClr .topArr {
    height: 30px !important;
  }
}

/* 260506 말뚝 > 장말뚝시공 시공실적 모바일 말뚝길이 컬럼 한줄 처리 - PC/태블릿 영향 없음 */
@media (max-width:769px) {
  .business .detail.biz_figma.deck .construction_panel[data-subtab-panel="construction"] .construction_result .ui_table {
    table-layout: fixed !important;
    width: 100% !important;
  }

  .business .detail.biz_figma.deck .construction_panel[data-subtab-panel="construction"] .construction_result .ui_table th:nth-child(1),
  .business .detail.biz_figma.deck .construction_panel[data-subtab-panel="construction"] .construction_result .ui_table td:nth-child(1) {
    width: 31% !important;
  }

  .business .detail.biz_figma.deck .construction_panel[data-subtab-panel="construction"] .construction_result .ui_table th:nth-child(2),
  .business .detail.biz_figma.deck .construction_panel[data-subtab-panel="construction"] .construction_result .ui_table td:nth-child(2) {
    width: 44% !important;
  }

  .business .detail.biz_figma.deck .construction_panel[data-subtab-panel="construction"] .construction_result .ui_table th:nth-child(3),
  .business .detail.biz_figma.deck .construction_panel[data-subtab-panel="construction"] .construction_result .ui_table td:nth-child(3) {
    width: 25% !important;
    white-space: nowrap !important;
    word-break: keep-all !important;
  }
}

/* 260506 모바일 사이트맵 direct 메뉴 클릭 복구 - 인재채용 이동 오류 수정 / PC·태블릿 영향 없음 */
@media (max-width:769px) {
  header .sitemap .gnb dl.direct>dt>a {
    pointer-events: auto !important;
    cursor: pointer !important;
  }
}

/* 260506 연구실적 > 주요 연구 보고서 이미지 호버/돋보기 커서 제거 - 다른 페이지 영향 없음 */
.technology .sub_contents.ip .rnd_report_wrap .rnd_report_list .thumb_box {
  cursor: default !important;
}

.technology .sub_contents.ip .rnd_report_wrap .rnd_report_list .thumbnail {
  cursor: default !important;
  pointer-events: none !important;
}

.technology .sub_contents.ip .rnd_report_wrap .rnd_report_list>li {
  cursor: default !important;
}

.technology .sub_contents.ip .rnd_report_wrap .rnd_report_list>li:hover {
  cursor: default !important;
}

/* 260506 사업영역 상단 탭 PC→태블릿 중간 깨짐 방지 - 모바일 영향 없음 */
@media (min-width:1281px) and (max-width:1440px) {
  .sub_container.business .sub_tab {
    display: block !important;
    position: absolute !important;
    top: 592px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 100% !important;
    height: 54px !important;
    z-index: 10 !important;
  }

  .sub_container.business .sub_tab ul {
    display: flex !important;
    width: 100% !important;
    max-width: 1440px !important;
    margin: 0 auto !important;
    padding: 0 4% !important;
    box-sizing: border-box !important;
  }

  .sub_container.business .sub_tab li {
    flex: 1 1 0 !important;
    max-width: none !important;
    height: 54px !important;
    text-align: center !important;
  }

  .sub_container.business .sub_tab li a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 54px !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
  }

  .sub_container.business .sub_tab_b {
    display: none !important;
  }

  .sub_container.business .sub_tab_mobile {
    display: none !important;
  }
}

/* 260506 BEAM > 시추조사/물리탐사 PC+태블릿 이미지 박스 꽉차게 */
@media (min-width:770px) {
  .business .detail.biz_figma.deck.tab_fit_3 .adv[data-subtab-panel="design"] ul>li>.beam_drill_grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 0 !important;
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    overflow: hidden !important;
  }
}

@media (min-width:770px) {
  .business .detail.biz_figma.deck.tab_fit_3 .adv[data-subtab-panel="design"] ul>li>.beam_drill_grid .beam_drill_item {
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 315/360 !important;
    position: relative !important;
    overflow: hidden !important;
  }
}

@media (min-width:770px) {
  .business .detail.biz_figma.deck.tab_fit_3 .adv[data-subtab-panel="design"] ul>li>.beam_drill_grid .beam_drill_item img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: cover !important;
    object-position: center center !important;
  }
}

@media (min-width:770px) {
  .business .detail.biz_figma.deck.tab_fit_3 .adv[data-subtab-panel="design"] ul>li>.beam_drill_grid .beam_drill_item figcaption {
    z-index: 5 !important;
  }
}

/* 260506 연구자료 > 관련자료 1440+태블릿+모바일 안쪽 중복 좌우 패딩 제거 */
@media (max-width:1440px) {
  .sub_container.technology.date_page .sub_contents.detail.biz_figma.deck .ip[data-subtab-panel="design"] .related_paper_wrap.w1440 {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }
}

@media (max-width:1440px) {
  .sub_container.technology.date_page .sub_contents.detail.biz_figma.deck .ip[data-subtab-panel="design"] .related_paper_wrap .paper_hover_list {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }
}

/* 260506 NOD > 마감 설명 텍스트 줄 시작점 좌측 정렬 */
.business .detail.biz_figma .can_sec_record.nod_finish_style .biz_subgroup>.flow_note.flow_note_dot>li {
  width: 280px !important;
  text-align: left !important;
}

/* 260506 NOD > 마감 설명 하이픈 색상/두께 통일 */
.business .detail.biz_figma .can_sec_record.nod_finish_style .biz_subgroup>.flow_note.flow_note_dot>li::before {
  content: "-" !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  width: auto !important;
  height: auto !important;
  background: none !important;
  color: #333 !important;
  font-size: inherit !important;
  font-weight: 400 !important;
  line-height: inherit !important;
  transform: none !important;
  border-radius: 0 !important;
}

/* 260507 RND > 주요 연구 보고서 모바일만 줄바꿈 - PC/태블릿 영향 없음 */
@media (max-width:577px) {
  .technology .ip .rnd_report_wrap .ip_patent_list .row_label {
    font-size: 28px !important;
    line-height: 1.25 !important;
    white-space: normal !important;
    word-break: keep-all !important;
    overflow-wrap: break-word !important;
    max-width: 100% !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }
}

@media (max-width:577px) {
  .technology .ip .rnd_report_wrap .ip_patent_list .row_label strong {
    display: block !important;
    font-size: 28px !important;
    line-height: 1.25 !important;
    white-space: normal !important;
    word-break: keep-all !important;
    overflow-wrap: break-word !important;
  }
}

/* 260506 기술개발 > row_label 타이틀 모바일 전용 크기 조정 */
@media (max-width:769px) {
  .technology .ip .ip_patent_list .row_label {
    font-size: 28px !important;
    line-height: 1.25 !important;
  }
}

@media (max-width:769px) {
  .technology .ip .ip_patent_list .row_label strong {
    font-size: 28px !important;
    line-height: 1.25 !important;
  }
}

/* GRB > 설명글 앞 '-' 와 텍스트 간격 조정 */
.business .detail.grb_figma .flow_note.flow_note_dot li {
  position: relative !important;
  padding: 4px 4px 4px 18px !important;
  list-style: none !important;
}

.business .detail.grb_figma .flow_note.flow_note_dot li::before {
  content: "" !important;
  position: absolute !important;
  left: 4px !important;
  top: 15px !important;
  width: 8px !important;
  height: 2px !important;
  background: #333 !important;
  border-radius: 0 !important;
  transform: none !important;
}

/* DECK > 장말뚝시공 설명글 '-' 와 텍스트 간격 조정 - deck만 적용 */
.business .detail.biz_figma.deck.tab_fit_3 .construction_flow .flow_note.flow_note_dot li {
  position: relative !important;
  list-style: none !important;
  margin-left: 0 !important;
  padding-left: 26px !important;
  line-height: 1.9 !important;
  color: #333 !important;
  white-space: normal !important;
}

.business .detail.biz_figma.deck.tab_fit_3 .construction_flow .flow_note.flow_note_dot li::before {
  content: "" !important;
  position: absolute !important;
  left: 6px !important;
  top: .95em !important;
  width: 8px !important;
  height: 2px !important;
  background: #333 !important;
  border-radius: 0 !important;
  transform: none !important;
}

/* DECK > 장말뚝시공 공법개요 이미지 모바일 교체 안정화 */
.business .detail.biz_figma.deck.tab_fit_3 .construction_compare.dma_img_wrap .deck_dma_picture {
  display: block !important;
  width: 100% !important;
}

.business .detail.biz_figma.deck.tab_fit_3 .construction_compare.dma_img_wrap .deck_dma_picture img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
}

@media (max-width:769px) {
  .business .detail.biz_figma.deck.tab_fit_3 .construction_compare.dma_img_wrap .deck_dma_picture {
    width: 100% !important;
  }
}

@media (max-width:769px) {
  .business .detail.biz_figma.deck.tab_fit_3 .construction_compare.dma_img_wrap .deck_dma_picture img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
  }
}

/* MAIN > 모바일 사업소개 : Sheet wall(RSW) 카드만 높이 축소 */
@media (max-width:769px) {
  .main .main_business.mo .section_body .card_mo:has(>a[href="business_seg.php"]) {
    padding: 20px 25px !important;
  }
}

@media (max-width:769px) {
  .main .main_business.mo .section_body .card_mo>a[href="business_seg.php"] .card_body>p {
    margin-top: 28px !important;
    font-size: 13px !important;
    line-height: 1.55 !important;
  }
}

/* MAIN > 모바일 연구개발 섹션 상단 패딩 제거 */
@media (max-width:769px) {
  .main .technology_wrap .main_con.technology {
    padding-top: 0 !important;
  }
}

/* 260507 TOP 버튼 모바일 하단 위치 강제 고정 - PC/태블릿 영향 없음 */

/* 260507 모바일 내부 탭 전체 통일 - 회사소개/사업소개/연구개발 공통, PC/태블릿 영향 없음 */
@media (max-width:769px) {
  .sub_container .sub_tab_mobile .btn_sub_tab {
    font-size: 14px !important;
  }
}

@media (max-width:769px) {
  .sub_container .sub_tab_mobile .sub_tab_list li a {
    font-size: 14px !important;
  }
}

@media (max-width:769px) {

  .sub_container .sub_contents .detail_local_tab,
  .business .detail .detail_local_tab,
  .business .detail.tab_fit_3 .detail_local_tab,
  .sub_container.technology .sub_contents.detail.biz_figma>.detail_local_tab.w1440 {
    display: flex !important;
    width: calc(100% - 32px) !important;
    max-width: calc(100% - 32px) !important;
    margin: 0 auto 24px !important;
    padding: 0 !important;
    overflow: visible !important;
    justify-content: center !important;
    gap: 1px !important;
    box-sizing: border-box !important;
  }
}

@media (max-width:769px) {

  .sub_container .sub_contents .detail_local_tab>li,
  .business .detail .detail_local_tab>li,
  .business .detail.tab_fit_3 .detail_local_tab>li,
  .sub_container.technology .sub_contents.detail.biz_figma>.detail_local_tab.w1440>li {
    flex: 1 1 0 !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
  }
}

@media (max-width:769px) {

  .sub_container .sub_contents .detail_local_tab>li .tab_btn,
  .business .detail .detail_local_tab>li .tab_btn,
  .business .detail.tab_fit_3 .detail_local_tab>li .tab_btn,
  .sub_container.technology .sub_contents.detail.biz_figma>.detail_local_tab.w1440>li .tab_btn {
    width: 100% !important;
    min-width: 0 !important;
    height: 48px !important;
    padding: 0 6px !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
    white-space: normal !important;
    word-break: keep-all !important;
    letter-spacing: -0.05em !important;
    text-align: center !important;
  }
}

/* 260507 사업소개 대시 리스트 통일 - 사업소개 7개 페이지 공통 */
.business .detail .biz_dash_list {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  margin: 8px 0 0 !important;
  padding: 0 !important;
  list-style: none !important;
  text-align: left !important;
}

.business .detail .biz_dash_list>li,
.business .detail .biz_dash_list>.dash_item,
.business .detail .flow_note.flow_note_dot>li {
  position: relative !important;
  display: block !important;
  grid-template-columns: none !important;
  margin: 0 !important;
  padding: 0 0 0 18px !important;
  list-style: none !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 1.55 !important;
  color: inherit !important;
  word-break: keep-all !important;
  white-space: normal !important;
  text-align: left !important;
}

.business .detail .biz_dash_list>li::before,
.business .detail .biz_dash_list>.dash_item::before,
.business .detail .flow_note.flow_note_dot>li::before {
  content: "" !important;
  position: absolute !important;
  left: 2px !important;
  top: .78em !important;
  width: 8px !important;
  height: 2px !important;
  background: #333 !important;
  border-radius: 0 !important;
  transform: none !important;
}

.business .detail .flow_note.flow_note_dot {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  margin-top: 10px !important;
  padding: 0 !important;
  list-style: none !important;
}

.business .detail .can_value_label .biz_dash_list {
  display: flex !important;
  margin-top: 8px !important;
  color: #666 !important;
  font-size: 16px !important;
  line-height: 1.5 !important;
}

.business .detail .nod_overview_desc .biz_dash_list {
  margin-top: 0 !important;
}

.business .detail .can_method_row .cell.text .biz_dash_list {
  margin-top: 0 !important;
}

@media (max-width:769px) {
  .business .detail .biz_dash_list {
    gap: 3px !important;
    margin-top: 6px !important;
  }
}

@media (max-width:769px) {

  .business .detail .biz_dash_list>li,
  .business .detail .biz_dash_list>.dash_item,
  .business .detail .flow_note.flow_note_dot>li {
    padding-left: 16px !important;
    line-height: 1.55 !important;
  }
}

@media (max-width:769px) {

  .business .detail .biz_dash_list>li::before,
  .business .detail .biz_dash_list>.dash_item::before,
  .business .detail .flow_note.flow_note_dot>li::before {
    left: 1px !important;
    top: .78em !important;
    width: 8px !important;
    height: 2px !important;
  }
}

@media (max-width:769px) {
  .business .detail .can_value_label .biz_dash_list {
    font-size: 14px !important;
    line-height: 1.5 !important;
  }
}

/* 260507 DECK 대시 리스트 span 충돌 보정 */
.business .detail .adv ul>li p .biz_dash_list {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  margin: 8px 0 0 !important;
  padding: 0 !important;
  font-size: 22px !important;
  font-weight: 400 !important;
  line-height: 1.55 !important;
  color: #333 !important;
}

.business .detail .adv ul>li p .biz_dash_list::before {
  display: none !important;
  content: none !important;
}

.business .detail .adv ul>li p .biz_dash_list .dash_item {
  position: relative !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 0 0 18px !important;
  font-style: normal !important;
  font-size: inherit !important;
  font-weight: 400 !important;
  line-height: 1.55 !important;
  color: #333 !important;
}

.business .detail .adv ul>li p .biz_dash_list .dash_item::before {
  content: "" !important;
  position: absolute !important;
  left: 2px !important;
  top: .78em !important;
  width: 8px !important;
  height: 2px !important;
  background: #333 !important;
}

@media (max-width:769px) {
  .business .detail .adv ul>li p .biz_dash_list {
    font-size: 16px !important;
    line-height: 1.55 !important;
  }
}

@media (max-width:769px) {
  .business .detail .adv ul>li p .biz_dash_list .dash_item {
    padding-left: 16px !important;
  }
}

@media (max-width:769px) {
  .business .detail .adv ul>li p .biz_dash_list .dash_item::before {
    left: 1px !important;
    top: .78em !important;
    width: 8px !important;
    height: 2px !important;
  }
}

/* 260507 NOD 개요 이미지 하단 대시 리스트 공통 스타일 보정 */
.business .detail.nod .nod_overview_main .biz_dash_list {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  margin: 12px 0 0 !important;
  padding: 0 !important;
  list-style: none !important;
  text-align: left !important;
  font-size: inherit !important;
  line-height: inherit !important;
  color: inherit !important;
}

.business .detail.nod .nod_overview_main .biz_dash_list>li {
  position: relative !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 0 0 18px !important;
  list-style: none !important;
  font-size: inherit !important;
  font-weight: 400 !important;
  line-height: 1.55 !important;
  color: #333 !important;
  word-break: keep-all !important;
  white-space: normal !important;
  text-align: left !important;
}

.business .detail.nod .nod_overview_main .biz_dash_list>li::before {
  content: "" !important;
  position: absolute !important;
  left: 2px !important;
  top: .78em !important;
  width: 8px !important;
  height: 2px !important;
  background: #333 !important;
  border-radius: 0 !important;
  transform: none !important;
}

@media (max-width:769px) {
  .business .detail.nod .nod_overview_main .biz_dash_list {
    gap: 3px !important;
    margin-top: 10px !important;
  }
}

@media (max-width:769px) {
  .business .detail.nod .nod_overview_main .biz_dash_list>li {
    padding-left: 16px !important;
    font-size: inherit !important;
    line-height: 1.55 !important;
  }
}

@media (max-width:769px) {
  .business .detail.nod .nod_overview_main .biz_dash_list>li::before {
    left: 1px !important;
    top: .78em !important;
    width: 8px !important;
    height: 2px !important;
  }
}

/* 260507 GRB 공법개요 이미지 하단 대시 리스트만 18px */
.business .detail.grb_figma .grb_sec_overview .nod_overview_main .biz_dash_list {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  margin: 12px 0 0 !important;
  padding: 0 !important;
  list-style: none !important;
  font-size: 18px !important;
  line-height: 1.55 !important;
  color: #333 !important;
  text-align: left !important;
}

.business .detail.grb_figma .grb_sec_overview .nod_overview_main .biz_dash_list>li {
  position: relative !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 0 0 18px !important;
  list-style: none !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  line-height: 1.55 !important;
  color: #333 !important;
  word-break: keep-all !important;
  white-space: normal !important;
  text-align: left !important;
}

.business .detail.grb_figma .grb_sec_overview .nod_overview_main .biz_dash_list>li::before {
  content: "" !important;
  position: absolute !important;
  left: 2px !important;
  top: .78em !important;
  width: 8px !important;
  height: 2px !important;
  background: #333 !important;
  border-radius: 0 !important;
  transform: none !important;
}

@media (max-width:769px) {
  .business .detail.grb_figma .grb_sec_overview .nod_overview_main .biz_dash_list {
    font-size: 18px !important;
    line-height: 1.55 !important;
  }
}

@media (max-width:769px) {
  .business .detail.grb_figma .grb_sec_overview .nod_overview_main .biz_dash_list>li {
    padding-left: 16px !important;
    font-size: 18px !important;
    line-height: 1.55 !important;
  }
}

@media (max-width:769px) {
  .business .detail.grb_figma .grb_sec_overview .nod_overview_main .biz_dash_list>li::before {
    left: 1px !important;
    top: .78em !important;
    width: 8px !important;
    height: 2px !important;
  }
}

/* 260507 GRB 공법개요 이미지 하단 설명 모바일 최종 보정 */
.business .detail.grb_figma .grb_sec_overview .nod_overview_main .biz_dash_list.img_dash_list {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  margin: 12px 0 0 !important;
  padding: 0 !important;
  list-style: none !important;
  font-size: 18px !important;
  line-height: 1.55 !important;
  color: #333 !important;
  text-align: left !important;
}

.business .detail.grb_figma .grb_sec_overview .nod_overview_main .biz_dash_list.img_dash_list>li {
  position: relative !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 0 0 18px !important;
  list-style: none !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  line-height: 1.55 !important;
  color: #333 !important;
  word-break: keep-all !important;
  white-space: normal !important;
  text-align: left !important;
}

.business .detail.grb_figma .grb_sec_overview .nod_overview_main .biz_dash_list.img_dash_list>li::before {
  content: "" !important;
  position: absolute !important;
  left: 2px !important;
  top: .78em !important;
  width: 8px !important;
  height: 2px !important;
  background: #333 !important;
  border-radius: 0 !important;
  transform: none !important;
  margin: 0 !important;
}

@media (max-width:769px) {
  .business .detail.grb_figma .grb_sec_overview .nod_overview_main .biz_dash_list.img_dash_list>li {
    padding-left: 16px !important;
    font-size: 15px !important;
    line-height: 1.55 !important;
  }
}

@media (max-width:769px) {
  .business .detail.grb_figma .grb_sec_overview .nod_overview_main .biz_dash_list.img_dash_list>li::before {
    left: 1px !important;
    top: .78em !important;
    width: 8px !important;
    height: 2px !important;
  }
}

/* 260507 NOD 데크로드 마감 이미지 하단 대시 리스트 최종 보정 */
.business .detail.biz_figma .can_sec_record.nod_finish_style .biz_subgroup>.flow_note.flow_note_dot.biz_dash_list.img_dash_list {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  margin: 12px 0 0 !important;
  padding: 0 !important;
  list-style: none !important;
  font-size: 18px !important;
  line-height: 1.55 !important;
  color: #333 !important;
  text-align: left !important;
}

.business .detail.biz_figma .can_sec_record.nod_finish_style .biz_subgroup>.flow_note.flow_note_dot.biz_dash_list.img_dash_list>li {
  position: relative !important;
  display: block !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 0 0 18px !important;
  list-style: none !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  line-height: 1.55 !important;
  color: #333 !important;
  word-break: keep-all !important;
  white-space: normal !important;
  text-align: left !important;
}

.business .detail.biz_figma .can_sec_record.nod_finish_style .biz_subgroup>.flow_note.flow_note_dot.biz_dash_list.img_dash_list>li::before {
  content: "" !important;
  position: absolute !important;
  left: 2px !important;
  top: .78em !important;
  width: 8px !important;
  height: 2px !important;
  background: #333 !important;
  color: transparent !important;
  border-radius: 0 !important;
  transform: none !important;
  margin: 0 !important;
}

@media (max-width:769px) {
  .business .detail.biz_figma .can_sec_record.nod_finish_style .biz_subgroup>.flow_note.flow_note_dot.biz_dash_list.img_dash_list>li {
    width: auto !important;
    padding-left: 16px !important;
    font-size: 18px !important;
    line-height: 1.55 !important;
  }
}

@media (max-width:769px) {
  .business .detail.biz_figma .can_sec_record.nod_finish_style .biz_subgroup>.flow_note.flow_note_dot.biz_dash_list.img_dash_list>li::before {
    left: 1px !important;
    top: .78em !important;
    width: 8px !important;
    height: 2px !important;
    background: #333 !important;
  }
}

/* 260507 NOD 데크로드 마감 설명 리스트 박스 100% + 텍스트 묶음 정렬 */
.business .detail.biz_figma .can_sec_record.nod_finish_style .biz_subgroup>.flow_note.flow_note_dot.biz_dash_list.img_dash_list {
  display: grid !important;
  grid-template-columns: max-content !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0px 0 0 !important;
  padding: 18px 20px !important;
  text-align: left !important;
  box-sizing: border-box !important;
}

.business .detail.biz_figma .can_sec_record.nod_finish_style .biz_subgroup>.flow_note.flow_note_dot.biz_dash_list.img_dash_list>li {
  width: 100% !important;
  max-width: 100% !important;
  text-align: left !important;
}

@media (max-width:769px) {
  .business .detail.biz_figma .can_sec_record.nod_finish_style .biz_subgroup>.flow_note.flow_note_dot.biz_dash_list.img_dash_list {
    grid-template-columns: max-content !important;
    width: 100% !important;
    padding: 16px 18px !important;
  }
}

/* 260507 SEG 자강판 앞 일자선 문자 대체 */
.business .detail.seg_figma .seg_bar_text {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  white-space: nowrap !important;
}

.business .detail.seg_figma .seg_bar_text::before {
  content: "" !important;
  display: inline-block !important;
  width: 10px !important;
  height: 2px !important;
  background: #333 !important;
  flex: 0 0 10px !important;
  transform: translateY(0px) !important;
}

@media (max-width:769px) {
  .business .detail.seg_figma .seg_bar_text {
    gap: 6px !important;
  }
}

@media (max-width:769px) {
  .business .detail.seg_figma .seg_bar_text::before {
    width: 9px !important;
    height: 2px !important;
    flex-basis: 9px !important;
  }
}

/* 260507 SEG 모바일 자강판 선 텍스트 크기 보정 - PC/태블릿 영향 없음 */
@media (max-width:769px) {
  .business .detail.seg_figma .seg_structure_behavior .biz_metric_head .biz_metric_cell .seg_bar_text {
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
  }
}

@media (max-width:769px) {
  .business .detail.seg_figma .seg_structure_behavior .biz_metric_head .biz_metric_cell .seg_bar_text::before {
    width: 9px !important;
    height: 2px !important;
    flex: 0 0 9px !important;
  }
}

/* 260507 SEG 모바일 구조거동 표 헤더 텍스트 14px 보정 - PC/태블릿 영향 없음 */
@media (max-width:769px) {

  .business .detail.seg_figma .seg_structure_behavior .biz_metric_head .biz_metric_cell:nth-child(2),
  .business .detail.seg_figma .seg_structure_behavior .biz_metric_head .biz_metric_cell:nth-child(3) {
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
  }
}

/* 260507 SEG > 현장시험 이미지 radius 0 + 타이틀 하단 오버레이 */
.business .detail.seg_figma .can_sec_record .seg_field_test_grid .biz_head_card {
  position: relative !important;
  padding: 0 !important;
  border-radius: 0 !important;
  overflow: hidden !important;
  background: #fff !important;
}

.business .detail.seg_figma .can_sec_record .seg_field_test_grid .biz_head_card>strong {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: auto !important;
  bottom: 0 !important;
  z-index: 3 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 42px !important;
  min-height: 42px !important;
  margin: 0 !important;
  padding: 0 16px !important;
  box-sizing: border-box !important;
  background: rgba(0, 0, 0, .45) !important;
  background-image: none !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 0 !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  text-align: center !important;
  letter-spacing: -0.04em !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

.business .detail.seg_figma .can_sec_record .seg_field_test_grid .biz_head_card .biz_media {
  position: relative !important;
  height: 320px !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  overflow: hidden !important;
  background: #fff !important;
}

.business .detail.seg_figma .can_sec_record .seg_field_test_grid .biz_head_card .biz_media img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  border-radius: 0 !important;
}

/* 태블릿 */
@media (max-width:1000px) {
  .business .detail.seg_figma .can_sec_record .seg_field_test_grid .biz_head_card .biz_media {
    height: 260px !important;
  }
}

/* 모바일 */
@media (max-width:769px) {
  .business .detail.seg_figma .can_sec_record .seg_field_test_grid .biz_head_card .biz_media {
    height: auto !important;
    aspect-ratio: 16/9 !important;
  }
}

@media (max-width:769px) {
  .business .detail.seg_figma .can_sec_record .seg_field_test_grid .biz_head_card>strong {
    height: 40px !important;
    min-height: 40px !important;
    font-size: 15px !important;
    padding: 0 12px !important;
  }
}

/* 260507 SEG > 현장시험 모바일 1열 정렬 - PC/태블릿 영향 없음 */
@media (max-width:577px) {
  .business .detail.seg_figma .can_sec_record .seg_field_test_grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }
}

@media (max-width:577px) {
  .business .detail.seg_figma .can_sec_record .seg_field_test_grid .biz_head_card {
    width: 100% !important;
  }
}

@media (max-width:577px) {
  .business .detail.seg_figma .can_sec_record .seg_field_test_grid .biz_head_card .biz_media {
    height: auto !important;
    aspect-ratio: 16/9 !important;
  }
}

/* 260507 NOD > 공법 개요 모바일 이미지 꽉 차게 - PC/태블릿 영향 없음 */
@media (max-width:577px) {
  .business .detail.biz_figma .nod_sec_overview.pt-0 .nod_overview_grid .nod_overview_thumb {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1.15/1 !important;
    overflow: hidden !important;
    background: #fff !important;
  }
}

@media (max-width:577px) {
  .business .detail.biz_figma .nod_sec_overview.pt-0 .nod_overview_grid .nod_overview_thumb img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: none !important;
    aspect-ratio: auto !important;
    object-fit: cover !important;
    object-position: center !important;
  }
}

/* 260507 NOD > 데크로드 마감 설명 리스트 모바일 폰트/정렬 수정 - PC/태블릿 영향 없음 */
@media (max-width:577px) {
  .business .detail.biz_figma .can_sec_record.nod_finish_style .biz_subgroup>.flow_note.flow_note_dot.biz_dash_list.img_dash_list {
    display: grid !important;
    grid-template-columns: 1fr !important;
    justify-content: stretch !important;
    align-items: start !important;
    width: 100% !important;
    padding: 16px 18px !important;
    text-align: left !important;
  }
}

@media (max-width:577px) {
  .business .detail.biz_figma .can_sec_record.nod_finish_style .biz_subgroup>.flow_note.flow_note_dot.biz_dash_list.img_dash_list>li {
    width: 100% !important;
    max-width: 100% !important;
    font-size: 16px !important;
    line-height: 1.55 !important;
    text-align: left !important;
    padding-left: 16px !important;
    box-sizing: border-box !important;
  }
}

@media (max-width:577px) {
  .business .detail.biz_figma .can_sec_record.nod_finish_style .biz_subgroup>.flow_note.flow_note_dot.biz_dash_list.img_dash_list>li::before {
    left: 1px !important;
    top: .78em !important;
    width: 8px !important;
    height: 2px !important;
    background: #333 !important;
  }
}

/* 260507 NOD > 적용 효과 카드 설명 텍스트 모바일 16px - PC/태블릿 영향 없음 */
@media (max-width:577px) {
  .business .detail.biz_figma .can_sec_benefit .can_value_items .can_value_item .biz_dash_list .dash_item {
    font-size: 16px !important;
    line-height: 1.5 !important;
  }
}

/* 260507 BEAM > 물리탐사 모바일 타이틀 박스만 이미지 아래로 이동 - PC/태블릿 영향 없음 */
@media (max-width:577px) {
  .business .detail.biz_figma.deck.tab_fit_3 [data-subtab-panel="design"]>.w1440>li:nth-child(2) .beam_drill_item {
    position: relative !important;
    overflow: visible !important;
    margin-bottom: 54px !important;
  }
}

@media (max-width:577px) {
  .business .detail.biz_figma.deck.tab_fit_3 [data-subtab-panel="design"]>.w1440>li:nth-child(2) .beam_drill_item figcaption {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    top: 100% !important;
    bottom: auto !important;
    width: 100% !important;
    height: 40px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 12px !important;
    box-sizing: border-box !important;
    background: rgba(0, 0, 0, .45) !important;
    color: #fff !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
    text-align: center !important;
    z-index: 3 !important;
  }
}

/* 260507 BEAM > 물리탐사 모바일 3개 이미지 감싼 보더 제거 - PC/태블릿 영향 없음 */
@media (max-width:577px) {
  .business .detail.biz_figma.deck.tab_fit_3 [data-subtab-panel="design"]>.w1440>li:nth-child(2) .beam_drill_grid {
    border: 0 !important;
    background: transparent !important;
    overflow: visible !important;
  }
}

@media (max-width:577px) {
  .business .detail.biz_figma.deck.tab_fit_3 [data-subtab-panel="design"]>.w1440>li:nth-child(2) .beam_drill_item {
    border: 0 !important;
    border-top: 0 !important;
    border-left: 0 !important;
    background: #fff !important;
  }
}

@media (max-width:577px) {
  .business .detail.biz_figma.deck.tab_fit_3 [data-subtab-panel="design"]>.w1440>li:nth-child(2) .beam_drill_item+.beam_drill_item {
    border-top: 0 !important;
    border-left: 0 !important;
  }
}

@media (max-width:577px) {
  .business .detail.biz_figma.deck.tab_fit_3 [data-subtab-panel="design"]>.w1440>li:nth-child(2) .beam_drill_item img {
    border: 0 !important;
    border-right: 0 !important;
  }
}

/* 260507 BEAM > 물리탐사 모바일 각 이미지에만 보더 추가 - PC/태블릿 영향 없음 */
@media (max-width:577px) {
  .business .detail.biz_figma.deck.tab_fit_3 [data-subtab-panel="design"]>.w1440>li:nth-child(2) .beam_drill_item img {
    border: 1px solid #d9d9d9 !important;
    box-sizing: border-box !important;
  }
}

/* 260507 SEG > 공법 개요 대표 이미지 모바일 전용 교체 - PC/태블릿 영향 없음 */
@media (max-width:577px) {
  .business .detail.biz_figma.seg_figma .can_sec_overview .overview_common .nod_overview_main>img {
    content: url("../images/m_business_seg_gc_hero.png") !important;
    width: 100% !important;
    height: auto !important;
    display: block !important;
    object-fit: contain !important;
    object-position: center !important;
  }
}

/* 260507 MAIN > 연구개발 배경 영문 텍스트 위치 PC 전용 수정 */
@media (min-width:1281px) {
  .main .technology_wrap .main_con.technology::before {
    top: 200px !important;
    left: 760px !important;
    font-size: 100px !important;
  }
}

@media (min-width:1281px) {
  .main .technology_wrap .main_con.technology::after {
    top: 280px !important;
    left: 800px !important;
    font-size: 100px !important;
  }
}

/* 260507 BUSINESS > 주요특성 카드 모바일 아이콘만 타이틀 위로 이동 - PC/태블릿 영향 없음 */
@media (max-width:577px) {
  .business .detail .can_value_item .can_value_label {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    text-align: left !important;
  }
}

@media (max-width:577px) {
  .business .detail .can_value_item .can_value_label .ico {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 44px !important;
    height: 38px !important;
    margin: 0 0 4px 0 !important;
  }
}

@media (max-width:577px) {
  .business .detail .can_value_item .can_value_label .ico img {
    display: block !important;
    width: auto !important;
    height: auto !important;
    max-width: 38px !important;
    max-height: 38px !important;
    object-fit: contain !important;
  }
}

@media (max-width:577px) {
  .business .detail.can_figma .can_value_item .can_value_label p {
    font-size: 18px !important;
    line-height: 1.45 !important;
  }
}

/* 260507 BUSINESS > 주요특성 카드 모바일 서브텍스트 14px + 아이콘 확대 - PC/태블릿 영향 없음 */
@media (max-width:577px) {
  .business .detail .can_value_item .can_value_label .ico {
    width: 56px !important;
    height: 50px !important;
    margin: 0 0 6px 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
  }
}

@media (max-width:577px) {
  .business .detail .can_value_item .can_value_label .ico img {
    width: auto !important;
    height: auto !important;
    max-width: 48px !important;
    max-height: 48px !important;
    object-fit: contain !important;
  }
}

@media (max-width:577px) {
  .business .detail .can_value_item .can_value_label p {
    font-size: 18px !important;
    line-height: 1.45 !important;
  }
}

@media (max-width:577px) {
  .business .detail .can_value_item .can_value_label p span {
    display: block !important;
    margin-top: 8px !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    font-weight: 400 !important;
    color: #666 !important;
  }
}

/* 260507 BUSINESS > 주요특성 카드 모바일 서브텍스트 14px 강제 적용 - PC/태블릿 영향 없음 */
@media (max-width:577px) {
  .business .detail.can_figma .can_value_item .can_value_label p span {
    display: block !important;
    margin-top: 8px !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    font-weight: 400 !important;
    color: #666 !important;
  }
}

@media (max-width:577px) {
  .business .detail.biz_figma .can_value_item .can_value_label p span {
    display: block !important;
    margin-top: 8px !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    font-weight: 400 !important;
    color: #666 !important;
  }
}

/* 260507 IP > 지식재산권 카드 제목 모바일 상단 정렬 - PC/태블릿 영향 없음 */
@media (max-width:577px) {

  .technology.ip_page .ip[data-subtab-panel="design"]>ul>li:not(.row_label):not(.empty) .desc_tit,
  .technology.ip_page .ip[data-subtab-panel="patent"]>ul>li:not(.row_label):not(.empty) .desc_tit,
  .technology.ip_page .ip[data-subtab-panel="kwater"]>ul>li:not(.row_label):not(.empty) .desc_tit {
    align-items: flex-start !important;
  }
}

/* 260507 IP > 지적재산권 모바일 이미지 패딩 적용 - PC/태블릿/타페이지 영향 없음 */
@media (max-width:577px) {

  .technology.ip_page .ip[data-subtab-panel="design"]>ul>li:not(.row_label):not(.empty) .thumbnail,
  .technology.ip_page .ip[data-subtab-panel="patent"]>ul>li:not(.row_label):not(.empty) .thumbnail,
  .technology.ip_page .ip[data-subtab-panel="kwater"]>ul>li:not(.row_label):not(.empty) .thumbnail {
    width: calc(100% - 32px) !important;
    margin: 16px auto 0 !important;
    display: block !important;
    object-fit: contain !important;
    object-position: center !important;
    box-sizing: border-box !important;
  }
}

/* 260507 IP > 수자원공사 탭 모바일 제목 박스 높이만 확대 - PC/태블릿/다른탭 영향 없음 */
@media (max-width:577px) {
  .technology.ip_page .ip[data-subtab-panel="kwater"]>ul>li:not(.row_label):not(.empty) .desc_tit {
    height: 104px !important;
    min-height: 104px !important;
    max-height: 104px !important;
  }
}

/* 260507 PR > 동영상 페이지 배경을 영상 바로 아래로 이동 */
.sub_container.pr .sub_contents.video {
  background-image: none !important;
  overflow: hidden;
}

.sub_container.pr .sub_contents.video>h3 {
  margin-bottom: 60px;
}

.sub_container.pr .sub_contents.video .video_wrap {
  position: relative;
  max-width: 1020px;
  margin: 0 auto;
  padding-top: 0;
  padding-bottom: 300px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
}

.sub_container.pr .sub_contents.video .video_wrap::after {
  content: "";
  position: absolute;
  left: 50%;
  top: calc(100% - 460px);
  transform: translateX(-50%);
  width: 100vw;
  height: 300px;
  background: url(../images/pr_video_bg.jpg) center top / contain no-repeat;
  pointer-events: none;
  z-index: 0;
}

.sub_container.pr .sub_contents.video .video_frame {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 1020px;
  margin: 0;
  background: #000;
  aspect-ratio: 16/9;
  overflow: hidden;
}

.sub_container.pr .sub_contents.video .video_frame iframe,
.sub_container.pr .sub_contents.video .video_frame video {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}

.sub_container.pr .sub_contents.video .video_caption {
  position: relative;
  z-index: 1;
  order: -1;
  margin: 0 0 24px 0;
  font-size: 32px;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: -0.03em;
  color: #111;
  text-align: left;
}

@media (max-width:1280px) {
  .sub_container.pr .sub_contents.video>h3 {
    margin-bottom: 24px;
  }

  .sub_container.pr .sub_contents.video .video_wrap {
    padding-bottom: 260px;
  }

  .sub_container.pr .sub_contents.video .video_wrap::after {
    top: calc(100% - 240px);
    height: 260px;
  }

  .sub_container.pr .sub_contents.video .video_caption {
    margin-bottom: 20px;
    font-size: 28px;
  }
}

@media (max-width:769px) {
  .sub_container.pr .sub_contents.video .video_wrap {
    padding-bottom: 200px;
  }

  .sub_container.pr .sub_contents.video .video_wrap::after {
    top: calc(100% - 185px);
    height: 210px;
  }

  .sub_container.pr .sub_contents.video .video_caption {
    margin-bottom: 16px;
    font-size: 24px;
  }
}

@media (max-width:577px) {
  .sub_container.pr .sub_contents.video .video_wrap {
    padding-bottom: 160px;
  }

  .sub_container.pr .sub_contents.video .video_wrap::after {
    top: calc(100% - 150px);
    height: 170px;
  }

  .sub_container.pr .sub_contents.video .video_caption {
    font-size: 20px;
    line-height: 1.4;
  }
}

/* 260507 PR > 동영상 페이지 하단 배경 이미지 크기 축소 */
.sub_container.pr .sub_contents.video .video_wrap::after {
  width: min(100vw, 1280px) !important;
  height: 240px !important;
  top: calc(100% - 360px) !important;
  background: url(../images/pr_video_bg.jpg) center top / contain no-repeat !important;
}

@media (max-width:1280px) {
  .sub_container.pr .sub_contents.video .video_wrap::after {
    width: 86vw !important;
    height: 220px !important;
    top: calc(100% - 1000px) !important;
  }
}

@media (max-width:769px) {
  .sub_container.pr .sub_contents.video .video_wrap::after {
    width: 92vw !important;
    height: 180px !important;
    top: calc(100% - 170px) !important;
  }
}

@media (max-width:577px) {
  .sub_container.pr .sub_contents.video .video_wrap::after {
    width: 96vw !important;
    height: 140px !important;
    top: calc(100% - 132px) !important;
  }
}

/* 260507 PR > 동영상 페이지 모바일 하단 여백만 축소 - PC/태블릿 영향 없음 */
@media (max-width:577px) {
  .sub_container.pr .sub_contents.video .video_wrap {
    padding-bottom: 60px !important;
  }
}

@media (max-width:577px) {
  .sub_container.pr .sub_contents.video .video_wrap::after {
    top: calc(100% - 100px) !important;
    height: 120px !important;
  }
}

/* 260507 PR > 동영상 페이지 PC 하단 여백 축소 - 태블릿/모바일 영향 없음 */
@media (min-width:1281px) {
  .sub_container.pr .sub_contents.video .video_wrap {
    padding-bottom: 80px !important;
  }
}

@media (min-width:1281px) {
  .sub_container.pr .sub_contents.video .video_wrap::after {
    height: 120px !important;
    top: calc(100% - 120px) !important;
  }
}

/* 260507 PR > 동영상 페이지 PC 배경 크게 + 모바일 배경 아래로 조정 최종 */
@media (min-width:1281px) {
  .sub_container.pr .sub_contents.video .video_wrap {
    padding-bottom: 160px !important;
  }
}

@media (min-width:1281px) {
  .sub_container.pr .sub_contents.video .video_wrap::after {
    width: min(96vw, 1600px) !important;
    height: 160px !important;
    top: calc(100% - 160px) !important;
    background: url(../images/pr_video_bg.jpg) center top / contain no-repeat !important;
  }
}

@media (max-width:577px) {
  .sub_container.pr .sub_contents.video .video_wrap {
    padding-bottom: 115px !important;
  }
}

@media (max-width:577px) {
  .sub_container.pr .sub_contents.video .video_wrap::after {
    width: 110vw !important;
    height: 95px !important;
    top: calc(100% - 95px) !important;
    background: url(../images/pr_video_bg.jpg) center top / contain no-repeat !important;
  }
}

/* 260507 MAIN > 모바일 사업소개 카드 영문/한글 제목 간격 추가 - PC/태블릿 영향 없음 */
@media (max-width:577px) {
  .main .main_business.mo .section_body .card_mo .card_body h4 p {
    display: block !important;
    margin-bottom: 8px !important;
    line-height: 1.2 !important;
  }
}

/* 260508 회사소개 > 연혁 모바일 월 텍스트와 세로선 간격 조정 - PC/태블릿 영향 없음 */
@media (max-width:769px) {
  .company .history>ul>li>ul {
    margin-left: 18px !important;
  }
}

@media (max-width:769px) {
  .company .history>ul>li>ul>li {
    padding-left: 40px !important;
  }
}

@media (max-width:769px) {
  .company .history>ul>li>ul>li>span {
    left: 0 !important;
    min-width: 28px !important;
    text-align: left !important;
  }
}

/* 260508 DECK > 장말뚝시공 말뚝시공길이 표 모바일 가로스크롤 방지 - PC/태블릿 영향 없음 */
@media (max-width:769px) {
  .business .detail.biz_figma.deck.tab_fit_3 .construction_panel[data-subtab-panel="construction"] .construction_result:last-of-type .ui_table_wrap {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
  }
}

@media (max-width:769px) {
  .business .detail.biz_figma.deck.tab_fit_3 .construction_panel[data-subtab-panel="construction"] .construction_result:last-of-type .ui_table {
    width: 100% !important;
    min-width: 0 !important;
    table-layout: fixed !important;
    font-size: 14px !important;
  }
}

@media (max-width:769px) {

  .business .detail.biz_figma.deck.tab_fit_3 .construction_panel[data-subtab-panel="construction"] .construction_result:last-of-type .ui_table th,
  .business .detail.biz_figma.deck.tab_fit_3 .construction_panel[data-subtab-panel="construction"] .construction_result:last-of-type .ui_table td {
    padding: 14px 8px !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
    word-break: keep-all !important;
  }
}

@media (max-width:769px) {

  .business .detail.biz_figma.deck.tab_fit_3 .construction_panel[data-subtab-panel="construction"] .construction_result:last-of-type .ui_table th:nth-child(1),
  .business .detail.biz_figma.deck.tab_fit_3 .construction_panel[data-subtab-panel="construction"] .construction_result:last-of-type .ui_table td:nth-child(1) {
    width: 37% !important;
  }
}

@media (max-width:769px) {

  .business .detail.biz_figma.deck.tab_fit_3 .construction_panel[data-subtab-panel="construction"] .construction_result:last-of-type .ui_table th:nth-child(2),
  .business .detail.biz_figma.deck.tab_fit_3 .construction_panel[data-subtab-panel="construction"] .construction_result:last-of-type .ui_table td:nth-child(2) {
    width: 34% !important;
  }
}

@media (max-width:769px) {

  .business .detail.biz_figma.deck.tab_fit_3 .construction_panel[data-subtab-panel="construction"] .construction_result:last-of-type .ui_table th:nth-child(3),
  .business .detail.biz_figma.deck.tab_fit_3 .construction_panel[data-subtab-panel="construction"] .construction_result:last-of-type .ui_table td:nth-child(3) {
    width: 29% !important;
  }
}

/* 260508 SEG > 차수성 검증 차수 개념 이미지 모바일 1열 정렬 - PC/태블릿 영향 없음 */
@media (max-width:769px) {
  .business .detail.seg_figma .can_sec_record>.w1440>.biz_subgroup:first-of-type>.biz_media_grid.col2 {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 16px !important;
    width: 100% !important;
  }
}

@media (max-width:769px) {
  .business .detail.seg_figma .can_sec_record>.w1440>.biz_subgroup:first-of-type>.biz_media_grid.col2>li {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }
}

@media (max-width:769px) {
  .business .detail.seg_figma .can_sec_record>.w1440>.biz_subgroup:first-of-type>.biz_media_grid.col2 .biz_media {
    width: 100% !important;
  }
}

@media (max-width:769px) {
  .business .detail.seg_figma .can_sec_record>.w1440>.biz_subgroup:first-of-type>.biz_media_grid.col2 .biz_media img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
  }
}

/* 260514 연구자료 > 기술자료 SPLT 모바일 하단 흰색 여백만 파란색 처리 - 다른 페이지 영향 없음 */
@media (max-width:769px) {

  .technology.date_page .ip[data-subtab-panel="patent"]>ul>li:nth-child(7):hover>a::after,
  .technology.date_page .ip[data-subtab-panel="patent"]>ul>li:nth-child(7):focus-within>a::after {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    height: 22px !important;
    background: var(--color-primary) !important;
    z-index: 0 !important;
    pointer-events: none !important;
  }
}

@media (max-width:769px) {

  .technology.date_page .ip[data-subtab-panel="patent"]>ul>li:nth-child(7)>a>.thumbnail,
  .technology.date_page .ip[data-subtab-panel="patent"]>ul>li:nth-child(7)>a>.desc_tit {
    position: relative !important;
    z-index: 1 !important;
  }
}

/* 260515 연구자료 > 관련자료 기본 상태 새창 아이콘 #999 노출 - 기존 호버 효과 유지 */
.technology.date_page .ip[data-subtab-panel="design"] .related_paper_wrap .paper_hover_list.hover_box3>li:not(:hover)::before {
  content: "" !important;
  position: absolute !important;
  top: 18px !important;
  left: auto !important;
  right: 20px !important;
  width: 18px !important;
  height: 18px !important;
  margin: 0 !important;
  background: #999999 !important;
  -webkit-mask: url("../images/view.svg") center/contain no-repeat !important;
  mask: url("../images/view.svg") center/contain no-repeat !important;
  opacity: 1 !important;
  z-index: 3 !important;
  pointer-events: none !important;
}

/* 260515 발표논문 > 일반논문 기본 상태 새창 아이콘 #999 노출 - 기존 호버 효과 유지 */
.technology.paper_page .paper_hover_wrap[data-subtab-panel="patent"] .paper_hover_list.hover_box3>li:not(:hover)::before {
  content: "" !important;
  position: absolute !important;
  top: 22px !important;
  left: auto !important;
  right: 20px !important;
  width: 18px !important;
  height: 18px !important;
  margin: 0 !important;
  display: block !important;
  background: #999999 !important;
  -webkit-mask: url("../images/view.svg") center/contain no-repeat !important;
  mask: url("../images/view.svg") center/contain no-repeat !important;
  opacity: 1 !important;
  z-index: 5 !important;
  pointer-events: none !important;
}

/* RSD 강관보도교 주요특성 - GC 주요특성 스타일 동일 적용 */
.business .detail.grb_figma .can_sec_benefit {
  padding: 120px 0 0px;
}

.business .detail.grb_figma .can_value_graph.can_value_graph_cards {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.business .detail.grb_figma .can_value_items {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  width: 100%;
}

.business .detail.grb_figma .can_value_item {
  position: static;
  width: 100%;
  min-height: 168px;
  padding: 32px 16px;
  border: 1px solid #DCDCDC;
  border-radius: 8px;
  background: linear-gradient(180deg, #FFFFFF 0%, #F7F7F7 100%);
  box-sizing: border-box;
}

.business .detail.grb_figma .can_value_item .can_value_label {
  position: static;
  transform: none;
  width: 100%;
  display: flex;
  align-items: center;
  gap: 16px;
  text-align: left;
}

.business .detail.grb_figma .can_value_item .can_value_label .ico {
  flex: 0 0 82px;
  width: 82px;
  height: 82px;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.business .detail.grb_figma .can_value_item .can_value_label .ico img {
  display: block;
  max-width: 100px;
  max-height: 100px;
  width: auto;
  height: auto;
  object-fit: contain;
}

.business .detail.grb_figma .can_value_item .can_value_label p {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin: 0;
  font-size: 22px;
  font-weight: 700;
  color: #111;
  line-height: 1.3;
  letter-spacing: -0.02em;
}

.business .detail.grb_figma .can_value_item .can_value_label p span {
  display: block;
  margin-top: 8px;
  font-size: 16px;
  font-weight: 400;
  color: #666;
  line-height: 1.5;
  letter-spacing: -0.02em;
}

@media (max-width:1200px) {
  .business .detail.grb_figma .can_value_items {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width:769px) {
  .business .detail.grb_figma .can_sec_benefit {
    padding: 80px 0 80px;
  }
}

@media (max-width:769px) {
  .business .detail.grb_figma .can_value_graph.can_value_graph_cards {
    gap: 0px;
  }
}

@media (max-width:769px) {
  .business .detail.grb_figma .can_value_items {
    grid-template-columns: 1fr;
    gap: 14px;
  }
}

@media (max-width:769px) {
  .business .detail.grb_figma .can_value_item {
    min-height: auto;
    padding: 22px 16px;
  }
}

@media (max-width:769px) {
  .business .detail.grb_figma .can_value_item .can_value_label {
    gap: 14px;
  }
}

@media (max-width:769px) {
  .business .detail.grb_figma .can_value_item .can_value_label .ico {
    flex: 0 0 56px;
    width: 56px;
    height: 56px;
  }
}

@media (max-width:769px) {
  .business .detail.grb_figma .can_value_item .can_value_label .ico img {
    max-width: 42px;
    max-height: 42px;
  }
}

@media (max-width:769px) {
  .business .detail.grb_figma .can_value_item .can_value_label p {
    font-size: 18px;
  }
}

@media (max-width:769px) {
  .business .detail.grb_figma .can_value_item .can_value_label p span {
    font-size: 14px;
    margin-top: 6px;
  }
}

/* RSD 강관보도교 주요특성만 2열 적용 */
.business .detail.rsd_figma .can_value_items {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

@media (max-width:769px) {
  .business .detail.rsd_figma .can_value_items {
    grid-template-columns: 1fr !important;
  }
}

/* ===== RSD 강관보도교 - 유지관리 / 적용사례 / FEM / 시공순서 / 현장경관성 ===== */
.business .detail.rsd_figma .rsd_sec_maintenance {
  padding: 0 0 120px;
  background: #fff;
}

.business .detail.rsd_figma .rsd_sec_maintenance>h4 {
  margin: 120px auto 20px;
}

.business .detail.rsd_figma .rsd_sec_maintenance ul {
  gap: 80px;
}

.business .detail.rsd_figma .rsd_sec_maintenance ul>li {
  min-height: 280px;
}

.business .detail.rsd_figma .rsd_sec_maintenance ul>li>p {
  font-size: 22px;
  line-height: 1.65;
  color: #444;
  word-break: keep-all;
}

.business .detail.rsd_figma .rsd_sec_maintenance ul>li>p span {
  line-height: 1.3;
}

.business .detail.rsd_figma .rsd_sec_maintenance .rsd_maintenance_media {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  min-height: 280px;
  border: 1px solid #e5e5e5;
  background: #fff;
  box-sizing: border-box;
  overflow: hidden;
}

.business .detail.rsd_figma .rsd_sec_maintenance .rsd_maintenance_media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.business .detail.rsd_figma .rsd_sec_maintenance .rsd_maintenance_media.is-diagram img {
  object-fit: contain;
  padding: 24px;
  box-sizing: border-box;
  background: #fff;
}

.business .detail.rsd_figma .rsd_case_note {
  position: relative;
  margin: 0 0 72px;
  padding: 44px 56px;
  border: 1px solid #e8edf4;
  background: linear-gradient(90deg, #fff 0%, #f8fbff 100%);
  box-sizing: border-box;
}

.business .detail.rsd_figma .rsd_case_note::after {
  padding: 1px 1px 0 1px;
  background: linear-gradient(135deg, #1D428955 0%, transparent 18%, transparent 82%, #1D428955 100%);
}

.business .detail.rsd_figma .rsd_case_note ul {
  margin: 0;
  padding: 0 0 0 22px;
}

.business .detail.rsd_figma .rsd_case_note li {
  line-height: 1.7;
  color: #333;
  word-break: keep-all;
}

.business .detail.rsd_figma .rsd_case_grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}

.business .detail.rsd_figma .rsd_case_grid_top {
  margin-bottom: 72px;
}

.business .detail.rsd_figma .rsd_case_block {
  min-width: 0;
}

.business .detail.rsd_figma .rsd_case_subtitle {
  position: relative;
  margin: 0 0 20px;
  padding-left: 16px;
  font-size: 24px;
  font-weight: 400;
  line-height: 1.2;
  color: #222;
}

.business .detail.rsd_figma .rsd_case_subtitle::before {
  content: "";
  position: absolute;
  top: 2px;
  left: 0;
  width: 4px;
  height: 1em;
  background: #222;
}

.business .detail.rsd_figma .rsd_case_media {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 360px;
  margin: 0;
  border: 1px solid #ddd;
  background: #fff;
  overflow: hidden;
  box-sizing: border-box;
}

.business .detail.rsd_figma .rsd_case_media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  background: #fff;
}

.business .detail.rsd_figma .rsd_case_grid_top .rsd_case_media img {
  object-fit: cover;
}

.business .detail.rsd_figma .rsd_case_cross .rsd_case_media {
  min-height: 360px;
}

.business .detail.rsd_figma .rsd_case_cross .rsd_case_media img {
  padding: 28px;
  box-sizing: border-box;
}

.business .detail.rsd_figma .rsd_case_media figcaption {
  position: absolute;
  left: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 42px;
  padding: 10px 16px;
  background: rgba(0, 0, 0, .6);
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.3;
  text-align: center;
  box-sizing: border-box;
}

.business .detail.rsd_figma .rsd_fem_group {
  width: 100%;
  margin-top: 56px;
}

.business .detail.rsd_figma .rsd_fem_group+.rsd_fem_group {
  margin-top: 96px;
}

.business .detail.rsd_figma .rsd_fem_table {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  width: 100%;
  border-top: 2px solid #222;
  border-bottom: 1px solid #ccc;
}

.business .detail.rsd_figma .rsd_fem_item {
  min-width: 0;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  background: #fff;
}

.business .detail.rsd_figma .rsd_fem_item:nth-child(2n) {
  border-right: 0;
}

.business .detail.rsd_figma .rsd_fem_item:nth-last-child(-n+2) {
  border-bottom: 0;
}

.business .detail.rsd_figma .rsd_fem_item>strong {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 76px;
  padding: 10px 16px;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.2;
  color: #111;
  text-align: center;
  box-sizing: border-box;
}

.business .detail.rsd_figma .rsd_fem_item figure {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 420px;
  margin: 0;
  border-top: 1px solid #e5e5e5;
  background: #fff;
  overflow: hidden;
}

.business .detail.rsd_figma .rsd_fem_item figure img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  background: #fff;
}

.business .detail.rsd_figma .rsd_fem_item figcaption {
  position: absolute;
  left: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 42px;
  padding: 8px 16px;
  background: rgba(0, 0, 0, .6);
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.3;
  text-align: center;
  box-sizing: border-box;
}

.business .detail.rsd_figma .rsd_fem_badge {
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 16px;
  border-radius: 40px;
  background: rgba(0, 111, 186, .10);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
  color: #111;
}

.business .detail.rsd_figma .rsd_process_grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 48px 24px;
  position: relative;
  width: 100%;
  margin: 0;
  padding: 0;
}

.business .detail.rsd_figma .rsd_process_grid figure {
  position: relative;
  min-width: 0;
  margin: 0;
  overflow: hidden;
  background: #fff;
}

.business .detail.rsd_figma .rsd_process_grid figure img {
  display: block;
  width: 100%;
  aspect-ratio: 16/9;
  object-fit: cover;
  object-position: center;
  background: #eee;
}

.business .detail.rsd_figma .rsd_process_grid figure figcaption {
  position: absolute;
  left: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 42px;
  padding: 8px 12px;
  background: rgba(0, 0, 0, .6);
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.3;
  text-align: center;
  box-sizing: border-box;
}

.business .detail.rsd_figma .rsd_process_grid .flow_turn_arrow {
  grid-column: 1 / -1;
  height: 32px;
  margin: -10px 0 -8px;
}

.business .detail.rsd_figma .rsd_landscape_grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 28px;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}

.business .detail.rsd_figma .rsd_landscape_grid li {
  min-width: 0;
}

.business .detail.rsd_figma .rsd_landscape_grid figure {
  margin: 0;
}

.business .detail.rsd_figma .rsd_landscape_grid img {
  display: block;
  width: 100%;
  aspect-ratio: 16/9;
  object-fit: cover;
  object-position: center;
  border: 1px solid #e5e5e5;
  background: #eee;
  box-sizing: border-box;
}

.business .detail.rsd_figma .rsd_landscape_grid figcaption {
  margin-top: 18px;
  color: #111;
  font-size: 20px;
  line-height: 1.55;
  word-break: keep-all;
}

@media (max-width:1280px) {
  .business .detail.rsd_figma .rsd_sec_maintenance {
    padding: 0 4% 100px;
  }
}

@media (max-width:1280px) {
  .business .detail.rsd_figma .rsd_sec_maintenance .rsd_maintenance_media {
    min-height: 260px;
  }
}

@media (max-width:1280px) {
  .business .detail.rsd_figma .rsd_case_media {
    min-height: 320px;
  }
}

@media (max-width:1280px) {
  .business .detail.rsd_figma .rsd_fem_item figure {
    height: 360px;
  }
}

@media (max-width:1000px) {
  .business .detail.rsd_figma .rsd_sec_maintenance .rsd_maintenance_media {
    min-height: 240px;
  }
}

@media (max-width:1000px) {

  .business .detail.rsd_figma .rsd_case_grid,
  .business .detail.rsd_figma .rsd_landscape_grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width:1000px) {
  .business .detail.rsd_figma .rsd_fem_table {
    grid-template-columns: 1fr;
  }
}

@media (max-width:1000px) {
  .business .detail.rsd_figma .rsd_fem_item {
    border-right: 0;
  }
}

@media (max-width:1000px) {
  .business .detail.rsd_figma .rsd_fem_item:nth-last-child(-n+2) {
    border-bottom: 1px solid #ccc;
  }
}

@media (max-width:1000px) {
  .business .detail.rsd_figma .rsd_fem_item:last-child {
    border-bottom: 0;
  }
}

@media (max-width:1000px) {
  .business .detail.rsd_figma .rsd_process_grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
  }
}

@media (max-width:1000px) {
  .business .detail.rsd_figma .rsd_process_grid .flow_turn_arrow {
    display: none;
  }
}

@media (max-width:769px) {
  .business .detail.rsd_figma .rsd_sec_maintenance {
    padding: 40px 16px 80px;
  }
}

@media (max-width:769px) {
  .business .detail.rsd_figma .rsd_sec_maintenance>h4 {
    margin-bottom: 24px;
  }
}

@media (max-width:769px) {
  .business .detail.rsd_figma .rsd_sec_maintenance ul {
    gap: 56px;
  }
}

@media (max-width:769px) {
  .business .detail.rsd_figma .rsd_sec_maintenance ul>li>p {
    font-size: 16px;
    line-height: 1.7;
  }
}

@media (max-width:769px) {
  .business .detail.rsd_figma .rsd_sec_maintenance .rsd_maintenance_media {
    min-height: auto;
  }
}

@media (max-width:769px) {
  .business .detail.rsd_figma .rsd_sec_maintenance .rsd_maintenance_media img {
    height: auto;
    aspect-ratio: 16/9;
  }
}

@media (max-width:769px) {
  .business .detail.rsd_figma .rsd_sec_maintenance .rsd_maintenance_media.is-diagram img {
    padding: 16px;
  }
}

@media (max-width:769px) {
  .business .detail.rsd_figma .rsd_case_note {
    margin-bottom: 48px;
    padding: 24px 20px;
  }
}

@media (max-width:769px) {
  .business .detail.rsd_figma .rsd_case_subtitle {
    font-size: 20px;
    margin-bottom: 14px;
  }
}

@media (max-width:769px) {
  .business .detail.rsd_figma .rsd_case_grid_top {
    margin-bottom: 48px;
  }
}

@media (max-width:769px) {
  .business .detail.rsd_figma .rsd_case_media {
    min-height: auto;
  }
}

@media (max-width:769px) {
  .business .detail.rsd_figma .rsd_case_media img {
    aspect-ratio: 16/10;
  }
}

@media (max-width:769px) {
  .business .detail.rsd_figma .rsd_case_cross .rsd_case_media img {
    padding: 16px;
  }
}

@media (max-width:769px) {
  .business .detail.rsd_figma .rsd_case_media figcaption {
    min-height: 42px;
    font-size: 16px;
  }
}

@media (max-width:769px) {
  .business .detail.rsd_figma .rsd_fem_group {
    margin-top: 36px;
  }
}

@media (max-width:769px) {
  .business .detail.rsd_figma .rsd_fem_group+.rsd_fem_group {
    margin-top: 64px;
  }
}

@media (max-width:769px) {
  .business .detail.rsd_figma .rsd_fem_item>strong {
    min-height: 56px;
    font-size: 18px;
  }
}

@media (max-width:769px) {
  .business .detail.rsd_figma .rsd_fem_item figure {
    height: auto;
    min-height: 260px;
  }
}

@media (max-width:769px) {
  .business .detail.rsd_figma .rsd_fem_item figure img {
    height: auto;
    aspect-ratio: 16/10;
  }
}

@media (max-width:769px) {
  .business .detail.rsd_figma .rsd_fem_item figcaption {
    min-height: 42px;
    font-size: 15px;
  }
}

@media (max-width:769px) {
  .business .detail.rsd_figma .rsd_fem_badge {
    top: 12px;
    left: 12px;
    padding: 6px 12px;
    font-size: 13px;
  }
}

@media (max-width:769px) {
  .business .detail.rsd_figma .rsd_process_grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

@media (max-width:769px) {
  .business .detail.rsd_figma .rsd_process_grid figure figcaption {
    min-height: 42px;
    font-size: 16px;
  }
}

@media (max-width:769px) {
  .business .detail.rsd_figma .rsd_landscape_grid figcaption {
    margin-top: 12px;
    font-size: 16px;
    line-height: 1.5;
  }
}

/* RSD FEM 표 - 진동검토 / 처짐검토 위 간격 + 상단 라인 추가 */
.business .detail.rsd_figma .rsd_fem_table .rsd_fem_item:nth-child(n+3) {
  margin-top: 48px !important;
  border-top: 2px solid #222 !important;
}

@media (max-width:769px) {
  .business .detail.rsd_figma .rsd_fem_table .rsd_fem_item:nth-child(n+3) {
    margin-top: 24px !important;
    border-top: 2px solid #222 !important;
  }
}

/* RSD 시공순서 화살표 위아래 간격 축소 */
.business .detail.rsd_figma .rsd_process_grid {
  row-gap: 18px !important;
  column-gap: 24px !important;
}

.business .detail.rsd_figma .rsd_process_grid .flow_turn_arrow {
  height: 24px !important;
  margin: -4px 0 -2px !important;
}

/* RSD 모바일 - 주요특성 아래 유지관리 상단 여백 축소 */
@media (max-width:769px) {
  .business .detail.rsd_figma .can_sec_benefit {
    padding-bottom: 40px !important;
  }
}

@media (max-width:769px) {
  .business .detail.rsd_figma .rsd_sec_maintenance {
    padding-top: 0 !important;
  }
}

@media (max-width:769px) {
  .business .detail.rsd_figma .rsd_sec_maintenance>h4 {
    margin: 0 auto 24px !important;
  }
}

/* RSD 유지관리 - 말뚝 페이지처럼 이미지 꽉 차게 적용 */
.business .detail.rsd_figma .rsd_sec_maintenance ul>li .rsd_maintenance_media {
  display: flex !important;
  gap: 8px !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: none !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

.business .detail.rsd_figma .rsd_sec_maintenance ul>li .rsd_maintenance_media img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  object-fit: cover !important;
  object-position: center !important;
  background: none !important;
  box-sizing: border-box !important;
}

.business .detail.rsd_figma .rsd_sec_maintenance ul>li .rsd_maintenance_media.is-diagram img {
  padding: 0 !important;
  object-fit: cover !important;
  background: none !important;
}

@media (max-width:1280px) {
  .business .detail.rsd_figma .rsd_sec_maintenance ul>li .rsd_maintenance_media {
    height: auto !important;
    min-height: 0 !important;
  }
}

@media (max-width:1280px) {
  .business .detail.rsd_figma .rsd_sec_maintenance ul>li .rsd_maintenance_media img {
    width: 100% !important;
    height: 240px !important;
    object-fit: cover !important;
  }
}

@media (max-width:577px) {
  .business .detail.rsd_figma .rsd_sec_maintenance ul>li .rsd_maintenance_media img {
    height: 160px !important;
    object-fit: cover !important;
  }
}

/* RSD 유지관리 - 3개 이미지 높이 동일 고정 */
@media (min-width:1281px) {
  .business .detail.rsd_figma .rsd_sec_maintenance ul>li .rsd_maintenance_media {
    height: 363px !important;
    min-height: 363px !important;
    align-self: center !important;
  }
}

@media (min-width:1281px) {
  .business .detail.rsd_figma .rsd_sec_maintenance ul>li .rsd_maintenance_media img {
    width: 100% !important;
    height: 363px !important;
    max-height: 363px !important;
    object-fit: cover !important;
    object-position: center !important;
  }
}

@media (min-width:1281px) {
  .business .detail.rsd_figma .rsd_sec_maintenance ul>li .rsd_maintenance_media.is-diagram img {
    height: 363px !important;
    max-height: 363px !important;
    object-fit: cover !important;
    padding: 0 !important;
  }
}

@media (max-width:1280px) {
  .business .detail.rsd_figma .rsd_sec_maintenance ul>li .rsd_maintenance_media img {
    width: 100% !important;
    height: 240px !important;
    object-fit: cover !important;
    object-position: center !important;
  }
}

@media (max-width:577px) {
  .business .detail.rsd_figma .rsd_sec_maintenance ul>li .rsd_maintenance_media img {
    width: 100% !important;
    height: 160px !important;
    object-fit: cover !important;
    object-position: center !important;
  }
}

/* RSD - 유지관리 다음 적용사례 상단 중복 여백 제거 */
.business .detail.rsd_figma .rsd_sec_case {
  padding-top: 0 !important;
}

@media (max-width:769px) {
  .business .detail.rsd_figma .rsd_sec_case {
    padding-top: 0 !important;
  }
}

/* RSD 적용사례 안내문 - 박스 제거 */
.business .detail.rsd_figma .rsd_case_note {
  margin: 0 0 72px !important;
  padding: 0 !important;
  border: 0 !important;
  background: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

.business .detail.rsd_figma .rsd_case_note::after {
  display: none !important;
}

.business .detail.rsd_figma .rsd_case_note ul {
  margin: 0 !important;
  padding: 0 !important;
}

.business .detail.rsd_figma .rsd_case_note li {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  text-align: left !important;
}

/* GC 합성형라멘의 개념 - RSD 트리타워 구간 표 스타일 적용 */
.business .detail.can_figma .gc_concept_section {
  padding-bottom: 120px !important;
}

.business .detail.can_figma .gc_concept_section h4 {
  margin-bottom: 40px !important;
}

.business .detail.can_figma .gc_concept_section .gc_concept_table {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  width: 100% !important;
  border-top: 2px solid #222 !important;
  border-bottom: 1px solid #ccc !important;
}

.business .detail.can_figma .gc_concept_section .gc_concept_item {
  min-width: 0 !important;
  border-right: 1px solid #ccc !important;
  border-bottom: 1px solid #ccc !important;
  background: #fff !important;
}

.business .detail.can_figma .gc_concept_section .gc_concept_item:nth-child(2n) {
  border-right: 0 !important;
}

.business .detail.can_figma .gc_concept_section .gc_concept_item:nth-last-child(-n+2) {
  border-bottom: 0 !important;
}

.business .detail.can_figma .gc_concept_section .gc_concept_item:nth-child(n+3) {
  margin-top: 48px !important;
  border-top: 2px solid #222 !important;
}

.business .detail.can_figma .gc_concept_section .gc_concept_item>strong {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 76px !important;
  padding: 10px 16px !important;
  font-size: 20px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  color: #111 !important;
  text-align: center !important;
  box-sizing: border-box !important;
}

.business .detail.can_figma .gc_concept_section .gc_concept_item figure {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 420px !important;
  margin: 0 !important;
  border-top: 1px solid #e5e5e5 !important;
  background: #fff !important;
  overflow: hidden !important;
}

.business .detail.can_figma .gc_concept_section .gc_concept_item figure img {
  display: block !important;
  width: 88% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
  background: #fff !important;
}

.business .detail.can_figma .gc_concept_section .gc_concept_note {
  margin-top: 28px !important;
  font-size: 20px !important;
  line-height: 1.6 !important;
  color: #111 !important;
  letter-spacing: -0.04em !important;
}

@media (max-width:1280px) {
  .business .detail.can_figma .gc_concept_section .gc_concept_item figure {
    height: 360px !important;
  }
}

@media (max-width:1000px) {
  .business .detail.can_figma .gc_concept_section .gc_concept_table {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width:1000px) {
  .business .detail.can_figma .gc_concept_section .gc_concept_item {
    border-right: 0 !important;
  }
}

@media (max-width:1000px) {
  .business .detail.can_figma .gc_concept_section .gc_concept_item:nth-last-child(-n+2) {
    border-bottom: 1px solid #ccc !important;
  }
}

@media (max-width:1000px) {
  .business .detail.can_figma .gc_concept_section .gc_concept_item:last-child {
    border-bottom: 0 !important;
  }
}

@media (max-width:769px) {
  .business .detail.can_figma .gc_concept_section {
    padding-bottom: 0px !important;
  }
}

@media (max-width:769px) {
  .business .detail.can_figma .gc_concept_section h4 {
    margin-bottom: 28px !important;
  }
}

@media (max-width:769px) {
  .business .detail.can_figma .gc_concept_section .gc_concept_item:nth-child(n+3) {
    margin-top: 24px !important;
    border-top: 2px solid #222 !important;
  }
}

@media (max-width:769px) {
  .business .detail.can_figma .gc_concept_section .gc_concept_item>strong {
    min-height: 56px !important;
    font-size: 18px !important;
  }
}

@media (max-width:769px) {
  .business .detail.can_figma .gc_concept_section .gc_concept_item figure {
    height: auto !important;
    min-height: 260px !important;
  }
}

@media (max-width:769px) {
  .business .detail.can_figma .gc_concept_section .gc_concept_item figure img {
    height: auto !important;
    aspect-ratio: 16/10 !important;
  }
}

@media (max-width:769px) {
  .business .detail.can_figma .gc_concept_section .gc_concept_note {
    margin-top: 20px !important;
    font-size: 16px !important;
    line-height: 1.6 !important;
  }
}

/* GC 적용 실적 - 3개 카드 + 이미지 오버레이 캡션 + 하단 텍스트 유지 */
.business .detail.can_figma .gc_sec_record .gc_record_grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 24px !important;
  width: 100% !important;
}

.business .detail.can_figma .gc_sec_record .gc_record_card {
  overflow: hidden !important;
  background: #fff !important;
  border: 1px solid #e5e5e5 !important;
  border-radius: 6px !important;
  box-sizing: border-box !important;
}

.business .detail.can_figma .gc_sec_record .gc_record_card figure {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  overflow: hidden !important;
  background: #fff !important;
}

.business .detail.can_figma .gc_sec_record .gc_record_card figure img {
  display: block !important;
  width: 100% !important;
  height: 260px !important;
  object-fit: cover !important;
  object-position: center !important;
  background: #fff !important;
}

.business .detail.can_figma .gc_sec_record .gc_record_caption {
  position: absolute !important;
  left: 0 !important;
  bottom: 0 !important;
  z-index: 2 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 42px !important;
  padding: 8px 14px !important;
  background: rgba(0, 0, 0, .55) !important;
  color: #fff !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  text-align: center !important;
  box-sizing: border-box !important;
  -webkit-backdrop-filter: blur(2px) !important;
  backdrop-filter: blur(2px) !important;
}

.business .detail.can_figma .gc_sec_record .gc_record_card .txt {
  display: block !important;
  padding: 22px 24px !important;
  background: #fff !important;
}

.business .detail.can_figma .gc_sec_record .gc_record_card .txt strong {
  display: block !important;
  margin-bottom: 10px !important;
  color: #111 !important;
}

.business .detail.can_figma .gc_sec_record .gc_record_card .txt p {
  margin: 0 !important;
  color: #555 !important;
  line-height: 1.6 !important;
}

@media (max-width:1000px) {
  .business .detail.can_figma .gc_sec_record .gc_record_grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 16px !important;
  }
}

@media (max-width:1000px) {
  .business .detail.can_figma .gc_sec_record .gc_record_card figure img {
    height: 220px !important;
  }
}

@media (max-width:769px) {
  .business .detail.can_figma .gc_sec_record .gc_record_grid {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width:769px) {
  .business .detail.can_figma .gc_sec_record .gc_record_card figure img {
    height: auto !important;
    aspect-ratio: 16/9 !important;
  }
}

@media (max-width:769px) {
  .business .detail.can_figma .gc_sec_record .gc_record_caption {
    height: 40px !important;
    min-height: 40px !important;
    font-size: 16px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}

@media (max-width:769px) {
  .business .detail.can_figma .gc_sec_record .gc_record_card .txt {
    padding: 18px 20px !important;
  }
}

/* GC 적용 실적 - 하단 타이틀/설명 박스 및 패딩 제거 */
.business .detail.can_figma .gc_sec_record .gc_record_card {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

.business .detail.can_figma .gc_sec_record .gc_record_card .txt {
  padding: 0 !important;
  margin-top: 18px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.business .detail.can_figma .gc_sec_record .gc_record_card .txt strong {
  display: block !important;
  margin: 0 0 8px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #111 !important;
  line-height: 1.4 !important;
}

.business .detail.can_figma .gc_sec_record .gc_record_card .txt p {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  color: #555 !important;
  line-height: 1.6 !important;
}

/* GC 시공 실적 - 캡션을 이미지 높이에 맞춰 붙이기 */
.business .detail.can_figma .gc_sec_record .gc_record_card figure {
  height: auto !important;
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
  line-height: 0 !important;
  position: relative !important;
  overflow: hidden !important;
}

.business .detail.can_figma .gc_sec_record .gc_record_card figure img {
  display: block !important;
  width: 100% !important;
  height: 260px !important;
  object-fit: cover !important;
  object-position: center !important;
  background: #fff !important;
}

.business .detail.can_figma .gc_sec_record .gc_record_caption {
  bottom: 0 !important;
  line-height: 1.25 !important;
}

@media (max-width:1000px) {
  .business .detail.can_figma .gc_sec_record .gc_record_card figure {
    height: auto !important;
  }
}

@media (max-width:1000px) {
  .business .detail.can_figma .gc_sec_record .gc_record_card figure img {
    height: 220px !important;
  }
}

@media (max-width:769px) {
  .business .detail.can_figma .gc_sec_record .gc_record_card figure {
    height: auto !important;
  }
}

@media (max-width:769px) {
  .business .detail.can_figma .gc_sec_record .gc_record_card figure img {
    height: auto !important;
    aspect-ratio: 16/9 !important;
  }
}

/* HCP 말뚝시공/매입공법 추가 */
.business .detail.grb_figma .hcp_sec_pile_work {
  padding-top: 120px;
  padding-bottom: 0;
}

.business .detail.grb_figma .hcp_sec_embedded_method {
  padding-top: 120px;
  padding-bottom: 0;
}

.business .detail.grb_figma .hcp_sec_pile_work h4,
.business .detail.grb_figma .hcp_sec_embedded_method h4 {
  margin-bottom: 28px;
  font-size: 32px;
  font-weight: 400;
  line-height: 1.2;
  color: #222;
  text-align: left;
}

.business .detail.grb_figma .hcp_pile_photo_grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: repeat(4, 1fr);
  gap: 12px;
  width: 100%;
  height: 650px;
  margin: 0 0 28px;
}

.business .detail.grb_figma .hcp_pile_photo_item {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  overflow: hidden;
  background: #f5f5f5;
}

.business .detail.grb_figma .hcp_pile_photo_item img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.business .detail.grb_figma .hcp_pile_photo_large {
  grid-column: 1;
  grid-row: 1 / span 4;
}

.business .detail.grb_figma .hcp_pile_photo_tall {
  grid-column: 3;
  grid-row: 2 / span 3;
}

.business .detail.grb_figma .hcp_table_wrap {
  width: 100%;
  overflow-x: auto;
  background: transparent;
}

.business .detail.grb_figma .hcp_table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  background: #fff;
  border-top: 2px solid #222;
  font-size: 18px;
  line-height: 1.45;
  color: #222;
}

.business .detail.grb_figma .hcp_table caption {
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  clip: rect(0, 0, 0, 0);
}

.business .detail.grb_figma .hcp_table th,
.business .detail.grb_figma .hcp_table td {
  padding: 18px 22px;
  border-bottom: 1px solid #ddd;
  text-align: center;
  vertical-align: middle;
  font-weight: 400;
  word-break: keep-all;
}

.business .detail.grb_figma .hcp_table thead th {
  font-weight: 700;
  color: #222;
  background: #fff;
}

.business .detail.grb_figma .hcp_table tbody th {
  font-weight: 500;
  color: #222;
  background: #fff;
}

.business .detail.grb_figma .hcp_method_table td:nth-child(2) {
  text-align: left;
}

.business .detail.grb_figma .hcp_equipment_table .hcp_equipment_name {
  display: inline-block;
  min-width: 6.5em;
  text-align: left;
  white-space: nowrap;
}

@media (max-width:1280px) {
  .business .detail.grb_figma .hcp_pile_photo_grid {
    height: 580px;
  }
}

@media (max-width:1000px) {
  .business .detail.grb_figma .hcp_pile_photo_grid {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: none;
    height: auto;
  }
}

@media (max-width:1000px) {
  .business .detail.grb_figma .hcp_pile_photo_item {
    height: auto;
    aspect-ratio: 16/10;
  }
}

@media (max-width:1000px) {

  .business .detail.grb_figma .hcp_pile_photo_large,
  .business .detail.grb_figma .hcp_pile_photo_tall {
    grid-column: auto;
    grid-row: auto;
    aspect-ratio: 16/10;
  }
}

@media (max-width:1000px) {
  .business .detail.grb_figma .hcp_table {
    font-size: 16px;
  }
}

@media (max-width:1000px) {

  .business .detail.grb_figma .hcp_table th,
  .business .detail.grb_figma .hcp_table td {
    padding: 14px 12px;
  }
}

@media (max-width:769px) {
  .business .detail.grb_figma .hcp_sec_pile_work {
    padding-top: 64px;
  }
}

@media (max-width:769px) {
  .business .detail.grb_figma .hcp_sec_embedded_method {
    padding-top: 64px;
  }
}

@media (max-width:769px) {

  .business .detail.grb_figma .hcp_sec_pile_work h4,
  .business .detail.grb_figma .hcp_sec_embedded_method h4 {
    margin-bottom: 18px;
    font-size: 28px;
  }
}

@media (max-width:769px) {
  .business .detail.grb_figma .hcp_pile_photo_grid {
    grid-template-columns: 1fr;
    gap: 10px;
    margin-bottom: 22px;
  }
}

@media (max-width:769px) {
  .business .detail.grb_figma .hcp_pile_photo_item {
    aspect-ratio: 16/9;
  }
}

@media (max-width:769px) {
  .business .detail.grb_figma .hcp_table {
    min-width: 720px;
    font-size: 14px;
  }
}

@media (max-width:769px) {
  .business .detail.grb_figma .pc_br {
    display: none;
  }
}

/* HCP 말뚝시공 - Figma 이미지처럼 고정 비율 그리드 적용 */
.sub_container.business .hcp_sec_pile_work .hcp_pile_photo_grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  grid-template-rows: repeat(4, 1fr) !important;
  gap: 12px !important;
  width: 100% !important;
  height: 900px !important;
  margin: 0 0 28px !important;
  padding: 0 !important;
}

.sub_container.business .hcp_sec_pile_work .hcp_pile_photo_item {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  overflow: hidden !important;
  background: #fff !important;
}

.sub_container.business .hcp_sec_pile_work .hcp_pile_photo_item img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  background: #fff !important;
}

.sub_container.business .hcp_sec_pile_work .hcp_pile_photo_item:nth-child(1) {
  grid-column: 1 !important;
  grid-row: 1 / span 4 !important;
}

.sub_container.business .hcp_sec_pile_work .hcp_pile_photo_item:nth-child(2) {
  grid-column: 2 !important;
  grid-row: 1 !important;
}

.sub_container.business .hcp_sec_pile_work .hcp_pile_photo_item:nth-child(3) {
  grid-column: 3 !important;
  grid-row: 1 !important;
}

.sub_container.business .hcp_sec_pile_work .hcp_pile_photo_item:nth-child(4) {
  grid-column: 2 !important;
  grid-row: 2 !important;
}

.sub_container.business .hcp_sec_pile_work .hcp_pile_photo_item:nth-child(5) {
  grid-column: 2 !important;
  grid-row: 3 !important;
}

.sub_container.business .hcp_sec_pile_work .hcp_pile_photo_item:nth-child(6) {
  grid-column: 2 !important;
  grid-row: 4 !important;
}

.sub_container.business .hcp_sec_pile_work .hcp_pile_photo_item:nth-child(7) {
  grid-column: 3 !important;
  grid-row: 2 / span 3 !important;
}

@media (max-width:1280px) {
  .sub_container.business .hcp_sec_pile_work .hcp_pile_photo_grid {
    height: 760px !important;
  }
}

@media (max-width:1000px) {
  .sub_container.business .hcp_sec_pile_work .hcp_pile_photo_grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-template-rows: none !important;
    height: auto !important;
    gap: 12px !important;
  }
}

@media (max-width:1000px) {
  .sub_container.business .hcp_sec_pile_work .hcp_pile_photo_item {
    grid-column: auto !important;
    grid-row: auto !important;
    aspect-ratio: 16/10 !important;
  }
}

@media (max-width:769px) {
  .sub_container.business .hcp_sec_pile_work .hcp_pile_photo_grid {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }
}

@media (max-width:769px) {
  .sub_container.business .hcp_sec_pile_work .hcp_pile_photo_item {
    aspect-ratio: 16/9 !important;
  }
}

/* HCP 말뚝시공 - 7번 이미지 좌측 번호 잘림 보정 */
.sub_container.business .hcp_sec_pile_work .hcp_pile_photo_item:nth-child(7) img {
  object-position: left center !important;
}

/* HCP 말뚝시공 - 모바일 1번~7번 순서대로 1열 정렬 */
@media (max-width:769px) {
  .sub_container.business .hcp_sec_pile_work .hcp_pile_photo_grid {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    height: auto !important;
    gap: 12px !important;
    margin: 0 0 22px !important;
    padding: 0 !important;
  }
}

@media (max-width:769px) {
  .sub_container.business .hcp_sec_pile_work .hcp_pile_photo_item {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: auto !important;
    grid-column: auto !important;
    grid-row: auto !important;
    overflow: visible !important;
    background: #fff !important;
  }
}

@media (max-width:769px) {
  .sub_container.business .hcp_sec_pile_work .hcp_pile_photo_item:nth-child(n) {
    grid-column: auto !important;
    grid-row: auto !important;
  }
}

@media (max-width:769px) {
  .sub_container.business .hcp_sec_pile_work .hcp_pile_photo_item img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    object-fit: contain !important;
    object-position: center !important;
    background: #fff !important;
  }
}

/* GC 추가 섹션 */
.business .detail.can_figma .gc_add_section {
  padding: 120px 0 0 !important;
  background: #fff !important;
}

.business .detail.can_figma .gc_add_section h4 {
  margin: 0 0 20px !important;
  font-size: 32px !important;
  font-weight: 400 !important;
  line-height: 1.25 !important;
  color: #222 !important;
  text-align: left !important;
  letter-spacing: -0.05em !important;
}

.business .detail.can_figma .gc_add_section h4 b {
  font-weight: 700 !important;
}

.business .detail.can_figma .gc_add_intro {
  margin: 0 0 32px !important;
  font-size: 22px !important;
  line-height: 1.5 !important;
  color: #333 !important;
  letter-spacing: -0.05em !important;
}

.business .detail.can_figma .gc_add_intro p {
  margin: 0 !important;
}

.business .detail.can_figma .gc_add_intro b {
  font-weight: 700 !important;
  color: #222 !important;
}

.business .detail.can_figma .gc_add_test_block {
  margin-top: 72px !important;
}

.business .detail.can_figma .gc_add_test_block:first-of-type {
  margin-top: 0 !important;
}

.business .detail.can_figma .gc_add_simple_block {
  width: 100% !important;
}

.business .detail.can_figma .gc_girder_block {
  margin-top: 64px !important;
}

.business .detail.can_figma .gc_girder_block:first-of-type {
  margin-top: 0 !important;
}

.business .detail.can_figma .gc_add_block_title {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 58px !important;
  margin: 0 0 8px !important;
  border-top: 2px solid #222 !important;
  font-size: 20px !important;
  font-weight: 500 !important;
  line-height: 1.25 !important;
  color: #111 !important;
  text-align: center !important;
  letter-spacing: -0.05em !important;
}

.business .detail.can_figma .gc_add_image_grid {
  display: grid !important;
  width: 100% !important;
  gap: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.business .detail.can_figma .gc_add_image_grid.col2 {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.business .detail.can_figma .gc_add_image_grid.col1 {
  grid-template-columns: 1fr !important;
}

.business .detail.can_figma .gc_add_image_grid figure {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid #ddd !important;
  background: #fff !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

.business .detail.can_figma .gc_add_image_grid.col2 figure+figure {
  border-left: 0 !important;
}

.business .detail.can_figma .gc_add_image_grid figure img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  background: #f7f7f7 !important;
}

.business .detail.can_figma .gc_add_image_grid.col2 figure img {
  aspect-ratio: 16/9 !important;
}

.business .detail.can_figma .gc_add_image_grid.wide figure img {
  aspect-ratio: 1440/420 !important;
}

.business .detail.can_figma .gc_add_main_visual {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  margin: 0 0 20px !important;
  padding: 0 !important;
  border: 1px solid #ddd !important;
  background: #fff !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

.business .detail.can_figma .gc_add_main_visual img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 1440/420 !important;
  object-fit: contain !important;
  object-position: center !important;
  background: #fff !important;
}

.business .detail.can_figma .gc_add_note {
  margin: 16px 0 56px !important;
  font-size: 18px !important;
  line-height: 1.6 !important;
  color: #222 !important;
  letter-spacing: -0.05em !important;
}

.business .detail.can_figma .gc_tension_layout {
  display: grid !important;
  grid-template-columns: 1fr .95fr !important;
  gap: 24px !important;
  align-items: start !important;
  width: 100% !important;
}

.business .detail.can_figma .gc_tension_img {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: #fff !important;
}

.business .detail.can_figma .gc_tension_img img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
  object-position: center !important;
  background: #fff !important;
}

.business .detail.can_figma .gc_tension_info {
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  width: 100% !important;
  min-height: 100% !important;
}

.business .detail.can_figma .gc_tension_info ol {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border-top: 2px solid #222 !important;
  list-style: none !important;
}

.business .detail.can_figma .gc_tension_info li {
  display: grid !important;
  grid-template-columns: 72px minmax(0, 1fr) !important;
  align-items: center !important;
  min-height: 82px !important;
  border-bottom: 1px solid #ddd !important;
  font-size: 18px !important;
  line-height: 1.5 !important;
  color: #111 !important;
  letter-spacing: -0.05em !important;
}

.business .detail.can_figma .gc_tension_info li span {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-weight: 400 !important;
  color: #111 !important;
}

.business .detail.can_figma .gc_tension_info li p {
  margin: 0 !important;
  color: #111 !important;
}

.business .detail.can_figma .gc_tension_info li b {
  font-weight: 700 !important;
}

.business .detail.can_figma .gc_tension_info strong {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 120px !important;
  margin: 40px 0 0 !important;
  font-size: 20px !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  color: #111 !important;
  text-align: center !important;
  letter-spacing: -0.05em !important;
  position: relative !important;
}

.business .detail.can_figma .gc_tension_info strong::before {
  content: "" !important;
  position: absolute !important;
  top: -12px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 0 !important;
  height: 0 !important;
  border-left: 32px solid transparent !important;
  border-right: 32px solid transparent !important;
  border-top: 34px solid #dff5ff !important;
}

@media (max-width:1200px) {
  .business .detail.can_figma .gc_add_section {
    padding: 90px 0 0 !important;
  }
}

@media (max-width:1000px) {
  .business .detail.can_figma .gc_tension_layout {
    grid-template-columns: 1fr !important;
    gap: 32px !important;
  }
}

@media (max-width:769px) {
  .business .detail.can_figma .gc_add_section {
    padding: 120px 0 0 !important;
  }
}

@media (max-width:769px) {
  .business .detail.can_figma .gc_add_section h4 {
    font-size: 28px !important;
    margin-bottom: 24px !important;
  }
}

@media (max-width:769px) {
  .business .detail.can_figma .gc_add_intro {
    font-size: 16px !important;
    line-height: 1.65 !important;
    margin-bottom: 24px !important;
  }
}

@media (max-width:769px) {
  .business .detail.can_figma .gc_add_test_block {
    margin-top: 48px !important;
  }
}

@media (max-width:769px) {
  .business .detail.can_figma .gc_girder_block {
    margin-top: 44px !important;
  }
}

@media (max-width:769px) {
  .business .detail.can_figma .gc_add_block_title {
    height: auto !important;
    min-height: 46px !important;
    margin-bottom: 16px !important;
    padding: 12px 8px !important;
    font-size: 18px !important;
  }
}

@media (max-width:769px) {
  .business .detail.can_figma .gc_add_image_grid.col2 {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width:769px) {
  .business .detail.can_figma .gc_add_image_grid.col2 figure+figure {
    border-left: 1px solid #ddd !important;
    border-top: 0 !important;
  }
}

@media (max-width:769px) {
  .business .detail.can_figma .gc_add_image_grid figure img {
    height: auto !important;
    object-fit: contain !important;
  }
}

@media (max-width:769px) {
  .business .detail.can_figma .gc_add_image_grid.col2 figure img {
    aspect-ratio: auto !important;
  }
}

@media (max-width:769px) {
  .business .detail.can_figma .gc_add_image_grid.wide figure img {
    aspect-ratio: auto !important;
  }
}

@media (max-width:769px) {
  .business .detail.can_figma .gc_add_main_visual img {
    aspect-ratio: auto !important;
  }
}

@media (max-width:769px) {
  .business .detail.can_figma .gc_add_note {
    margin: 12px 0 32px !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
  }
}

@media (max-width:769px) {
  .business .detail.can_figma .gc_tension_info li {
    grid-template-columns: 52px minmax(0, 1fr) !important;
    min-height: 64px !important;
    font-size: 15px !important;
  }
}

@media (max-width:769px) {
  .business .detail.can_figma .gc_tension_info strong {
    min-height: auto !important;
    margin-top: 28px !important;
    padding: 44px 0 0 !important;
    font-size: 16px !important;
  }
}

/* RSD 공법 특징 - 3개 카드 1줄 3열 적용 */
.business .detail.rsd_figma .can_value_items {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

@media (max-width:1000px) {
  .business .detail.rsd_figma .can_value_items {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width:769px) {
  .business .detail.rsd_figma .can_value_items {
    grid-template-columns: 1fr !important;
  }
}

/* GC > 무교대형 메인 이미지 모바일 전용 picture 적용 - PC/다른 페이지 영향 없음 */
.business .detail.can_figma .gc_sec_abutless .gc_abutless_visual picture {
  display: block !important;
  width: 100% !important;
}

.business .detail.can_figma .gc_sec_abutless .gc_abutless_visual picture img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
  object-position: center !important;
  background: #fff !important;
}

@media (max-width:769px) {
  .business .detail.can_figma .gc_sec_abutless .gc_abutless_visual img {
    aspect-ratio: auto !important;
  }
}

/* HCP 제작 개요 - 이미지 하단 설명 리스트 간격 */
.business .detail.grb_figma .grb_sec_hcp_make .hcp_make_note {
  margin-top: 20px !important;
}

/* GC 합성형라멘 > 경간장별 적용 단면 모바일 이미지 대응 */
.business .detail.can_figma .can_apply_visual picture {
  display: block;
  width: 100%;
}

.business .detail.can_figma .can_apply_visual picture img {
  display: block;
  width: 100%;
  height: auto;
}

@media (max-width:577px) {
  .business .detail.can_figma .can_apply_visual figure {
    width: 100% !important;
  }
}

@media (max-width:577px) {
  .business .detail.can_figma .can_apply_visual picture {
    width: 100% !important;
  }
}

@media (max-width:577px) {
  .business .detail.can_figma .can_apply_visual picture img {
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
    object-fit: contain !important;
  }
}

/* HCP > 시공사진 - RSD 현장 경관성 형태 적용 */
.business .detail.grb_figma .hcp_sec_work_photo {
  padding-top: 120px;
  padding-bottom: 0;
}

.business .detail.grb_figma .hcp_sec_work_photo h4 {
  margin-bottom: 28px;
  font-size: 32px;
  font-weight: 400;
  line-height: 1.2;
  color: #222;
  text-align: left;
}

.business .detail.grb_figma .hcp_work_photo_grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 28px;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}

.business .detail.grb_figma .hcp_work_photo_grid li {
  min-width: 0;
}

.business .detail.grb_figma .hcp_work_photo_grid figure {
  margin: 0;
}

.business .detail.grb_figma .hcp_work_photo_grid img {
  display: block;
  width: 100%;
  aspect-ratio: 16/9;
  object-fit: cover;
  object-position: center;
  border: 1px solid #e5e5e5;
  background: #eee;
  box-sizing: border-box;
}

@media (max-width:769px) {
  .business .detail.grb_figma .hcp_sec_work_photo {
    padding-top: 64px;
  }
}

@media (max-width:769px) {
  .business .detail.grb_figma .hcp_sec_work_photo h4 {
    margin-bottom: 18px;
    font-size: 28px;
  }
}

@media (max-width:769px) {
  .business .detail.grb_figma .hcp_work_photo_grid {
    grid-template-columns: 1fr !important;
    gap: 16px;
  }
}

/* HCP 말뚝시공/매입공법 표 - 모바일 가로스크롤 제거 */
@media (max-width:769px) {
  .business .detail.grb_figma .hcp_sec_pile_work .hcp_table_wrap {
    overflow-x: visible !important;
    width: 100% !important;
    padding: 0 !important;
  }

  .business .detail.grb_figma .hcp_sec_pile_work .hcp_equipment_table {
    width: 100% !important;
    min-width: 0 !important;
    table-layout: fixed !important;
    border-collapse: collapse !important;
  }

  .business .detail.grb_figma .hcp_sec_pile_work .hcp_equipment_table colgroup {
    display: none !important;
  }

  .business .detail.grb_figma .hcp_sec_pile_work .hcp_equipment_table thead tr {
    display: grid !important;
    grid-template-columns: 38% 62% !important;
    width: 100% !important;
  }

  .business .detail.grb_figma .hcp_sec_pile_work .hcp_equipment_table thead th:nth-child(n+3) {
    display: none !important;
  }

  .business .detail.grb_figma .hcp_sec_pile_work .hcp_equipment_table tbody {
    display: block !important;
    width: 100% !important;
  }

  .business .detail.grb_figma .hcp_sec_pile_work .hcp_equipment_table tbody tr {
    display: grid !important;
    grid-template-columns: 38% 62% !important;
    width: 100% !important;
    border-bottom: 1px solid #ddd !important;
  }

  .business .detail.grb_figma .hcp_sec_pile_work .hcp_equipment_table tbody td {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 0 !important;
    padding: 14px 8px !important;
    border: 0 !important;
    border-top: 1px solid #e5e5e5 !important;
    font-size: 15px !important;
    line-height: 1.4 !important;
    white-space: normal !important;
    word-break: keep-all !important;
    overflow-wrap: anywhere !important;
    box-sizing: border-box !important;
  }

  .business .detail.grb_figma .hcp_sec_pile_work .hcp_equipment_table tbody td:nth-child(1),
  .business .detail.grb_figma .hcp_sec_pile_work .hcp_equipment_table tbody td:nth-child(2) {
    border-top: 0 !important;
  }

  .business .detail.grb_figma .hcp_sec_pile_work .hcp_equipment_table th {
    padding: 14px 8px !important;
    font-size: 16px !important;
    line-height: 1.4 !important;
    white-space: normal !important;
    box-sizing: border-box !important;
  }
}

/* HCP 매입공법 표 - 모바일 공법개요 줄바꿈 처리 */
@media (max-width:769px) {
  .business .detail.grb_figma .hcp_sec_embedded_method .hcp_table_wrap {
    overflow-x: visible !important;
    width: 100% !important;
    padding: 0 !important;
  }

  .business .detail.grb_figma .hcp_sec_embedded_method .hcp_method_table {
    width: 100% !important;
    min-width: 0 !important;
    table-layout: fixed !important;
    border-collapse: collapse !important;
  }

  .business .detail.grb_figma .hcp_sec_embedded_method .hcp_method_table colgroup {
    display: none !important;
  }

  .business .detail.grb_figma .hcp_sec_embedded_method .hcp_method_table th,
  .business .detail.grb_figma .hcp_sec_embedded_method .hcp_method_table td {
    padding: 14px 8px !important;
    font-size: 14px !important;
    line-height: 1.55 !important;
    white-space: normal !important;
    word-break: keep-all !important;
    overflow-wrap: anywhere !important;
    box-sizing: border-box !important;
  }

  .business .detail.grb_figma .hcp_sec_embedded_method .hcp_method_table thead th:nth-child(1),
  .business .detail.grb_figma .hcp_sec_embedded_method .hcp_method_table tbody th {
    width: 18% !important;
  }

  .business .detail.grb_figma .hcp_sec_embedded_method .hcp_method_table thead th:nth-child(2),
  .business .detail.grb_figma .hcp_sec_embedded_method .hcp_method_table tbody td:nth-child(2) {
    width: 55% !important;
  }

  .business .detail.grb_figma .hcp_sec_embedded_method .hcp_method_table thead th:nth-child(3),
  .business .detail.grb_figma .hcp_sec_embedded_method .hcp_method_table tbody td:nth-child(3) {
    width: 27% !important;
  }

  .business .detail.grb_figma .hcp_sec_embedded_method .hcp_method_table .pc_br {
    display: none !important;
  }
}

/* HCP 장비표 - 모바일에서 1~14 순서대로 재정렬 */
@media (max-width:769px) {
  .business .detail.grb_figma .hcp_sec_pile_work .hcp_equipment_table {
    display: table !important;
    width: 100% !important;
    min-width: 0 !important;
    table-layout: fixed !important;
    border-collapse: collapse !important;
  }
}

@media (max-width:769px) {
  .business .detail.grb_figma .hcp_sec_pile_work .hcp_equipment_table colgroup {
    display: none !important;
  }
}

@media (max-width:769px) {
  .business .detail.grb_figma .hcp_sec_pile_work .hcp_equipment_table thead {
    display: grid !important;
    grid-template-columns: 38% 62% !important;
    width: 100% !important;
    border-top: 1px solid #222 !important;
  }
}

@media (max-width:769px) {
  .business .detail.grb_figma .hcp_sec_pile_work .hcp_equipment_table thead tr {
    display: contents !important;
  }
}

@media (max-width:769px) {
  .business .detail.grb_figma .hcp_sec_pile_work .hcp_equipment_table thead th {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    padding: 14px 8px !important;
    border-bottom: 1px solid #ddd !important;
    font-size: 16px !important;
    line-height: 1.4 !important;
    box-sizing: border-box !important;
  }
}

@media (max-width:769px) {
  .business .detail.grb_figma .hcp_sec_pile_work .hcp_equipment_table thead th:nth-child(n+3) {
    display: none !important;
  }
}

@media (max-width:769px) {
  .business .detail.grb_figma .hcp_sec_pile_work .hcp_equipment_table tbody {
    display: grid !important;
    grid-template-columns: 38% 62% !important;
    width: 100% !important;
  }
}

@media (max-width:769px) {
  .business .detail.grb_figma .hcp_sec_pile_work .hcp_equipment_table tbody tr {
    display: contents !important;
  }
}

@media (max-width:769px) {
  .business .detail.grb_figma .hcp_sec_pile_work .hcp_equipment_table tbody td {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 0 !important;
    padding: 14px 8px !important;
    border: 0 !important;
    border-bottom: 1px solid #ddd !important;
    font-size: 15px !important;
    line-height: 1.4 !important;
    white-space: normal !important;
    word-break: keep-all !important;
    overflow-wrap: anywhere !important;
    box-sizing: border-box !important;
  }
}


/* HCP 장비표 - 모바일 순서값 지정 */
@media (max-width:769px) {
  .business .detail.grb_figma .hcp_sec_pile_work .hcp_equipment_table tbody tr:nth-child(1) td:nth-child(1) {
    order: 1 !important;
  }

  .business .detail.grb_figma .hcp_sec_pile_work .hcp_equipment_table tbody tr:nth-child(1) td:nth-child(2) {
    order: 2 !important;
  }
}

@media (max-width:769px) {
  .business .detail.grb_figma .hcp_sec_pile_work .hcp_equipment_table tbody tr:nth-child(2) td:nth-child(1) {
    order: 3 !important;
  }

  .business .detail.grb_figma .hcp_sec_pile_work .hcp_equipment_table tbody tr:nth-child(2) td:nth-child(2) {
    order: 4 !important;
  }
}

@media (max-width:769px) {
  .business .detail.grb_figma .hcp_sec_pile_work .hcp_equipment_table tbody tr:nth-child(3) td:nth-child(1) {
    order: 5 !important;
  }

  .business .detail.grb_figma .hcp_sec_pile_work .hcp_equipment_table tbody tr:nth-child(3) td:nth-child(2) {
    order: 6 !important;
  }
}

@media (max-width:769px) {
  .business .detail.grb_figma .hcp_sec_pile_work .hcp_equipment_table tbody tr:nth-child(4) td:nth-child(1) {
    order: 7 !important;
  }

  .business .detail.grb_figma .hcp_sec_pile_work .hcp_equipment_table tbody tr:nth-child(4) td:nth-child(2) {
    order: 8 !important;
  }
}

@media (max-width:769px) {
  .business .detail.grb_figma .hcp_sec_pile_work .hcp_equipment_table tbody tr:nth-child(5) td:nth-child(1) {
    order: 9 !important;
  }

  .business .detail.grb_figma .hcp_sec_pile_work .hcp_equipment_table tbody tr:nth-child(5) td:nth-child(2) {
    order: 10 !important;
  }
}

@media (max-width:769px) {
  .business .detail.grb_figma .hcp_sec_pile_work .hcp_equipment_table tbody tr:nth-child(6) td:nth-child(1) {
    order: 11 !important;
  }

  .business .detail.grb_figma .hcp_sec_pile_work .hcp_equipment_table tbody tr:nth-child(6) td:nth-child(2) {
    order: 12 !important;
  }
}

@media (max-width:769px) {
  .business .detail.grb_figma .hcp_sec_pile_work .hcp_equipment_table tbody tr:nth-child(7) td:nth-child(1) {
    order: 13 !important;
  }

  .business .detail.grb_figma .hcp_sec_pile_work .hcp_equipment_table tbody tr:nth-child(7) td:nth-child(2) {
    order: 14 !important;
  }
}

@media (max-width:769px) {
  .business .detail.grb_figma .hcp_sec_pile_work .hcp_equipment_table tbody tr:nth-child(1) td:nth-child(3) {
    order: 15 !important;
  }

  .business .detail.grb_figma .hcp_sec_pile_work .hcp_equipment_table tbody tr:nth-child(1) td:nth-child(4) {
    order: 16 !important;
  }
}

@media (max-width:769px) {
  .business .detail.grb_figma .hcp_sec_pile_work .hcp_equipment_table tbody tr:nth-child(2) td:nth-child(3) {
    order: 17 !important;
  }

  .business .detail.grb_figma .hcp_sec_pile_work .hcp_equipment_table tbody tr:nth-child(2) td:nth-child(4) {
    order: 18 !important;
  }
}

@media (max-width:769px) {
  .business .detail.grb_figma .hcp_sec_pile_work .hcp_equipment_table tbody tr:nth-child(3) td:nth-child(3) {
    order: 19 !important;
  }

  .business .detail.grb_figma .hcp_sec_pile_work .hcp_equipment_table tbody tr:nth-child(3) td:nth-child(4) {
    order: 20 !important;
  }
}

@media (max-width:769px) {
  .business .detail.grb_figma .hcp_sec_pile_work .hcp_equipment_table tbody tr:nth-child(4) td:nth-child(3) {
    order: 21 !important;
  }

  .business .detail.grb_figma .hcp_sec_pile_work .hcp_equipment_table tbody tr:nth-child(4) td:nth-child(4) {
    order: 22 !important;
  }
}

@media (max-width:769px) {
  .business .detail.grb_figma .hcp_sec_pile_work .hcp_equipment_table tbody tr:nth-child(5) td:nth-child(3) {
    order: 23 !important;
  }

  .business .detail.grb_figma .hcp_sec_pile_work .hcp_equipment_table tbody tr:nth-child(5) td:nth-child(4) {
    order: 24 !important;
  }
}

@media (max-width:769px) {
  .business .detail.grb_figma .hcp_sec_pile_work .hcp_equipment_table tbody tr:nth-child(6) td:nth-child(3) {
    order: 25 !important;
  }

  .business .detail.grb_figma .hcp_sec_pile_work .hcp_equipment_table tbody tr:nth-child(6) td:nth-child(4) {
    order: 26 !important;
  }
}

@media (max-width:769px) {
  .business .detail.grb_figma .hcp_sec_pile_work .hcp_equipment_table tbody tr:nth-child(7) td:nth-child(3) {
    order: 27 !important;
  }

  .business .detail.grb_figma .hcp_sec_pile_work .hcp_equipment_table tbody tr:nth-child(7) td:nth-child(4) {
    order: 28 !important;
  }
}

/* GC 무교대형 - 소제목을 개요도 및 경간장별 형고 타이틀 스타일처럼 변경 */
.business .detail.can_figma .gc_sec_abutless .gc_add_block_title {
  height: auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  margin: 0 0 20px !important;
  padding: 0 !important;
  background: transparent !important;
  border-top: 0 !important;
  color: #111 !important;
  font-size: 24px !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;
  letter-spacing: -0.05em !important;
  text-align: left !important;
}

.business .detail.can_figma .gc_sec_abutless .gc_add_block_title::before {
  content: "" !important;
  display: inline-block !important;
  width: 4px !important;
  height: 18px !important;
  margin-right: 10px !important;
  background: #111 !important;
  flex: 0 0 auto !important;
}

@media (max-width:577px) {
  .business .detail.can_figma .gc_sec_abutless .gc_add_block_title {
    font-size: 18px !important;
    line-height: 1.35 !important;
    margin-bottom: 16px !important;
  }
}

@media (max-width:577px) {
  .business .detail.can_figma .gc_sec_abutless .gc_add_block_title::before {
    width: 3px !important;
    height: 14px !important;
    margin-right: 8px !important;
  }
}

/* GC 무교대형 - 이미지 박스 상단 2px 검정 보더 추가 */
.business .detail.can_figma .gc_sec_abutless .gc_add_main_visual {
  border-top: 2px solid #222 !important;
}

/* GC 공법비교 표 - 본문 텍스트 볼드 해제 */
.business .detail.can.can_figma:not(.seg_figma) .can_sec_compare.can_gc_method_compare .can_method_row .label {
  font-weight: 500 !important;
}

.business .detail.can.can_figma:not(.seg_figma) .can_sec_compare.can_gc_method_compare .can_method_row .cell.text {
  font-weight: 400 !important;
}

.business .detail.can.can_figma:not(.seg_figma) .can_sec_compare.can_gc_method_compare .can_method_row .cell.text.span2 {
  font-weight: 400 !important;
}

.business .detail.can.can_figma:not(.seg_figma) .can_sec_compare.can_gc_method_compare .can_method_row .cell.text b {
  font-weight: 700 !important;
}

.business .detail.can.can_figma:not(.seg_figma) .can_sec_compare.can_gc_method_compare .can_method_type_row .type_cell {
  font-weight: 700 !important;
}


/* RSD 유지관리 - 생애주기 등 경제성 대시 리스트 */
.business .detail.rsd_figma .rsd_sec_maintenance .rsd_maintenance_dash_list {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  margin: 0 !important;
  padding: 0 !important;
  font-style: normal !important;
}

.business .detail.rsd_figma .rsd_sec_maintenance .rsd_maintenance_dash_list i {
  position: relative !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 0 0 18px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 1.55 !important;
  color: inherit !important;
  word-break: keep-all !important;
  white-space: normal !important;
  text-align: left !important;
}

.business .detail.rsd_figma .rsd_sec_maintenance .rsd_maintenance_dash_list i::before {
  content: "" !important;
  position: absolute !important;
  left: 2px !important;
  top: .78em !important;
  width: 8px !important;
  height: 2px !important;
  background: #333 !important;
  border-radius: 0 !important;
}

/* RSD 유지관리 - PC에서만 이미지 3개 폭 축소 */
@media (min-width:1281px) {
  .business .detail.rsd_figma .rsd_sec_maintenance ul>li .rsd_maintenance_media {
    width: 86% !important;
    max-width: 86% !important;
  }
}

@media (min-width:1281px) {
  .business .detail.rsd_figma .rsd_sec_maintenance ul>li:nth-child(odd) .rsd_maintenance_media {
    justify-self: end !important;
  }
}

@media (min-width:1281px) {
  .business .detail.rsd_figma .rsd_sec_maintenance ul>li:nth-child(even) .rsd_maintenance_media {
    justify-self: start !important;
  }
}

@media (min-width:1281px) {
  .business .detail.rsd_figma .rsd_sec_maintenance ul>li .rsd_maintenance_media img {
    width: 100% !important;
    height: 363px !important;
    object-fit: cover !important;
    object-position: center !important;
  }
}

/* RSD 유지관리 - PC에서 이미지는 유지하고 텍스트 영역만 확장 */
@media (min-width:1281px) {
  .business .detail.rsd_figma .rsd_sec_maintenance ul>li>p {
    width: calc(100% + 128px) !important;
    max-width: none !important;
    box-sizing: border-box !important;
    z-index: 2 !important;
  }
}

@media (min-width:1281px) {
  .business .detail.rsd_figma .rsd_sec_maintenance ul>li:nth-child(odd)>p {
    justify-self: start !important;
  }
}

@media (min-width:1281px) {
  .business .detail.rsd_figma .rsd_sec_maintenance ul>li:nth-child(even)>p {
    justify-self: end !important;
  }
}

/* RSD 적용사례 - 설명문과 과업 위치도 사이 간격 축소 */
.business .detail.rsd_figma .rsd_case_note {
  margin-bottom: 28px !important;
}

/* GC 시공순서 하단 - 3차원 형상 인장관리 */
.business .detail.can_figma .gc_process_tension_section .gc_tension_process {
  display: grid !important;
  grid-template-columns: 1fr .95fr !important;
  gap: 28px !important;
  align-items: start !important;
  margin-top: 64px !important;
  width: 100% !important;
}

.business .detail.can_figma .gc_process_tension_section .gc_tension_process_visual {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  overflow: hidden !important;
  background: #fff !important;
}

.business .detail.can_figma .gc_process_tension_section .gc_tension_process_visual>img {
  display: block !important;
  width: 100% !important;
  height: 360px !important;
  object-fit: cover !important;
  object-position: center !important;
  background: #fff !important;
}

.business .detail.can_figma .gc_process_tension_section .gc_tension_process_visual figcaption {
  position: absolute !important;
  left: 0 !important;
  bottom: 0 !important;
  z-index: 3 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 42px !important;
  padding: 0 16px !important;
  background: rgba(0, 0, 0, .45) !important;
  color: #fff !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  text-align: center !important;
  box-sizing: border-box !important;
  -webkit-backdrop-filter: blur(2px) !important;
  backdrop-filter: blur(2px) !important;
}

.business .detail.can_figma .gc_process_tension_section .gc_tension_badge {
  position: absolute !important;
  left: 22px !important;
  top: 22px !important;
  z-index: 4 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 38px !important;
  padding: 0 16px !important;
  border: 3px solid #0073c8 !important;
  border-radius: 20px !important;
  background: #fff !important;
  color: #0073c8 !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  font-style: normal !important;
  line-height: 1 !important;
  letter-spacing: -0.04em !important;
  box-sizing: border-box !important;
}

.business .detail.can_figma .gc_process_tension_section .gc_tension_process_info {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
}

.business .detail.can_figma .gc_process_tension_section .gc_tension_process_info ol {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border-top: 2px solid #222 !important;
  list-style: none !important;
}

.business .detail.can_figma .gc_process_tension_section .gc_tension_process_info li {
  display: grid !important;
  grid-template-columns: 96px minmax(0, 1fr) !important;
  align-items: center !important;
  min-height: 76px !important;
  border-bottom: 1px solid #ddd !important;
  box-sizing: border-box !important;
}

.business .detail.can_figma .gc_process_tension_section .gc_tension_num {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
}

.business .detail.can_figma .gc_process_tension_section .gc_tension_num img {
  display: block !important;
  width: 54px !important;
  height: auto !important;
  object-fit: contain !important;
  object-position: center !important;
}

.business .detail.can_figma .gc_process_tension_section .gc_tension_process_info li p {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  line-height: 1.55 !important;
  color: #111 !important;
  letter-spacing: -0.04em !important;
  word-break: keep-all !important;
}

.business .detail.can_figma .gc_process_tension_section .gc_tension_process_info li p b {
  font-weight: 700 !important;
}

.business .detail.can_figma .gc_process_tension_section .gc_tension_arrow_img {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  margin: 34px 0 20px !important;
}

.business .detail.can_figma .gc_process_tension_section .gc_tension_arrow_img img {
  display: block !important;
  width: 96px !important;
  height: auto !important;
  object-fit: contain !important;
  object-position: center !important;
}

.business .detail.can_figma .gc_process_tension_section .gc_tension_quote {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  min-height: 78px !important;
  padding: 18px 32px !important;
  background: #f2f2f2 !important;
  border-radius: 6px !important;
  box-sizing: border-box !important;
}

.business .detail.can_figma .gc_process_tension_section .gc_tension_quote p {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  line-height: 1.45 !important;
  color: #0066c9 !important;
  text-align: center !important;
  letter-spacing: -0.04em !important;
  word-break: keep-all !important;
}

.business .detail.can_figma .gc_process_tension_section .gc_tension_quote p b {
  font-weight: 700 !important;
}

.business .detail.can_figma .gc_process_tension_section .gc_tension_quote .quote_left,
.business .detail.can_figma .gc_process_tension_section .gc_tension_quote .quote_right {
  display: block !important;
  width: 24px !important;
  height: auto !important;
  object-fit: contain !important;
  object-position: center !important;
  flex: 0 0 auto !important;
}

@media (max-width:1000px) {
  .business .detail.can_figma .gc_process_tension_section .gc_tension_process {
    grid-template-columns: 1fr !important;
    gap: 28px !important;
    margin-top: 48px !important;
  }
}

@media (max-width:1000px) {
  .business .detail.can_figma .gc_process_tension_section .gc_tension_process_visual>img {
    height: auto !important;
    aspect-ratio: 16/9 !important;
  }
}

@media (max-width:769px) {
  .business .detail.can_figma .gc_process_tension_section .gc_tension_process {
    margin-top: 36px !important;
    gap: 24px !important;
  }
}

@media (max-width:769px) {
  .business .detail.can_figma .gc_process_tension_section .gc_tension_badge {
    left: 14px !important;
    top: 14px !important;
    min-height: 32px !important;
    padding: 0 12px !important;
    font-size: 15px !important;
    border-width: 2px !important;
  }
}

@media (max-width:769px) {
  .business .detail.can_figma .gc_process_tension_section .gc_tension_process_visual figcaption {
    height: 44px !important;
    font-size: 14px !important;
  }
}

@media (max-width:769px) {
  .business .detail.can_figma .gc_process_tension_section .gc_tension_process_info li {
    grid-template-columns: 68px minmax(0, 1fr) !important;
    min-height: 64px !important;
  }
}

@media (max-width:769px) {
  .business .detail.can_figma .gc_process_tension_section .gc_tension_num img {
    width: 44px !important;
  }
}

@media (max-width:769px) {
  .business .detail.can_figma .gc_process_tension_section .gc_tension_process_info li p {
    font-size: 15px !important;
    line-height: 1.5 !important;
  }
}

@media (max-width:769px) {
  .business .detail.can_figma .gc_process_tension_section .gc_tension_arrow_img {
    margin: 24px 0 16px !important;
  }
}

@media (max-width:769px) {
  .business .detail.can_figma .gc_process_tension_section .gc_tension_arrow_img img {
    width: 72px !important;
  }
}

@media (max-width:769px) {
  .business .detail.can_figma .gc_process_tension_section .gc_tension_quote {
    padding: 16px 18px !important;
    gap: 6px !important;
  }
}

@media (max-width:769px) {
  .business .detail.can_figma .gc_process_tension_section .gc_tension_quote p {
    font-size: 15px !important;
  }
}

@media (max-width:769px) {

  .business .detail.can_figma .gc_process_tension_section .gc_tension_quote .quote_left,
  .business .detail.can_figma .gc_process_tension_section .gc_tension_quote .quote_right {
    width: 18px !important;
  }
}

/* GC 3차원 형상 인장관리 - 좌측 사진과 우측 내용 하단선 맞춤 */
.business .detail.can_figma .gc_process_tension_section .gc_tension_process {
  align-items: stretch !important;
}

.business .detail.can_figma .gc_process_tension_section .gc_tension_process_visual {
  height: 100% !important;
  min-height: 360px !important;
}

.business .detail.can_figma .gc_process_tension_section .gc_tension_process_visual>img {
  height: 100% !important;
  min-height: 360px !important;
  object-fit: cover !important;
}

.business .detail.can_figma .gc_process_tension_section .gc_tension_process_info {
  height: 100% !important;
}

/* GC 3차원 형상 인장관리 - 화살표 이미지만 확대 */
.business .detail.can_figma .gc_process_tension_section .gc_tension_arrow_img img {
  width: 200px !important;
  max-width: none !important;
  height: auto !important;
}

/* GC 합성형라멘의 성능 시험 - 서브 타이틀 스타일 변경 */
.business .detail.can_figma .gc_sec_performance .gc_add_block_title {
  height: auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  margin: 0 0 20px !important;
  padding: 0 !important;
  background: transparent !important;
  border-top: 0 !important;
  color: #111 !important;
  font-size: 24px !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;
  letter-spacing: -0.05em !important;
  text-align: left !important;
}

.business .detail.can_figma .gc_sec_performance .gc_add_block_title::before {
  content: "" !important;
  display: inline-block !important;
  width: 4px !important;
  height: 18px !important;
  margin-right: 10px !important;
  background: #111 !important;
  flex: 0 0 auto !important;
}

@media (max-width:577px) {
  .business .detail.can_figma .gc_sec_performance .gc_add_block_title {
    font-size: 18px !important;
    line-height: 1.35 !important;
    margin-bottom: 0px !important;
  }
}

@media (max-width:577px) {
  .business .detail.can_figma .gc_sec_performance .gc_add_block_title::before {
    width: 3px !important;
    height: 14px !important;
    margin-right: 8px !important;
  }
}

/* GC 성능 시험 - 거더-우각부 실물시험 이미지 사이 PC 간격 */
@media (min-width:770px) {
  .business .detail.can_figma .gc_sec_performance .gc_add_test_block:nth-of-type(2) .gc_add_image_grid.col2 {
    gap: 20px !important;
  }
}

@media (min-width:770px) {
  .business .detail.can_figma .gc_sec_performance .gc_add_test_block:nth-of-type(2) .gc_add_image_grid.col2 figure+figure {
    border-left: 1px solid #ddd !important;
  }
}

/* GC 거더형식 섹션 - 서브 타이틀 스타일 변경 */
.business .detail.can_figma .gc_sec_girder_type .gc_add_block_title {
  height: auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  margin: 0 0 20px !important;
  padding: 0 !important;
  background: transparent !important;
  border-top: 0 !important;
  color: #111 !important;
  font-size: 24px !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;
  letter-spacing: -0.05em !important;
  text-align: left !important;
}

.business .detail.can_figma .gc_sec_girder_type .gc_add_block_title::before {
  content: "" !important;
  display: inline-block !important;
  width: 4px !important;
  height: 18px !important;
  margin-right: 10px !important;
  background: #111 !important;
  flex: 0 0 auto !important;
}

@media (max-width:577px) {
  .business .detail.can_figma .gc_sec_girder_type .gc_add_block_title {
    font-size: 18px !important;
    line-height: 1.35 !important;
    margin-bottom: 0px !important;
  }
}

@media (max-width:577px) {
  .business .detail.can_figma .gc_sec_girder_type .gc_add_block_title::before {
    width: 3px !important;
    height: 14px !important;
    margin-right: 8px !important;
  }
}

/* RSD FEM해석 - 사용성검토 위계 타이틀 추가 */
.business .detail.rsd_figma .rsd_fem_table {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.business .detail.rsd_figma .rsd_fem_table::before {
  content: "사용성검토 (진동,처짐)" !important;
  grid-column: 1/-1 !important;
  order: 3 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 52px !important;
  margin-top: 48px !important;
  border-top: 2px solid #222 !important;
  border-bottom: 1px solid #d8d8d8 !important;
  background: #eef3f6 !important;
  color: #111 !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  text-align: center !important;
  box-sizing: border-box !important;
}

.business .detail.rsd_figma .rsd_fem_table .rsd_fem_item:nth-child(1) {
  order: 1 !important;
}

.business .detail.rsd_figma .rsd_fem_table .rsd_fem_item:nth-child(2) {
  order: 2 !important;
}

.business .detail.rsd_figma .rsd_fem_table .rsd_fem_item:nth-child(3) {
  order: 4 !important;
  margin-top: 0 !important;
  border-top: 0 !important;
}

.business .detail.rsd_figma .rsd_fem_table .rsd_fem_item:nth-child(4) {
  order: 5 !important;
  margin-top: 0 !important;
  border-top: 0 !important;
}

.business .detail.rsd_figma .rsd_fem_table .rsd_fem_item:nth-child(3)>strong,
.business .detail.rsd_figma .rsd_fem_table .rsd_fem_item:nth-child(4)>strong {
  border-top: 0 !important;
  background: #fff !important;
}

@media (max-width:1000px) {
  .business .detail.rsd_figma .rsd_fem_table {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width:1000px) {
  .business .detail.rsd_figma .rsd_fem_table::before {
    grid-column: 1/-1 !important;
    margin-top: 32px !important;
    min-height: 50px !important;
    font-size: 18px !important;
  }
}

@media (max-width:1000px) {

  .business .detail.rsd_figma .rsd_fem_table .rsd_fem_item:nth-child(1),
  .business .detail.rsd_figma .rsd_fem_table .rsd_fem_item:nth-child(2),
  .business .detail.rsd_figma .rsd_fem_table .rsd_fem_item:nth-child(3),
  .business .detail.rsd_figma .rsd_fem_table .rsd_fem_item:nth-child(4) {
    border-right: 0 !important;
  }
}

@media (max-width:769px) {
  .business .detail.rsd_figma .rsd_fem_table::before {
    margin-top: 24px !important;
    min-height: 46px !important;
    font-size: 16px !important;
  }
}

/* RSD FEM해석 - 모델링/응력검토/진동검토/처짐검토 제목 높이 축소 */
.business .detail.rsd_figma .rsd_fem_table .rsd_fem_item>strong {
  min-height: 46px !important;
  height: 46px !important;
  padding: 6px 12px !important;
  font-size: 20px !important;
  line-height: 1.2 !important;
}

/* HCP 말뚝시공 - PC에서만 이미지 배치 순서 수정 */
@media (min-width:1001px) {
  .sub_container.business .hcp_sec_pile_work .hcp_pile_photo_item:nth-child(1) {
    grid-column: 1 !important;
    grid-row: 1 / span 4 !important;
  }
}

@media (min-width:1001px) {
  .sub_container.business .hcp_sec_pile_work .hcp_pile_photo_item:nth-child(2) {
    grid-column: 2 !important;
    grid-row: 1 !important;
  }
}

@media (min-width:1001px) {
  .sub_container.business .hcp_sec_pile_work .hcp_pile_photo_item:nth-child(3) {
    grid-column: 2 !important;
    grid-row: 2 !important;
  }
}

@media (min-width:1001px) {
  .sub_container.business .hcp_sec_pile_work .hcp_pile_photo_item:nth-child(4) {
    grid-column: 2 !important;
    grid-row: 3 !important;
  }
}

@media (min-width:1001px) {
  .sub_container.business .hcp_sec_pile_work .hcp_pile_photo_item:nth-child(5) {
    grid-column: 2 !important;
    grid-row: 4 !important;
  }
}

@media (min-width:1001px) {
  .sub_container.business .hcp_sec_pile_work .hcp_pile_photo_item:nth-child(6) {
    grid-column: 3 !important;
    grid-row: 1 !important;
  }
}

@media (min-width:1001px) {
  .sub_container.business .hcp_sec_pile_work .hcp_pile_photo_item:nth-child(7) {
    grid-column: 3 !important;
    grid-row: 2 / span 3 !important;
  }
}

/* GC 시공순서 - 7번 3차원 형상 인장관리 서브 타이틀화 */
.business .detail.can_figma .gc_process_tension_section .gc_tension_process {
  column-gap: 28px !important;
  row-gap: 20px !important;
}

.business .detail.can_figma .gc_process_tension_section .gc_tension_subtitle {
  grid-column: 1/-1 !important;
  height: auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  color: #111 !important;
  font-size: 24px !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;
  letter-spacing: -0.05em !important;
  text-align: left !important;
}

.business .detail.can_figma .gc_process_tension_section .gc_tension_subtitle::before {
  content: "" !important;
  display: inline-block !important;
  width: 4px !important;
  height: 18px !important;
  margin-right: 10px !important;
  background: #111 !important;
  flex: 0 0 auto !important;
}

.business .detail.can_figma .gc_process_tension_section .gc_tension_process_visual figcaption {
  display: none !important;
}

@media (max-width:577px) {
  .business .detail.can_figma .gc_process_tension_section .gc_tension_subtitle {
    font-size: 18px !important;
    line-height: 1.35 !important;
  }
}

@media (max-width:577px) {
  .business .detail.can_figma .gc_process_tension_section .gc_tension_subtitle::before {
    width: 3px !important;
    height: 14px !important;
    margin-right: 8px !important;
  }
}


/* RSD 현장 경관성 - 캡션 대시 리스트 */
.business .detail.rsd_figma .rsd_landscape_grid figcaption .rsd_landscape_dash_list {
  margin: 0 !important;
  font-size: 20px !important;
  line-height: 1.55 !important;
  color: #111 !important;
}

.business .detail.rsd_figma .rsd_landscape_grid figcaption .rsd_landscape_dash_list>li {
  line-height: 1.55 !important;
}

/* GC 3차원 형상 인장관리 - 모바일에서 사진 비율 유지 */
@media (max-width:769px) {
  .business .detail.can_figma .gc_process_tension_section .gc_tension_process {
    align-items: start !important;
  }
}

@media (max-width:769px) {
  .business .detail.can_figma .gc_process_tension_section .gc_tension_process_visual {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    align-self: start !important;
  }
}

@media (max-width:769px) {
  .business .detail.can_figma .gc_process_tension_section .gc_tension_process_visual>img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: auto !important;
    object-fit: contain !important;
    object-position: center !important;
  }
}

/* GC 모바일 주요특성 섹션 - 하단 패딩 제거 */
@media (max-width:769px) {
  .business .detail.can_figma .can_sec_benefit {
    padding-bottom: 0 !important;
  }
}

/* RSD 경관성 섹션 - 모바일 본문 폰트 16px */
@media (max-width:769px) {
  .business .detail.rsd_figma .rsd_sec_landscape .rsd_landscape_grid figcaption {
    font-size: 16px !important;
    line-height: 1.6 !important;
  }
}

@media (max-width:769px) {
  .business .detail.rsd_figma .rsd_sec_landscape .rsd_landscape_grid figcaption li {
    font-size: 16px !important;
    line-height: 1.6 !important;
  }
}

@media (max-width:769px) {
  .business .detail.rsd_figma .rsd_sec_landscape .rsd_landscape_dash_list {
    font-size: 16px !important;
    line-height: 1.6 !important;
  }
}

@media (max-width:769px) {
  .business .detail.rsd_figma .rsd_sec_landscape .rsd_landscape_dash_list>li {
    font-size: 16px !important;
    line-height: 1.6 !important;
  }
}

/* RSD 공법 개요 - 모바일 전용 이미지 대응 */
.business .detail.rsd_figma .grb_sec_overview .nod_overview_main picture {
  display: block !important;
  width: 100% !important;
}

.business .detail.rsd_figma .grb_sec_overview .nod_overview_main picture img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
}

@media (max-width:769px) {
  .business .detail.rsd_figma .grb_sec_overview .nod_overview_main picture {
    width: 100% !important;
  }
}

@media (max-width:769px) {
  .business .detail.rsd_figma .grb_sec_overview .nod_overview_main picture img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
  }
}

/* RSD 유지관리 - 모바일 내부 중복 패딩 제거 */
@media (max-width:769px) {
  .business .detail.rsd_figma .rsd_sec_maintenance {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}

@media (max-width:769px) {
  .business .detail.rsd_figma .rsd_sec_maintenance>ul.w1440 {
    padding-left: 0 !important;
    padding-right: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}

@media (max-width:769px) {
  .business .detail.rsd_figma .rsd_sec_maintenance>h4.w1440 {
    padding-left: 0 !important;
    padding-right: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}

/* RSD 모바일 - 공법특징과 유지관리 사이 간격 120px */
@media (max-width:769px) {
  .business .detail.rsd_figma .can_sec_benefit {
    padding-bottom: 0 !important;
  }
}

@media (max-width:769px) {
  .business .detail.rsd_figma .rsd_sec_maintenance {
    margin-top: 120px !important;
    padding-top: 0 !important;
  }
}

@media (max-width:769px) {
  .business .detail.rsd_figma .rsd_sec_maintenance>h4 {
    margin-top: 0 !important;
  }
}

/* RSD 모바일 - 유지관리와 성남시 희망대 근린공원 적용사례 사이 간격 120px */
@media (max-width:769px) {
  .business .detail.rsd_figma .rsd_sec_maintenance {
    padding-bottom: 0 !important;
  }
}

@media (max-width:769px) {
  .business .detail.rsd_figma .rsd_sec_case {
    margin-top: 120px !important;
    padding-top: 0 !important;
  }
}

/* RSD 구간별 횡단면도 - 모바일에서 이미지 실제 높이에 맞춤 */
@media (max-width:769px) {
  .business .detail.rsd_figma .rsd_case_cross .rsd_case_media {
    display: block !important;
    min-height: 0 !important;
    height: auto !important;
    overflow: hidden !important;
  }
}

@media (max-width:769px) {
  .business .detail.rsd_figma .rsd_case_cross .rsd_case_media img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: auto !important;
    object-fit: contain !important;
    padding: 0 !important;
  }
}

@media (max-width:769px) {
  .business .detail.rsd_figma .rsd_case_cross .rsd_case_media figcaption {
    position: relative !important;
    left: auto !important;
    bottom: auto !important;
    width: 100% !important;
    min-height: 42px !important;
    padding: 10px 16px !important;
  }
}

/* GC 공법비교 - GC 합성형라멘 붉은 강조 박스 제거 */
.business .detail.can.can_figma:not(.seg_figma) .can_sec_compare.can_gc_method_compare .can_method_head .cell:nth-child(3) {
  box-shadow: none !important;
}

.business .detail.can.can_figma:not(.seg_figma) .can_sec_compare.can_gc_method_compare .can_method_row.overview .cell:nth-child(3).span2 {
  box-shadow: none !important;
}

.business .detail.can.can_figma:not(.seg_figma) .can_sec_compare.can_gc_method_compare .can_method_type_row .cell:nth-child(3) {
  box-shadow: none !important;
}

.business .detail.can.can_figma:not(.seg_figma) .can_sec_compare.can_gc_method_compare .can_method_type_row .cell:nth-child(4) {
  box-shadow: none !important;
}

.business .detail.can.can_figma:not(.seg_figma) .can_sec_compare.can_gc_method_compare .can_method_row:not(.overview):not(.can_method_type_row) .cell:nth-child(3) {
  box-shadow: none !important;
}

.business .detail.can.can_figma:not(.seg_figma) .can_sec_compare.can_gc_method_compare .can_method_row:not(.overview):not(.can_method_type_row) .cell:nth-child(4) {
  box-shadow: none !important;
}

.business .detail.can.can_figma:not(.seg_figma) .can_sec_compare.can_gc_method_compare .can_method_row:not(.overview):not(.can_method_type_row) .cell:nth-child(3).span2 {
  box-shadow: none !important;
}

.business .detail.can.can_figma:not(.seg_figma) .can_sec_compare.can_gc_method_compare .can_method_block>.can_method_row:last-child .cell:nth-child(3) {
  box-shadow: none !important;
}

.business .detail.can.can_figma:not(.seg_figma) .can_sec_compare.can_gc_method_compare .can_method_block>.can_method_row:last-child .cell:nth-child(4) {
  box-shadow: none !important;
}

/* GC 공법비교 - 모바일 GC 합성형라멘 붉은 박스 제거 */
@media (max-width:769px) {
  .business .detail.can.can_figma:not(.seg_figma) .can_sec_compare.can_gc_method_compare .can_mobile_table.is-gc {
    border: 0 !important;
    box-shadow: none !important;
    outline: 0 !important;
  }
}

/* GC 공법비교 - RC 라멘교 / GC 합성형라멘 사이 구분선 추가 */
@media (min-width:770px) {
  .business .detail.can.can_figma:not(.seg_figma) .can_sec_compare.can_gc_method_compare .can_method_head .cell:nth-child(3) {
    border-left: 1px solid #d9d9d9 !important;
  }
}

@media (min-width:770px) {
  .business .detail.can.can_figma:not(.seg_figma) .can_sec_compare.can_gc_method_compare .can_method_row .cell:nth-child(3) {
    border-left: 1px solid #d9d9d9 !important;
  }
}

@media (min-width:770px) {
  .business .detail.can.can_figma:not(.seg_figma) .can_sec_compare.can_gc_method_compare .can_method_row.overview .cell:nth-child(3).span2 {
    border-left: 1px solid #d9d9d9 !important;
  }
}

@media (min-width:770px) {
  .business .detail.can.can_figma:not(.seg_figma) .can_sec_compare.can_gc_method_compare .can_method_type_row .cell:nth-child(3) {
    border-left: 1px solid #d9d9d9 !important;
  }
}

/* 연구자료 > 관련자료 - 새창 아이콘 위치 고정 + 색상만 변경 */
.sub_container.technology.date_page .ip[data-subtab-panel="design"] .related_paper_wrap .paper_hover_list.hover_box3>li::before {
  content: "" !important;
  position: absolute !important;
  top: 18px !important;
  right: 20px !important;
  left: auto !important;
  width: 18px !important;
  height: 18px !important;
  margin: 0 !important;
  display: block !important;
  background: #999 !important;
  background-image: none !important;
  -webkit-mask: url("../images/view.svg") center/contain no-repeat !important;
  mask: url("../images/view.svg") center/contain no-repeat !important;
  opacity: 1 !important;
  z-index: 5 !important;
  pointer-events: none !important;
  transition: background-color .2s ease !important;
}

.sub_container.technology.date_page .ip[data-subtab-panel="design"] .related_paper_wrap .paper_hover_list.hover_box3>li:hover::before {
  top: 18px !important;
  right: 20px !important;
  left: auto !important;
  margin: 0 !important;
  background: var(--color-primary) !important;
  opacity: 1 !important;
  transform: none !important;
}

/* 연구자료 > 제품 브로슈어 - 디폴트 보더/새창 아이콘 적용 + 호버 시 위치 고정 */
.sub_container.technology.date_page .ip[data-subtab-panel="design"]>ul>li {
  position: relative !important;
  overflow: hidden !important;
  border: 1px solid #ccc !important;
  box-sizing: border-box !important;
  background: #fff !important;
}

.sub_container.technology.date_page .ip[data-subtab-panel="design"]>ul>li::before {
  content: "" !important;
  position: absolute !important;
  top: 18px !important;
  right: 20px !important;
  left: auto !important;
  width: 18px !important;
  height: 18px !important;
  margin: 0 !important;
  display: block !important;
  background: #999 !important;
  background-image: none !important;
  -webkit-mask: url("../images/view.svg") center/contain no-repeat !important;
  mask: url("../images/view.svg") center/contain no-repeat !important;
  opacity: 1 !important;
  z-index: 6 !important;
  pointer-events: none !important;
  transform: none !important;
  transition: background-color .2s ease !important;
}

.sub_container.technology.date_page .ip[data-subtab-panel="design"]>ul>li:hover::before {
  top: 18px !important;
  right: 20px !important;
  left: auto !important;
  margin: 0 !important;
  background: var(--color-primary) !important;
  opacity: 1 !important;
  transform: none !important;
}

.sub_container.technology.date_page .ip[data-subtab-panel="design"]>ul>li::after {
  box-sizing: border-box !important;
}

/* 연구자료 > 제품 브로슈어 - 흰색 박스 유지 + 아이콘만 회색/호버 파란색 */
.sub_container.technology.date_page .ip[data-subtab-panel="design"]>ul>li::before {
  content: "" !important;
  position: absolute !important;
  top: 6px !important;
  right: 8px !important;
  left: auto !important;
  width: 40px !important;
  height: 40px !important;
  margin: 0 !important;
  display: block !important;
  background-color: #fff !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23999999' stroke-width='2.4' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cpath d='M14 3h7v7'/%3E%3Cpath d='M21 3L10 14'/%3E%3Cpath d='M21 14v7H3V3h7'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 22px 22px !important;
  -webkit-mask: none !important;
  mask: none !important;
  opacity: 1 !important;
  z-index: 6 !important;
  pointer-events: none !important;
  transform: none !important;
  transition: none !important;
}

.sub_container.technology.date_page .ip[data-subtab-panel="design"]>ul>li:hover::before {
  top: 6px !important;
  right: 8px !important;
  left: auto !important;
  width: 40px !important;
  height: 40px !important;
  margin: 0 !important;
  background-color: #fff !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%230056B8' stroke-width='2.4' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cpath d='M14 3h7v7'/%3E%3Cpath d='M21 3L10 14'/%3E%3Cpath d='M21 14v7H3V3h7'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 22px 22px !important;
  -webkit-mask: none !important;
  mask: none !important;
  opacity: 1 !important;
  transform: none !important;
}

/* 연구자료 > 기술자료 - 제품 브로슈어와 동일한 디폴트/호버 새창 아이콘 적용 */
.technology.date_page .ip[data-subtab-panel="patent"]>ul>li {
  position: relative !important;
  overflow: hidden !important;
  cursor: pointer !important;
  background: #fff !important;
  border: 1px solid #ccc !important;
  box-sizing: border-box !important;
}

.technology.date_page .ip[data-subtab-panel="patent"]>ul>li::before {
  content: "" !important;
  position: absolute !important;
  top: 6px !important;
  right: 8px !important;
  left: auto !important;
  width: 40px !important;
  height: 40px !important;
  margin: 0 !important;
  display: block !important;
  background-color: #fff !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23999999' stroke-width='2.4' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cpath d='M14 3h7v7'/%3E%3Cpath d='M21 3L10 14'/%3E%3Cpath d='M21 14v7H3V3h7'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 22px 22px !important;
  -webkit-mask: none !important;
  mask: none !important;
  opacity: 1 !important;
  z-index: 6 !important;
  pointer-events: none !important;
  transform: none !important;
  transition: none !important;
}

.technology.date_page .ip[data-subtab-panel="patent"]>ul>li:hover::before {
  top: 6px !important;
  right: 8px !important;
  left: auto !important;
  width: 40px !important;
  height: 40px !important;
  margin: 0 !important;
  background-color: #fff !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%230056B8' stroke-width='2.4' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cpath d='M14 3h7v7'/%3E%3Cpath d='M21 3L10 14'/%3E%3Cpath d='M21 14v7H3V3h7'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 22px 22px !important;
  -webkit-mask: none !important;
  mask: none !important;
  opacity: 1 !important;
  transform: none !important;
}


/* 발표논문 > HCP논문 - 제품 브로슈어와 동일한 디폴트/호버 새창 스타일 */
.technology.paper_page .ip[data-subtab-panel="design"]>ul>li {
  position: relative !important;
  overflow: hidden !important;
  border: 1px solid #ccc !important;
  box-sizing: border-box !important;
  background: #fff !important;
  cursor: pointer !important;
}

.technology.paper_page .ip[data-subtab-panel="design"]>ul>li::before {
  content: "" !important;
  position: absolute !important;
  top: 8px !important;
  right: 8px !important;
  left: auto !important;
  width: 40px !important;
  height: 40px !important;
  margin: 0 !important;
  display: block !important;
  background-color: #fff !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23999999' stroke-width='2.4' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cpath d='M14 3h7v7'/%3E%3Cpath d='M21 3L10 14'/%3E%3Cpath d='M21 14v7H3V3h7'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 22px 22px !important;
  -webkit-mask: none !important;
  mask: none !important;
  opacity: 1 !important;
  z-index: 6 !important;
  pointer-events: none !important;
  transform: none !important;
  transition: none !important;
}

.technology.paper_page .ip[data-subtab-panel="design"]>ul>li:hover::before {
  top: 8px !important;
  right: 8px !important;
  left: auto !important;
  width: 40px !important;
  height: 40px !important;
  margin: 0 !important;
  background-color: #fff !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%230056B8' stroke-width='2.4' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cpath d='M14 3h7v7'/%3E%3Cpath d='M21 3L10 14'/%3E%3Cpath d='M21 14v7H3V3h7'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 22px 22px !important;
  -webkit-mask: none !important;
  mask: none !important;
  opacity: 1 !important;
  transform: none !important;
}

/* 발표논문 > 일반논문 - 새창 아이콘 위치 고정 */
.technology.paper_page .paper_hover_wrap[data-subtab-panel="patent"] .paper_hover_list.hover_box3>li::before {
  content: "" !important;
  position: absolute !important;
  top: 18px !important;
  right: 20px !important;
  left: auto !important;
  width: 18px !important;
  height: 18px !important;
  margin: 0 !important;
  display: block !important;
  background: #999 !important;
  background-image: none !important;
  -webkit-mask: url("../images/view.svg") center/contain no-repeat !important;
  mask: url("../images/view.svg") center/contain no-repeat !important;
  opacity: 1 !important;
  z-index: 5 !important;
  pointer-events: none !important;
  transform: none !important;
  transition: background-color .2s ease !important;
}

.technology.paper_page .paper_hover_wrap[data-subtab-panel="patent"] .paper_hover_list.hover_box3>li:hover::before {
  top: 18px !important;
  right: 20px !important;
  left: auto !important;
  width: 18px !important;
  height: 18px !important;
  margin: 0 !important;
  background: var(--color-primary) !important;
  opacity: 1 !important;
  transform: none !important;
  transition: background-color .2s ease !important;
}

/* 발표논문 > 일반논문 - 디폴트/호버 새창 아이콘 위치 완전 고정 */
.technology.paper_page .paper_hover_wrap[data-subtab-panel="patent"] .paper_hover_list.hover_box3>li:not(:hover)::before {
  content: "" !important;
  position: absolute !important;
  top: 18px !important;
  right: 20px !important;
  left: auto !important;
  width: 18px !important;
  height: 18px !important;
  margin: 0 !important;
  margin-top: 0 !important;
  margin-left: 0 !important;
  display: block !important;
  background: #999 !important;
  background-image: none !important;
  -webkit-mask: url("../images/view.svg") center/contain no-repeat !important;
  mask: url("../images/view.svg") center/contain no-repeat !important;
  opacity: 1 !important;
  z-index: 5 !important;
  pointer-events: none !important;
  transform: none !important;
  transition: background-color .2s ease !important;
}

.technology.paper_page .paper_hover_wrap[data-subtab-panel="patent"] .paper_hover_list.hover_box3>li:hover::before {
  content: "" !important;
  position: absolute !important;
  top: 18px !important;
  right: 20px !important;
  left: auto !important;
  width: 18px !important;
  height: 18px !important;
  margin: 0 !important;
  margin-top: 0 !important;
  margin-left: 0 !important;
  display: block !important;
  background: var(--color-primary) !important;
  background-image: none !important;
  -webkit-mask: url("../images/view.svg") center/contain no-repeat !important;
  mask: url("../images/view.svg") center/contain no-repeat !important;
  opacity: 1 !important;
  z-index: 5 !important;
  pointer-events: none !important;
  transform: none !important;
  transition: background-color .2s ease !important;
}

/* 발표논문 > HCP논문 - date.php 제품 브로슈어 카드 크기 기준으로 정리 */
.technology.paper_page .ip[data-subtab-panel="design"]>ul {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 24px !important;
  padding: 12px 0 40px !important;
}

.technology.paper_page .ip[data-subtab-panel="design"]>ul>li {
  padding: 0 !important;
  overflow: hidden !important;
  background: #fff !important;
  border: 1px solid #ccc !important;
  box-sizing: border-box !important;
}

.technology.paper_page .ip[data-subtab-panel="design"]>ul>li>a {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  height: 100% !important;
}

.technology.paper_page .ip[data-subtab-panel="design"]>ul>li .thumbnail {
  display: block !important;
  width: calc(100% - 48px) !important;
  max-width: none !important;
  max-height: none !important;
  height: auto !important;
  margin: 24px auto 0 !important;
  aspect-ratio: auto !important;
  object-fit: contain !important;
  object-position: center !important;
  outline: 0 !important;
}

.technology.paper_page .ip[data-subtab-panel="design"]>ul>li>a>.desc_tit {
  width: 100% !important;
  box-sizing: border-box !important;
  margin: 12px 0 0 !important;
  padding: 16px 20px !important;
  font-size: 18px !important;
  line-height: 1.35 !important;
}

/* 발표논문 > HCP논문 - 모바일은 기존 2열 유지 */
@media (max-width:769px) {
  .technology.paper_page .ip[data-subtab-panel="design"]>ul {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 24px 16px !important;
  }
}

@media (max-width:769px) {
  .technology.paper_page .ip[data-subtab-panel="design"]>ul>li .thumbnail {
    width: calc(100% - 48px) !important;
    margin: 24px auto 0 !important;
  }
}

@media (max-width:769px) {
  .technology.paper_page .ip[data-subtab-panel="design"]>ul>li>a>.desc_tit {
    padding: 8px 24px !important;
    margin: 10px 0 0 !important;
    font-size: 15px !important;
    line-height: 1.35 !important;
  }
}

/* HCP 모바일 - 구조해석 섹션 상단 간격 80px로 조정 */
@media (max-width:769px) {
  .sub_container.business .detail.biz_figma.grb_figma .grb_sec_overview+.grb_section.sec_grad.sec_grad_blue10.sec_grad_top240 {
    padding-top: 80px !important;
  }
}

/* GC - 합성형라멘의 개념 섹션 하단 간격 제거 */
.business .detail.can_figma .gc_concept_section {
  padding-bottom: 0 !important;
}

/* GC 모바일 - 두 줄 소제목 구분기호 첫 줄 기준 상단 정렬 */
@media (max-width:769px) {
  .business .detail.can_figma .gc_add_block_title {
    align-items: flex-start !important;
  }
}

@media (max-width:769px) {
  .business .detail.can_figma .gc_add_block_title::before {
    margin-top: 5px !important;
    flex: 0 0 auto !important;
  }
}

@media (max-width:769px) {
  .business .detail.can_figma .can_sec_span .can_span_title {
    align-items: flex-start !important;
  }
}

@media (max-width:769px) {
  .business .detail.can_figma .can_sec_span .can_span_title::before {
    margin-top: 5px !important;
    flex: 0 0 auto !important;
  }
}

/* GC 모바일 - 소제목 구분기호 첫 줄 기준 상단 정렬 공통 */
@media (max-width:769px) {

  .business .detail.can_figma .gc_sec_abutless .gc_add_block_title,
  .business .detail.can_figma .gc_sec_performance .gc_add_block_title,
  .business .detail.can_figma .gc_sec_girder_type .gc_add_block_title,
  .business .detail.can_figma .gc_process_tension_section .gc_tension_subtitle,
  .business .detail.can_figma .can_sec_span .can_span_title {
    align-items: flex-start !important;
  }
}

@media (max-width:769px) {

  .business .detail.can_figma .gc_sec_abutless .gc_add_block_title::before,
  .business .detail.can_figma .gc_sec_performance .gc_add_block_title::before,
  .business .detail.can_figma .gc_sec_girder_type .gc_add_block_title::before,
  .business .detail.can_figma .gc_process_tension_section .gc_tension_subtitle::before,
  .business .detail.can_figma .can_sec_span .can_span_title::before {
    margin-top: 5px !important;
    flex: 0 0 auto !important;
  }
}

/* RSD 소제목 구분기호 - GC 크기와 통일 */
.business .detail.rsd_figma .rsd_case_subtitle {
  padding-left: 14px !important;
}

.business .detail.rsd_figma .rsd_case_subtitle::before {
  width: 4px !important;
  height: 18px !important;
  top: 5px !important;
  left: 0 !important;
  background: #111 !important;
}

/* RSD 모바일 소제목 구분기호 위치 보정 */
@media (max-width:769px) {
  .business .detail.rsd_figma .rsd_case_subtitle {
    padding-left: 14px !important;
  }
}

@media (max-width:769px) {
  .business .detail.rsd_figma .rsd_case_subtitle::before {
    width: 4px !important;
    height: 18px !important;
    top: 4px !important;
    left: 0 !important;
  }
}

/* RSD 모바일 소제목 구분기호 - GC 모바일 크기와 통일 + 두 줄일 때 첫 줄 기준 정렬 */
@media (max-width:769px) {
  .business .detail.rsd_figma .rsd_case_subtitle {
    position: relative !important;
    padding-left: 14px !important;
    font-size: 20px !important;
    line-height: 1.35 !important;
  }
}

@media (max-width:769px) {
  .business .detail.rsd_figma .rsd_case_subtitle::before {
    content: "" !important;
    position: absolute !important;
    top: 5px !important;
    left: 0 !important;
    width: 3px !important;
    height: 14px !important;
    background: #111 !important;
  }
}

/* 말뚝 > 장말뚝시공 모바일 - 섹션 간격 120px로 통일 */
@media (max-width:769px) {
  .business .detail.biz_figma.deck.tab_fit_3 .construction_panel[data-subtab-panel="construction"] {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    gap: 0 !important;
  }
}

@media (max-width:769px) {
  .business .detail.biz_figma.deck.tab_fit_3 .construction_panel[data-subtab-panel="construction"]>.overview_common {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
  }
}

@media (max-width:769px) {
  .business .detail.biz_figma.deck.tab_fit_3 .construction_panel[data-subtab-panel="construction"]>.overview_common>ul {
    margin: 20px 20px 0 !important;
    width: calc(100% - 40px) !important;
  }
}

@media (max-width:769px) {
  .business .detail.biz_figma.deck.tab_fit_3 .construction_panel[data-subtab-panel="construction"]>.construction_flow {
    padding-top: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}

@media (max-width:769px) {
  .business .detail.biz_figma.deck.tab_fit_3 .construction_panel[data-subtab-panel="construction"]>.construction_result {
    padding-top: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    gap: 0 !important;
  }
}

@media (max-width:769px) {
  .business .detail.biz_figma.deck.tab_fit_3 .construction_panel[data-subtab-panel="construction"]>.overview_common+.construction_flow {
    margin-top: 120px !important;
  }
}

@media (max-width:769px) {
  .business .detail.biz_figma.deck.tab_fit_3 .construction_panel[data-subtab-panel="construction"]>.construction_flow+.construction_flow {
    margin-top: 120px !important;
  }
}

@media (max-width:769px) {
  .business .detail.biz_figma.deck.tab_fit_3 .construction_panel[data-subtab-panel="construction"]>.construction_flow+.construction_result {
    margin-top: 120px !important;
  }
}

@media (max-width:769px) {
  .business .detail.biz_figma.deck.tab_fit_3 .construction_panel[data-subtab-panel="construction"]>.construction_result+.construction_result {
    margin-top: 120px !important;
  }
}

/* 말뚝 > 재하시험 이미지 캡션 - HCP 제작순서 오퍼시티 박스 스타일 적용 */
.business .detail.biz_figma.deck .adv.loadtest_panel .pile_test_img_grid {
  display: flex !important;
  gap: 8px !important;
  overflow: hidden !important;
  height: 100% !important;
}

.business .detail.biz_figma.deck .adv.loadtest_panel .pile_test_img_grid figure {
  position: relative !important;
  flex: 1 1 0 !important;
  min-width: 0 !important;
  height: 100% !important;
  margin: 0 !important;
  overflow: hidden !important;
  background: #fff !important;
}

.business .detail.biz_figma.deck .adv.loadtest_panel .pile_test_img_grid figure img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  border-radius: 0 !important;
}

.business .detail.biz_figma.deck .adv.loadtest_panel .pile_test_img_grid figure figcaption {
  position: absolute !important;
  left: 0 !important;
  bottom: 0 !important;
  z-index: 2 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 42px !important;
  padding: 0 16px !important;
  background: rgba(0, 0, 0, .45) !important;
  color: #fff !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  text-align: center !important;
  -webkit-backdrop-filter: blur(2px) !important;
  backdrop-filter: blur(2px) !important;
  box-sizing: border-box !important;
}

@media (max-width:769px) {
  .business .detail.biz_figma.deck .adv.loadtest_panel .pile_test_img_grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    height: auto !important;
  }
}

@media (max-width:769px) {
  .business .detail.biz_figma.deck .adv.loadtest_panel .pile_test_img_grid figure {
    height: auto !important;
  }
}

@media (max-width:769px) {
  .business .detail.biz_figma.deck .adv.loadtest_panel .pile_test_img_grid figure img {
    height: auto !important;
    aspect-ratio: 16/9 !important;
  }
}

@media (max-width:769px) {
  .business .detail.biz_figma.deck .adv.loadtest_panel .pile_test_img_grid figure figcaption {
    height: 40px !important;
    font-size: 16px !important;
  }

  .business .detail.can_figma .can_sec_span .can_span_item p {
    height: 40px !important;
    min-height: 40px !important;
    font-size: 16px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .business .detail.can_figma .grb_process.make_process .grb_process_row>li>span {
    height: 40px !important;
    font-size: 16px !important;
  }
}

/* 메인 모바일 - RSD 강관보도교 카드 본문 상단 간격 공통값으로 통일 */
@media (max-width:769px) {
  .main .main_business.mo .section_body .card_mo>a[href="business_seg.php"] .card_body>p {
    margin-top: 64px !important;
    font-size: 13px !important;
    line-height: 1.55 !important;
  }
}

/* HCP 말뚝시공 장비표 - PC에서 장비명/용도 그룹 사이 간격 추가 */
@media (min-width:770px) {

  .business .detail.grb_figma .hcp_equipment_table th:nth-child(3),
  .business .detail.grb_figma .hcp_equipment_table td:nth-child(3) {
    border-left: 20px solid #fff !important;
  }
}

/* 사업소개 - 특성/효과 카드 내부 상하 여백 통일 */
.business .detail.can_figma .can_sec_benefit .can_value_item,
.business .detail.grb_figma .can_sec_benefit .can_value_item {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
}

.business .detail.can_figma .can_sec_benefit .can_value_item .can_value_label,
.business .detail.grb_figma .can_sec_benefit .can_value_item .can_value_label {
  width: 100% !important;
}

.business .detail.can_figma .can_sec_benefit .can_value_item .can_value_label .ico,
.business .detail.grb_figma .can_sec_benefit .can_value_item .can_value_label .ico {
  margin: 0 !important;
}

.business .detail.can_figma .can_sec_benefit .can_value_item .can_value_label p,
.business .detail.grb_figma .can_sec_benefit .can_value_item .can_value_label p {
  margin: 0 !important;
}

.business .detail.can_figma .can_sec_benefit .can_value_item .can_value_label p span,
.business .detail.grb_figma .can_sec_benefit .can_value_item .can_value_label p span {
  margin-bottom: 0 !important;
}

/* 사업소개 - 모바일 특성/효과 카드 내부 상하 여백 통일 */
@media (max-width:577px) {

  .business .detail.can_figma .can_sec_benefit .can_value_item,
  .business .detail.grb_figma .can_sec_benefit .can_value_item {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }

  .business .detail.can_figma .can_sec_benefit .can_value_item .can_value_label,
  .business .detail.grb_figma .can_sec_benefit .can_value_item .can_value_label {
    gap: 8px !important;
  }

  .business .detail.can_figma .can_sec_benefit .can_value_item .can_value_label .ico,
  .business .detail.grb_figma .can_sec_benefit .can_value_item .can_value_label .ico {
    margin: 0 !important;
  }

  .business .detail.can_figma .can_sec_benefit .can_value_item .can_value_label p,
  .business .detail.grb_figma .can_sec_benefit .can_value_item .can_value_label p {
    margin: 0 !important;
  }

  .business .detail.can_figma .can_sec_benefit .can_value_item .can_value_label p span,
  .business .detail.grb_figma .can_sec_benefit .can_value_item .can_value_label p span {
    margin-top: 8px !important;
    margin-bottom: 0 !important;
  }
}

/* 사업소개 태블릿 탭 - 선택 메뉴 중앙 정렬 시 띠 배경 유지 */
@media (min-width:578px) and (max-width:1280px) {
  .sub_container.business .sub_tab_b .swiper {
    background: rgba(32, 27, 20, .78) !important;
  }

  .sub_container.business .sub_tab_b .swiper-wrapper {
    display: flex !important;
    align-items: stretch !important;
    width: max-content !important;
  }

  .sub_container.business .sub_tab_b .swiper-slide {
    flex: 0 0 auto !important;
  }
}

/* 사업소개 태블릿 탭 - loop 중앙 정렬용 띠 배경 유지 */
@media (min-width:578px) and (max-width:1280px) {
  .sub_container.business .sub_tab_b .swiper {
    background: rgba(32, 27, 20, .78) !important;
    overflow: hidden !important;
  }
}

@media (min-width:578px) and (max-width:1280px) {
  .sub_container.business .sub_tab_b .swiper-wrapper {
    display: flex !important;
    align-items: stretch !important;
  }
}

@media (min-width:578px) and (max-width:1280px) {
  .sub_container.business .sub_tab_b .swiper-slide {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 150px !important;
  }
}

@media (min-width:578px) and (max-width:1280px) {
  .sub_container.business .sub_tab_b .swiper-slide a {
    white-space: nowrap !important;
  }
}

@media (min-width:578px) and (max-width:1280px) {
  .sub_container.business .sub_tab_b .swiper-slide-duplicate {
    display: flex !important;
  }
}


/* 260601 business_all > 태블릿 전용 인트로 문구 */
.business .all .con_text h5 .tab_br {
  display: none;
}

@media (min-width:770px) and (max-width:1280px) {
  .business .all .con_text h5 {
    font-size: 24px !important;
    line-height: 1.55 !important;
    letter-spacing: -0.06em !important;
    word-break: keep-all !important;
  }
}

@media (min-width:770px) and (max-width:1280px) {
  .business .all .con_text h5 .tab_br {
    display: block !important;
  }
}

@media (min-width:770px) and (max-width:1280px) {
  .business .all .con_text h5 br.brk {
    display: none !important;
  }
}

/* 260601 제품소개 전체 > 태블릿 전용 제품 카드 좌우 여백 */
@media (min-width:770px) and (max-width:1280px) {
  .business .sub_contents.all.detail>.w1440.list.deck {
    width: calc(100% - 88px) !important;
    max-width: 1280px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }
}

@media (min-width:770px) and (max-width:1280px) {
  .business .sub_contents.all.detail>.w1440.list.deck>ul {
    width: 100% !important;
  }
}

/* 260601 제품소개 전체 > 태블릿 전용 제품 카드 영역 최종 */
@media (min-width:770px) and (max-width:1280px) {
  .business .sub_contents.all.detail>.w1440.list.deck {
    width: calc(100% - 88px) !important;
    max-width: 1280px !important;
    margin: 120px auto 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }
}

@media (min-width:770px) and (max-width:1280px) {
  .business .sub_contents.all.detail>.w1440.list.deck>ul {
    width: 100% !important;
  }
}

/* 260601 제품소개 전체 > 태블릿 전용 제품 카드 영역 최종 */
@media (min-width:770px) and (max-width:1280px) {
  .business .sub_contents.all.detail>.w1440.list.deck {
    width: calc(100% - 88px) !important;
    max-width: 1280px !important;
    margin: 120px auto 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }
}

@media (min-width:770px) and (max-width:1280px) {
  .business .sub_contents.all.detail>.w1440.list.deck>ul {
    width: 100% !important;
  }
}

/* 260601 제품소개 전체 > 태블릿 전용 제품 카드 영역 최종 */
@media (min-width:770px) and (max-width:1280px) {
  .business .sub_contents.all.detail>.w1440.list.deck {
    width: calc(100% - 88px) !important;
    max-width: 1280px !important;
    margin: 120px auto 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }
}

@media (min-width:770px) and (max-width:1280px) {
  .business .sub_contents.all.detail>.w1440.list.deck>ul {
    width: 100% !important;
  }
}

/* 260601 business_all > 태블릿 전용 인트로 문구 */
.business .all .con_text h5 .tab_br {
  display: none;
}

@media (min-width:770px) and (max-width:1280px) {
  .business .all .con_text h5 {
    font-size: 24px !important;
    line-height: 1.55 !important;
    letter-spacing: -0.06em !important;
    word-break: keep-all !important;
  }
}

@media (min-width:770px) and (max-width:1280px) {
  .business .all .con_text h5 .tab_br {
    display: block !important;
  }
}

@media (min-width:770px) and (max-width:1280px) {
  .business .all .con_text h5 br.brk {
    display: none !important;
  }
}

/* 260601 제품소개 전체 > 태블릿 전용 - 인트로 con_text 하단 패딩 제거 */
@media (min-width:770px) and (max-width:1280px) {
  .business .sub_contents.all.detail>.con_text {
    padding: 120px 0 0 !important;
    margin-bottom: 0 !important;
    box-sizing: border-box !important;
  }
}

/* 260601 제품소개 전체 > 태블릿 전용 제품 카드 영역 최종 */
@media (min-width:770px) and (max-width:1280px) {
  .business .sub_contents.all.detail>.w1440.list.deck {
    width: calc(100% - 88px) !important;
    max-width: 1280px !important;
    margin: 120px auto 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }
}

@media (min-width:770px) and (max-width:1280px) {
  .business .sub_contents.all.detail>.w1440.list.deck>ul {
    width: 100% !important;
  }
}

/* 260601 제품소개 전체 > 태블릿 전용 - 푸터와 카드 하단 간격 */
@media (min-width:770px) and (max-width:1280px) {
  .business .sub_contents.all.detail {
    padding-bottom: 120px !important;
  }
}

/* 260601 제품소개 전체 > 태블릿 전용 - Deck & H-Plie 배경 텍스트 위치 조정 */
@media (min-width:770px) and (max-width:1280px) {
  .business .sub_contents.all.detail>.w1440.list.deck::after {
    top: -80px !important;
    right: 0 !important;
  }
}

/* 260601 GC 합성형라멘 성능 시험 - R&D 실물시험 인트로 카드 */
.business .detail.can_figma .gc_sec_performance .gc_add_intro {
  width: 100% !important;
  max-width: 1440px !important;
  margin: 0 auto 56px !important;
  padding: 24px 26px 28px !important;
  border: 1px solid rgba(0, 76, 191, .35) !important;
  border-radius: 6px !important;
  background: #fff !important;
  box-sizing: border-box !important;
  color: #222 !important;
  font-size: 22px !important;
  line-height: 1.45 !important;
  letter-spacing: -0.05em !important;
}

.business .detail.can_figma .gc_sec_performance .gc_add_intro_tit {
  margin: 0 0 20px !important;
  color: var(--color-primary) !important;
  font-size: 22px !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
}

.business .detail.can_figma .gc_sec_performance .gc_add_intro_tit b {
  color: var(--color-primary) !important;
  font-weight: 700 !important;
}

.business .detail.can_figma .gc_sec_performance .gc_add_intro_tit span {
  color: var(--color-primary) !important;
  font-weight: 400 !important;
}

.business .detail.can_figma .gc_sec_performance .gc_add_intro_list {
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.business .detail.can_figma .gc_sec_performance .gc_add_intro_list li {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.business .detail.can_figma .gc_sec_performance .gc_add_year {
  display: flex !important;
  align-items: center !important;
  margin: 0 0 4px !important;
  color: #222 !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
}

.business .detail.can_figma .gc_sec_performance .gc_add_year b {
  color: #222 !important;
  font-weight: 700 !important;
}

.business .detail.can_figma .gc_sec_performance .gc_add_arrow {
  display: inline-block !important;
  width: 18px !important;
  height: 18px !important;
  margin-right: 10px !important;
  flex: 0 0 18px !important;
  background: url("../images/gc_intro_arrow.svg") center/contain no-repeat !important;
}

.business .detail.can_figma .gc_sec_performance .gc_add_desc {
  margin: 0 0 0 28px !important;
  color: #222 !important;
  font-size: 20px !important;
  font-weight: 400 !important;
  line-height: 1.45 !important;
  word-break: keep-all !important;
}

/* 260601 GC 합성형라멘 성능 시험 - 카드 보더 하단 페이드 */
.business .detail.can_figma .gc_sec_performance .gc_add_intro {
  position: relative !important;
  border: 0 !important;
  overflow: hidden !important;
}

.business .detail.can_figma .gc_sec_performance .gc_add_intro::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  border: 1px solid rgba(0, 76, 191, .35) !important;
  border-radius: 6px !important;
  pointer-events: none !important;
  -webkit-mask-image: linear-gradient(to bottom, #000 0%, #000 42%, rgba(0, 0, 0, .45) 68%, transparent 100%) !important;
  mask-image: linear-gradient(to bottom, #000 0%, #000 42%, rgba(0, 0, 0, .45) 68%, transparent 100%) !important;
}

/* GC 모바일 - 성능 시험 R&D 인트로 카드 폰트 축소 */
@media (max-width:577px) {
  .business .detail.can_figma .gc_sec_performance .gc_add_intro {
    padding: 20px 22px 24px !important;
    margin: 0 auto 48px !important;
    font-size: 16px !important;
    line-height: 1.55 !important;
  }
}

@media (max-width:577px) {
  .business .detail.can_figma .gc_sec_performance .gc_add_intro_tit {
    margin: 0 0 18px !important;
    font-size: 20px !important;
    line-height: 1.45 !important;
    letter-spacing: -0.06em !important;
  }
}

@media (max-width:577px) {
  .business .detail.can_figma .gc_sec_performance .gc_add_year {
    margin: 0 0 4px !important;
    font-size: 18px !important;
    line-height: 1.35 !important;
  }
}

@media (max-width:577px) {
  .business .detail.can_figma .gc_sec_performance .gc_add_arrow {
    width: 16px !important;
    height: 16px !important;
    flex: 0 0 16px !important;
    margin-right: 8px !important;
  }
}

@media (max-width:577px) {
  .business .detail.can_figma .gc_sec_performance .gc_add_desc {
    margin: 0 0 0 24px !important;
    font-size: 16px !important;
    line-height: 1.55 !important;
    letter-spacing: -0.05em !important;
  }
}

@media (max-width:577px) {
  .business .detail.can_figma .gc_sec_performance .gc_add_intro_list {
    gap: 18px !important;
  }
}

/* GC 모바일/태블릿 - 국가 R&D 실물시험 인트로 카드 폰트 축소 */
@media (max-width:769px) {
  .business .detail.can_figma .gc_sec_performance .gc_add_intro {
    padding: 20px 22px 24px !important;
    margin: 0 auto 48px !important;
    font-size: 16px !important;
    line-height: 1.55 !important;
  }
}

@media (max-width:769px) {
  .business .detail.can_figma .gc_sec_performance .gc_add_intro p.gc_add_intro_tit {
    margin: 0 0 18px !important;
    font-size: 20px !important;
    line-height: 1.45 !important;
    letter-spacing: -0.06em !important;
  }
}

@media (max-width:769px) {
  .business .detail.can_figma .gc_sec_performance .gc_add_intro p.gc_add_year {
    margin: 0 0 4px !important;
    font-size: 18px !important;
    line-height: 1.35 !important;
  }
}

@media (max-width:769px) {
  .business .detail.can_figma .gc_sec_performance .gc_add_intro .gc_add_arrow {
    width: 16px !important;
    height: 16px !important;
    flex: 0 0 16px !important;
    margin-right: 8px !important;
  }
}

@media (max-width:769px) {
  .business .detail.can_figma .gc_sec_performance .gc_add_intro p.gc_add_desc {
    margin: 0 0 0 24px !important;
    font-size: 16px !important;
    line-height: 1.55 !important;
    letter-spacing: -0.05em !important;
  }
}

@media (max-width:769px) {
  .business .detail.can_figma .gc_sec_performance .gc_add_intro .gc_add_intro_list {
    gap: 18px !important;
  }
}

/* Deck Road - 시공 섹션 하단 80px 제거 */
.business .detail.nod_figma.can_figma .deck_sec_construction {
  padding: 120px 0 0 0 !important;
}

/* Deck Road 모바일 - 공법개요와 적용효과 섹션 사이 간격 */
@media (max-width:769px) {
  .business .detail.nod_figma.can_figma>.nod_sec_overview.pt-0 {
    padding-bottom: 20px !important;
  }
}

/* 홍보센터 브로슈어 - 하단 브로슈어 줄 추가 */
.pr .brochure .pr_contents>.pr_brochure {
  flex-wrap: wrap !important;
  align-items: flex-start !important;
}

.pr .brochure .pr_brochure>div {
  flex: 1 1 calc(50% - 26px) !important;
  min-width: 0 !important;
}

.pr .brochure .pr_brochure>div.brochure_full {
  flex: 0 0 100% !important;
  width: 100% !important;
  margin-top: 40px !important;
}

.pr .brochure .brochure_list.brochure_four>li {
  flex: 1 1 0 !important;
  max-width: none !important;
}

@media (max-width:769px) {
  .pr .brochure .pr_brochure>div {
    flex: 0 0 auto !important;
    width: 100% !important;
  }
}

@media (max-width:769px) {
  .pr .brochure .pr_brochure>div.brochure_full {
    margin-top: 40px !important;
  }
}

@media (max-width:769px) {
  .pr .brochure .brochure_list.brochure_four {
    flex-direction: column !important;
  }
}

@media (max-width:769px) {
  .pr .brochure .brochure_list.brochure_four>li {
    width: 100% !important;
  }
}

/* 홍보센터 브로슈어 - 하단 제품 브로슈어 카드가 1개여도 가족 브로슈어 크기 유지 */
.pr .brochure .pr_brochure>div.brochure_full .brochure_list {
  justify-content: flex-start !important;
  gap: 24px !important;
}

.pr .brochure .pr_brochure>div.brochure_full .brochure_list>li {
  flex: 0 0 calc((100% - 72px) / 4) !important;
  max-width: calc((100% - 72px) / 4) !important;
}

/* 홍보센터 브로슈어 - 모바일에서는 1열 유지 */
@media (max-width:769px) {
  .pr .brochure .pr_brochure>div.brochure_full .brochure_list>li {
    flex: 1 1 100% !important;
    max-width: 100% !important;
  }
}

/* 홍보센터 브로슈어 - 모바일에서도 하단 제품 브로슈어 카드 크기 통일 */
@media (max-width:769px) {
  .pr .brochure .pr_brochure>div.brochure_full .brochure_list {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    gap: 24px !important;
  }

  .pr .brochure .pr_brochure>div.brochure_full .brochure_list>li {
    flex: 0 0 calc((100% - 24px) / 2) !important;
    max-width: calc((100% - 24px) / 2) !important;
    width: auto !important;
  }
}

/* 홍보센터 > 브로슈어 - 디폴트/호버 새창 아이콘 고정 */
.sub_container.pr .sub_contents.brochure .brochure_list.hover_box3>li::before {
  content: "" !important;
  position: absolute !important;
  top: 6px !important;
  right: 8px !important;
  left: auto !important;
  width: 40px !important;
  height: 40px !important;
  margin: 0 !important;
  margin-top: 0 !important;
  margin-left: 0 !important;
  display: block !important;
  opacity: 1 !important;
  z-index: 5 !important;
  background-color: #fff !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2.5' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cpath d='M14 3h7v7'/%3E%3Cpath d='M21 3L10 14'/%3E%3Cpath d='M21 14v7H3V3h7'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 22px 22px !important;
  box-sizing: border-box !important;
  pointer-events: none !important;
  transform: none !important;
  transition: background-image .2s ease !important;
}

.sub_container.pr .sub_contents.brochure .brochure_list.hover_box3>li:hover::before {
  top: 6px !important;
  right: 8px !important;
  left: auto !important;
  width: 40px !important;
  height: 40px !important;
  margin: 0 !important;
  margin-top: 0 !important;
  margin-left: 0 !important;
  opacity: 1 !important;
  background-color: #fff !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%230056C5' stroke-width='2.5' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cpath d='M14 3h7v7'/%3E%3Cpath d='M21 3L10 14'/%3E%3Cpath d='M21 14v7H3V3h7'/%3E%3C/svg%3E") !important;
  transform: none !important;
  transition: background-image .2s ease !important;
}

/* 홍보센터 > 브로슈어 - 새창 아이콘 박스 배경 컬러 변경 */
.sub_container.pr .sub_contents.brochure .brochure_list.hover_box3>li::before {
  background-color: #f1f1f1 !important;
}

.sub_container.pr .sub_contents.brochure .brochure_list.hover_box3>li:hover::before {
  background-color: #f1f1f1 !important;
}

/* 홍보센터 > 브로슈어 - 새창 아이콘 박스 배경: 디폴트 회색, 호버 흰색 */
.sub_container.pr .sub_contents.brochure .brochure_list.hover_box3>li::before {
  background-color: #f1f1f1 !important;
}

.sub_container.pr .sub_contents.brochure .brochure_list.hover_box3>li:hover::before {
  background-color: #fff !important;
}

/* 회사소개 > 연혁 - 모바일 전용 줄바꿈 */
.company .history .mo_history_br {
  display: none;
}

@media (max-width:769px) {
  .company .history .mo_history_br {
    display: block;
  }
}

@media (max-width:769px) {
  .company .history .history_en_txt {
    word-break: keep-all !important;
    overflow-wrap: normal !important;
  }
}

/* HCP 복합말뚝 - 시공 섹션과 심도변화 섹션 간격 조절 (하단 마진 제거) */
.business .detail.hcp_figma .grb_section.sec_grad.mb-120 {
  margin-bottom: 0px !important;
}

/* ===== RSD 강관보도교 - 화성시 적용사례 신규 레이아웃 ===== */
.business .detail.rsd_figma .rsd_case_layout_wrap {
  width: 100%;
}

.business .detail.rsd_figma .rsd_case_layout {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 24px;
  width: 100%;
  margin-top: 20px;
}

.business .detail.rsd_figma .rsd_case_main_media {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 480px;
  border: 1px solid #ddd;
  background: #fff;
  overflow: hidden;
  box-sizing: border-box;
}

.business .detail.rsd_figma .rsd_case_main_media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.business .detail.rsd_figma .rsd_case_sub_media_list {
  display: flex;
  flex-direction: column;
  gap: 16px;
  justify-content: space-between;
}

.business .detail.rsd_figma .rsd_case_sub_media_item {
  position: relative;
  margin: 0;
  border: 1px solid #ddd;
  background: #fff;
  overflow: hidden;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  height: calc((100% - 32px) / 3); /* 3 items with 16px gaps */
  min-height: 140px;
}

.business .detail.rsd_figma .rsd_case_sub_media_item .img_box {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.business .detail.rsd_figma .rsd_case_sub_media_item img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.business .detail.rsd_figma .rsd_case_sub_media_item figcaption {
  position: absolute;
  left: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 42px;
  padding: 8px 16px;
  background: rgba(0, 0, 0, .6);
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.3;
  text-align: center;
  box-sizing: border-box;
}

/* FEM 2x2 이미지 그리드 */
.business .detail.rsd_figma .rsd_fem_grid_2x2 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0px !important;
  width: 100%;
  margin-top: 20px;
  border-top: 2px solid #222 !important; /* 상단 볼드 라인 */
  border-left: 1px solid #ccc !important;
  border-right: 1px solid #ccc !important;
  border-bottom: 1px solid #ccc !important;
  box-sizing: border-box;
}

.business .detail.rsd_figma .rsd_fem_grid_item {
  position: relative;
  margin: 0;
  border: 0 !important;
  background: #fff;
  overflow: hidden;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 320px;
}

/* 2x2 인접 테두리 설정 */
.business .detail.rsd_figma .rsd_fem_grid_item:nth-child(2n-1) {
  border-right: 1px solid #ccc !important; /* 세로 경계선 */
}

.business .detail.rsd_figma .rsd_fem_grid_item:nth-child(-n+2) {
  border-bottom: 1px solid #ccc !important; /* 가로 경계선 */
}

.business .detail.rsd_figma .rsd_fem_grid_item .img_box {
  width: 100%;
  height: 100%;
}

.business .detail.rsd_figma .rsd_fem_grid_item img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  background: #fff;
}

.business .detail.rsd_figma .rsd_fem_grid_item figcaption {
  position: absolute;
  left: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 42px;
  padding: 8px 16px;
  background: rgba(0, 0, 0, .6);
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.3;
  text-align: center;
  box-sizing: border-box;
}

/* FEM 및 내풍안전성 테이블 스타일 재정의 */
.business .detail.rsd_figma .rsd_sec_fem .ui_table {
  border-top: 2px solid #222 !important; /* 상단 볼드 라인 */
  border-bottom: 1px solid #ddd !important;
}

.business .detail.rsd_figma .rsd_sec_fem .ui_table thead th {
  background: #fff !important; /* 헤더 배경 흰색 */
  border-top: 0 !important;
  border-bottom: 1px solid #ddd !important;
  color: #111 !important;
  font-weight: 700 !important;
}

.business .detail.rsd_figma .rsd_sec_fem .ui_table tbody th {
  border-right: 0 !important; /* 세로선 제거 */
  background: #fff !important;
  font-weight: 400 !important;
  color: #333 !important;
}

.business .detail.rsd_figma .rsd_sec_fem .ui_table tbody td {
  border-right: 0 !important; /* 세로선 제거 */
  background: #fff !important;
}

.business .detail.rsd_figma .rsd_fem_note {
  font-size: 15px;
  color: #666;
  line-height: 1.4;
  margin: 12px 0 0;
}

/* 내풍안전성 3열 이미지 그리드 */
.business .detail.rsd_figma .rsd_wind_grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  width: 100%;
  margin-top: 20px;
  padding: 0;
  box-sizing: border-box;
}

.business .detail.rsd_figma .rsd_wind_item {
  position: relative;
  margin: 0;
  border: 1px solid #ddd;
  background: #fff;
  overflow: hidden;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 280px;
}

.business .detail.rsd_figma .rsd_wind_item .img_box {
  width: 100%;
  height: 100%;
}

.business .detail.rsd_figma .rsd_wind_item img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  background: #fff;
}

.business .detail.rsd_figma .rsd_wind_item figcaption {
  position: absolute;
  left: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 42px;
  padding: 8px 16px;
  background: rgba(0, 0, 0, .6);
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.3;
  text-align: center;
  box-sizing: border-box;
}

.business .detail.rsd_figma .rsd_wind_notes_list {
  margin-top: 16px;
}

.business .detail.rsd_figma .rsd_wind_notes_list li {
  font-size: 15px;
  color: #555;
  line-height: 1.6;
}

/* 포토존 및 쉼터 4열 이미지 그리드 */
.business .detail.rsd_figma .rsd_sec_photozone {
  padding-top: 80px;
}

.business .detail.rsd_figma .rsd_photozone_grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 24px;
  width: 100%;
  margin-top: 20px;
}

.business .detail.rsd_figma .rsd_photozone_item {
  position: relative;
  margin: 0;
  border: 1px solid #e5e5e5;
  background: #eee;
  overflow: hidden;
  box-sizing: border-box;
}

.business .detail.rsd_figma .rsd_photozone_item .img_box {
  width: 100%;
  aspect-ratio: 5/6;
  overflow: hidden;
}

.business .detail.rsd_figma .rsd_photozone_item img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* 반응형 스타일 추가 */
@media (max-width: 1280px) {
  .business .detail.rsd_figma .rsd_case_main_media {
    min-height: 400px;
  }
  .business .detail.rsd_figma .rsd_case_sub_media_item {
    min-height: 120px;
  }
}

@media (max-width: 1000px) {
  .business .detail.rsd_figma .rsd_case_layout {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  
  .business .detail.rsd_figma .rsd_case_main_media {
    min-height: 360px;
  }
  
  .business .detail.rsd_figma .rsd_case_sub_media_list {
    flex-direction: row;
    gap: 12px;
  }
  
  .business .detail.rsd_figma .rsd_case_sub_media_item {
    flex: 1;
    height: auto;
    min-height: 120px;
  }

  .business .detail.rsd_figma .rsd_fem_grid_2x2 {
    grid-template-columns: 1fr;
    gap: 16px !important;
    border: 0 !important;
    padding: 0;
    margin-top: 20px !important;
  }
  
  .business .detail.rsd_figma .rsd_fem_grid_item {
    height: 280px;
  }

  .business .detail.rsd_figma .rsd_fem_grid_item:nth-child(n) {
    border: 1px solid #ddd !important;
  }

  .business .detail.rsd_figma .rsd_wind_grid {
    grid-template-columns: 1fr;
    gap: 16px;
    padding: 0;
    margin-top: 20px !important;
  }
  
  .business .detail.rsd_figma .rsd_wind_item {
    height: 240px;
  }

  .business .detail.rsd_figma .rsd_sec_fem .ui_table_wrap.mt-40 {
    margin-top: 28px !important;
  }

  .business .detail.rsd_figma .rsd_photozone_grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
  }
}

@media (max-width: 769px) {
  .business .detail.rsd_figma .rsd_case_main_media {
    min-height: auto;
  }
  .business .detail.rsd_figma .rsd_case_main_media img {
    aspect-ratio: 16/10;
  }
  
  .business .detail.rsd_figma .rsd_case_sub_media_list {
    gap: 8px;
  }
  
  .business .detail.rsd_figma .rsd_case_sub_media_item {
    min-height: 90px;
  }
  
  .business .detail.rsd_figma .rsd_case_media figcaption,
  .business .detail.rsd_figma .rsd_case_sub_media_item figcaption,
  .business .detail.rsd_figma .rsd_fem_item figcaption,
  .business .detail.rsd_figma .rsd_fem_grid_item figcaption,
  .business .detail.rsd_figma .rsd_process_grid figure figcaption,
  .business .detail.rsd_figma .rsd_wind_item figcaption {
    height: 40px !important;
    min-height: 40px !important;
    font-size: 16px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .business .detail.rsd_figma .rsd_fem_grid_item {
    height: auto;
    min-height: 220px;
  }
  
  .business .detail.rsd_figma .rsd_fem_grid_item img {
    aspect-ratio: 16/10;
  }

  .business .detail.rsd_figma .rsd_wind_item {
    height: auto;
    min-height: 200px;
  }
  
  .business .detail.rsd_figma .rsd_wind_item img {
    aspect-ratio: 16/10;
  }

  .business .detail.rsd_figma .rsd_wind_notes_list li {
    font-size: 14px;
  }
}

@media (max-width: 577px) {
  .business .detail.rsd_figma .rsd_case_sub_media_list {
    flex-direction: column;
    gap: 12px;
  }
  
  .business .detail.rsd_figma .rsd_case_sub_media_item {
    width: 100%;
    min-height: 120px;
  }

  .business .detail.rsd_figma .rsd_photozone_grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

/* RSD 강관보도교 - 기기별 줄바꿈 조절 (PC vs 모바일) */
.business .detail.rsd_figma .rsd_pc_br {
  display: inline;
}

.business .detail.rsd_figma .rsd_mo_br {
  display: none;
}

@media (max-width: 769px) {
  .business .detail.rsd_figma .rsd_pc_br {
    display: none !important;
  }
  
  .business .detail.rsd_figma .rsd_mo_br {
    display: inline !important;
  }
}

/* RSD 강관보도교 - 소그룹 간격 설정 */
.business .detail.rsd_figma .mt-80 {
  margin-top: 80px !important;
}

@media (max-width: 769px) {
  .business .detail.rsd_figma .mt-80 {
    margin-top: 48px !important;
  }
}

/* RSD 유지관리 - 텍스트 박스를 이미지 상단에 맞춤 */
@media (min-width: 1281px) {
  .business .detail.rsd_figma .rsd_sec_maintenance ul>li>p {
    height: auto !important;
    align-self: start !important;
  }
}

/* RSD 유지관리 - 1440px 태블릿 해상도에서 이미지 및 전체 행 높이 축소 */
@media (min-width: 1281px) and (max-width: 1440px) {
  .business .detail.rsd_figma .rsd_sec_maintenance ul>li .rsd_maintenance_media,
  .business .detail.rsd_figma .rsd_sec_maintenance ul>li .rsd_maintenance_media.is-diagram,
  .business .detail.rsd_figma .rsd_sec_maintenance ul>li .rsd_maintenance_media.is-photo {
    height: 290px !important;
    min-height: 290px !important;
  }
  .business .detail.rsd_figma .rsd_sec_maintenance ul>li .rsd_maintenance_media img,
  .business .detail.rsd_figma .rsd_sec_maintenance ul>li .rsd_maintenance_media.is-diagram img,
  .business .detail.rsd_figma .rsd_sec_maintenance ul>li .rsd_maintenance_media.is-photo img {
    height: 290px !important;
    max-height: 290px !important;
  }
}

/* RSD 이미지-텍스트 설명 문구 크기 통일 */
.business .detail.rsd_figma .rsd_text_18>li,
.business .detail.rsd_figma .rsd_landscape_grid figcaption,
.business .detail.rsd_figma .rsd_landscape_dash_list,
.business .detail.rsd_figma .rsd_landscape_dash_list>li {
  font-size: 18px !important;
  line-height: 1.6 !important;
}