@charset "utf-8";

.subpage-wrapper section:last-child {padding-bottom: 220px;}

.intro-hero {position: relative; padding-block: 245px 200px;}
.intro-hero .intro-hero-bg {position: absolute; top:0; left:0; width: 100%; height: 100%; object-fit: cover; z-index: -1;}
.intro-hero .intro-hero-title {font-size: 70px; font-weight: 700; color: #fff; text-align: center;}

/* .lnb {width: 100%; height: 80px; background-color: rgba(255, 255, 255, 0.05); backdrop-filter: blur(30px); position: absolute; bottom: 0; left: 0;} */
.lnb {width: 100%; height: 80px; background-color: rgba(255, 255, 255, 0.05); backdrop-filter: blur(30px); position: absolute; bottom: 0; left: 0; transition: all 0.3s; }
.lnb.is-fixed {position: fixed; top: 0; bottom: auto; z-index: 100; background-color: rgba(255, 255, 255, 0.95);}
.lnb.is-fixed .lnb-list .bar {background-color: #333; opacity: 0.2;}
.lnb.is-fixed .lnb-list .lnb-item a {color: #333;}
.lnb.is-fixed .lnb-list .lnb-item.active a {color: var(--primary); font-weight: 700;}


.lnb .container {height: 100%;}
.lnb .lnb-list {display: flex; justify-content: space-between; align-items: center; height: 100%;}
.lnb .lnb-list .bar {width: 2px; height: 18px; background-color: #fff; opacity: 0.8;}
.lnb .lnb-list .lnb-item {display: flex; align-items: center; min-width: 250px; height: 100%; padding-inline: 20px;}
.lnb .lnb-list .lnb-item a {width: 100%; font-size: 18px; font-weight: 500; color: #fff; text-align: center; transition: all .3s;}
.lnb.dark .lnb-list .lnb-item a {color: #9C9C9C;}

/* .lnb .lnb-list .bar.active {background-color: var(--primary);} */
.lnb .lnb-list .lnb-item.active a {color: var(--primary); font-weight: 700;}

.sp-section {padding-block: 150px;}
.sp-section img.ex {margin: 0 auto; width: 100%;}

.sp-header {padding-block: 140px 120px; text-align: center;}
.sp-header .sp-head-tag {display: inline-block; font-size: 24px; font-weight: 600; color: var(--primary); margin-bottom: 12px;}
.sp-header .sp-head-title {font-size: 48px; font-weight: 400;}
.sp-header .sp-head-title strong {font-weight: 700;}

.bg-dark {background-color: #F5F4F3;}

.img-box img {width: 100%; height: 100%; object-fit: cover;}

.board-view-head .title {font-size: 30px; font-weight: 700;}
.board-view-head .title .tag {font-size: 20px;}

.sp-section .paging .paging__num {position: relative; background: none;}
.sp-section .paging .paging__num::after {content: ''; display: none; position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%); width: 13px; height: 2px; background-color: #000;}
.sp-section .paging .paging__num.active::after {display: block;}

@media (hover: hover) {
  .lnb .lnb-list .lnb-item:hover a {color: var(--primary); font-weight: 700;}
}
@media screen and (max-width: 1399px) {
  .intro-hero {padding-block: 160px 100px;}
  .intro-hero .intro-hero-title {font-size: 48px;}
  .lnb {display: none;}

  .sp-header {padding-block: 70px;}
  .sp-header .sp-head-tag {font-size: 20px;}
  .sp-header .sp-head-title {font-size: 38px;}
}
@media screen and (max-width: 767px) {
  .intro-hero {padding-block: 120px 80px;}
  .intro-hero .intro-hero-title {font-size: 38px;}

  .sp-header {padding-block: 60px;}
  .sp-header .sp-head-tag {font-size: 17px;}
  .sp-header .sp-head-title {font-size: 28px;}

  .mo-overflow {overflow-x: auto; padding-bottom: 15px;}
  .mo-overflow img {min-width: 720px;}
}
@media screen and (max-width: 499px) {}

/* About - Overview */
.about-overview .sp-header {text-align: left;}

.overview-content {position: relative;}
.overview-content .container {display: flex; flex-direction: column; gap: 65px;}
.overview-content .contents {width: 100%; display: grid; grid-template-columns: 415px 1fr; gap: 55px; /* padding-bottom: 230px; */}
.overview-content .contents .img-box {width: 100%; height: 100%;}
.overview-content .contents .txt-box {display: flex; flex-direction: column; gap: 30px;}
.overview-content .contents .txt-box h4 {font-size: 18px; font-weight: 700; line-height: 1.5; word-break: keep-all;}
.overview-content .contents .txt-box p {font-size: 18px; font-weight: 400; line-height: 1.5; word-break: keep-all;}

.value-head {padding-bottom: 255px;}
.value-head .sp-head {display: grid; grid-template-columns: 470px 1fr;}
.value-head .sp-head .desc {font-size: 18px; font-weight: 500; line-height: 1.7; word-break: keep-all; margin-bottom: 40px;}

.value-content {position: relative;}
.value-content .container {display: grid; grid-template-columns: 350px 1fr; gap: 90px;}
.value-content .title {font-size: 42px; font-weight: 700;}
.value-content .chain-ls {display: flex; flex-direction: column; gap: 24px;}
.value-content .chain-ls li {display: flex; gap: 50px; padding: 30px; position: relative; z-index: 1;}
.value-content .chain-ls li:nth-child(1) {z-index: 10;}
.value-content .chain-ls li:nth-child(2) {z-index: 9;}
.value-content .chain-ls li:nth-child(3) {z-index: 8;}
.value-content .chain-ls li:nth-child(4) {z-index: 7;}
.value-content .chain-ls li:nth-child(5) {z-index: 6;}
.value-content .chain-ls li:nth-child(n+6) {z-index: 5;}
.value-content .chain-ls li::before {content: ""; inset: 0; position: absolute; background-color: #F5F4F3; opacity: .41; z-index: 0; transition: all .4s ease;}
.value-content .chain-ls li .tit-box {position: relative; z-index: 2;}
.value-content .chain-ls li h4 {width: 191px; height: 191px; border: #D6CBC2 1px solid; border-radius: 50%; background-color: #F5F4F3; display: flex; justify-content: center; align-items: center; font-size: 20px; font-weight: 600; text-align: center; color: #5F5E5E; position: relative; z-index: 1;}
.value-content .chain-ls li .tit-box .tit-chain {position: absolute; width: 100%; display: flex; justify-content: center; z-index: 10;}

.value-content .chain-ls li .txt-box {width: 525px; display: flex; flex-direction: column; gap: 16px; justify-content: center; font-size: 16px; font-weight: 400; position: relative; z-index: 1;}
.value-content .chain-ls li .txt-box h5 {font-size: 20px; font-weight: 700;}

.value-content .container.content {display: block; text-align: center;}
.value-content .content h4 {font-size: 30px; font-weight: 700; margin-top: 170px;}
.value-content .content p {font-size: 18px; font-weight: 500; margin-block: 23px 49px; color: #5F5E5E;}

.value-content .content ul {display: grid; grid-template-columns: repeat(2, 1fr); gap:10px; border-radius: 20px; overflow: hidden;}
.value-content .content ul li {width: 100%; height: 61px; background-color: #F17C39; display: flex; justify-content: center; align-items: center; color: #fff; font-size: 20px; font-weight: 700;}
.value-content .content .down-motion {display: flex; flex-direction: column; justify-content: center; align-items: center; margin-block: 86px 170px; position: relative; height: 110px;}
.value-content .content .down-motion svg {position: absolute;}
.value-content .content .down-motion svg:nth-child(1) {top:0;}
.value-content .content .down-motion svg:nth-child(2) {top:85px;}
.value-content .content .down-motion svg:nth-child(3) {top:190px;}

.value-bottom .sp-head {position: relative;}
.value-bottom .sp-head h3 {position: absolute; inset: 0; display: flex; justify-content: center; align-items: center; text-align: center; top: 0; color: #fff; font-size: 48px; font-weight: 700;}
.value-bottom .txt-box {text-align: center; margin-top: 60px;}
.value-bottom .txt-box h5{font-size: 24px; font-weight: 700; margin-bottom: 40px;}
.value-bottom .txt-box p {font-size: 18px;}

@media (hover: hover) {
  .value-content .chain-ls li:hover::before {background-color: #fff; opacity: 1; box-shadow: 0 3px 20px rgba(255, 157, 100, .46); border-radius: 125px;}
  .value-content .chain-ls li:hover h4 {border: #F17C39 1px solid; background-color: rgba(241, 124, 57, 0.06); color: #000; transition: all .4s ease;}
  .value-content .chain-ls li:hover .tit-chain svg g line {stroke: #F17C39; transition: all .4s ease;}
  .value-content .chain-ls li:hover .tit-chain svg g circle {fill: #F17C39; transition: all .4s ease;}
}
@media screen and (max-width: 1399px) {
  .overview-content .contents {display: block; padding-bottom: 0;}
  .overview-content .contents .img-box {height: 300px;}
  .overview-content .contents .txt-box {margin-top: 40px;}

  .value-head {padding-bottom: 155px;}
  .value-head .sp-head {display: block;}
  .value-head .sp-head .sp-head-title {margin-bottom: 40px;}

  .value-content .container {display: block;}
  .value-content .chain-ls {margin-top: 70px; gap: 14px;}
  .value-content .chain-ls li {align-items: center; gap: 30px;}
  .value-content .chain-ls li h4 {width: 150px; height: auto; aspect-ratio: 1;}
  .value-content .chain-ls li .txt-box{min-height: 160px;}
  .value-content .content .down-motion {width: 100%;}
  .value-content .content .down-motion svg {width: 100%;}

  .value-bottom .sp-head h3 {font-size: 36px;}
}
@media screen and (max-width: 767px) {
  .about-overview .sp-header {text-align: center;}
  .value-head .sp-head .desc {font-size: 16px;}
  .value-content {padding-bottom: 0;}
  .value-content .chain-ls li {display: flex; flex-direction: column; gap: 50px; padding: 30px; position: relative;}
  .value-content .chain-ls li .tit-box .tit-chain {display: none;}
  .value-content .chain-ls li .txt-box {height: auto; width: 100%; font-size: 14px;}
  .value-content .content h4 {font-size: 24px;}
  .value-content .content p {font-size: 14px;}
  .value-content .content ul {grid-template-columns: 1fr;}
  .value-content .content ul li {font-size: 18px;}
  .value-content .content .down-motion {margin-block: 0 170px; position: relative; height: 110px;}
  .value-content .content .down-motion svg {position: absolute;}
  .value-content .content .down-motion svg:nth-child(1) {top:0;}
  .value-content .content .down-motion svg:nth-child(2) {top:45px; width: 80%;}
  .value-content .content .down-motion svg:nth-child(3) {top:110px; width: 60%;}

  .value-bottom .sp-head .img-box img {min-height: 200px; object-fit: cover;}
  .value-bottom .sp-head h3 {font-size: 24px;}
  .value-bottom .txt-box h5{font-size: 20px;}
  .value-bottom .txt-box p {font-size: 14px;}
}
@media screen and (max-width: 499px) {}

/* About - History */
.about-history .sp-header {position: relative; padding-bottom: 145px;}
.about-history .history-line {position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);}

.history-content {padding-top: 75px; display: flex; flex-direction: column; gap: 120px;}
.history-content .history-title {width: 100%; height: 250px; position: relative; overflow: hidden;}
/* .history-content .history-title::before {content: ''; opacity: 0; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0, 0, 0, .4); transition: all .4s ease;} */
.history-content .history-title::before {content: ''; opacity: 1; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0, 0, 0, .4); transition: all .4s ease;}
.history-content .history-title h4 {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -100%); width: 100%; font-size: 40px; font-weight: 700; color: #fff; text-align: center;}
.history-content .history-title .view-more {display: block; width: 140px; font-size: 16px; font-weight: 400; color: #fff; text-align: center; padding: 10px 30px; border-radius: 50px; border: 1px solid #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, 25%);}

.history-box {display: grid; grid-template-columns: 340px 1fr; margin-top: 40px; height: 0; overflow: hidden; visibility: hidden; transform: translateY(-40px); transition: all .4s ease; position: relative;}
.history-box .title-box h5 {font-size: 48px; font-weight: 700; color: var(--primary); margin-bottom: 20px;}
.history-box .title-box p {font-size: 24px; font-weight: 500; color: #CCC; line-height: 1.5;}

.history-list {width: 100%; border-top: 2px solid var(--primary);}
.history-list .item {width: 100%; display: grid; grid-template-columns: 100px 1fr; padding: 30px 0; border-bottom: 1px solid #DDD;}
.history-list .item .year {font-size: 24px; font-weight: 700;}
.history-list .item .history-ls {display: flex; flex-direction: column; gap: 15px; margin-top: 5px;}
.history-list .item .history-ls li {display: flex; gap: 12px;}
.history-list .item .history-ls li .month {display: block; width: 30px; font-size: 16px; font-weight: 700; text-align: center;}
.history-list .item .history-ls li p {font-size: 16px; font-weight: 400; color: #717171; line-height: 1.5; word-break: keep-all;}

/* .history-content .container.active .history-title::before {opacity: 1;} */
.history-content .container.active .history-title {border-radius: 150px; transition: border-radius .4s ease;}
.history-content .container.active .history-title::before {opacity: 0;}
.history-content .container.active .history-title .bg img {transform: scale(1.1); transition: transform .4s ease;}
.history-content .container.active .history-title .view-more {background-color: #fff; color: var(--primary);}
.history-content .container.active .history-box {height: auto; visibility: visible; transform: translateY(0);}

@media (hover: hover) {
  .history-content .container .history-title:hover{border-radius: 150px; transition: border-radius .4s ease;}
  .history-content .container .history-title:hover::before{opacity: 0;}
  .history-content .container .history-title:hover .bg img {transform: scale(1.1); transition: transform .4s ease;}
  .history-content .history-title:hover .view-more {background-color: #fff; color: var(--primary);}
}
@media screen and (max-width: 1399px) {
  .history-content {gap: 75px;}
  .history-content .history-title h4 {font-size: 34px;}
  .history-box {display: block;}
  .history-box .title-box {display: flex; gap: 40px; align-items: center;}
  .history-box .title-box h5 {font-size: 38px;}
  .history-box .title-box p {font-size: 20px;}
}
@media screen and (max-width: 767px) {
  .about-history .sp-header {padding-bottom: 100px;}
  .history-content {padding-top: 25px; gap: 40px;}
  .history-content .history-title {height: 160px;}
  .history-content .history-title h4 {font-size: 28px;}
  .history-box .title-box {display: block; padding-bottom: 50px; text-align: center;}
  .history-box .title-box h5 {font-size: 32px;}
  .history-box .title-box p {font-size: 18px;}
  .history-list .item {display: flex; flex-direction: column; align-items: center;}
  .history-list .item .year {margin-bottom: 20px; text-align: center;}
  .history-list .item .history-ls {width: 330px;}
  .history-list .item .history-ls li p {width: calc(100% - 42px); font-size: 15px;}
  .history-list .item .history-ls li .month {font-size: 15px;}
}
@media screen and (max-width: 499px) {}

/* About - Leadership */
.about-leadership .sp-header {padding-bottom: 200px;}
.leadership-content .container.moHide {display: flex; flex-direction: column; gap: 65px;}
.leadership-content .container.moView {display: none;}
.leadership-content .leader-box {width: 100%; height: 460px; position: relative;}
.leadership-content .leader-box .bg {width: 100%; height: 255px; background-color: #fff; top: auto; bottom: 0; z-index: 1;}
.leadership-content .leader-box .txt-box {position: absolute; bottom: 60px; z-index: 2;}
.leadership-content .leader-box .txt-box .tag {font-size: 30px; font-weight: 500; color: var(--primary); margin-bottom: 12px;}
.leadership-content .leader-box .txt-box .name {font-size: 50px; font-weight: 700; margin-bottom: 100px;}
.leadership-content .leader-box .txt-box .history {display: flex; flex-direction: column; gap: 16px;}
.leadership-content .leader-box .txt-box .history li {font-size: 16px; font-weight: 400; position: relative; padding-left: 12px; word-break: keep-all;}
.leadership-content .leader-box .txt-box .history li::before {content: ''; display: block; width: 6px; height: 6px; border-radius: 50%; background-color: #888; position: absolute; left: 0; top: 10px;}
.leadership-content .leader-box .leader-simbol {position: absolute; bottom: 20px; right: 0; opacity: .04; z-index: 1;}
.leadership-content .leader-box .img-box {width: 380px; height: 100%; position: absolute; z-index: 2;}

.leadership-content .leader-box:nth-child(1) .txt-box {left: 130px;}
.leadership-content .leader-box:nth-child(1) .leader-simbol {right: 475px;}
.leadership-content .leader-box:nth-child(1) .img-box {right: 170px;}
.leadership-content .leader-box:nth-child(2) .txt-box {right: 125px;}
.leadership-content .leader-box:nth-child(2) .leader-simbol {left: 420px;}
.leadership-content .leader-box:nth-child(2) .img-box {left: 110px;}

.about-leadership .line .container {height: 1px; background-color: #EBE6E2;}

.keypersonnel-content .container {display: grid; grid-template-columns: repeat(2, 1fr); gap: 34px 36px;}
.keypersonnel-content .item {width: 100%; position: relative; border: 1px #E2E2E2 solid; padding: 38px 24px}
.keypersonnel-content .item .text-box {border-bottom: 1px #DDDDDD solid; padding-left: 20px; padding-bottom: 23px; display: flex; flex-direction: column; gap: 12px;}
.keypersonnel-content .item .text-box .tag {font-size: 18px; font-weight: 500; color: #F17C36;}
.keypersonnel-content .item .text-box .name {font-size: 32px; font-weight: 700;}
.keypersonnel-content .item .history {display: flex; flex-direction: column; gap: 16px; padding-top: 28px;}
.keypersonnel-content .item .history li {font-size: 16px; font-weight: 400; color:#717171; position: relative; padding-left: 36px; word-break: keep-all;}
.keypersonnel-content .item .history li::before {content: ''; display: block; width: 6px; height: 6px; border-radius: 50%; background-color: #E2E2E2; position: absolute; left: 20px; top: 10px;}


.keypersonnel-content .item .inner {width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: space-between; padding: 30px; padding-bottom: 55px; background-color: #fff;}
.keypersonnel-content .item .inner .img-box {width: 100%; height: 405px;}
.keypersonnel-content .item .inner .txt-box {text-align: center;}
.keypersonnel-content .item .inner .txt-box .tag {font-size: 20px; font-weight: 500; color: var(--primary); margin-bottom: 12px;}
.keypersonnel-content .item .inner .txt-box .name {font-size: 30px; font-weight: 900;}

.keypersonnel-content .item .outer {width: 100%; height: 100%; padding: 30px; padding-top: 50px; position: absolute; top: 0; left: 0; background-image: url(../images/sub/personnel-bg.png); background-repeat: no-repeat; background-position: center; background-size: cover; opacity: 0; transition: all .3s ease;}
.keypersonnel-content .item .outer .txt-box {text-align: center; width: 100%; padding-bottom: 35px; margin-bottom: 35px; border-bottom: 1px solid #E2E2E2;}
.keypersonnel-content .item .outer .txt-box .tag {font-size: 20px; font-weight: 500; color: #FF9356; margin-bottom: 12px;}
.keypersonnel-content .item .outer .txt-box .name {font-size: 30px; font-weight: 900; color: #fff;}
.keypersonnel-content .item .outer .history {display: flex; flex-direction: column; gap: 16px;}
.keypersonnel-content .item .outer .history li {font-size: 16px; font-weight: 400; color: #fff; line-height: 1.5; position: relative; padding-left: 12px; word-break: keep-all;}
.keypersonnel-content .item .outer .history li::before {content: ''; display: block; width: 6px; height: 6px; border-radius: 50%; background-color: #B9B2AC; position: absolute; left: 0; top: 10px;}

@media (hover: hover) {
  .keypersonnel-content .item:hover {box-shadow: 0px 8px 30px rgba(255, 157, 100, 0.28);}
  .keypersonnel-content .item:hover .text-box .name {color: var(--primary); font-size: 40px; transition: font-size .4s ease;}
}
@media screen and (max-width: 1399px) {
  .about-leadership .sp-header {padding-bottom: 70px;}
  .leadership-content .leader-box {height: 380px;}
  .leadership-content .leader-box .bg {height: 200px;}
  .leadership-content .leader-box .txt-box {bottom: 20px;}
  .leadership-content .leader-box .txt-box .tag {font-size: 24px;}
  .leadership-content .leader-box .txt-box .name {font-size: 32px; margin-bottom: 50px;}
  .leadership-content .leader-box .txt-box .history {gap: 10px;}
  .leadership-content .leader-box .txt-box .history li {font-size: 16px; font-weight: 400; position: relative; padding-left: 12px; word-break: keep-all;}
  .leadership-content .leader-box .leader-simbol {display: none;}
  .leadership-content .leader-box .img-box {width: auto; height: 100%;}

  .leadership-content .leader-box:nth-child(1) .bg {height: 190px;}
  .leadership-content .leader-box:nth-child(1) .txt-box {left: 30px;}
  .leadership-content .leader-box:nth-child(1) .img-box {right: 0;}
  .leadership-content .leader-box:nth-child(2) .bg {height: 220px;}
  .leadership-content .leader-box:nth-child(2) .txt-box {left: 30px; right: auto;}
  .leadership-content .leader-box:nth-child(2) .img-box {left: auto; right: 0;}
  .ko .leadership-content .leader-box:nth-child(1) .bg {height: 170px;}
  .ko .leadership-content .leader-box:nth-child(1) .txt-box {left: 30px;}
  .ko .leadership-content .leader-box:nth-child(1) .img-box {right: 0;}
  .ko .leadership-content .leader-box:nth-child(2) .bg {height: 170px;}
  .ko .leadership-content .leader-box:nth-child(2) .txt-box {left: 30px; right: auto;}
  .ko .leadership-content .leader-box:nth-child(2) .img-box {left: auto; right: 0;}

  .keypersonnel-content .container {grid-template-columns: 1fr 1fr;}
  .keypersonnel-content .item .inner .txt-box .tag {font-size: 15px;}
  .keypersonnel-content .item .inner .txt-box .name {font-size: 26px;}
  .keypersonnel-content .item .text-box .tag {font-size: 18px;}
  .keypersonnel-content .item .text-box .name {font-size: 22px;}
}
@media screen and (max-width: 767px) {
  .about-leadership .sp-header {padding-bottom: 60px;}
  .leadership-content .container.moHide {display: none;}
  .leadership-content .container.moView {display: flex; flex-direction: column; gap: 65px;}
  .leadership-content .leader-box {height: fit-content;}
  .leadership-content .leader-box .txt-box {position: static; text-align: center;}
  .leadership-content .leader-box .txt-box .tag {font-size: 16px;}
  .leadership-content .leader-box .txt-box .name {font-size: 28px; margin-bottom: 20px;}
  .leadership-content .leader-box .img-box {position: relative; width: 100%; height: 100%;}
  .leadership-content .leader-box .img-box img {width: 55%; height: auto; position: relative; bottom: 0; left: 50%; transform: translateX(-50%); z-index: 3;}
  .leadership-content .leader-box .img-box .bg {height: 55%;}
  .leadership-content .leader-box .history {width: 100%}
  .leadership-content .leader-box .history li {width: 100%; padding: 16px; font-size: 15px; font-weight: 400; text-align: center; border-bottom: 1px solid #E2E2E2;}
  .leadership-content .leader-box .history li:last-child {border-bottom: 2px solid #F17C39;}

  .keypersonnel-content .container {grid-template-columns: 1fr;}
  .keypersonnel-content .item {height: 500px;}
  .keypersonnel-content .item .inner {padding: 15px;}
  .keypersonnel-content .item.active .outer {opacity: 1;}
  .keypersonnel-content .item {padding: 30px 15px; height: auto;}
  .keypersonnel-content .item .text-box {padding-bottom: 20px; margin-bottom: 20px;}
  .keypersonnel-content .item .text-box .tag {font-size: 15px;}
  .keypersonnel-content .item .text-box .name {font-size: 22px;}
}
@media screen and (max-width: 499px) {}

/* About - Location */
.global-map {overflow: hidden; height: 1078px; padding-top: 120px; padding-bottom: 155px;}
.global-map .global-map-inner {position: relative;}

.global-map .global-map-inner .img-box {position: absolute; top: 0; width: 1400px; height: 610px;}
.global-map .global-map-inner .img-box img {scale: calc(1.4);}

.global-map .global-map-inner .text-box {font-size: 42px; font-weight: 400; text-align: end; position:absolute; top: 350px; right: 0;}
.global-map .global-map-inner .text-box strong {font-weight: 700;}

.bullet-box {position: absolute; top: 50px; left: 500px; width: 75px; height: 75px;}
.bullet-box .bullet {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 50%; background-color: var(--primary);}
.bullet-box .bullet:nth-child(1) {animation: bullet01 3s ease-in-out infinite;}
.bullet-box .bullet:nth-child(2) {animation: bullet02 3s ease-in-out infinite; animation-delay: 0.5s;}
/* .bullet-box .bullet:nth-child(3) {animation: bullet03 3s ease-in-out infinite; animation-delay: 1s;} */
.bullet-box .bullet:nth-child(4) {width: 75px; height: 75px; color: #F17C39; display: flex; justify-content: center; align-items: center;}

@keyframes bullet01 {
  0% {width: 0; height: 0; opacity: 0.09;}
  100% {width: 700px; height: 700px; opacity: 0;}
}
@keyframes bullet02 {
  0% {width: 0; height: 0;opacity: 0.2;}
  100% {width: 700px; height: 700px; opacity: 0;}
}
@keyframes bullet03 {
  0% {width: 0; height: 0;opacity: 0.4;}
  100% {width: 700px; height: 700px; opacity: 0;}
}

.location-kor {position: absolute; top: 75px; left: 580px; z-index: 20;}
.location-kor .bullet {display: block; width: 15px; height: 15px; border-radius: 50%; border: 5px solid #F17C39; background-color: #fff;}

.location-kor .location-kor-content {position: absolute; top: -26px; left: -3px; width: fit-content !important; min-width: 351px; display: flex; flex-direction: column; align-items: flex-end;}
.location-kor .location-kor-content .location-kor-img {width: 351px; height: auto;}
.location-kor-list {width: 266px; display: flex; flex-direction: column; gap: 4px; margin-right: 9px;}
.location-kor-list .location-kor-item {position: relative;}
.location-kor-list .location-kor-item .location-kor-item-title {width: 100%; height: 26px; display: flex; justify-content: space-between; align-items: center; padding-inline: 10px 14px; background-color: #fff; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15); cursor: pointer;}
.location-kor-list .location-kor-item .location-kor-item-title p {font-size: 16px; font-weight: 600; text-transform: uppercase;}
.location-kor-list .location-kor-item .location-kor-item-title img {width: 9px; height: auto; transform: rotate(180deg); transition: all .3s ease;}
.location-kor-list .location-kor-item .location-kor-item-img {position: absolute; top: calc(100% + 4px); left: 0; width: 100%; height: 0; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15); z-index: 30; transition: all .3s ease;}
.location-kor-list .location-kor-item .location-kor-item-img img {width: 100%; height: 100%; object-fit: cover;}

.location-kor-list .location-kor-item.active .location-kor-item-title img {transform: rotate(0);}
.location-kor-list .location-kor-item.active .location-kor-item-img  {height: 145px;}

.count-list {width: 806px; margin-left: auto; justify-content: end; display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 55px; position: absolute; top:500px; right: 0;}
.count-list .item {height: 116px; display: flex; flex-direction: column; gap: 17.5px; justify-content: center; align-items: center; text-align: center; position: relative; width: 100%;}
/* .count-list .item:first-child {align-items: start;} */
.count-list .item:not(:first-child)::before {content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 76px; background-color: #707070;}
/* .count-list .item:last-child {align-items: end;} */
.count-list .item .count-title {font-family: 'SUIT'; font-size: 60px; font-weight: 800; line-height: 1.2; position: relative;}
.count-list .item .count-title span {font-family: 'SUIT'; font-size: 30px; font-weight: 500;}
.count-list .item .count-desc {font-size: 20px; font-weight: 500; color: #888;}
.count-list .item:first-child .count-title {display: flex; align-items: center; gap: 5px;}
.count-list .item:first-child .count-title span {font-size: 40px;}

.location-content {display: flex; flex-direction: column; gap: 130px; padding-top: 160px;}
.location-content .container {display: grid; grid-template-columns: repeat(2, 1fr); gap: 46px; align-items: center;}
.location-content .location-title {font-size: 40px; font-weight: 700; color: var(--primary); border-bottom: 2px solid #F17C39; padding-bottom: 30px;}
.txt-box .info-box {display: flex; flex-direction: column; gap: 20px; padding-block: 30px;}
.txt-box .info-box .info-item {display: grid; grid-template-columns: 100px 1fr; gap: 15px; font-size: 18px; font-weight: 500; color: #5F5E5E; word-break: keep-all;}
.txt-box .info-box .info-item .title {font-size: 20px; font-weight: 700; color: #000000;}
.location-box .map-box {width: 100%; height: 450px; border-radius: 20px; overflow: hidden;}
.location-box .map-box iframe {width: 100%; height: 100%;}

.location-box .info-box .transport-box {padding-top: 35px;}
.location-box .info-box .transport-box h5 {font-size: 20px; font-weight: 700; margin-bottom: 20px;}
.location-box .info-box .transport-box .transport-wrap {display: grid; grid-template-columns: 120px 1fr;}
.location-box .info-box .transport-box .transport-wrap h6 {font-size: 18px; font-weight: 700; color: #707070;}
.location-box .info-box .transport-box .transport-wrap .transport-list {display: flex; gap: 70px;}
.location-box .info-box .transport-box .transport-wrap .transport-list .item .line {display: flex; align-items: center; gap: 10px; width: fit-content; padding: 4px 30px 4px 4px; border-radius: 20px;}
.location-box .info-box .transport-box .transport-wrap .transport-list .item .line span {display: flex; justify-content: center; align-items: center; width: 77px; height: 24px; font-size: 16px; font-weight: 700; border-radius: 12px; background-color: #fff;}
.location-box .info-box .transport-box .transport-wrap .transport-list .item .line p {font-size: 16px; font-weight: 700; color: #fff;}
.location-box .info-box .transport-box .transport-wrap .transport-list .item .exit {font-size: 18px; font-weight: 500; margin-left: 18px; margin-top: 5px;}
.location-box .info-box .transport-box .transport-wrap .transport-list .item .exit b {font-weight: 700;}

.location-box .info-box .transport-box .transport-wrap .transport-list .item:nth-child(1) .line {background-color: #00980A;}
.location-box .info-box .transport-box .transport-wrap .transport-list .item:nth-child(1) .line span {color: #00980A;}
.location-box .info-box .transport-box .transport-wrap .transport-list .item:nth-child(2) .line {background-color: #697215;}
.location-box .info-box .transport-box .transport-wrap .transport-list .item:nth-child(2) .line span {color: #697215;}

@media (hover: hover) {}
@media screen and (max-width: 1399px) {
  .global-map {overflow-y: hidden; overflow-x: scroll; padding-top: 0;}
  .global-map .global-map-inner { width: 1400px; margin: 0 auto; left: 50%;}
  .global-map .global-map-inner .text-box {width: 100%; text-align: center;}
  .global-map .global-map-inner .img-box {position: absolute; top: 0; width: 1400px; height: 610px;}
  .global-map .global-map-inner .img-box img {scale: calc(1);}
  .global-map .global-map-inner .text-box {font-size: 42px; font-weight: 400; text-align: end; position:absolute; top: 350px; right: 0;}
  .global-map .global-map-inner .text-box strong {font-weight: 700;}
  .bullet-box {position: absolute; top: 140px; left: 570px; width: 31px; height: 31px;}
  .bullet-box .bullet:nth-child(4) {width: 31px; height: 31px; color: #F17C39; display: flex; justify-content: center; align-items: center;}
  .bullet-box .bullet:nth-child(4) img {height: 20px; width: auto;}
  .global-map .global-map-inner .text-box {text-align: center; position: absolute; top: 500px; right: 0;}
  .location-kor {position: absolute; top: 160px; left: 610px; z-index: 20;}
  .location-kor .location-kor-content {min-width: 200px; display: flex;}
  .location-kor .location-kor-content .location-kor-img {width: 200px; height: auto;}

  .global-map .global-map-inner .count-list {justify-content: center; top: 600px; right: 397px; width: 606px;}
  .global-map .global-map-inner .count-list .item .count-title {font-size: 40px;}
  .global-map .global-map-inner .count-list .item .count-title span {font-size: 30px;}
  .global-map .global-map-inner .count-list .item .count-desc {font-size: 16px; min-height: 36px; display: flex; align-items: center;}
  .location-content .container {display: block;}
  .location-content .location-title {font-size: 32px; margin-block: 30px;}
  .location-box .info-box .info-item:nth-child(2) {display: grid; grid-template-columns: 1fr 1fr; gap: 15px 0;}
  .location-box .info-box .info-item p {font-size: 16px;}

  .location-box .info-box .transport-box .transport-wrap {grid-template-columns: 80px 1fr;}
  .location-box .info-box .transport-box .transport-wrap .transport-list {gap: 20px;}
  .location-box .info-box .transport-box .transport-wrap .transport-list .item .exit {font-size: 16px;}
}
@media screen and (max-width: 767px) {
  .global-map {padding-bottom: 0;}
  .global-map .global-map-inner .text-box {font-size: 28px;}
  .global-map .global-map-inner .count-list {grid-template-columns: 1fr; width: 306px; right: 547px; top: 540px; }
  .count-list .item {display: grid; grid-template-columns: repeat(2, 1fr); height: 90px;}
  .count-list .item:not(:first-child)::before {content: none;}
  .count-list .item:first-child, 
  .count-list .item:last-child {align-items: center;}
  .global-map .global-map-inner .count-list .item .count-title {justify-content: center;}
  .global-map .global-map-inner .count-list .item .count-title span{font-size: 40px;}
  .global-map .global-map-inner .count-list .item .count-title span.sub{font-size: 20px; font-weight: 500;}
  .global-map .global-map-inner .count-list .item .count-desc {justify-content: center;}
  .global-map .global-map-inner .count-list .item .count-desc svg {width: 15px; height: 15px; margin-right: 5px;}
  .count-list .bar {width: 340px; height: 1px; background-color: #707070; opacity: 0.4;}

  .location-content .location-title {font-size: 28px;}
  .location-box .info-box .info-item:nth-child(2) {display: flex; flex-direction: column;}
  .location-box .info-box .transport-box .transport-wrap {display: block;}
  .location-box .info-box .transport-box .transport-wrap h6 {margin-bottom: 20px;}
  .location-box .info-box .transport-box .transport-wrap .transport-list {display: block;}
  .location-box .info-box .transport-box .transport-wrap .transport-list .item:first-child {margin-bottom: 20px;}
  .location-box .info-box .transport-box .transport-wrap .transport-list .item .line {padding: 4px 10px 4px 4px;}
  .location-box .info-box .transport-box .transport-wrap .transport-list .item .line span {width: 65px; height: 24px; font-size: 15px;}
  .location-box .info-box .transport-box .transport-wrap .transport-list .item .line p {font-size: 15px;}
}
@media screen and (max-width: 499px) {}


/* About - ESG */
.esg-item {display: flex; justify-content: space-between; align-items: center; gap: 50px; padding-top: 160px;}
.esg-item:first-child {padding-top: 0;}
.esg-item:last-child {margin-bottom: 0;}
.esg-item:nth-child(even) {flex-direction: row-reverse;}
.esg-item .img-box {width: 750px; height: 500px; object-fit: cover;}
.esg-item .txt-box {width: 600px;}
.esg-item .txt-box .title {font-size: 40px; font-weight: 700; margin-bottom: 26px; padding-bottom: 40px; border-bottom: #F17C39 2px solid;}
.esg-item .txt-box .desc {font-size: 20px; font-weight: 500; margin-bottom: 40px;}
.esg-item ul {font-size: 18px;}
.esg-item ul li {position: relative; padding-left: 17px; margin-top: 26px;}
.esg-item ul li::before {content: ''; display: block; width: 7px; height: 7px; border-radius: 50%; position: absolute; left: 0; top: 10px; background-color: #888888;}

@media (hover: hover) {}
@media screen and (max-width: 1399px) {
  .esg-item, .esg-item:nth-child(even) {flex-direction: column; padding-top: 70px;}
  .esg-item .img-box {width: 100%; height: 500px;}
  .esg-item .txt-box ul {text-align: left;}
}
@media screen and (max-width: 767px) {
  .esg-item, .esg-item:nth-child(even) {padding-top: 60px; gap: 20px;}
  .esg-item .img-box {width: 100%; aspect-ratio: 750/500; height: auto;}
  .esg-item .txt-box{width: 100%;}
  .esg-item .txt-box .title {font-size: 24px; font-weight: 700; padding-bottom: 20px; border-bottom: 2px var(--primary) solid; margin-bottom: 16px;}
  .esg-item .txt-box .desc {font-size: 16px;}
  .esg-item ul {font-size: 16px;}
  .esg-item ul li {padding-left: 10px; font-size: 14px; margin-top: 13px;}
  .esg-item ul li::before {content: ''; display: block; width: 4px; height: 4px; border-radius: 50%; position: absolute; left: 0; top: 8px; background-color: #888888;}
}
@media screen and (max-width: 499px) {}

/* About - Clients */
.clients .sp-header { background-color: #F5F4F3;}
.clients-content {padding-bottom: 0 !important; position: relative; background-color: #F5F4F3;}
.clients-content .client-list {display: grid; grid-template-columns: repeat(8, 1fr); gap: 16px 10px; position: relative; z-index: 10;}
.clients-content .client-list .client-item {width: 100%; height: 80px; padding: 10px; display: flex; align-items: center; justify-content: center; border-radius: 8px; background-color: #FFFFFF;}
.clients-content .client-list .client-item img {mix-blend-mode: multiply;}
.clients-content .bg {object-fit: contain; position: relative; z-index: 0; height: 534px; margin-top: 70px;}

@media (hover: hover) {}
@media screen and (max-width: 1399px) {
  /* .container.global-map {width: min(var(--container-width), calc(100% - 100px)); overflow-x: auto; padding-bottom: 15px;}
  .container.global-map img {width: 1530px;} */
  .container.count-list .item .count-title {font-size: 40px;}
  .container.count-list .item .count-title span {font-size: 24px;}
  .container.count-list .item .count-desc {font-size: 20px;}

  .clients-content {padding-bottom: 360px !important;}
  .clients-content .client-list {grid-template-columns: repeat(4, 1fr);}
}
@media screen and (max-width: 767px) {
  /* .container.global-map {width: 100%;} */
  .container.count-list {display: block;}
  .container.count-list .item {border-left: 0; border-bottom: 1px solid #707070;}
  .container.count-list .item:last-child {border-right: 0; border-bottom: 0;}
  .container.count-list .item .count-title {font-size: 32px;}
  .container.count-list .item .count-title span {font-size: 20px;}
  .container.count-list .item .count-desc {font-size: 18px;}

  /* .clients-content .client-list {grid-template-columns: repeat(2, 1fr);} */
  /* .clients-content .client-list .client-item {height: 80px;} */
}
@media screen and (max-width: 499px) {}

/* About - board */
.about-board .sp-header {text-align: center;}
.about-board .about-board-content {padding-top: 140px; position: relative;}

.about-board .board-list-head {display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 30px;}
.about-board .board-list-head .total {font-size: 18px; font-weight: 700;}
.about-board .board-list-head .total .count {color: var(--primary);}
.about-board .board-list-head .search-bar {width: 450px; height: 70px; padding-inline: 30px; border-radius: 35px; background-color: #fff; border: 1px solid #CCC;}
.about-board .board-list-head .search-bar form {width: 100%; height: 100%; display: flex; justify-content: space-between; align-items: center;}
.about-board .board-list-head .search-bar .sch-inp {width: 100%; height: 40px; font-size: 16px; font-weight: 700; background-color: #fff; border: 0; padding: 0;}
.about-board .board-list-head .search-bar .sch-btn {width: 40px; height: 40px; background-color: #fff; display: flex; align-items: center; justify-content: center;}
.about-board .board-list-head .search-bar .sch-btn svg {width: 20px; height: 20px;}

.about-board .cert-list {grid-template-columns: repeat(5, 1fr); gap: 90px 16px; padding-inline: 17px; padding-top: 60px; border-top: 1px solid #E4DED8;}
.about-board .cert-list .thumb-cont {width: 100%; height: 340px; display: flex; justify-content: center; align-items: center; background-color: #F5F4F3; position: relative; cursor: pointer;}
.about-board .cert-list .thumb-cont img {width: 210px; height: 290px; object-fit: cover;}
.about-board .cert-list .category {font-size: 14px; font-weight: 600; color: var(--primary); margin: 10px 0;}
.about-board .cert-list .desc {font-size: 16px; font-weight: 700; color: #000; line-height: 1.5; width: 100%; padding-block: 10px; border-top: 1px solid #E2E2E2; word-break: keep-all;}
.about-board .cert-list .number {font-size: 16px; font-weight: 400; color: #8C8C8C;}

.about-board .cert-list .thumb-cont .expand-icon {position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; opacity: 0;}

.about-board .about-board-content .img-overlay {position: absolute; inset: 0; background: rgba(0, 0, 0, 0.75); display: flex; flex-direction: column; align-items: center; justify-content: center; opacity: 0; visibility: hidden; z-index: 9999; transition: opacity .3s ease, visibility .3s ease;}
.about-board .about-board-content .img-overlay.active {opacity: 1; visibility: visible;}
.about-board .about-board-content .img-overlay .img-overlay-inner img {transform: scale(0.9); transition: transform .3s ease;}
.about-board .about-board-content .img-overlay .close-box {position: relative; top:10%; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; cursor: pointer;}
.about-board .about-board-content .img-overlay.active img {transform: scale(1);}


@media (hover: hover) {
  .about-board .cert-list .thumb-cont:hover .expand-icon {opacity: 1;}
}

@media screen and (max-width: 1399px) {
  .about-board .board-list-head .search-bar {height: 50px;}

  .about-board .cert-list {grid-template-columns: repeat(3, 1fr);}
  .about-board .cert-list .thumb-cont {height: 300px;}
  .about-board .cert-list .thumb-cont img {width: 94%; height: auto;}
  .about-board .cert-list .desc {font-size: 15px;}
  .about-board .cert-list .number {font-size: 15px;}

  /* 이미지 오버레이: 화면 기준 전체 덮고 중앙 정렬 */
  .about-board .about-board-content .img-overlay {position: fixed; inset: 0; padding: 20px; box-sizing: border-box;}
  .about-board .about-board-content .img-overlay .img-overlay-inner {max-width: 100%; max-height: calc(100vh - 100px); display: flex; align-items: center; justify-content: center;}
  .about-board .about-board-content .img-overlay .img-overlay-inner img {max-width: 100%; max-height: calc(100vh - 100px); object-fit: contain;}
  .about-board .about-board-content .img-overlay.active .img-overlay-inner img {transform: scale(1);}
}
@media screen and (max-width: 767px) {
  .about-board .board-list-head .search-bar {width: calc(100% - 90px); height: 35px; padding-inline: 15px;}
  .about-board .board-list-head .search-bar .sch-inp {height: 30px;}
  .about-board .board-list-head .search-bar .sch-btn {height: 30px;}
  .about-board .board-list-head .search-bar .sch-btn svg {width: 15px; height: 15px;}

  .about-board .cert-list {grid-template-columns: repeat(1, 1fr);}
  .about-board .cert-list .thumb-cont {height: auto; padding-block: 3vw;}

  /* 이미지 오버레이: 화면(뷰포트) 기준 전체 덮고 중앙 정렬 */
  .about-board .about-board-content .img-overlay {position: fixed; inset: 0; padding: 15px; box-sizing: border-box;}
  .about-board .about-board-content .img-overlay .img-overlay-inner {max-width: 100%; max-height: calc(100vh - 80px); display: flex; align-items: center; justify-content: center;}
  .about-board .about-board-content .img-overlay .img-overlay-inner img {max-width: 100%; max-height: calc(100vh - 80px); object-fit: contain;}
  .about-board .about-board-content .img-overlay.active .img-overlay-inner img {transform: scale(1);}
}
@media screen and (max-width: 499px) {}

/* Business */
.business .sp-head {text-align: center;}
.business .sp-head .desc {margin-top: 40px; font-size: 24px; font-weight: 500; line-height: 1.5; word-break: keep-all;}

.business-content {position: relative; padding-top: 110px;}
.business-content .title-box {margin-bottom: 50px;}
.business-content .title-box .sbj {font-size: 48px; font-weight: 700; color: #fff; text-align: center;}
.business-content .title-box .view-more {margin: 30px auto 0; display: block; width: 180px; font-size: 16px; font-weight: 400; color: #fff; text-align: center; padding: 15px 50px; border-radius: 50px; border: 1px solid #fff; backdrop-filter: blur(10px); transition: all .4s ease;}

.business-content .contents-box {width: 100%; padding: 60px 30px 0; border-radius: 20px; background-color: #fff; position: relative; z-index: 2;}
.business-content .contents-box .desc {width: 815px; font-size: 18px; font-weight: 400; line-height: 1.7; text-align: center; margin: 0 auto 50px;}

.business-content .biz-list {width: 100%; display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px;}
.business-content .biz-list.grid3 {grid-template-columns: repeat(3, 1fr); margin-top: 10px;}
.business-content .biz-list.grid4 {grid-template-columns: repeat(4, 1fr); margin-bottom: 10px;}
.business-content .biz-list.grid5 {grid-template-columns: repeat(5, 1fr);}
.business-content .biz-list li {width: 100%; height: 320px; overflow: hidden; position: relative;}
.business-content .biz-list li h4 {display: block; width: 100%; font-size: 20px; font-weight: 700; color: #fff; text-align: center; line-height: 1.5; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 10;}
.business-content .bg {height: 575px;}
.business-content .biz-list li .bg {height: 100%; z-index: 5; position: relative;}
.business-content .biz-list li .bg::after {content:""; position: absolute; inset: 0; background: linear-gradient(135deg, rgba(255,162,108,0.75), rgba(232,84,0, 0.75)); opacity: 0; transition: all .4s ease; transform: scale(1.1); z-index: 6;}
.business-content .biz-list.grid3 li .bg::after {transform: scale(1.05);}
.business-content .biz-list li .bg img {transform: scale(1); transition: all .4s ease;}
.business-content .biz-list li .bg .plus-box {position: absolute; bottom: 45px; left: 50%; transform: translateX(-50%); width: 30px; height: 30px; background-color: #5F5E5E; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: all .4s ease; z-index: 10;}
.business-content .biz-list li .bg .plus-box svg {transform: rotate(0deg); transition: all .4s ease;}
.business-content .biz-list li .bg .plus-box svg .plus-line {stroke: #fff; transition: all .4s ease;} 
.business-content .biz-list li.active {overflow: visible;}
.business-content .biz-list li.active .bg::after {opacity: 1;}
.business-content .biz-list.grid3 li.active .bg img {transform: scale(1.05);}
.business-content .biz-list li.active .bg img {transform: scale(1.1);}
.business-content .biz-list li.active .bg .plus-box {background-color: #fff;}
.business-content .biz-list li.active .bg .plus-box svg {transform: rotate(45deg);}
.business-content .biz-list li.active .bg .plus-box svg .plus-line {stroke: var(--primary);}
.business-content .biz-list li .triangle-box {opacity: 0;}
.business-content .biz-list li.active .triangle-box {opacity: 1; position: absolute; bottom: -45px; left: 50%; transform: translateX(-50%); width: 36px; height: 31px;}
.business-content .biz-list li.active .triangle-box.rotate {top: -45px; transform: rotate(180deg);}

.business-content .contents-box .biz-desc {background-color: #F5F4F3; width: 100%; display: grid; grid-template-columns: 1fr 2fr; gap: 40px; padding: 0; margin-top: 0; max-height: 0; overflow: hidden; opacity: 0; transition: all .4s ease; position: relative;}
.business-content .contents-box .biz-desc.active {max-height: 1000px; padding: 38px; margin: 40px 0; opacity: 1;}
.business-content .contents-box .biz-desc .desc-title {font-size: 20px; font-weight: 700;}
.business-content .contents-box .biz-desc .desc-txt {font-size: 16px; line-height: 24px; color: #717171;}
.business-content .contents-box .biz-desc .desc-txt strong {font-weight: 600;}

@media (hover: hover) {
  /* .business-content .title-box .view-more:hover {color: #fff; border-color: var(--primary); background-color: var(--primary);} */
  .business-content .biz-list.grid3 li:hover .bg img {transform: scale(1.05);}
  .business-content .biz-list li:hover .bg img {transform: scale(1.1);}
}
@media screen and (max-width: 1399px) {
  .business .sp-head .desc {font-size: 20px;}
  .business-content .title-box .sbj {font-size: 34px;}
  .business-content .contents-box .desc {width: 100%;}
  .business-content .biz-list,
  .business-content .biz-list.grid3,
  .business-content .biz-list.grid4,
  .business-content .biz-list.grid5 {grid-template-columns: 1fr;}
  .business-content .biz-list li {height: 120px;}
  .business-content .biz-list li .bg .plus-box,
  .business-content .biz-list li .triangle-box {display: none;}
  .business-content .contents-box > .biz-desc {display: none;}
  .business-content .biz-list .biz-desc-mobile {grid-column: 1 / -1; background-color: #F5F4F3; padding: 24px; margin: 0; max-height: none; overflow: visible; opacity: 1; display: grid; grid-template-columns: 1fr; gap: 16px;}
  .business-content .biz-list .biz-desc.active {margin: 0; max-height: none;}
  .business-content .biz-list .biz-desc-mobile .desc-title {font-size: 16px; font-weight: 700; text-align: center;}
  .business-content .biz-list .biz-desc-mobile .desc-txt {font-size: 14px; color: #717171;}
  .business-content .biz-list .biz-desc-mobile .desc-txt strong {font-weight: 600;}
}
@media screen and (max-width: 767px) {
  .business-content .title-box .sbj {font-size: 28px;}
  .business-content .contents-box .desc {font-size: 14px;}
  .business-content .biz-list.grid3 li.active .bg img {transform: scale(1);}
  .business-content .biz-list li.active .bg img {transform: scale(1);}
  .business-content .biz-list li .bg::after {transform: scale(1);}
  .business-content .biz-list.grid3 li .bg::after {transform: scale(1);}
}
@media screen and (max-width: 499px) {}

/* Service */
.service .tab-menu {display: none;}
.service .sp-header {background-color: #F5F4F3;}
.service .sp-head {text-align: center; max-width: 942px;}
.service .sp-head .sp-head-title {font-weight: 700; margin-bottom: 41px;}
.service .sp-head .desc {font-size: 18px; font-weight: 500; line-height: 1.7; word-break: keep-all; margin-bottom: 20px;}
.service .sp-head .desc:last-child {margin-bottom: 0;}
.service .sp-head .desc-img {padding-top: 10px; margin-bottom: 34px;}
.service .sp-head .desc-img h3 {font-size: 18px; font-weight: 700; margin-bottom: 20px;}

.service {overflow-x: hidden;}
.sub-menu-wrap {position: relative; width: 100vw; margin-left: calc((100vw - 1400px) / 2);}
.sub-menu-swiper .pagination {width: 1400px; position: relative; display: block;}
.sub-menu-swiper .swiper-pagination-progressbar {background: #E2E2E2;}
.sub-menu-swiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background: var(--primary);}
.service .sub-menu {display: flex; margin-top: 120px; margin-bottom: 80px;}
.service .sub-menu li {width: 418px;}
.service .sub-menu li img {width: 100%; aspect-ratio: 418 / 233; object-fit: cover; margin-bottom: 24px; }
.service .sub-menu li .img-box {position:relative;}
.service .sub-menu li .img-box::after {content:'';position:absolute;inset:0;background-color:#fff;opacity:.4;transition:opacity .3s ease;pointer-events:none;}
.service .sub-menu li.active .img-box::after {opacity: 0;}
.service .sub-menu li p {text-align: center; font-size: 18px; font-weight: 500; color: #888888;}
.service .sub-menu li.active p {font-weight: 700; color:var(--primary)}
.service .sub-menu-center .sub-menu {gap: 16px; justify-content: center;}
.service .sub-menu-center .sub-menu li {width: 456px;}
.service .sub-menu-center .sub-menu li img {width: 100%; aspect-ratio: 456 / 233; object-fit: cover; margin-bottom: 24px;}
.service .sub-menu li .expand-icon {position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; opacity: 0; z-index: 10;}
.service .sub-menu-center .sub-menu li .expand-icon {position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; opacity: 0; z-index: 10;}

.service .service-content .service-wrapper {display: grid; grid-template-columns: 1fr 1fr; gap:36px; margin-top: 120px; align-items: start;}
.service .service-content .service-wrapper .img-box {width: 100%; height: 523px; object-fit: cover;}
.service .service-content .service-wrapper .txt-box .title {font-size: 30px; font-weight: 700; color: var(--primary); padding-bottom: 30px; border-bottom: 1px #DDDDDD solid;}
.service .service-content .service-wrapper .txt-box .subtitle {font-size: 24px; font-weight: 700; color: #000000; padding-top: 30px;}
.service .service-content .service-wrapper .txt-box .desc {font-size: 16px; color: #5F5E5E; padding-top: 20px;}
.service .service-content .service-wrapper .txt-box .list {display: grid; grid-template-columns: 1fr 1fr; gap:42px}
.service .service-content .service-wrapper .txt-box .list ul li {position: relative; padding-left: 12px;}
.service .service-content .service-wrapper .txt-box .list ul li::before {content: ''; display: block; width: 6px; height: 6px; border-radius: 50%; position: absolute; left: 0; top: 29px; background-color: #E2E2E2;}

.service .service-content .service-wrapper { transition: .2s ease; display: none;}
.service .service-content .service-wrapper.active {opacity: 1; display: grid;}
.service .service-content.supervision .img-box {height: auto;}
.service .service-content.supervision .service-wrapper .txt-box .list ul li::before {content: none;}
.service .service-content.supervision .service-wrapper .txt-box .list {display: block;}
.service .service-content.supervision .service-wrapper .txt-box .list ul {display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; margin-top: 16px;}
.service .service-content.supervision .service-wrapper .txt-box .list ul li {border-radius: 10px; background-color: #F5F4F3; height: auto; text-align: center; padding-inline: 30px; padding-bottom: 20px;}
.ko .service .service-content.supervision .service-wrapper .txt-box .list ul li {border-radius: 10px; background-color: #F5F4F3; height: auto; text-align: center; padding-inline: 45px; padding-bottom: 20px;}
.service .service-content.supervision .service-wrapper .txt-box .list ul li h5 {font-size: 16px; font-weight: 600; color: #000000;}
.service .service-content.supervision .service-wrapper .txt-box .list ul li p {font-size: 14px; margin-top: 16px;}

.supervision-img {margin: 20px auto 0; width: 1300px; height: auto;}
.inspection-img {width: 865px; position: absolute; bottom: 135px; left: 611px;}

@media (hover: hover) {
  .service .sub-menu li:hover .expand-icon {opacity: 1;}
}
@media screen and (max-width: 1399px) {
  .service .tab-menu {width: 100%; display: block;}
  .service .tab-menu .container {width: 100%;}
  .service .tab-menu .tab-list {display: grid; grid-template-columns: 1fr 1fr;}
  .service .tab-menu .tab-list .tab-item {width: 100%;}
  .service .tab-menu .tab-list .tab-item a {display: block; width: 100%; padding-block: 15px; font-size: 18px; font-weight: 500; text-align: center;background-color: #F5F5F5; border-block: #E2E2E2 1px solid;}
  .service .tab-menu .tab-list .tab-item a:nth-child(odd) {border-right: #E2E2E2 1px solid;}
  .service .tab-menu .tab-list .tab-item.active a {font-weight: 700; color: #fff; background-color: var(--primary);}


  .service .mo-sub-menu {display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; margin-top: 40px;}
  .service .mo-sub-menu li {position: relative;}
  .service .mo-sub-menu li .img-box {height: 150px; overflow: hidden;}
  .service .mo-sub-menu li .img-box::after {content:'';position:absolute;inset:0;background-color:#000;opacity:.6;transition:opacity .3s ease;pointer-events:none;}
  .service .mo-sub-menu li.active .img-box::after {background: linear-gradient(135deg, rgba(255,162,108,0.75), rgba(232,84,0, 0.75)); opacity: 1;}
  .service .mo-sub-menu li p {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; text-align: center; color: #fff; font-weight: 500;}
  .service .mo-sub-menu li.active p {font-weight: 700;}

  .service .sp-head {display: block;}
  .service .sp-head .sp-head-title {margin-bottom: 60px;}
  .service .sp-head .desc {font-size: 16px;}

  .sub-menu-wrap {margin: 0;}
  .service .service-content .service-wrapper.active {display: flex; flex-direction: column;}
  .service .service-content .title {font-size: 38px;}
  .service .service-content.supervision .img-box,
  .service .service-content .img-box {height: 400px;}
  .key-list {grid-template-columns: 1fr 1fr;}
  .key-list .key-item {height: 570px;}
  .key-list .key-item .title-box h4 {font-size: 20px;}
  .key-list .key-item hr {margin: 22px 0;}

  .supervision-img {width: 100%;}
}
@media screen and (max-width: 767px) {
  .service .tab-menu .tab-list {grid-template-columns: 1fr;}
  .service .tab-menu .tab-list .tab-item a {font-size: 16px;}
  .service .tab-menu .tab-list .tab-item a:nth-child(odd) {border-right: none;}

  .service .sp-head .sp-head-title {margin-bottom: 40px;}
  .service .sp-head .desc {font-size: 14px;}
  .service-content .title {font-size: 28px;}
  .service .service-content.supervision .list ul {grid-template-columns: 1fr;}
  .service .service-content.supervision .list ul li {height: auto; padding-block: 20px;}
  .service .service-content .service-wrapper .txt-box .desc {font-size: 14px;}
  .service .service-content .service-wrapper .txt-box .list {grid-template-columns: 1fr; gap: 0;}
  .key-list {grid-template-columns: 1fr;}
}
@media screen and (max-width: 499px) {}

/* Product */
.product .sp-head .sp-head-title {text-align: center; font-weight: 700;}
.product .sp-head .subtitle-box {display: flex; justify-content: center; gap: 8px; flex-wrap: wrap; margin-top: 61px; }
.product .sp-head .subtitle-box a {display: block; font-size: 16px; font-weight: 500; text-align: center; padding: 14px 34px; border-radius: 26px; color: #AAAAAA; border: #E2E2E2 2px solid;}
/* .product .sp-head .subtitle-box a.active {font-weight: 700; background-color: #F17C39; color: #FFFFFF; border: none;} */
.product .sp-head .subtitle-box .break {flex-basis: 100%;}

.product-content .product-item {display: flex; justify-content: space-between; align-items: center; gap: 50px; margin-top: 160px;}
.product-content .product-item:first-child {margin-top: 0px;}
.product-content .product-item:nth-child(odd) {flex-direction: row-reverse;}
.product-content .product-item .txt-box {width: 600px;}
.product-content .product-item .txt-box .title {font-size: 40px; font-weight: 700; padding-bottom: 40px; border-bottom: 2px var(--primary) solid;}
.product-content .product-item .txt-box .desc {font-size: 18px; padding-top: 26px;}
.product-content .product-item .txt-box .desc:first-child {padding-top: 40px;}
.product-content .product-item .img-box {width: 750px; height: 500px;}


.product-content .prod-item {width: 100%; display: flex; justify-content: space-between; align-items: center; margin-bottom: 200px;}
.product-content .prod-item:last-child {margin-bottom: 0;}
.product-content .prod-item .txt-box {width: 600px;}
.product-content .prod-item .txt-box .title {font-size: 40px; font-weight: 900; line-height: 1.5; margin-bottom: 35px;}
.product-content .prod-item .txt-box .desc {font-size: 16px; font-weight: 400; font-family: var(--ff-secondary); color: #5F5E5E; line-height: 1.5; word-break: keep-all;}
.product-content .prod-item .txt-box .prod-list {margin-top: 55px; display: flex; flex-direction: column; gap: 10px;}
.product-content .prod-item .txt-box .prod-list li {font-size: 20px; font-weight: 700; word-break: keep-all; padding-left: 16px; position: relative;}
.product-content .prod-item .txt-box .prod-list li::before {content: ''; position: absolute; top: 11px; left: 0; width: 6px; height: 6px; border-radius: 50%; background-color: #888;}
.product-content .prod-item .txt-box .view-more {margin-top: 65px; display: block; width: 180px; font-size: 16px; font-weight: 400; color: #888; text-align: center; padding: 15px 50px; border-radius: 50px; border: 1px solid #888; transition: all .4s ease;}

.product-content .prod-item .img-box {width: 700px; height: 645px; position: relative;}
.product-content .prod-item .img-box .prod-img-bg {position: absolute; width: 653px; height: auto; z-index: -1;}
.product-content .prod-item:nth-child(odd) .img-box .prod-img-bg {bottom: 104px; left: 107px;}
.product-content .prod-item:nth-child(even) .img-box .prod-img-bg {bottom: 104px; right: 107px;}

@media (hover: hover) {
  .product-content .prod-item .txt-box .view-more:hover {color: #fff; border-color: var(--primary); background-color: var(--primary);}
  .product .sp-head .subtitle-box a:hover {font-weight: 700; background-color: #F17C39; color: #FFFFFF; border: none;}
}
@media screen and (max-width: 1399px) {
  .product .sp-head .subtitle-box {display: none;}
  .product .mo-sub-menu {display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; margin-top: 40px;}
  .product .mo-sub-menu li {position: relative;}
  .product .mo-sub-menu li .img-box {height: 150px; overflow: hidden;}
  .product .mo-sub-menu li .img-box::after {content:'';position:absolute;inset:0;background-color:#000;opacity:.6;transition:opacity .3s ease;pointer-events:none;}
  .product .mo-sub-menu li.active .img-box::after {background: linear-gradient(135deg, rgba(255,162,108,0.75), rgba(232,84,0, 0.75)); opacity: 1;}
  .product .mo-sub-menu li p {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; text-align: center; color: #fff; font-weight: 500;}
  .product .mo-sub-menu li.active p {font-weight: 700;}

  .product-content .product-item, .product-content .product-item:nth-child(odd) {flex-direction: column;}
  .product-content .prod-item {flex-direction: column;}
  .product-content .prod-item:nth-child(even) {flex-direction: column-reverse;}
  .product-content .prod-item .txt-box {width: 100%; margin-bottom: 50px;}
  .product-content .prod-item .txt-box .title {font-size: 32px; margin-bottom: 20px;}
  .product-content .prod-item .txt-box .prod-list {margin-top: 35px; display: grid; grid-template-columns: 1fr 1fr;}
  .product-content .prod-item .txt-box .prod-list li {font-size: 18px;}
  .product-content .prod-item .txt-box .view-more {margin-top: 35px;}

  .product-content .prod-item .img-box {width: 100%; height: 500px;}
  .product-content .prod-item .img-box .prod-img-bg {display: none;}
}
@media screen and (max-width: 767px) {
  .product .sp-head .subtitle-box a {font-size: 12px;}
  .product-content .product-item {gap: 20px}
  .product-content .product-item .txt-box {width: 100%;}
  .product-content .product-item .txt-box .title {font-size: 24px; font-weight: 700; padding-bottom: 20px; border-bottom: 2px var(--primary) solid;}
  .product-content .product-item .txt-box .desc {font-size: 14px; padding-top: 16px;}
  .product-content .product-item .img-box {width: 100%; aspect-ratio: 750/500; height: auto;}

  .product-content .prod-item .txt-box .title {font-size: 28px;}
  .product-content .prod-item .txt-box .desc {font-size: 15px;}
  .product-content .prod-item .txt-box .prod-list {display: flex;}
  .product-content .prod-item .txt-box .prod-list li {font-size: 17px;}
  .product-content .prod-item .img-box {height: 370px;}
}
@media screen and (max-width: 499px) {}

/* Project */
.project-list {display: flex; flex-direction: column; gap: 80px;}
.project-list .project-item {width: 100%; height: 396px; border-radius: 20px; border: 1px solid #F0F0F0; overflow: hidden; transition: all .4s ease;}
.project-list .project-item a {width: 100%; height: 100%; padding: 36px; display: flex; background-color: #fff; position: relative;}
.project-list .project-item .img-box {position: absolute; top: 50%; right: 930px; transform: translateY(-50%); width: 434px; height: 324px; border-radius: 12px; overflow: hidden; transition: all .4s ease;}
.project-list .project-item .txt-box {margin-top: 24px; margin-left: 484px;}
.project-list .project-item .txt-box .sbj {font-size: 30px; font-weight: 400; line-height: 1.5; margin-bottom: 30px; transition: all .4s ease;}
.project-list .project-item .txt-box .sbj strong {font-weight: 700;}
.project-list .project-item .txt-box .desc {font-size: 16px; font-weight: 400; color: #9C9A9A; line-height: 1.5; transition: all .4s ease;}
.ko .project-list .project-item .txt-box .desc {padding-right: 150px;}
.project-list .project-item .view-more {position: absolute; bottom: 40px; right: 40px; display: flex; align-items: center; gap: 10px;}

.view-more span {font-size: 16px; font-weight: 400; color: #5F5E5E; transition: all .4s ease;}
.view-more .arrow-box {width: 45px; height: 45px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background-color: #fff; border: 1px solid #E1E1E1; transition: all .4s ease;}
.view-more .arrow-box .icon-box {width: 7px; height: 12px; margin-left: 9px; position: relative; transition: all .4s ease;}
.view-more .arrow-box .icon-box::before {content: ''; display: block; width: 15px; height: 1px; background-color: #000; position: absolute; top: 50%; right: 0; transform: translateY(-50%); transition: all .4s ease;}
.view-more .arrow-box .icon-box span {display: block; width: 7px; height: 1px; background-color: #000; position: absolute; top: 50%; right: 0;}
.view-more .arrow-box .icon-box span:nth-child(1) {top: 18%; transform: rotate(45deg);}
.view-more .arrow-box .icon-box span:nth-child(2) {top: 73%; transform: rotate(-45deg);}

.project-board .sp-header {text-align: center;}
.project-board .sp-header .sp-head-tag {font-size: 24px; font-weight: 500;}
.project-board .sp-header .sp-head-title {font-weight: 700;}

.project-board .board-list-head {display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 30px;}
.project-board .board-list-head .total {font-size: 18px; font-weight: 700;}
.project-board .board-list-head .total .count {color: var(--primary);}
.project-board .board-list-head .search-bar {width: 450px; height: 70px; padding-inline: 30px; border-radius: 35px; background-color: #fff; border: 1px solid #CCC;}
.project-board .board-list-head .search-bar form {width: 100%; height: 100%; display: flex; justify-content: space-between; align-items: center;}
.project-board .board-list-head .search-bar .sch-inp {width: 100%; height: 40px; font-size: 16px; font-weight: 700; background-color: #fff; border: 0; padding: 0;}
.project-board .board-list-head .search-bar .sch-btn {width: 40px; height: 40px; background-color: #fff; display: flex; align-items: center; justify-content: center;}
.project-board .board-list-head .search-bar .sch-btn svg {width: 20px; height: 20px;}

.project-board .board-ls > li.board-ls-head {height: 63px; grid-template-columns: 70px 500px 140px 200px 1fr; gap: 4px; padding: 0; text-align: center; border: 0;}
/* .project-board .board-ls.skin2 > li.board-ls-head {height: 63px; grid-template-columns: 70px 1fr 100px 140px 200px 300px 170px; gap: 4px; padding: 0; text-align: center; border: 0;} */
.project-board .board-ls > li.board-ls-head span {width: 100%; padding-inline: 14px; font-size: 16px; font-weight: 700; line-height: 63px; color: #000; border-bottom: 2px solid #E2E2E2;}
.project-board .board-ls > li.board-ls-head span:nth-child(odd) {background-color: #F9F8F8;}
.project-board .board-ls > li.board-ls-head span:nth-child(even) {background-color: #F5F4F3;}
.project-board .board-ls > li.board-ls-head span.title {text-align: left; background-color: #F0ECE8;}

.project-board .board-ls > li {border-bottom: 0;}
.project-board .board-ls > li.pcHide {display: none;}
.project-board .board-ls > li > a {padding-block: 12px; grid-template-columns: 70px 500px 140px 200px 1fr; gap: 4px; padding: 0; text-align: center; border: 0;}
/* .project-board .board-ls.skin2 > li > a {padding-block: 12px; grid-template-columns: 70px 1fr 100px 140px 200px 300px 170px; gap: 4px; padding: 0; text-align: center; border: 0;} */
.project-board .board-ls > li > a span {width: 100%; height: auto; padding: 12px 0; min-height: 43px; padding-inline: 14px; font-size: 15px; font-weight: 400; color: #000; display: flex; justify-content: center; align-items: center; border-bottom: 1px solid #E2E2E2;}
.project-board .board-ls > li > a span:nth-child(odd) {background-color: transparent;}
.project-board .board-ls > li > a span:nth-child(even) {background-color: #FCFCFC;}
.project-board .board-ls > li > a span.title {font-weight: 700; text-align: left; justify-content: flex-start; background-color: #F5F4F3;}
.project-board .board-ls > li > a span.client {text-align: center;}

.project-board-view-content .board-view-body .info {padding-top: 50px;}
.project-board-view-content .board-view-body .info .info-item {font-size: 18px; margin-bottom: 7px;}
.project-board-view-content .board-view-body .info .info-item::marker {color: var(--primary);}
.project-board-view-content .board-view-body .info .info-item b {margin-right: 15px;}
.project-board-view-content .board-view-aside aside .board-view-paging .btn {font-size: 18px;}

.project-gallary .gallary-header h3 {font-size: 30px; font-weight: 700; text-align: left; margin-bottom: 70px;}
.project-gallary .swiper {padding-top: 50px;}
.project-gallary .gallary-list {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 19px;
  .gallary-item .txt-box {background-color: #fff; padding: 26px 30px 30px; height: 150px;}
  .gallary-item .tag {font-size: 18px; font-weight: 700; color: var(--primary);}
  .gallary-item .title {font-size: 24px; font-weight: 700; margin-top: 12px; line-height: 32px;}
  .gallary-item .img-box {position: relative;}
  .gallary-item .img-box p {position: absolute; color: #fff; bottom: 20px; left: 30px;}
  .gallary-item .img-box div {position: absolute; color: #fff; bottom: 20px; left: 30px; display: flex; align-items: center;}
  .gallary-item .img-box .icon {display: inline-flex; width: 15px; height: 15px; margin-right: 6px; align-items: center; justify-content: center; transform: translateY(2px);}
  .gallary-item .img-box div .icon {display: inline-flex; width: 15px; height: 15px; margin-right: 6px; align-items: center; justify-content: center; transform: translateY(-5px); align-self: end;}
  .gallary-item .img-box div .location {align-self: end;}
  .gallary-item .img-box div .bar {align-self:end; transform: translateY(-7px);}
  .gallary-item .img-box .icon svg path {fill: #E2E2E2;}
  .gallary-item .img-box .bar {margin: 0 18px; width: 1px; height: 11px; background-color: #888888; display: inline-block;}
}

.abroad .project-gallary .gallary-list .gallary-item .txt-box {height: 178px;}

.abroad .project-gallary .gallary-swiper { position: relative; padding-bottom: 50px; }
.abroad .project-gallary .gallary-swiper .gallary-list.swiper-wrapper { display: flex; grid-template-columns: unset; gap: 0; }
.abroad .project-gallary .gallary-swiper .gallary-item.swiper-slide { height: auto; box-sizing: border-box; }
.abroad .project-gallary .gallary-swiper .gallary-prev,
.abroad .project-gallary .gallary-swiper .gallary-next { width: 51px; height: 51px; color: #333; background-color: rgba(255, 255, 255, 0.5); border-radius: 50%;}
.abroad .project-gallary .gallary-swiper .gallary-prev:after,
.abroad .project-gallary .gallary-swiper .gallary-next:after { font-size: 22px; font-weight: 700; }
.abroad .project-gallary .gallary-swiper .gallary-pagination { bottom: 0; }
.abroad .project-gallary .gallary-swiper .gallary-pagination .swiper-pagination-bullet { background: #ccc; opacity: 1; }
.abroad .project-gallary .gallary-swiper .gallary-pagination .swiper-pagination-bullet-active { background: var(--primary); }

@media (hover: hover) {
  .project-list .project-item:hover {border-color: #fff; box-shadow: 0 3px 20px 0 rgba(255, 157, 100, 0.46);}
  .project-list .project-item:hover .img-box {width: 470px; height: 100%;}
  .project-list .project-item:hover .txt-box .sbj {color: var(--primary);}
  .project-list .project-item:hover .txt-box .desc {color: #000;}

  .project-list .project-item:hover .view-more span {opacity: 0;}
  .project-list .project-item:hover .view-more .arrow-box {border-color: #FF833C; background-color: #FF833C;}
  .project-list .project-item:hover .view-more .arrow-box .icon-box {transform: translateX(-4px);}
  .project-list .project-item:hover .view-more .arrow-box .icon-box:before {width: 45px;}
  .project-list .project-item:hover .view-more .arrow-box .icon-box span {opacity: 1;}

  .project-gallary .gallary-list .gallary-item:hover {
    transform: translateY(-30px); transition: all .4s ease; box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.08); border-radius: 0 0 20px 20px;
    .img-box {border-radius: 20px 20px 0 0; overflow: hidden;}
    .txt-box {border-radius: 0 0 20px 20px;}
  }

  .abroad .project-gallary .gallary-swiper .gallary-prev:hover,
  .abroad .project-gallary .gallary-swiper .gallary-next:hover { width: 51px; height: 51px; color: var(--primary);}
}
@media screen and (max-width: 1399px) {
  .project-list .project-item {height: auto; border: 0;}
  .project-list .project-item a {height: 100%; padding: 0; display: block;}
  .project-list .project-item .img-box {position: static; width: 100%; height: 330px; transform: translateY(0); border-radius: 20px;}
  .project-list .project-item:hover .img-box {width: 100%; height: 330px;}
  .project-list .project-item .txt-box {margin-top: 40px; margin-left: 0;}
  .project-list .project-item .txt-box .sbj {font-size: 26px; text-align: center;}
  .project-list .project-item .txt-box .desc {display: none;}
  .project-list .project-item .view-more {position: static; justify-content: center;}

  .project-board .board-ls > li.board-ls-head {display: none;}
  .project-board .board-list-head .search-bar {height: 50px;}

  .project-board .board-ls > li.pcHide {display: grid;}
  .project-board .board-ls > li { border-bottom: 1px solid #E2E2E2;}
  .project-board .board-ls > li > a {grid-template-columns: 25% 35% 35%; column-gap: 10px;}
  .project-board .board-ls > li > a span {display: block; min-height: 0; color: #5F5E5E; text-align: left; padding: 8px 0; padding-inline: 0; border-bottom: 0;}
  .project-board .board-ls > li > a span:nth-child(even) {background-color: transparent;}
  .project-board .board-ls > li > a span.title {grid-column: span 3; color: #000; padding-top: 20px; background-color: transparent;}
  
  .project-board .board-ls > li > a span.client {text-align: left;}
  .project-board .board-ls > li > a span .sbj {padding: 0; font-weight: 700; border-bottom: 0;}

  .project-gallary .gallary-list {grid-template-columns: 1fr;}
  .project-gallary .gallary-list .gallary-item .txt-box {height: auto;}
  .abroad .project-gallary .gallary-list .gallary-item .txt-box {height: 220px;}
}
@media screen and (max-width: 767px) {
  .project-list-page .sp-head-title {text-align: center;}
  .project-list .project-item .img-box {height: 300px;}
  .project-list .project-item:hover .img-box {height: 300px;}
  .project-list .project-item .txt-box {margin-top: 20px;}
  .project-list .project-item .txt-box .sbj {font-size: 22px;}
  .project-board .board-ls > li > a {grid-template-columns: 1fr;}
  .project-board .board-ls > li > a .sbj {display: inline;}
  .project-board .board-ls > li > a span.title {grid-column: span 1;}
  .project-board .board-ls > li > a > span {padding-bottom: 0;}
  .project-board .board-ls > li > a > span:nth-child(3) {padding-top: 0px;}
  .project-board .board-ls > li > a > span:last-child {padding-bottom: 20px; padding-top: 0px;}
  .project-board .board-list-head .search-bar {width: calc(100% - 90px); height: 35px; padding-inline: 15px;}
  .project-board .board-list-head .search-bar .sch-inp {height: 30px;}
  .project-board .board-list-head .search-bar .sch-btn {height: 30px;}
  .project-board .board-list-head .search-bar .sch-btn svg {width: 15px; height: 15px;}

  .abroad .project-gallary .gallary-list .gallary-item .txt-box,
  .project-gallary .gallary-list .gallary-item .txt-box {height: auto;}
}
@media screen and (max-width: 499px) {}

/* Support - Career */
.careers .sp-header {position: relative;}
.careers .sp-header .sp-head {position: relative; z-index: 2;}
.careers .sp-header .sp-head .desc {padding: 40px 0 60px; font-size: 18px; font-weight: 400px; word-break: keep-all;}
.careers .sp-header .bg {position: absolute; inset: 0; overflow: hidden; pointer-events: none; z-index: 1; height: 120%;}
.careers .sp-header .bg .item {position: absolute; aspect-ratio: 56/60; height: auto; z-index: 1;}
/* 배경(#F5F4F3)과 구분되도록 더 진한 그라데이션 + 그림자 */
.careers .sp-header .bg .square {background: linear-gradient(135deg, #D4D0CC, #A8A8A8); box-shadow: 0 2px 12px rgba(0,0,0,.08); opacity: .31;}
.careers .sp-header .bg .item:nth-child(1) {width: 56px; border-radius: 14px; top: 104px; left: 62px;}
.careers .sp-header .bg .item:nth-child(2) {width: 160px; 
  border-radius: 16px; top: 229px; left: 155px; opacity: .16;}
.careers .sp-header .bg .item:nth-child(3) {width: 82px;
  border-radius: 16px; top: 479px; left: 24px; opacity: .69;}
.careers .sp-header .bg .item:nth-child(4) {width: 33px; border-radius: 8px; top: 639px; left: 138px;}
.careers .sp-header .bg .item:nth-child(5) {width: 127px;
  border-radius: 14px; top: 104px; right: 72px;}
.careers .sp-header .bg .item:nth-child(6) {width: 66px;
  border-radius: 8px; top: 314px; right: 230px;}
.careers .sp-header .bg .item:nth-child(7) {width: 88px;
  border-radius: 16px; top: 358px; right: -16px; opacity: .61;}
.careers .sp-header .bg .item:nth-child(8) {width: 56px;
  border-radius: 14px; top: 583px; right: 94px;}

.careers .sp-section.expertise {padding-top: 0;}
.careers .sp-section.expertise .container {position: relative;}
.careers .expertise .dom-box {width: 100%; display: flex; justify-content: center; position: relative;}
.careers .expertise .dom-box h3 {font-size: 40px; text-align: center; position: absolute; bottom: 25px; width: 100%;}
.careers .expertise ul {display: grid; grid-template-columns: repeat(3, 1fr); gap:19px; margin-top: 70px;}
.careers .expertise ul li {width: 100%; position: relative;}
.careers .expertise ul li .content-box{height: 184px; display: flex; align-items: center; text-align: center; gap:30px; background-color: #fff;  box-shadow: 0 10px 15px rgba(176,176,176, 0.27); border-radius: 12px; padding: 27px 32px;}
.careers .expertise ul li .content-box .icon-box {display: flex; justify-content: center; align-items: center; background-color: #E0E0E0; border-radius: 50%; height: 100%; width: auto; aspect-ratio: 1;}
.careers .expertise ul li .content-box .icon-box img {height: 80px; width: auto;}
.careers .expertise ul li .content-box h4 {font-size: 24px; font-weight: 700; text-align: left;}
.careers .expertise ul li .rope-box{width: 100%; position: relative; top:-16.5px; z-index: 5;}
.careers .expertise ul li .rope-box svg {margin-inline: auto;}
.careers .expertise ul li .text-box{background-color: #fff; width: 100%; height: 90px; padding: 22px 30px; border-radius: 12px; border: #CFCFCF 1px solid; position: relative; top: -23px; z-index: 4; display: flex; align-items: center; justify-content: center;}
.careers .expertise ul li .text-box p {font-size: 16px; text-align: center;}

.careers .tab-triangles,
.careers .tab-menu {display: grid; grid-template-columns: repeat(5, 1fr); text-align: center;}
.careers .tab-menu li {width: 100%; height: 45px; border-bottom: #D4CAC2 3px solid; font-weight: 500; color: #888888; cursor: pointer;}
.careers .tab-menu li.active {border-bottom: #F17C39 3px solid; font-weight: 700; color: var(--primary); margin-inline: auto;}
.careers .tab-triangles li {opacity: 0;}
.careers .tab-triangles li.active {width: 100%; height: 31px; padding: auto; display: flex; justify-content: center; margin-top: 29px; opacity: 1;}
.careers .tab-triangles li.active svg {fill: #e2e2e2;}
.careers .tab-content {display: none;}
.careers .tab-content.active {width: 100%; display: block; padding: 65px 64px; background-color: #E2E2E2;}
.careers .tab-content.active h3 {font-size: 30px; font-weight: 700; text-align: center;}
.careers .tab-content.active ul {display: flex; gap:12px; text-align: center; padding-block: 56px 23px;}
.careers .tab-content.active ul li {width: 100%; height: auto; background-color: #fff; padding: 46px 27px 44px; display: flex; flex-direction: column; justify-content: space-between; align-items: center;}
.careers .tab-content.active ul li .num {width: 34px; height: 34px; background-color: #FFEFE5; border-radius: 50%; margin-inline: auto; display: flex; justify-content: center; align-items: center; font-size: 16px; font-weight: 700; color: #F17C39; margin-bottom: 18px;}
.careers .tab-content.active ul li .icon-box img {height: 90px; width: auto;}
.careers .tab-content.active ul li h4 {font-size: 20px; font-weight: 500; padding-block: 25px;}
.careers .tab-content.active ul li p {font-size: 16px; font-weight: 400; color: #888888; min-height: 96px;}
.ko .careers .tab-content.active ul li p {font-size: 16px; font-weight: 400; color: #888888; min-height: 48px;}
.careers .tab-content.active .annotation {font-size: 14px;}

.careers .apply-head .apply-note .note,
.careers .apply-head .apply-note .bar,
.careers .apply-head .sp-head {display: grid; grid-template-columns: 410px 1fr;}
.apply-head .sp-head h3 {font-size: 42px; font-weight: 700;}
.apply-head .sp-head p {font-size: 18px;}
.apply-head .apply-step {padding-block: 90px; display: flex; position: relative;}
.apply-head .apply-step::before {content: ""; width: 100%; height: 1px; background-color: #BABABA; position: absolute; z-index: 0; top: 122px;}
.apply-head .apply-step > div {position: relative; z-index: 2;}
.apply-head .apply-step .means {margin-right: 65px;}
.apply-head .apply-step .means h5 {background-color: #fff; border: #BABABA 1px solid; border-radius: 34px; padding: 16px 24px; color: #888888; font-size: 20px; font-weight: 700; margin-bottom: 8px;}
.apply-head .apply-step .means h5 strong {color: var(--primary);}
.apply-head .apply-step .means .txt-box {color: #5F5E5E; font-size: 16px; padding-left: 25px; padding-top: 18px;}
.apply-head .apply-step .means .txt-box p {position: relative; padding-left: 13px;}
.apply-head .apply-step .means .txt-box p::before {content: ''; display: block; width: 6px; height: 6px; border-radius: 50%; position: absolute; left: 0; top: 9px; background-color: #c9c9c9;}
.apply-head .apply-step .step {width: 275px; position: relative; top: -19px;}
.apply-head .apply-step .step .icon-box {height: 35px; display: flex; align-items: center;}
.apply-head .apply-step .step .icon-box svg{transform: translateX(-40%);}
.apply-head .apply-step .step .dot {width: 9px; height: 9px; border-radius: 50%; background-color: #F17C39; margin-top: 12px;}
.apply-head .apply-step .step .tag {font-size: 16px; font-weight: 500; color: var(--primary); margin-block: 16px;}
.apply-head .apply-step .step .txt {font-size: 20px; font-weight: 700;}


.apply-head .apply-note {padding: 60px 44px; background-color: #fff;}
.apply-head .apply-note .note .title {font-size: 24px; font-weight: 600;}
.apply-head .apply-note .note .txt-box h5 {font-size: 18px; font-weight: 500;}
.apply-head .apply-note .note .txt-box p {font-size: 16px; font-weight: 400; color: #000; opacity: .6; padding-left: 14px; position: relative;}
.apply-head .apply-note .note .txt-box p::before {content: ''; display: block; width: 6px; height: 6px; border-radius: 50%; position: absolute; left: 0; top: 9px; background-color: #c9c9c9;}
.apply-head .apply-note .note .txt-box p:not(:first-child) {margin-top: 18px;}
.apply-head .apply-note .bar div:nth-child(2) {width: 100%; height: 1px; background-color: #E2E2E2; margin-block: 60px;}

.apply-content {position: relative; padding-block: 130px 150px !important;}
.apply-content .container {display: flex; justify-content: space-between; align-items: center;}
.apply-content .txt-box {color: #fff;}
.apply-content .txt-box .sbj {font-size: 42px; font-weight: 700; margin-bottom: 32px;}
.apply-content .txt-box .desc {font-size: 16px; font-weight: 400; line-height: 24px; word-break: keep-all;}

.apply-content .btn-box .apply-btn {display: flex; justify-content: space-between; align-items: center; width: 400px; height: 67px; padding: 0 34px; border-radius: 34px;}
.apply-content .btn-box .apply-btn p {font-size: 20px; font-weight: 700; color: #fff;}
.apply-content .btn-box .apply-btn.download-btn {background-color: #F17C39;}

@media (hover: hover) {
  .apply-content .btn-box .apply-btn.download-btn:hover {border-color: var(--primary); background-color: var(--primary);}
}
@media screen and (max-width: 1399px) {
  .careers .sp-header .sp-head .img-box {width: 100%;}
  .careers .sp-header .bg {height: 150%;}

  .careers .expertise ul {grid-template-columns: 1fr;}
  .careers .tab-menu li {padding-bottom: 20px; height: auto;}
  .careers .tab-content.active ul {display: grid; grid-template-columns: repeat(2, 1fr);}
  .careers .tab-content.active ul li p {min-height: 120px;}
  .ko .careers .tab-content.active ul li p {min-height: 72px;}
  .careers .apply-head .apply-note .note,
  .careers .apply-head .apply-note .bar,
  .careers .apply-head .sp-head {display: block;}
  .careers .apply-head .sp-head p{margin-top: 18px;}
  .apply-head .apply-note .note .txt-box h5 {margin-top: 18px;}
  .apply-head .apply-note .note .txt-box p:first-child {margin-top: 18px;}

  .apply-content .container {display: block;}
  .apply-content .txt-box {margin-bottom: 60px;}
  .apply-content .txt-box .sbj {font-size: 38px; margin-bottom: 26px;}
  .apply-content .btn-box {width: 100%; display: flex; flex-direction: column; align-items: flex-end;}
}
@media screen and (max-width: 767px) {
  .careers .sp-header .sp-head .img-box {width: 90%; margin: 0 auto;}
  .careers .sp-header .bg {display: none;}

  .careers .expertise ul li .content-box{height: auto; padding: 20px; display: grid; grid-template-columns: 60px 1fr;}
  .careers .expertise ul li .content-box .icon-box {display: flex; justify-content: center; align-items: center; background-color: #E0E0E0; border-radius: 50%; aspect-ratio: 1; width: 100%; height: auto;}
  .careers .expertise ul li .content-box .icon-box img {height: 40px; width: auto;}
  .careers .expertise ul li .content-box h4 {font-size: 20px;}
  .careers .expertise ul li .rope-box{width: 100%; position: relative; top:-16.5px; z-index: 5;}
  .careers .expertise ul li .rope-box svg {margin-inline: auto;}
  .careers .expertise ul li .text-box{height: auto; padding: 22px 30px;}
  .careers .expertise ul li .text-box p {font-size: 16px;}

  .careers .tab-content.active ul {grid-template-columns: 1fr;}
  .careers .tab-content.active ul li p,
  .ko .careers .tab-content.active ul li p {min-height: auto;}

  .apply-head .apply-step {flex-direction: column; gap: 0px;}
  .apply-head .apply-step::before {content: none;}
  .apply-head .apply-step > div {position: relative; z-index: 2;}
  .apply-head .apply-step .means {margin-right: 0; margin-bottom: 30px;}
  .apply-head .apply-step .means h5 {border-radius: 34px; padding: 16px 24px; font-size: 20px;margin-bottom: 8px;}
  .apply-head .apply-step .means h5 strong {color: var(--primary);}
  .apply-head .apply-step .means p {font-size: 16px; padding-left: 13px; padding-top: 5px;}
  .apply-head .apply-step .means .txt-box p::before {top: 12px;}
  .apply-head .apply-step .step {width: 100%; position: relative; display: grid; grid-template-columns: 35px 25px 1fr;  padding-left: 25px; padding-block: 10px 15px;}
  .apply-head .apply-step .step:not(:last-child) {border-bottom: #BABABA 1px solid;}
  .apply-head .apply-step .step .icon-box {justify-content: center; height: auto;}
  .apply-head .apply-step .step .icon-box svg{transform: translateX(0);}
  .apply-head .apply-step .step .dot {margin: auto;}
  .apply-head .apply-step .step .tag {font-size: 16px;}
  .apply-head .apply-step .step .txt {font-size: 20px; grid-column: 3/4;}

  .apply-content .btn-box .apply-btn {width: 100%;}
}

/* Support */
.support-board .board-list-head {display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 30px;}
.support-board .board-list-head .total {font-size: 18px; font-weight: 700;}
.support-board .board-list-head .total .count {color: var(--primary);}
.support-board .board-list-head .search-bar {width: 450px; height: 70px; padding-inline: 30px; border-radius: 35px; background-color: #fff; border: 1px solid #CCC;}
.support-board .board-list-head .search-bar form {width: 100%; height: 100%; display: flex; justify-content: space-between; align-items: center;}
.support-board .board-list-head .search-bar .sch-inp {width: 100%; height: 40px; font-size: 16px; font-weight: 700; background-color: #fff; border: 0; padding: 0; font-family: "SUIT";}
.support-board .board-list-head .search-bar .sch-btn {width: 40px; height: 40px; background-color: #fff; display: flex; align-items: center; justify-content: center;}
.support-board .board-list-head .search-bar .sch-btn svg {width: 20px; height: 20px;}

.support-board .gall-ls--h {display: grid; grid-template-columns: repeat(3, 1fr); gap: 90px 20px;}
.support-board .gall-ls--h > li {border-bottom: 0;}
.support-board .gall-ls--h > li > a {display: block; padding-block: 0;}
.support-board .gall-ls--h > li > a .thumb {width: 100%; aspect-ratio: 16 / 9; border-radius: 10px; overflow: hidden; position: static; transition: all .3s ease;}
.support-board .gall-ls--h > li > a .content {display: block; margin-top: 20px;}
.support-board .gall-ls--h > li > a .content .title {font-size: 20px; font-weight: 700; margin-bottom: 12px;}
.support-board .gall-ls--h > li > a .content .date {font-size: 16px; color: #8C8C8C;}

.inquiry .sp-header {padding-bottom: 55px;}
.inquiry .sp-head {text-align: center;}

.inquiry-content .tip {font-size: 18px; font-weight: 700; margin-bottom: 25px;}
.inquiry-content .tip span {color: var(--primary);}

.inquiry-content form {border-top: 2px solid var(--primary);}
.inquiry-content form .dd-form-table {display: block; width: 100%;}
.inquiry-content form .dd-form-table tbody {display: grid; grid-template-columns: 1fr 1fr; gap: 0; width: 100%;}
.inquiry-content .dd-form-table .col--th {width: 140px;}
.inquiry-content .dd-form-table .col--td {width: calc(100% - 140px);}
.inquiry-content .dd-form-table tr {display: grid; grid-template-columns: 140px 1fr; width: 100%; height: 100px; border-bottom: 1px solid #E1E1E1;}
.inquiry-content .dd-form-table tbody tr th {display: flex; align-items: center; padding-left: 20px;}
.inquiry-content .dd-form-table tbody tr th .label {font-size: 18px; font-weight: 400;}
.inquiry-content .dd-form-table tbody tr td {display: flex; align-items: center; padding-right: 110px;}
.inquiry-content .dd-form-table tbody tr td .dd-inp {position: relative;}
.inquiry-content .dd-form-table tbody tr td .dd-inp .inp-box {border-radius: 24px; border: 1px solid #D9D9D9; background-color: #fff;}
.inquiry-content .dd-form-table tbody tr td .dd-inp .inp-box .inp {font-size: 16px; font-weight: 400;}
.inquiry-content .dd-form-table tbody tr td .dd-inp .inp-error {position: absolute; top: calc(100% + 5px); left: 0; font-size: 14px; font-weight: 400; color: #FF0000; width: 100%; padding: 0.5em 1em; background-color: #fff; border: 1px solid #FF0000; border-radius: 10px; z-index: 100;}

.inquiry-content .dd-form-table tbody tr.row-half {width: 100%;}
.inquiry-content .dd-form-table tbody tr:not(.row-half):not(.row-full) {grid-column: 1 / -1;}
.inquiry-content .dd-form-table tbody tr.row-full {grid-column: 1 / -1; height: auto;}
.inquiry-content .dd-form-table tbody tr.row-full th {align-items: flex-start; padding-top: 45px;}
.inquiry-content .dd-form-table tbody tr.row-full td {align-items: flex-start; padding-block: 32px;}
.inquiry-content .dd-form-table tbody tr td .dd-inp .inp-box textarea {border-radius: 10px;}

.inquiry-content .dd-form-indiv-policy {padding: 50px 0 0 0;}
.inquiry-content .dd-form-indiv-policy .title {font-size: 24px; font-weight: 700; color: #000;}
.inquiry-content .dd-form-indiv-policy .content {height: 580px; border-radius: 5px; border: 1px solid #E8E8E8; background: #fff;}
.inquiry-content .dd-form-indiv-policy .content::-webkit-scrollbar-thumb {background: var(--primary);}
.inquiry-content .dd-form-indiv-policy .policy-doc {background-color: #fff;}

.inquiry-content .dd-form-indiv-policy .dd-inp {justify-content: center;}
.inquiry-content .dd-inp .checkbox-group .checkbox label .chck {width: 24px; height: 24px; border-color: #F0F0F0; background-color: #F0F0F0;}
.inquiry-content .dd-inp .checkbox-group .checkbox label .chck::before {width: 12px; height: 12px;}
.inquiry-content .dd-form-indiv-policy .dd-inp .label {font-size: 16px; font-weight: 700; color: #000;}
.inquiry-content .dd-form-indiv-policy .dd-inp .checkbox-group .checkbox label input:checked ~ .label {color: var(--primary);}
.inquiry-content .dd-form-indiv-policy .dd-inp .checkbox-group .checkbox label input:not(:checked) ~ .label {color: #000;}
.inquiry-content .dd-form-foot {justify-content: center;}
.inquiry-content .dd-form-foot .submit-button {display: flex; justify-content: space-between; align-items: center; font-size: 20px; font-weight: 700; color: #000; width: 175px; height: 53px; padding-inline: 33px; border-radius: 27px; border: 1px solid #000; background-color: #fff; transition: all .3s ease;}
.inquiry-content .dd-form-foot .submit-button .submit-arrow {stroke: #000; transition: all .3s ease;}

@media (hover: hover) {
  .inquiry-content .dd-form-foot .submit-button:hover {background-color: var(--primary); border-color: var(--primary); color: #fff;}
  .inquiry-content .dd-form-foot .submit-button:hover .submit-arrow {stroke: #fff;}
}
@media screen and (max-width: 1399px) {
  .support-board .board-list-head .search-bar {height: 50px;}
  .support-board .gall-ls--h {grid-template-columns: 1fr 1fr;}
  .support-board .gall-ls--h > li > a .content .title {font-size: 18px;}
  .support-board .gall-ls--h > li > a .content .date {font-size: 14px;}

  .inquiry-content form .dd-form-table tbody {grid-template-columns: 1fr;}
  .inquiry-content .dd-form-table tbody tr.row-half.pcView {display: none;}
  .inquiry-content .dd-form-table tbody tr td {padding-right: 0;}
  .inquiry-content .dd-form-table tbody tr.row-full th {padding-top: 30px;}

  .inquiry-content .tip {font-size: 18px;}
}
@media screen and (max-width: 767px) {
  .support-board .board-list-head .search-bar {width: calc(100% - 90px); height: 35px; padding-inline: 15px;}
  .support-board .board-list-head .search-bar .sch-inp {height: 30px;}
  .support-board .board-list-head .search-bar .sch-btn {height: 30px;}
  .support-board .board-list-head .search-bar .sch-btn svg {width: 15px; height: 15px;}
  .support-board .gall-ls--h {grid-template-columns: 1fr;}
  .support-board .gall-ls--h > li > a .content .title {font-size: 17px;}

  .inquiry-content .tip {font-size: 16px;}
  .inquiry-content .dd-form-table tr {display: block; height: auto; padding-block: 20px;}
  .inquiry-content .dd-form-table tbody tr th {padding-left: 0;}
  .inquiry-content .dd-form-table tbody tr.row-full th {padding-top: 0;}
  .inquiry-content .dd-form-table tbody tr.row-full td {padding-block: 0;}
  .inquiry-content .dd-form-indiv-policy .dd-inp .checkbox-group {flex-direction: row; gap: 20px;}

  .inquiry-content .dd-form-foot .submit-button {width: 140px; height: 40px; font-size: 18px; padding-inline: 20px;}
  .inquiry-content .dd-form-foot .submit-button svg {width: 15px; height: 12px;}
}
@media screen and (max-width: 499px) {}

/* Temp */
@media (hover: hover) {}
@media screen and (max-width: 1399px) {}
@media screen and (max-width: 767px) {}
@media screen and (max-width: 499px) {}