@charset "utf-8";

/* **************************************** *
 * SUB global root
 * **************************************** */
 :root {
	--font-18:18rem;  
    --font-21:21rem;
    --font-23:23rem;  
}

@media (max-width: 1023px){
    :root {
        --font-18:16rem;  
    }
}
@media (max-width: 540px){ 
    :root{
        --font-21:16rem; 
        --font-23:15rem;
        --font-18: 14rem;
    }
}

/* **************************************** *
 * SUB common
 * **************************************** */
.sub-content {position:relative;padding: max(6.25vw, 80rem) 0 max(10.4167vw, 200rem);background: var(--b-01);}
.sub-content:has(.about-page, .equip-page) {padding-bottom: 0 !important;}
.sub-content:has(.product-page) {padding: 0 !important;}
.sub-content * {color: var(--f-01);}
.sub-content h3{line-height:1.3; font-size:50rem; font-weight: 700;}
.sub-content h4 {font-size: 24rem; font-weight: 800;}

.tab-menu {display: flex; align-items: center;}
.tab-menu li {min-width: 150rem; margin: 0 5rem; padding: 20rem; text-align: center; font-weight: 600; color: rgba(255, 255, 255, .5); border-radius: 60rem; background: rgba(255, 255, 255, .1); cursor: pointer;}
.tab-menu li.active {color: var(--f-01); background: var(--c-01);}


@media all and (max-width:1023px){
	.sub-content,
	.sub-content:has(.board-page){padding:110rem 0 150rem;}
	.sub-content h3 {font-size: 40rem;}
}

@media (max-width: 860px){
	.sub-content h3{font-size:max(3.6860vw, 23rem);}
}

@media (max-width: 540px){
	.sub-content,
	.sub-content:has(.board-page){padding: 60rem 0 100rem;}
	.sub-content h3 {font-size: 22rem;}
	.sub-content h4{font-size:18rem;}

	.tab-menu li {min-width: 100rem; margin: 0 3rem; padding: 12rem; font-size: 13rem;}
}

/* **************************************** *
 * SITE CUSTOM
 * **************************************** */

/* 회사소개 */
.about-page .page-title-wrap {margin-bottom: 0;}
.about-page .page-title-wrap i {display: block; width: 746rem; height: 87rem; margin: 55rem auto 0;}
.about-page .page-title-wrap i img {width: 100%;}
.about-page .page-title__inr {position: relative; z-index: 1;}
.about-title__visual {width: 100%; height: 650rem; margin-top: -45rem; background: url(../img/sub/about-img.png) no-repeat center / cover; transform: scale(0.5);}
.about-info {padding: 150rem 0;padding: 0 0 150rem;}
.about-info__inr {justify-content: space-between;}
.about-info h3 {margin-bottom: 22rem; font-size: 42rem;}
.about-info__text-inr {position: sticky; top: 80rem;}
.about-info__text ul {display: inline-block; margin-top: 80rem; padding: 12rem 40rem; border-radius: 10rem; background: rgba(0, 0, 0, .1); border: 1px solid rgba(255, 255, 255, .1);}
.about-info__text li {display: flex; min-width: 465rem; align-items: center; padding: 27rem 0; font-weight: 100;}
.about-info__text li:not(:last-child) {border-bottom: 1px dashed rgba(255, 255, 255, .1);}
.about-info__text li span {min-width: 50rem; margin-right: 35rem; font-weight: 600;}
.about-info__text i {display: inline-block; width: 14rem; margin-right: 17rem; text-align: left;}
.about-info__text i img {width: 100%;}
.about-info__text li:nth-child(2) i {width: 15rem;}
.about-info__list li {overflow: hidden; position: relative; width: 600rem; border-radius: 10rem;}
.about-info__list li::before {opacity: .3; position: absolute; left:0; bottom: 0; content:''; width: 100%; height: 50%; background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);}
.about-info__list li + li {margin-top: 20rem;}
.about-info__list p {position: absolute; left: 0; bottom: 0; width: 100%; padding:30rem; font-size: 20rem; font-weight: 700;}
.about-list {border: solid rgba(255, 255, 255, .3); border-width: 1px 0 1px 0;}
.about-list ul {display: grid;grid-template-columns: repeat(7, 1fr);}
.about-list li {position: relative; display: flex; flex-direction: column; justify-content: space-between; align-items: center; padding: 45rem 20rem 40rem; text-align: center; border-left: 1px solid rgba(255, 255, 255, .3);}
.about-list li:last-child {border-right: 1px solid rgba(255, 255, 255, .3);}
.about-list li::before {opacity: 0; visibility: hidden; position: absolute; left:0; top:0; content:''; width: 100%; height: 100%; background: linear-gradient(0deg, rgba(17,17,17,1) 0%, rgba(34,53,122,1) 100%); transition: var(--trans-01);}
.about-list li > * {opacity: .3; position: relative; transition: var(--trans-01);}
.about-list li i {display: flex; align-items: center; height: 100rem;}
.about-list li img {height: 100%; vertical-align: middle;}
.about-list li:nth-child(2) img,
.about-list li:nth-child(3) img {height: 80rem;}
.about-list li:nth-child(4) img,
.about-list li:nth-child(6) img {height: 75rem;}
.about-list li:nth-child(5) img {height: 70rem;}
.about-list p {margin-top: 18rem; line-height: 1.4; font-weight: 600; font-size: 20rem;}
.about-list li:hover::before {opacity: 1; visibility: visible;}
.about-list li:hover > * {opacity: 1;}
.about-symbol {padding: 200rem 0 80rem;}
.about-symbol img {opacity: .05; width: 100%;}

@media all and (max-width:1023px){
	.about-page .page-title-wrap i {margin-top: 45rem;}
	.about-info {padding: 120rem 0;}
	.about-info__inr {flex-direction: column;}
	.about-info__inr > div {width: 100%;}
	.about-info__text-inr {position: relative; top: auto;}
	.about-info__text ul {display: flex; align-items: center; margin-top: 50rem; padding: 12rem 0;}
	.about-info__text li {min-width: auto; padding: 20rem 30rem;}
	.about-info__text li:not(:last-child) {border-bottom: none;}
	.about-info__text li span {min-width: auto; margin-right: 15rem;}
	.about-info__text i {width: 16rem; margin-top: -1px; margin-right: 15rem;}
	.about-info__text li:nth-child(2) i {width: 18rem;}
	.about-info__list {margin-top: 70rem;}
	.about-info__list li,
	.about-info__list li img {width: 100%;}
	.about-list .wrap {margin: 0;}
	.about-list ul {grid-template-columns: repeat(3, 1fr);}
	.about-list li {min-height: 250rem;}
	.about-list li:nth-child(3n) {border-right: 0;}
	.about-list li:nth-child(-n+6) {border-bottom: 1px solid rgba(255, 255, 255, .3);}
	.about-list p br {display: none;}
	.about-symbol {padding-top: 150rem;}
}

@media all and (max-width:860px){
	.about-title__visual {height: 473rem;}
	.about-page .page-title-wrap i {width: 685rem; height: 80rem;}
	.about-info {padding: 100rem 0;}
	.about-info__text ul {flex-direction: column; align-items: flex-start; padding: 12rem 30rem;}
	.about-info__text ul li {width: 100%; padding: 25rem 0;}
	.about-info__text ul li:not(:last-child) {border-bottom: 1px dashed rgba(255, 255, 255, .1);}
}

@media (max-width: 540px){
	.about-page .page-title-wrap i {width: 100%; height: auto; margin-top: 20rem;}
	.about-title__visual {height: 290rem; margin-top: -20rem;}
	.about-info {padding: 60rem 0 80rem;}
	.about-info h3 {margin-bottom: 15rem; font-size: 24rem;}
	.about-info__text ul {margin-top: 30rem; padding: 10rem 20rem;}
	.about-info__text ul li {padding: 15rem 0;}
	.about-info__text i {width: 12rem; margin-right: 12rem;}
	.about-info__text li span {min-width: 36rem;}
	.about-info__text li:nth-child(2) i {width: 13rem;}
	.about-info__list {margin-top: 40rem;}
	.about-info__list li + li {margin-top: 10rem;}
	.about-info__list p {padding: 20rem; line-height: 1.4; font-size: 14rem;}
	.about-list ul {	grid-template-columns: repeat(2, 1fr);}
	.about-list li {min-height: auto; border-right: 0 !important;}
	.about-list li:nth-child(2n) {border-right: 1px solid rgba(255, 255, 255, .3);}
	.about-list li:nth-child(2n+1) {border-left: 0 !important;}
	.about-list li:nth-child(3) {border-right: 0;}
	.about-list li:nth-child(4) {border-bottom: 1px solid rgba(255, 255, 255, .3);}
	.about-list li:last-child {border-radius: 0;grid-column: 1 / 3;}
	.about-list li i {height: 65rem;}
	.about-list p {font-size: 14rem;}
	.about-list li:nth-child(2) img,
	.about-list li:nth-child(3) img {height: 55rem;} 
	.about-list li:nth-child(4) img,
	.about-list li:nth-child(6) img {height: 48rem;}
	.about-list li:nth-child(5) img {height: 44rem;}
	.about-symbol {padding: 80rem 0 30rem;}
}

/* 인증서 */
.orz-chart{display:flex;align-items:center;text-align:center;flex-direction:column;position: relative;}
.orz-chart__title{display:flex; align-items:center; position:relative; padding-bottom:100rem; text-align:center; flex-direction:column;}
.orz-chart__title::before{opacity: 0; content:""; position:absolute; bottom:0; left:50%; width:1px; height:100%; background:#ddd; transition: var(--trans-01);}
.orz-chart__title:has(.is_moved)::before {opacity: .12;}
.orz-chart__company{position: relative; display:flex;justify-content:center;align-items:center;position:relative;width:427rem;height:150rem;line-height:1.2;background: var(--c-02);font-weight:700;font-size: 24rem;border-radius:30rem;align-content:center;flex-direction: row;}
.orz-chart-wrap{position:relative;display: grid; grid-template-columns: 1fr 1fr 1fr; align-items: flex-start; width:100%;padding-top:30rem;gap: 0 80rem;}
.orz-chart__item {position: relative; margin-top: 20rem; padding: 10rem; border-radius: 30rem; border: 1px solid rgba(255, 255, 255, .4); background: rgba(0, 0, 0, .3);}
.orz-chart__item::before {opacity: .12; position: absolute; left:50%; top: -20rem; content:''; width: 1px; height: 20rem; background: #fff;}
.orz-chart__item:nth-child(3):before {top: -50rem; height: 50rem;}
.orz-chart__item > p {display: flex; justify-content: center; align-items: center; height: 80rem; text-align: center; font-size: 20rem; font-weight: 700; border-radius: 20rem; background: var(--c-03);}
.orz-chart__arrow {overflow: hidden; position: relative; width: 15rem; margin: 20rem auto 10rem;}
.orz-chart__arrow i {display: inline-block; width: 100%;}
.orz-chart__arrow i p {position: relative; width: 100%; height: 15rem; margin: 2rem 0; animation:fadeArrow 2s infinite}
.orz-chart__arrow i p:nth-child(2) {animation-delay:.2s}
.orz-chart__arrow i p:nth-child(3) {animation-delay:.4s}
.orz-chart__arrow i span {position: absolute; left:50%; top: 50%; display: block; border: 7rem solid transparent; border-left-color: var(--c-03); transform:translate(-50%, -50%) rotate(90deg);}
.orz-chart-list{display:grid;gap:5rem;}
.orz-chart-list li {display: flex; justify-content: center; align-items: center; height: 70rem; font-weight: 100; font-size: 18rem; color:rgba(255, 255, 255, .8); border-radius: 20rem; border: 1px solid rgba(255, 255, 255, .3); background: rgba(255, 255, 255, .1);}
.orz-chart-line{content:"";position:absolute;top:0;left:50%;width: -webkit-calc(100% - var(--chart-width) - 20rem); width:calc(100% - var(--chart-width) - 20rem);height:30rem; border-radius: 30rem 30rem 0 0; border: 1px solid rgba(255, 255, 255, .12); border-bottom: 0; transform: translateX(-50%);}

@keyframes fadeArrow {
    0% {opacity: 0;} 
    100% {opacity: 1;}
}

@media all and (max-width:1023px){
	.orz-chart__company {width: 300rem; height: 120rem;}
	.orz-chart-wrap {gap: 0 40rem;}
}

@media (max-width:860px){
	.orz-chart__company {width: 250rem; height: 100rem; font-size: 20rem; border-radius: 20rem;}
	.orz-chart__title {padding-bottom: 60rem;}
	.orz-chart-wrap {gap: 0 20rem; padding-top: 20rem;}
	.orz-chart-line {width: -webkit-calc(100% - var(--chart-width) - 10rem); width: calc(100% - var(--chart-width) - 10rem); height: 20rem; border-radius: 20rem 20rem 0 0;}
	.orz-chart__item {padding: 5rem; border-radius: 20rem;}
	.orz-chart__item > p {font-size: 18rem; font-weight: 600; border-radius: 15rem;}
	.orz-chart__arrow {margin: 10rem auto 5rem;}
	.orz-chart__arrow i p {height: 10rem;}
	.orz-chart__arrow i span {border-width: 5rem;}
	.orz-chart-list li {height: 60rem; font-size: 16rem; border-radius: 15rem;}
	.orz-chart__item:nth-child(3):before {top: -40rem; height: 40rem; margin-left: -1px;}
}

@media (max-width: 540px){
	.orz-chart__company {width: 100%; height: 70rem; font-size: 16rem; font-weight: 600;}
	.orz-chart__title {width: 100%; padding-bottom: 20rem;}
	.orz-chart__title::before {display: none;}
	.orz-chart-line {display: none;}
	.orz-chart__item {margin-top: 30rem;}
	.orz-chart__item::before,
	.orz-chart__item:nth-child(3):before {top: -30rem; height: 30rem;}
	.orz-chart__item:nth-child(2)::before {top: -50rem; height: 50rem;}
	.orz-chart__item > p {height: 70rem; font-size: 15rem;}
	.orz-chart-wrap {grid-template-columns: 1fr; padding-top: 0;}
}

/* 연혁 */
.history-list-wrap {position: relative;}
.history-line-wrap {position: absolute; left: 50%; top: 0; height: 100%;}
.history-line{display:block;position:absolute;overflow:hidden;top:0;left:0;width:6rem;height:100%;}
.history-line::before {opacity: .15; position: absolute; left: 50%; top: 0; content:''; width: 1px; height: 100%; background: var(--f-01);}
.history-line__bar{display:block; position:absolute; top:0; left:50%; z-index:999; width:100%; background:var(--c-03); border-radius: 5rem; transform: translateX(-50%);}
.history-list__title {position: absolute; right: 50%; width: 50%; height: 100%; padding-right: 130rem; text-align: right;}
.history-list__title h3 {position: sticky; top: 80rem; font-size: 140rem; font-weight: 800;}
.history-list__title p {display: inline-block; color: var(--c-03);}
.history-list__title span {color: var(--c-03);}
.history-item{display: flex; padding: 100rem 0;}
.history-item strong{font-weight:100;font-size:50rem;color:var(--b-01);letter-spacing:-1.5rem;transition:var(--trans-01);}
.history-item.is_moved strong{color:var(--c-01);}
.history-list{width: 50%; margin-left: auto; padding-left: 110rem;}
.history-desc li{display:flex; align-items:flex-start;}
.history-desc > li:not(:last-child){margin-bottom:50rem;}
.history-desc > li em{min-width:50rem; margin-right: 50rem; font-size: 24rem; font-weight: 800; color: var(--f-01);}
.history-desc ul {margin-top: 5rem;}
.history-desc ul li {flex-direction: column; align-items: flex-start;}
.history-desc ul span {display: block; margin-top: 10rem; font-weight: 100; color: #aaa;}


@media (max-width:1480px){
	.history-cont > .wrap{padding-left:100rem;}
}

@media all and (max-width:1023px){
	.history-list__title {left: 0; right: auto; width: auto; padding-right: 0; text-align: left; }
	.history-list__title h3 {font-size: 100rem;}
	.history-line-wrap {left: 45%;}
	.history-list {width: 55%; padding-left: 80rem;}
	.history-item {padding:70rem 0;}
	.history-desc ul {margin-top: 0;}
	.history-desc ul li {line-height: 1.6;}
	.history-desc ul span {margin-top: 5rem;}
	.history-desc > li:not(:last-child) {margin-bottom: 30rem;}
	.history-desc > li em {font-size: 20rem; font-weight: 700; margin-right: 30rem;}
	.history-desc [data-list="dot"] > *::before {top: 11rem;}
}

@media (max-width:860px){
	.history-line-wrap {left: 0;}
	.history-list__title {position: sticky; top: 20rem; width: 100%; padding: 0 70rem; z-index: 1;}
	.history-list__title h3 {position: relative; top: auto; display: inline-block; padding: 0 40rem 2rem; line-height: 1; font-size: 70rem; border-radius: 100rem; background: var(--b-01); border: 1px solid rgba(255, 255, 255, .15); box-shadow: 5rem 5rem 20rem rgba(0, 0, 0, .2);}
	.history-item {padding: 50rem 0;}
	.history-list-wrap {padding-top: 30rem;}
	.history-list {width: 100%; margin-top: 50rem; padding-left: 80rem;}

}

@media (max-width:540px){
	.history-list__title {padding: 0 30rem;}
	.history-list__title h3 {font-size: 35rem; padding: 5rem 30rem;}
	.history-list-wrap {padding-top: 0;}
	.history-list {margin-top: 30rem; padding-left: 40rem;}
	.history-item {padding: 40rem 0;}
	.history-item:not(:last-child) {border-bottom: 1px solid rgba(255, 255, 255, .15);}
	.history-desc > li em {min-width: 30rem; margin-right: 20rem; font-size: 14rem; font-weight: 600;}
	.history-desc > li:not(:last-child) {margin-bottom: 20rem;}
	.history-desc ul li {font-weight: 200;}
	.history-desc [data-list="dot"] > *::before {top: 8rem;}

}

 /* 인증서 */
.patent-page{display:flex; flex-direction:column-reverse;}
 .patent-table table.table {border-top: 2rem solid var(--f-01);}
 .patent-table table.table thead th {padding: 17rem 10rem; font-size: 16rem; font-weight: 600; background: rgba(255, 255, 255, .1); border-color: rgba(255, 255, 255, .15);}
 .patent-table table.table thead tr:last-child th {border-bottom: 0;}
 .patent-table table.table tbody td {padding: 20rem 10rem; font-weight: 200; border-color: rgba(255, 255, 255, .15);}
 .certify-page {position: relative;/* margin-top: max(12.5vw, 180rem); */}
 .certify-page h3 {margin-bottom: 60rem;}
 .certify-page .tab-menu {position: absolute; right: 0; top: 2rem;}
 .certify-list {gap: 40rem;}
 .certify-item {overflow: hidden; border-radius: 10rem;}
 .certify-item img{width:100%;}
 .certify-item strong{display:block; margin-top:20rem; font-family:var(--lang-ko); font-weight:600;}
 .certify-pop{position:fixed;opacity:0;top:0px;left:0px;z-index: -1;width:100%;height:100%;background:rgba(0,0,0,0.5);}
 .certify-pop > div{position:absolute; top:50%; left:50%; margin:0 auto; box-shadow:26px 18px 49px rgba(0,0,0,0.2); transform:translate(-50%, -50%); max-width:540rem;}
 .certify-pop.active{opacity:1;z-index:99;transition: opacity 0.3s ease-out 0s;}
 .certify-pop .close{display:block;width: 60rem;height: 60rem;position: absolute;right: -70rem;top: -13rem;background: url(../img/common/ic-cancle_w.svg) no-repeat 50% 50%;background-size: 28rem;font-size: 0;background-color: transparent;}
 .patent-table{margin-top: max(5.2083vw, 70rem);}
.patent-table h3{margin-bottom: max(2.0833vw, 20rem);}

 #layer-src img{width:100%; border-radius: 20rem;}
 
 @media all and (max-width:1023px){
	.certify-item strong{margin-top: 15rem;}
	.certify-list{	gap: 35rem 20rem;}
	.certify-page {/* margin-top: 0; */}
}

 @media (max-width:540px){
	.patent-table table.table thead th {padding: 12rem 10rem; font-size: 14rem;}
	.patent-table table.table tbody td {padding: 9rem 10rem;font-size: 14rem;}
	.certify-page {/* margin-top: 80rem; */}
	.certify-page .tab-menu {position: relative; right: auto; top: auto; margin-bottom: 30rem;}
	.certify-page .tab-menu li:first-child {margin-left: 0;}
	.certify-page h3 {margin-bottom: 20rem;}
     .certify-list{gap:20rem;}
     .certify-item strong{margin-top:13rem;}
     .certify-pop > div{width:80%;}
     .certify-pop .close{display:flex; justify-content:center; align-items:center; top:auto; right:auto; bottom:-48rem; left:0; width:100%; height:auto; padding:15rem 0rem; background:var(--b-01); font-weight:700; font-size:15rem; font-size:12rem; color:#fff; text-align:center; border-radius:50rem;}
	.patent-table{margin-top: 50rem;}
 }

 /* 오시는 길 */
 .location-cont__map {overflow: hidden; width: 100%; margin-right: 20rem; border-radius: 10rem;}
 .location-cont__map .hide {display: none;}
 .location-cont__map .root_daum_roughmap {width: 100%; height: 100%;}
 .location-cont__map .root_daum_roughmap .wrap_map {height: 100%;}
 .location-cont__list {overflow: hidden; flex-shrink: 0; width: 30%; padding: 60rem 0 0; border-radius: 10rem; background: var(--f-01);}
 .location-cont__list h4 {padding:0 40rem;}
 .location-cont__list ul {margin-top: 5rem; padding: 0 40rem 30rem;}
 .location-cont__list ul li {padding: 30rem 0; color: #444;}
 .location-cont__list ul li:not(:last-child) {border-bottom: 1px solid #E1E1E1;}
 .location-cont__list ul li a {color: #444; transition: var(--trans-01);}
 .location-cont__list ul li a:hover {color: var(--c-03);}
 .location-cont__list ul li em {display: block; margin-bottom: 10rem; font-size: 16rem; font-weight: 800; color: #c0c0c0;}
 .location-cont__list > a {display: flex; justify-content: center; align-items: center; height: 65rem; font-size: 16rem; font-weight: 800; background: var(--c-01); transition: var(--trans-01);}
 .location-cont__list > a:hover {background: var(--c-03);}
 .location-cont__list > a i {position: relative; width: 10rem; height: 12rem; margin-left: 15rem;}
 .location-cont__list > a i::after {position: absolute; left: 50%; top: 50%; content:''; width: 7rem; height: 7rem; border: solid #fff; border-width: 0 2rem 2rem 0; box-sizing: content-box; transform: translate(-50%, -50%) rotate(-45deg);}

 @media all and (max-width:1023px){
	.location-cont {flex-direction: column;}
	.location-cont__map {height: 500rem;}
	.location-cont__list {width: 100%; margin-top: 20rem; padding: 50rem 0 0;}
	.location-cont__list h4 {padding: 0 30rem;}
	.location-cont__list ul {padding: 0 30rem 30rem;}
	.location-cont__list > a {height: 75rem;}
 }

 @media (max-width:860px){
	.location-cont__map {height: 400rem;}
	.location-cont__list {padding-top: 40rem;}
	.location-cont__list ul li {padding: 22rem 0;}
 }

 @media (max-width:540px){
	.location-cont__map {height: 220rem;}
	.location-cont__list {margin-top: 10rem; padding-top: 30rem;}
	.location-cont__list h4 {padding: 0 20rem;}
	.location-cont__list ul {padding: 0 20rem 20rem;}
	.location-cont__list ul li {padding: 18rem 0;}
	.location-cont__list ul li em {margin-bottom: 8rem; font-size: 13rem; font-weight: 700;}
	.location-cont__list > a {height: 60rem; font-size: 14rem;}
	.location-cont__list > a i {margin-left: 10rem;}
	.location-cont__list > a i::after {width: 5rem; height: 5rem;}
 }

 /* 사업분야 인트로 */
 .business-intro {height: var(--height-full); grid-template-columns: repeat(2, 1fr); gap: 0; background: #111;}
 .business-intro a {overflow: hidden; position: relative; display: flex; flex-direction: column; justify-content: center; height: 100%; padding: 0 100rem; color: var(--f-01);}
 .business-intro a > i {opacity: .2; filter: grayscale(1); position: absolute; left:0; top: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: left center; animation: motion-scale 10s forwards cubic-bezier(0.12, 0.4, 0.41, 0.86);}
 .business-intro a:hover > i {opacity: .5; filter: grayscale(0);}
 .business-intro > div:nth-child(1) a > i {background-image: url(../img/sub/business-intro01.jpg);}
 .business-intro > div:nth-child(2) a > i {background-image: url(../img/sub/business-intro02.jpg);}
 .business-intro h2 {opacity: .3; position: relative; display: flex; align-items: center; margin-bottom: 30rem; font-size: 80rem; font-weight: 800; transition: var(--trans-01);}
 .business-intro p {opacity: .3; position: relative; font-weight: 600; transition: var(--trans-01);}
 .business-intro .ic-more {width: 55rem; height: 55rem; margin-left: 35rem;}
 .business-intro a:hover h2,
 .business-intro a:hover p {opacity: 1;}
 .business-intro a:hover .ic-more::after {transform: rotate(-45deg);}

 @media all and (max-width:1023px){
	.business-intro {grid-template-columns: 1fr;}
	.business-intro > div {height: 100%;}
	.business-intro h2 {margin-bottom: 20rem; font-size: 60rem;}
	.business-intro > div:first-child h2 {margin-top: 20rem;}
	.business-intro .ic-more {width: 43rem; height: 43rem;}
 }

 @media (max-width:860px){
	.business-intro a {padding: 0 80rem;}
 }

 @media (max-width:540px){
	.business-intro a {width: 100%; padding: 0 20rem;}
	.business-intro h2 {margin-bottom: 15rem; font-size: 32rem; font-weight: 700;}
	.business-intro .ic-more {width: 22rem; height: 22rem; margin-left: 15rem;}
	.business-intro p {font-weight: 400;}
	.business-intro p br {display: none;}
	.business-intro > div:first-child h2 {margin-top: 40rem;}
 }


 /* 준설장비제작 */
.business-sec-wrap {width: 100%; flex-wrap: wrap; gap: 40rem;}
.equip-slider__img {overflow: hidden; border-radius: 10rem 10rem 0 0;}
.equip-slider__img img {width: 100%;}
.equip-slider__text {overflow: hidden; min-height: 240rem; text-align: center; padding: 40rem 20rem; border-radius:0 0 10rem 10rem; border: 1px solid rgba(255, 255, 255, .15); border-top: 0;}
.equip-slider__text p {opacity: .7; font-weight: 200; line-height: 1.5;}
.equip-slider__text strong {display: block; margin-bottom: 20rem; font-size: 22rem; font-weight: 700; color: var(--f-01);}
.equip-process {padding-top: 120rem;}
.equip-process [data-flex] {flex-wrap: wrap; justify-content: space-between; gap: 40rem 0; margin-top: 50rem;}
.equip-process [data-flex] > div {overflow: hidden; width: calc((100% - 120rem)/4); border-radius: 10rem;}
.equip-process [data-flex] img {width: 100%;}
.equip-process [data-flex] > i:nth-child(8n) {display: none;}
.equip-process i {flex-shrink: 0; width:40rem; background: url(../img/sub/process-arrow.svg) no-repeat center / 26rem;}
.equip-img {position: relative; margin-top: 200rem; border-top: 1px solid rgba(255, 255, 255, .15);}
.equip-img::after {position: absolute; left: 50%; top: 0; content:''; width: 1px; height: 100%; background: rgba(255, 255, 255, .15);}
.equip-img .slide-sec-wrap {display: flex; align-items: center;}
.equip-img .swiper-slider {overflow: hidden; border-radius: 10rem;}
.equip-img .swiper-slide {cursor: pointer;}
.business-page [class^="button-"] {z-index: 3; position: absolute; top: 50%; display: block; width: 40rem; height: 40rem; font-size: 0; border-radius: 100%; background: var(--b-01); transform: translateY(-50%); cursor: pointer;}
.business-page [class^="button-"]::after {position: absolute; left: 50%; top: 50%; content:''; width: 8rem; height: 8rem; border: solid var(--f-01); border-width: 0 2rem 2rem 0;}
.business-page .button-prev {left: 20rem;}
.business-page .button-prev::after {margin-left: 1px; transform: translate(-50%, -50%) rotate(135deg);}
.business-page .button-next {right: 20rem;}
.business-page .button-next::after {margin-right: 1px; transform: translate(-50%, -50%) rotate(-45deg);}
.business-slider__item {width: 100%;}
.business-sec-wrap[data-flex] .business-slider__item {width: calc((100% - 80rem)/3);}
/* .business-sec-wrap[data-flex] .equip-slider__text {min-height: auto;} */
.business-sec-wrap[data-flex] .equip-slider__text strong {margin-bottom: 10rem;}
.business-sec-wrap[data-flex] .equip-slider__text [data-flex] {justify-content: center;}
.business-sec-wrap[data-flex] .equip-slider__text span {display: inline-flex; align-items: center;}
.business-sec-wrap[data-flex] .equip-slider__text span:not(:last-child)::after {content:''; display: block; width: 7rem; height: 7rem; margin: 0 12rem 0 8rem; border: solid #c0c0c0; border-width: 0 1px 1px 0; transform: rotate(-45deg);}
body.sub02_02 .business-sec-wrap[data-flex] .equip-slider__text {min-height: auto;}
body.sub02_02 .business-sec-wrap[data-flex] .slide-sec:nth-last-child(-n+2) .equip-slider__text {min-height: 240rem;}
.equip-slider__list {margin-bottom: 40rem; padding: 35rem 20rem; text-align: center; border-radius: 10rem; background: rgba(255, 255, 255, .07);}
.equip-slider__list [data-list] {display: inline-block; text-align: left;}
.equip-slider__list [data-list="dot"] li::before {background: #fff;}
.swiper-slide:has(.swiper-slide__step)::before {opacity: .8; position: absolute; left:0; bottom: 0; content:''; width: 100%; height: 30%; background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);;}
.swiper-slide__step {position: absolute; display: inline-flex; align-items: center; left: 50%; bottom: 20rem; padding: 10rem; padding-right: 20rem; line-height: 1; font-weight: 700; border-radius: 3rem; background: var(--c-03); transform: translateX(-50%);}
.swiper-slide__step span {width: 30rem; margin-right: 16rem; text-align: center; line-height: 30rem; background: rgba(0, 0, 0, .5);}

.equip-img__item {width: 50%; padding: 100rem 80rem 250rem;}
.equip-img__item:nth-child(1) {padding-left: 0 !important;}
.equip-img__item:nth-child(2) {padding-right: 0 !important;}
.equip-img__item h4 {margin-bottom: 30rem; font-size: 32rem; font-weight: 700;}
.equip-img__item .swiper-slider {width: 100%;}

@media all and (max-width:1023px){
	.equip-process [data-flex] > div {width: calc((100% - 100rem)/3);}
	.equip-process i {width: 50rem; background-size: 24rem;}
	.equip-process i:nth-child(6n) {display: none !important;}
	.equip-process [data-flex] > i:nth-child(8n) {display: block;}
	.business-sec-wrap {grid-template-columns: 1fr 1fr;}
	.equip-img {margin-top: 120rem;}
	.equip-img__item {padding: 100rem 50rem;}
	.equip-img__item h4 {min-height: 75rem;}

	.equip-slider__list {padding: 40rem 30rem;}
	.equip-slider__list li {line-height: 1.6;}
	.equip-slider__list [data-list="dot"] > *::before {top: 10rem;}
	.business-sec-wrap[data-flex] .business-slider__item {width: calc((100% - 40rem)/2);}
}

@media (max-width:860px){
	.business-sec-wrap {gap: 40rem 20rem;}
	.equip-process {padding-top: 100rem;}
	.equip-process [data-flex] {margin-top: 40rem;}
	.equip-img {margin-top: 100rem;}

	body.sub02_02 .business-sec-wrap[data-flex] .slide-sec:nth-last-child(-n+2) .equip-slider__text {min-height: 255rem;}
}

@media (max-width:540px){
	.business-sec-wrap {grid-template-columns: 1fr; gap: 20rem;}
	.equip-slider__text {padding: 30rem 20rem; min-height: auto;}
	.equip-slider__text strong {margin-bottom: 15rem; font-size: 18rem;}
	.equip-process {padding-top: 80rem;}
	.equip-process [data-flex] > div {width: calc((100% - 30rem)/2);}
	.equip-process i {width: 30rem; background-size: 15rem;}
	.equip-process i:nth-child(6n) {display: block !important;}
	.equip-process i:nth-child(4n) {display: none !important;}
	.equip-img {margin-top: 80rem; padding: 50rem 0 100rem;}
	.equip-img::after {display: none;}
	.equip-img .slide-sec-wrap {flex-direction: column;}
	.equip-img__item {width: 100%; padding: 0;}
	.equip-img__item + .equip-img__item {padding-top: 60rem;}
	.equip-img__item h4 {min-height: auto; margin-bottom: 20rem; font-size: 22rem;}
	.equip-process [data-flex] {gap: 20rem 0; margin-top: 20rem;}

	.equip-slider__list {padding: 25rem 20rem;}
	.business-page [class^="button-"] {width: 32rem; height: 32rem;}
	.business-page [class^="button-"]::after {width: 6rem; height: 6rem;}
	.equip-slider__list [data-list="dot"] > *::before {top: 8rem;}
	.business-sec-wrap[data-flex] .business-slider__item {width: 100%;}

	.swiper-slide__step {padding: 5rem; font-size: 13rem; padding-right: 15rem;}
	.swiper-slide__step span {width: 25rem; margin-right: 12rem; line-height: 25rem; border-radius: 3rem;}
	body.sub02_02 .business-sec-wrap[data-flex] .slide-sec:nth-last-child(-n+2) .equip-slider__text {min-height: auto;}
}

/* 문의하기 */
.inquiry-notice {padding: 20rem; text-align: center; font-weight: 500; color: rgba(255, 255, 255, .7); border-radius: 5rem; background: var(--c-01);}
.cs-form {justify-content: space-between; margin-top: 20rem !important; padding-top: 0 !important;}
.cs-form .w50,
.cs-form .form-area.w50:nth-child(2n - 1) {width: calc((100% - 60rem)/2) !important;}
.cs-form .check-box [type="radio"]:checked + .checkmark {border-color: #fff !important;}
.cs-form .check-box [type="radio"]:not(:checked) + .checkmark:after,
.cs-form .check-box [type="radio"]:checked + .checkmark:after {width: 9rem; height: 9rem; background: #fff; border-radius: 100%;}

.cs-form__title {position: relative; width: 100%; margin: 80rem 0 30rem; padding: 25rem 0; font-weight: 700; font-size: 26rem; border-top: 2px solid #fff; border-bottom: 1px solid rgba(255, 255, 255, .15);}
[data-form="agree"] {margin-top: 80rem;}
[data-form="agree"] .cs-form__title {margin-bottom: 10rem; border-bottom: 0;}
.form-area[data-form="address"] {align-items: flex-start;}
[data-form="address"] em {margin-top: 17rem;}
[data-form="address"] input {margin-bottom: 6rem;}
.form-area[data-form="variable_8"] {align-items: flex-start;}
.form-area[data-form="variable_8"] em {margin-top: 17rem;}
.cs-form .cs-form__title:first-child {margin-top: 0 !important;}

.ui-datepicker-trigger {position: absolute; right: 20rem; width: 20rem; height: 20rem; font-size: 0; background: url(../img/layout/ic-calender.svg) no-repeat center / contain;}
.cs-form a.btn-address {top: 10rem; right: 10rem; padding: 11rem 10rem; color: rgba(0, 0, 0, .7); font-size: 15rem; font-weight: 500; background: #ccc; border-radius: 5rem;}
.cs-form .form-select {position: relative;}
.cs-form .form-select select {padding-left: 20rem; background: rgba(255, 255, 255, .05) !important; border-radius: 5rem;}
.cs-form .form-select::after {position: absolute; right: 17rem; top: 25rem; content:''; width: 7rem; height: 7rem; border:solid #fff; border-width: 0 1.5px 1.5px 0; transform: rotate(45deg);}
.cs-form .form-select option {color: var(--b-01);}

.button-wrap {margin-top: 80rem;}
.button-wrap *.basic-btn {justify-content: center; min-width: 230rem; padding: 28rem 30rem; font-size: 18rem; font-weight: 600; border-radius: 80rem;}
.button-wrap *.basic-btn:hover {background: var(--c-03);}
.button-wrap *.basic-btn::after {display: none;}

@media all and (max-width:1023px){
	.cs-form .w50,
	.cs-form .form-area.w50:nth-child(2n),
	.cs-form .w50, .cs-form .form-area.w50:nth-child(2n - 1) {width: 100% !important;}
	.cs-form .form-select select {max-width: none; width: 100%;}
}

@media (max-width:540px){
	.bo_sch {margin-top: 0 !important;}
	.bo-basic__title {width: 100%;}
	.bo-basic-list > li a {padding: 30rem 0;}
	.bo-basic__desc {width: 100%; max-height: 22rem; margin-top: 7rem !important; font-size: 14rem;}

	.cs-form__title {padding: 20rem 0;}
	.cs-form .form-area > em {font-size: 14rem;}
	.cs-form .form-area input:is([type="text"],
	.cs-form [type="password"]),
	.cs-form .form-select select, .form-area textarea {padding: 0 15rem;}
	.cs-form .form-select::after {top: 19rem; right: 15rem; width: 5rem; height: 5rem;}
	.cs-form__title {margin-top: 40rem;}
	.ui-datepicker-trigger {right: 15rem; width: 15rem; height: 15rem;}
	.cs-form a.btn-address {top: 51rem; right: 6rem; padding: 8rem; font-size: 13rem; border-radius: 3rem;}
	.form-area .form-body {margin-top: 20rem;}
	.button-wrap {margin-top: 60rem;}
	.button-wrap *.basic-btn {font-size: 14rem; padding: 20rem;}
}

/* 가로스크롤 */
.sticky-scroll{height:700vh;} /* 속도인가.. */
.sticky{position:sticky; top:0px; overflow-x:hidden; overflow-y:hidden; max-height:100vh;}
.sticky-section{display:block; height:100vh; min-width:50vw;}
.sticky-horizontal{display:flex;}

@media (max-width: 620px) {
	.sticky-section{display:block; height:100vh; min-width:100vw;}
}

/* 제품페이지 */
.product-page {padding: max(9.8958vw, 190rem) 0 max(13.0208vw, 250rem);}
.product-page h4 {margin-bottom: 30rem; font-size: 32rem;}
.product-info__inr {gap:0; align-items: flex-start;}
.product-info__img {overflow: hidden; position: relative; min-height: 560rem; margin-right: 120rem; border-radius: 20rem;}
.product-info__img:not(:has(img)){background: rgba(255, 255, 255, .1);}
.product-info__img:not(:has(img))::after {opacity: .2; position: absolute; left: 50%; top: 50%; content:''; width: 230rem; height: 80rem; background: url(../img/layout/logo_w.svg) no-repeat center / contain; transform: translate(-50%, -50%);}
.product-info__img img{width:100%; height:100%; object-fit:cover;}
.product-info__img:has(iframe) {aspect-ratio: 16/9; min-height: auto;}
.product-info__img iframe {width: 100%; height: 100%; object-fit: cover;}

.product-info .page-title-wrap {padding-top: 40rem;text-align: left;display: block;}
.product-info h2 {margin-bottom: 25rem;}
.product-info .btn-wrap {margin-top: 70rem;}
.product-video {margin-top: 100rem;}
.product-feature,
.product-spec {margin-top: 120rem;}
.product-video__box {overflow: hidden; width: 100%; min-height: 800rem; aspect-ratio: 16/9; border-radius: 20rem; box-shadow: 10rem 10rem 20rem rgba(0, 0, 0, .1);}
.product-video__box * {width: 100%; height: 100%; object-fit: cover;}
.product-feature ul {counter-reset:list-number; gap: 10rem;}
.product-feature li {counter-increment:list-number; display: flex; align-items: flex-start; padding: 30rem; border-radius: 10rem; border: 1px solid rgba(255, 255, 255, .1); background: rgba(0, 0, 0, .1r);}
.product-feature li::before {content:counter(list-number); flex-shrink: 0; display: flex; align-items: center; justify-content: center; width: 50rem; height: 50rem; margin-right: 20rem; font-size: 16rem; font-weight: 700; border-radius: 100%; background: rgba(255, 255, 255, .1);}
.product-feature li span {display: flex; align-items: center; min-height: 50rem; line-height: 1.6;}
.product-spec [data-grid] {gap: 60rem 35rem;}
.product-spec h5 {position: relative; margin-bottom: 20rem; padding-left: 20rem; font-size: 22rem; font-weight: 700; color: var(--c-02);}
.product-spec h5::before {position: absolute; left:0; top: 7rem; content:''; width: 0; height: 0; border: 6rem solid transparent; border-left-color: var(--c-02);}
.product-spec table {border-color: var(--f-01);}
.product-spec table tr > * {padding: 18rem 10rem;}
.product-spec thead th {font-size: 16rem; font-weight: 600; background: rgba(255, 255, 255, .1);}
.product-spec table tr > * {border-color: rgba(255, 255, 255, .15) !important;}
.product-slider {margin-top: 150rem;}
.product-slider .swiper-slide {background: #0A0D21;}
.product-slider .swiper-slide__inr {width: 100%; gap: 0;}
.product-slider figure {position: relative; width: 100%; min-height: 720rem;}
.product-slider figure:not(:has(img)){background: rgba(255, 255, 255, .1);}
.product-slider figure:not(:has(img))::after {opacity: .2; position: absolute; left: 50%; top: 50%; content:''; width: 300rem; height: 100rem; background: url(../img/layout/logo_w.svg) no-repeat center / contain; transform: translate(-50%, -50%);}
.product-slider__text {position: relative; padding: 120rem 100rem;}
.product-slider__text::before {opacity: .05; position: absolute; left:100rem; bottom: 80rem; content:''; width: calc(100% - 200rem); height: 88rem; background: url(../img/layout/symbol_w.svg) no-repeat center / cover;}
.product-page .swiper-slide__bar {position:absolute; bottom:0; z-index:50; width:100%; height:8rem; background:rgba(255,255,255,0.3);}
.product-page .swiper-slide__bar > i{position:absolute; width:0%; height:100%; background:var(--c-03);}
.product-page .swiper-slide-active .swiper-slide__bar > i{ width: 100%; transition: var(--progress-duration) linear; }
.product-page .swiper-slide__btn {opacity: 1; z-index: 31; position: absolute; top: 50%; width: 60rem; height: 60rem;border-radius: 100%; background: var(--b-01); transform: translateY(-50%); cursor: pointer; transition: var(--trans-01);}
.product-page .swiper-slide__btn:hover {background: var(--c-03);}
.product-page .swiper-slide__btn i {opacity: 0; visibility: hidden;}
.product-page .swiper-slide__btn::after {position: absolute; left:50%; top: 50%; content:''; display: block; width: 12rem; height: 12rem; margin-left: -2rem; border: solid var(--f-01); border-width: 0 2rem 2rem 0; transform:translate(-50%, -50%) rotate(-45deg);}
.product-page .button-prev::after {margin-left: 2rem; transform: translate(-50%, -50%) rotate(135deg);}
.product-slider .button-prev {left: 50rem;}
.product-slider .button-next {right: 50%; margin-right: 50rem;}
.product-case {margin-top: 170rem; text-align: center;}
.product-case h4 {margin-bottom: 17rem;}
.product-case .colum-slider {position: relative; margin-top: 50rem;}
.product-case .swiper-slide {position: relative; border-radius: 10rem; box-shadow: 5rem 5rem 10rem rgba(0, 0, 0, .1);}
.product-case .swiper-slide:not(:has(img)){min-height: 350rem; height: 100%; background: rgba(255, 255, 255, .1);}
.product-case .swiper-slide:not(:has(img))::after {opacity: .2; position: absolute; left: 50%; top: 50%; content:''; width: 230rem; height: 80rem; background: url(../img/layout/logo_w.svg) no-repeat center / contain; transform: translate(-50%, -50%);}
.product-case .swiper-slide img { border-radius: 10rem;}
.product-case .swiper-slide__btn {background: #000;}
.product-case .button-prev {left: -100rem;}
.product-case .button-next {right: -100rem;}

.product-info__text *{font-family: "Pretendard", '맑은 고딕', '돋움', Dotum, '굴림', Gulim, sans-serif !important; background: none !important;}


@media all and (max-width:1680px){
	.product-video {width: 100%; margin: 100rem auto 0;}
	.product-slider__text {padding: 80rem 60rem; line-height: 1.6;}
	.product-slider__text::before {left: 60rem; width: calc(100% - 120rem); height: 70rem;}
	.product-case .colum-slider {padding: 0 100rem;}
	.product-case .button-prev {left:0;}
	.product-case .button-next {right: 0;}
}

@media all and (max-width:1023px){
	.product-page {padding: 80rem 0 150rem;}
	.product-info__inr {display: flex; flex-direction: column-reverse;}
	.product-info .page-title-wrap {margin-bottom: 100rem; padding-top: 0;}
	.product-info .btn-wrap {margin-top: 50rem;}
	.product-info__img {width: 100%; min-height: auto; margin-right: 0;}
	.product-video__box {min-height: auto;}
	.product-feature,
	.product-spec {margin-top: 100rem;}
	.product-feature ul {grid-template-columns: 1fr;}
	.product-feature li {padding: 20rem;}
	.product-spec [data-grid] {grid-template-columns: 1fr 1fr; gap: 60rem 40rem;}

	.product-slider figure {height: 500rem; min-height: auto;}
	.product-slider .swiper-slide__inr {display: flex; flex-direction: column;}
	.product-page .swiper-slide__bar {top: 0; bottom: auto;}
	.product-page .swiper-slide__btn {top: 250rem;}
	.product-slider .button-next {right: 50rem; margin-right: 0;}
	.product-slider__text {padding: 60rem 40rem 240rem;}
	.product-slider__text::before {left: 40rem; bottom: 40rem; width: calc(100% - 80rem); height: 110rem; background-size: contain;}
	.product-case {margin-top: 120rem;}
	.product-case .swiper-slide__btn {top: 50%;}
}

 @media (max-width:860px){
	.product-spec h5 {margin-bottom: 15rem; padding-left: 15rem; font-size: 20rem;}
	.product-spec h5::before {top: 6rem; border-width: 5rem;}
 }

 @media (max-width:540px){
	.product-page {padding: 50rem 0 100rem;}
	.product-info .page-title-wrap {margin-bottom: 60rem;}
	.product-info .btn-wrap {margin-top: 40rem;}
	.product-info__img, 
	.product-video__box {border-radius: 10rem;}
	.product-video {margin-top: 40rem;}
	.product-feature,
	.product-spec {margin-top: 60rem;}
	.product-page h4 {margin-bottom: 15rem; font-size: 22rem; font-weight: 700;}
	.product-feature li span {min-height: 30rem;}
	.product-feature li::before {width: 30rem; height: 30rem; margin-right: 15rem; font-size: 12rem; font-weight: 600;}
	.product-spec [data-grid] {grid-template-columns: 1fr; gap: 40rem 0;}
	.product-spec h5 {padding-left: 12rem; font-size: 16rem;}
	.product-spec h5::before {top: 5rem; border-width: 4rem;}
	.product-spec table tr > * {padding: 12rem 10rem;}
	.product-spec thead th {font-size: 13rem;}
	.product-slider {margin-top: 80rem;}
	.product-slider figure {height: 270rem;}
	.product-page .swiper-slide__btn {top: 135rem; width: 40rem; height: 40rem;}
	.product-page .swiper-slide__btn::after {width: 8rem; height: 8rem;}
	.product-slider .button-prev {left: 20rem;}
	.product-slider .button-next {right: 20rem;}
	.product-slider__text {padding: 30rem 20rem 120rem;}
	.product-slider__text::before {left: 20rem; bottom: 20rem; width: calc(100% - 40rem); height: 50rem;}
	.product-case {margin-top: 80rem;}
	.product-case .colum-slider {margin-top: 30rem; padding: 0;}
	.product-case .swiper-slide__btn {display: none;}
 }