@charset "utf-8";

/* **************************************** *
 * SUB set
* @description 서브 비주얼 및 기본 레이아웃 세팅입니다.
 * **************************************** */

/* Sub title  */
#page-title{}

/* SUB VISUAL */
#sub-visual{position:relative;height:840rem;}
#sub-visual .wrap {height: 100%;}

.sub-visual__desc{margin-top:17rem; font-weight:600; font-size:20rem;}
.sub-visual__bg{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;overflow: hidden;}
.sub-visual__bg > figure{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:50% 50%;transition:var(--trans-01);background-repeat:no-repeat;opacity: 1 !important;}
.sub-visual__bg i {position: absolute; top: 0; width: 20rem; height: 100%; background: #000;  animation:intro_bg_line 1s .5s forwards;}
.sub-visual__bg i:nth-child(2) {left: 33.33%;}
.sub-visual__bg i:nth-child(3) {right: 33.33%;}

.sub-visual__inner{position:absolute; top:410rem; left:0;}
.sub-visual__title {margin-top: -50rem;}

body[class^="sub01_"] .sub-visual__bg > figure{background-image:url(../img/sub/sub-visual01.jpg);}
body[class^="sub02_"] .sub-visual__bg > figure{background-image:url(../img/sub/sub-visual02.jpg);}
body[class^="sub03_"] .sub-visual__bg > figure{background-image:url(../img/sub/sub-visual03.jpg);}
body[class^="sub04_"] .sub-visual__bg > figure{background-image:url(../img/sub/sub-visual04.jpg);}
body[class^="sub05_"] .sub-visual__bg > figure{background-image:url(../img/sub/sub-visual05.jpg);}
body[class^="sub06_"] .sub-visual__bg > figure{background-image:url(../img/sub/sub-visual06.jpg);}

/* board visual set */
/* 생성한 게시판 테이블 명 입력 */
/* 다국어시 세팅하면서 _en 붙이는 습관 들이기 */
body:is(.gallery, .gallery_en, .news, .news_en) .sub-visual__bg > figure{background-image:url(../img/sub/sub-visual06.jpg);}

/* lnb */
.lnb-wrap {position: absolute; left: 50%; bottom: 50rem; transform: translateX(-50%);}
#lnb {backdrop-filter: blur(10rem); -webkit-backdrop-filter: blur(10rem); position: relative; z-index: 10; padding: 5rem; border-radius: 10rem; border: 1px solid var(--op-w10); background: var(--op-w10); box-shadow:10rem 10rem 20rem 0 rgba(0, 0, 0, 0.10);}
#lnb .select-link{width: auto;}
#lnb .depth1 .sub-menu,
#lnb .select-link__btn{display:none;}

#lnb.lnb-select .select-link__btn{display:flex; align-items:center; font-size:20rem; color:#fff;padding-right: 70rem;}
#lnb.lnb-select  .select-link__btn::after{content:"";position:absolute;right:0;width:40rem;height:40rem;background-color:rgba(255,255,255,0.2);background-size: 8rem;background-position:50% 50%;background-image:url(../img/common/arrow-basic_w.svg);background-repeat:no-repeat;border-radius:100%;transform: rotate(90deg);}
#lnb.lnb-select .select-link__btn.on::after{transform: rotate(270deg);}
#lnb.none-select .select-link__btn{pointer-events:none; cursor:text;}
#lnb.none-select .select-link__btn::after{opacity:0;}

#lnb:not(.lnb-select) .select-link:has(.depth1){display:none; height:100rem; background:#000;}
#lnb:not(.lnb-select) .select-link > ul{opacity:1;visibility:visible;margin-top: 0; padding:0 0;background:none;flex-direction:row;flex-wrap:nowrap;flex-wrap: wrap;position: relative;}
#lnb:not(.lnb-select) .select-link > ul a{padding:15rem 20rem; font-weight: 600; color: var(--op-w50); border-radius: 5rem; border: 1px solid transparent; transition: var(--trans-01);}
#lnb:not(.lnb-select) .select-link > ul > li.on > a {color: var(--w); background: var(--bg-gradation); border: 0; box-shadow: 10rem 10rem 10rem 0 var(--op-b10);}
#lnb:not(.lnb-select) .select-link > ul a:hover{opacity: 1; color: var(--w); border-color:  var(--op-w20);}
/*#lnb:not(.lnb-select) .select-link > ul a.on{opacity: 1;} 위의 소스 3차까지 먹이기 체크필요 */ 
#lnb:not(.lnb-select) .select-link > ul > li{width: auto;}
#lnb:not(.lnb-select) .select-link > ul > li:not(:last-child) {margin-right: 10rem;}
#lnb:not(.lnb-select):not(:has(li:nth-child(2))){display: none;} /* 2차가 하나일때 lnb 숨기기 */

#lnb.lnb-select:has(.select-link:nth-child(2)){display:flex;align-items: center;}
#lnb.lnb-select .select-link + .select-link:has(.depth2){margin-left:20rem;}
#lnb .lnb-inner{display:inline-flex; justify-content: center; align-items: center;}

a.lnb-home{display:block; width:15rem; margin-right:20rem; background:url(../img/common/ic-nav-home_w.svg) no-repeat 50% 50%; font-size:0; min-height:100%;}

/* sub nav */
#sub-nav{display: flex; align-items: center; justify-content: center; margin-bottom: 20rem;}
#sub-nav > *{position: relative;}
#sub-nav > *:last-child::after{display: none;}
#sub-nav .sub-home{display: block;width: 17rem;height: 17rem;background:url(../img/common/ic-nav-home_w.svg) no-repeat center / contain;}
#sub-nav span{color: var(--w); font-size: var(--kr-sm);}
#sub-nav > i{display:block; width:4rem; height:4rem; margin:0rem 15rem; background-color:var(--op-w20); border-radius:14rem;}
#sub-nav:has(.depth02:empty) .depth01::after{display: none;}
body:has(#sub-nav span:empty) #sub-nav .depth01 ~ i{display: none;}

/* snb */
#snb {display:inline-flex;align-items:center; margin-bottom: var(--space100); padding: 5rem; border-radius: 10rem; background: var(--c-01);}
#snb li:not(:last-child) {margin-right: 10rem;}
#snb li a{display:flex;justify-content:center;align-items:center;height: 52rem;box-sizing:border-box;border: 1px solid transparent;font-size:var(--kr-sm); font-weight: 700; color: var(--op-w50); border-radius: 5rem; transition:var(--trans-01);padding: 0rem 20rem;}
#snb li.on a{background:var(--w); color:var(--c-01);}
#snb-title{font-weight:400;}

@media (hover: hover) and (pointer: fine){
	#snb li:not(.on) a:hover {color: var(--w); border-color: var(--op-w10);}
}

@media (max-width:860px){
	#snb li a {min-width: 70rem; height: 47rem; padding: 0 13rem;}
}

@media (max-width: 540px){
	#snb  {padding: 3rem; border-radius: 8rem;}
	#snb li a {height: 45rem;}
}

/* tab.snb */
.snb.tabs {display:inline-flex;align-items:center;padding: 5rem; border-radius: 10rem; background: var(--c-01);}
.snb.tabs li:not(:last-child) {margin-right: 10rem;}
.snb.tabs li {display:flex;justify-content:center;align-items:center;height: 52rem;box-sizing:border-box;border: 1px solid transparent; border-radius: 5rem; font-weight: 600; color: var(--op-w50); transition:var(--trans-01);padding: 0rem 20rem;}
.snb.tabs li:hover {color: var(--w); border-color: var(--op-w10);}
.snb.tabs li.active {background:var(--w); color:var(--c-01); font-weight: 700;}

@media all and (max-width:1200px){
	#sub-visual{height:740rem;}
}

@media all and (max-width:1023px){
	#sub-visual{height:580rem;}	
	.sub-visual__title {margin-top: -10rem;}

	#lnb {padding: 3rem;}
}

@media (max-width: 540px){
	#sub-visual{height:420rem;}
	#sub-visual h2{font-size: 35rem;}
	.sub-visual__inner{top: 275rem;}
	.sub-visual__title:has(.title-ko.none) .title-ko{display:block !important; margin-top:5rem; font-weight:700 !important; font-size:18rem !important;}
	.sub-visual__bg{border-bottom-left-radius:5rem; border-bottom-right-radius:5rem;}
	.sub-visual__bg i{display: none;}

	#sub-nav span{font-size:13rem;}
	#sub-nav > i{margin: 0rem 6rem;}

	#lnb{top:auto; bottom:0rem; z-index:10; padding:17rem 0rem; background:var(--c-01); border-radius: 5rem;}
	#lnb.lnb-select .select-link__btn{font-size:17rem;}
	#lnb .select-link:has(.depth1){display:none;}
	#lnb .select-link:has(.depth2){margin-left:0;}
	#lnb.lnb-select:not(:has(li:nth-child(2))){display: none;}
	#lnb.lnb-select .select-link:nth-child(2){margin-left:0;}
	#lnb .lnb-inner{display:block;margin:0;width:100%; box-sizing:border-box;}
	#lnb.lnb-select{opacity:1 !important;width:calc(100% - 40px);box-sizing:border-box;margin:0 20rem;transform:none !important;}
	/* #lnb.lnb-select:has(li:nth-child(2)){display:block;}	 */
	#lnb.lnb-select .select-link + .select-link:has(.depth2){margin-left:0;}
	#lnb.lnb-select .select-link{width:100%; box-sizing:border-box; margin-left:0;}
	#lnb.lnb-select .select-link__btn{padding:0rem 20rem;font-size: 14rem;}
	#lnb.lnb-select  .select-link__btn::after{right:6rem; background-color:inherit;}
	#lnb .select-link > ul{margin-top:22rem; padding:15rem 0; border-radius: 5rem; background: var(--bg-02); box-shadow: 5rem 5rem 10rem 0 rgba(0, 0, 0, .05); border: 1px solid var(--op-b10);}
	#lnb .select-link > ul a{padding: 6rem 20rem;font-size:14rem; font-weight: 500; color: var(--op-b30);}
	#lnb .select-link > ul li.on a {color: var(--c-02);}

	.lnb-wrap {z-index: 31; bottom: 20rem; width: 100%;}
	#lnb.lnb-select {width: 100%; margin: 0;}

	#lnb:not(.lnb-select) .select-destroy li a{white-space:nowrap;}
	#lnb:not(.lnb-select) {width:100% !important; margin:0 !important; background:none;}
	#lnb:not(.lnb-select) .select-destroy{padding-left:20rem; overflow-x:scroll;}
	#lnb:not(.lnb-select) .select-destroy li:last-child{padding-right:40rem;}
	#lnb:not(.lnb-select) .select-destroy li a{opacity:0.5; color:#fff;}
	#lnb:not(.lnb-select) .select-destroy li.on a{opacity:1;}
	#lnb:not(.lnb-select) .select-destroy li + li{margin-left: 10rem;}
	#lnb:has(.select-destroy):not(.lnb-select) .select-link__btn::after{display:none;}

	.snb-wrap {padding: 0 20rem;}
	.snb.tabs {padding: 3rem; border-radius: 8rem;}
	.snb.tabs li:not(:last-child) {margin-right: 5rem;}
	.snb.tabs li {height: 45rem; border-radius:5rem;}

}

/* **************************************** *
 * SUB layout
* @description 서브단에서만 달라지는 header, footer 정의
 * **************************************** */
 /* #container {overflow: hidden;} */
#container:has(.intro-page, .product-line, .vehicle-page, .technology-page, .rnd-page) + #footer{margin-top: 0 !important;}
#header.dark {background: var(--op-b10);}
#header.dark #logo a {background-image: url(../img/layout/logo.svg);}
#header.dark .lnag-menu__icon {background-image: url(../img/common/ic-lang.svg);}
#header.dark .gnb-full-icon > span {background: var(--b-01);}

#footer{margin-top: var(--space150);}

@media (max-width:1200px){

}

@media (min-width: 1024px){
	#gnb .gnb-item > a {color: var(--op-w30);}
	#gnb .gnb-item > a.on {color: var(--w) !important;}

	#header.dark #gnb .gnb-item > a {color: var(--op-b30);}
	#header.dark #gnb .gnb-item > a.on {color: var(--c-02) !important;}
	#header.dark #gnb .gnb-item .sub-menu {background: var(--bg-02);}
	#header.dark #gnb .gnb-item .sub-menu li a {color: var(--op-b30);}
	#header.dark #gnb .gnb-item .sub-menu li a:hover {color: var(--b-default);}
}

@media all and (max-width:1023px){

}

@media (max-width: 540px){

}

/* **************************************** *
 * SUB common
 * **************************************** */
.sub-content{position:relative;padding-top: var(--space150);}
.sub-content:has(#snb) {padding-top: var(--space50);}

[data-font-kr="3xl"], h4 {font-size: var(--kr-2xl); line-height: 1.31; }
h4 {margin-bottom: 25rem;}

#page-title {display: block; margin-bottom: 20rem; font-weight: 700; color: var(--c-02);}
.page-title-wrap {margin-bottom: var(--space50);}
.page-title-wrap:has(p) h3 {margin-bottom: 23rem;}
.page-title-wrap p {line-height: 1.5;}

[data-bg] {margin-top: var(--space150); padding: var(--space120) 0; background-repeat: no-repeat; background-size: cover; background-position: center center;}
[data-bg="dark"]:last-child {padding-bottom: var(--space80);} 
[data-bg="dark"] [data-list="dot"] > *::before{background: var(--op-w30);}

.caption {font-size: var(--kr-xs); color: var(--b-03);}
.chart-sec {padding-top: 40rem; border-top: 1px solid var(--op-b10);}

@media all and (max-width:1023px){
	.page-title-wrap:has(p) h3 {margin-bottom: 20rem;} 
}

@media (max-width: 540px){
	h4 {margin-bottom: 20rem;}
	#page-title {margin-bottom: 15rem;}
	.page-title-wrap:has(p) h3{margin-bottom: 15rem;}
	.page-title-wrap p br {display: none;}

	.chart-sec {padding-top: 20rem;}
}

/* table */
table.table {border-top: 0;}
table.table thead {position: relative;}
table.table thead::before {position: absolute; left:0; top:0; content:''; width: 100%; height: 100%; border: 1px solid var(--op-b10); border-radius: 10rem; background: var(--bg-02);}
table.table thead th {position: relative; padding: 16rem 20rem; font-size: var(--kr-sm); font-weight: 600; color: var(--b-01);}
table.table thead tr:last-child th {border-bottom: 0;}
table.table tbody td {padding: 15rem 20rem; color: var(--b-02);}
table.table tbody tr {border-bottom: 1px solid var(--op-b10);}
table.table * {border-color: var(--op-b10); vertical-align: middle;}
table.table tbody th {border-top: 0;}

/* swiper-btn */
 *[class^="swiper-btn--"]{z-index: 31; position:absolute; top: 50%; width:40rem;height:40rem; margin:0; cursor:pointer;display: flex;align-items: center; font-size: 0; border-radius: 100%; border: 1px solid var(--op-w10); background: var(--op-w30); transform: translateY(-50%);}
 *[class^="swiper-btn--"]::after{position: absolute; left:0; top:0; content:"";display:block; width: 100%; height: 100%; background:url(../img/common/arrow-basic_w.svg) no-repeat 50% 50%;background-size: 14rem;}
 *[class^="swiper-btn--"].black {border: 1px solid var(--op-b10); background: var(--op-b10);}
 *[class^="swiper-btn--"].black::after{background:url(../img/common/arrow-basic.svg) no-repeat 50% 50%;}
 
 *.swiper-btn--prev::after {transform: scaleX(-1);}

 @media (max-width:540px){
	*[class^="swiper-btn--"] {width: 35rem; height: 35rem;}
	table.table thead {border: 1px solid var(--op-b10); border-radius: 10rem; background: var(--bg-02);}
	table.table thead::before  {display: none;}

	.table-scroll-swiper {display: none !important;}
	.table.table-scroll.blur {filter: none !important;}
 }


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

/* 회사소개 */
.intro-summary__count {gap: 20rem;}
.intro-summary__item {min-width: 400rem; height: 400rem; display: flex !important; justify-content: space-between; padding: 40rem; background: var(--bg-01); background-repeat: no-repeat; background-position: center right; background-size: cover; transition: var(--trans-01);}
.intro-summary__item * {transition: var(--trans-01);}
.intro-summary__num {position: relative;}
.intro-summary__num strong {margin-bottom: 9rem; font-size: var(--kr-2xl); font-weight: 700; color: var(--b-01);}
.intro-summary__num strong p {display: inline-flex;align-items: center;font-size: var(--kr-m);font-weight: 700;color: var(--b-01);}
.intro-summary__num strong i {display: inline-block; margin: 0 8rem; font-family: var(--caption); font-size: 41rem; font-weight: 400; color: var(--op-b10);}
.intro-summary__num strong span {margin-top: 3rem; margin-right: 5rem; font-family: var(--caption); font-size: 41rem; letter-spacing: -1px;}
.intro-summary__num p {color: var(--b-02);}
.intro-summary__item > span {position: relative; line-height: 1.6; color: var(--b-03);}

@media (hover: hover) and (pointer: fine){
	.intro-summary__item:nth-child(1).active {background-image: url(../img/sub/intro-item01.jpg);}
	.intro-summary__item:nth-child(2).active {background-image: url(../img/sub/intro-item02.jpg);}
	.intro-summary__item:nth-child(3).active {background-image: url(../img/sub/intro-item03.jpg);}
	.intro-summary__item.active .intro-summary__num * {color: var(--w);}
	.intro-summary__item.active > span {color: var(--op-w70);}
}

.intro-summary__list {margin-top: 90rem; gap: 0; border-bottom: 1px solid var(--op-b10);}
.intro-summary__list li {display: flex; align-items: center; height: 210rem; padding: 0 60rem; border-top: 1px solid var(--op-b10); border-right: 1px solid var(--op-b10);}
.intro-summary__list li:nth-child(3n) {border-right: 0;}
.intro-summary__list img {display: block; height: 52rem; margin-right: 30rem;}
.intro-summary__list dt {display: block; margin-bottom: 10rem; font-weight: 700; color: var(--b-03);}
.intro-summary__list dd {line-height: 1.4; font-size: var(--kr-lg); font-weight: 700; color: var(--b-01);}
.intro-summary__list dd span {display: block; margin-top: 5rem; font-size: var(--kr-sm); color: var(--b-03);}

@media all and (max-width:1200px){
	.intro-summary__item {min-width: auto; width: 100%; padding: 40rem 30rem;}
	.intro-summary__list li {padding: 0 40rem;}
	.intro-summary__num strong p {font-size: var(--kr-m);}
	.intro-summary__num strong {font-size: var(--kr-xl);}
}

@media all and (max-width:1023px){
	.intro-summary__num strong {flex-wrap: wrap;}
	.intro-summary__num strong p {display: flex;}
	.intro-summary__num strong p:last-child {margin-top: -6rem;}
	.intro-summary__num strong span {font-size: 39rem;}
	.intro-summary__num strong i {margin-top: 8rem;}
	.intro-summary__item {height: 360rem;}
	.intro-summary__list {grid-template-columns: repeat(2, 1fr);}
	.intro-summary__list li:nth-child(2n) {border-right:0 !important;}
	.intro-summary__list li:nth-child(3n) {border-right: 1px solid var(--op-b10);}
	.intro-summary__item{padding:30rem 20rem;}
	.intro-summary__num strong i{margin:0 3rem;}
	.intro-summary__num strong p{font-size: var(--kr-m);}
}

@media (max-width:860px){
	.intro-summary__num strong span {font-size: 35rem;}
	.intro-summary__num strong i {font-size: 35rem; margin-top: 3rem;}
}

@media (max-width:540px){
	.intro-summary__count {flex-direction: column;gap: 10rem;}
	.intro-summary__item {height: 270rem; padding: 30rem 22rem;}
	.intro-summary__item:nth-child(1) {background-image: url(../img/sub/intro-item01.jpg);}
	.intro-summary__item:nth-child(2) {background-image: url(../img/sub/intro-item02.jpg);}
	.intro-summary__item:nth-child(3) {background-image: url(../img/sub/intro-item03.jpg);}
	.intro-summary__item .intro-summary__num * {color: var(--w);}
	.intro-summary__item > span {color: var(--op-w70);}
	.intro-summary__num strong {margin-bottom: 10rem;}
	.intro-summary__num strong span {font-size: 40rem;line-height: 26rem;}
	.intro-summary__num strong i {font-size: 26rem;line-height: 26rem; margin-top: 0; margin: 0 5rem;}
	.intro-summary__num strong p:first-child {margin-top: -7rem;}

	.intro-summary__list {grid-template-columns: 1fr; margin-top: 40rem;}
	.intro-summary__list li {height: auto; padding:25rem 10rem; border-right: 0 !important;}
	.intro-summary__list img {height: 24rem;}
	.intro-summary__list dt {margin-bottom: 7rem; font-size: var(--kr-xs);}
	.intro-summary__list dd span {margin-top: 2rem; font-size: var(--kr-xs);}

	.intro-summary__num strong {font-size: var(--kr-3xl);}
}

/* 조직도 */
.intro-chart {background-image: url(../img/sub/intro-bg.jpg);}
.chart{display:flex;align-items:center;margin-top:60rem;text-align:center;flex-direction:column;position: relative;}
.chart__title-inr {width: 185rem; height: 185rem; align-items: center; justify-content: center; text-align: center; border-radius: 92rem 0 92rem 0; background: linear-gradient(136deg, #008FC8 14.84%, #003067 86.34%);box-shadow: 10rem 10rem 18rem 0 rgba(0, 0, 0, 0.05);}
.chart__title-inr img {display: block; height: 20rem; margin: 12rem 0;}

.chart__ceo *{display:block;}
.chart__ceo i{font-weight:600; font-size:20rem;}
.chart-list{display: flex; justify-content: center;}
.chart-wrap {position:relative; padding-top:50rem;}
.chart-list strong{backdrop-filter: blur(20rem); -webkit-backdrop-filter: blur(20rem); min-width: 200rem; padding:25rem 20rem; font-weight: 600; color: var(--w); border-radius: 80px; background: var(--op-w20);}
.chart-list li{position:relative;}
.chart-list li *{display:block;}
.chart-list li > ul {backdrop-filter: blur(20rem); -webkit-backdrop-filter: blur(20rem); margin-top: 10rem; padding: 5rem 20rem; border-radius: 30rem; border: 1px solid var(--op-w10); background: var(--op-w10);}
.chart-list li > ul li {padding: 20rem 0; color: var(--op-w70);}
.chart-list li > ul li:not(:last-child) {border-bottom: 1px solid var(--op-w10);}
.chart-line{content:"";position:absolute;top:0;left:50%; width: -webkit-calc(100% - var(--chart-width)); width: calc(100% - var(--chart-width) - 40rem);height:1px;background:var(--op-w20);transform: translateX(-50%);}
.chart-list strong::before{content:""; position:absolute; top:-50rem; left:50%; z-index:-1; width:1px; height:50rem; background:var(--op-w20);}
.chart__company {padding-bottom: 80rem;}
.chart__company::before {position: absolute; left: 50%; top: 0; margin-left: 1px; content:''; width: 1px; height: 100%; background: var(--op-w20);}
.chart__company .chart-list {gap: 320rem;}
.chart__company .chart-line {top: 30rem;}
.chart__company strong {background: #00336A;}
.chart__company strong::before {display: none;}
.chart-wrap .chart-list {gap: 60rem;}

.chart__ceo::before{content:""; position:absolute; bottom:-196rem; left:50%; z-index:3; width:9rem; height:9rem; margin-left:-4rem; background:var(--color-point); border-radius:100%;}
.chart__ceo{display:flex; justify-content:center; align-items:center; width:230rem; height:80rem; background:var(--b-01); box-shadow:0px 0px 20px 0px rgba(0, 0, 0, 0.20); font-weight:700; font-size:24rem; color:#fff; border-radius:100rem; text-transform:uppercase;}
.chart__title{display:flex; align-items:center; position:relative; padding-bottom:80rem; text-align:center; flex-direction:column;}
.chart__title::after{content:""; position:absolute; bottom:0; left:50%; z-index:-1; width:1px; height:100%; background:var(--op-w20);}

@media all and (max-width:1023px){
	.chart-wrap .chart-list {gap: 42rem;}
	.chart__company::before {margin-left: 0;}
}

@media (max-width: 860px){
	.chart__title-inr {width: 160rem; height: 160rem; border-radius: 70rem 0 70rem 0;}
	.chart__title-inr img {height: 17rem;}
	.chart-list strong {min-width: 160rem;}
}

@media (max-width: 540px){
	.chart {margin-top: 40rem;}
	.chart-line {width: calc(100% - var(--chart-width) - 20rem);}
	.chart__title {padding-bottom: 50rem;}
	.chart__title-inr {width: 120rem; height: 120rem; border-radius: 55rem 0 55rem 0;}
	.chart__title-inr img {height: 12rem; margin: 10rem 0;}
	.chart-list strong {min-width: 140rem; padding: 17rem 10rem;}
	.chart-list strong::before {top: -30rem; height: 30rem;}
	.chart-list li:nth-child(3) strong::after {position: absolute; left: 50%; top: -30rem; content:''; width: calc(50% + 35rem); height: 1px; background: var(--op-w20);}
	.chart-list li:nth-child(4) strong::after {position: absolute; right: 50%; top: -30rem; content:''; width: calc(50% + 35rem); height: 1px; background: var(--op-w20);}
	.chart__company {width: 100%; padding-bottom: 50rem;}
	.chart__company .chart-list {justify-content: space-between; gap: 0;}
	.chart-wrap {padding-top: 30rem;}
	.chart-wrap .chart-list {flex-wrap: wrap; justify-content: space-between; gap: 60rem;}
} 

/* 연혁 */
.history-line::before {position: absolute; left:50%; content:''; width: 1px; height: 100%; background: var(--op-b10);}
.history-line__bar {position: relative; display: block; width: 100%; height: 100%;}
.history-line__bar::before {position: absolute; left:50%; content:''; width: 1px; height: 100%; background: var(--c-01);}
.history-line,
.history-line__point {overflow: hidden; position: absolute; left: 50%; width: 70rem; height: 100%; margin-left: -210rem;}
.history-line__point p {position: absolute; left:0; bottom:0; display: inline-flex; flex-direction: column; justify-content: center; align-items: center; width: 70rem; height: 70rem; padding-top:8rem; font-size: 12rem; font-weight: 600; color: var(--w); border-radius: 30rem 0 30rem 0; background: var(--bg-gradation);}
.history-line__point p i {position: relative; width: 10rem; height: 10rem; margin-top: 3rem;}
.history-line__point p i::after {position: absolute; left:0; top:0; content:''; width: 100%; height: 100%; background: url(../img/common/arrow-basic_w.svg) no-repeat center / contain; transform: rotate(90deg);}

.history-conts {padding: var(--space120) 0 var(--space150);}
.history-pop__nav {width: 400rem; height: 260rem; background-repeat: no-repeat; background-size: cover; background-position: center; background-image: url(../img/sub/history01.jpg); transition: var(--trans-01);}
.history-conts:has(#history01 .is_moved) .history-pop__nav {background-image: url(../img/sub/history01.jpg);}
.history-conts:has(#history02 .is_moved) .history-pop__nav {background-image: url(../img/sub/history02.jpg);}
.history-conts:has(#history03 .is_moved) .history-pop__nav {background-image: url(../img/sub/history03.jpg);}
.history-conts:has(#history04 .is_moved) .history-pop__nav {background-image: url(../img/sub/history04.jpg);}
.history-conts:has(#history05 .is_moved) .history-pop__nav {background-image: url(../img/sub/history05.jpg);}
.history-conts:has(#history06 .is_moved) .history-pop__nav {background-image: url(../img/sub/history06.jpg);}

.history-pop__inr {position: sticky; top: var(--space120);}
.history-list {width: 50%; padding-top:28rem;}
.history-list__sec {margin-bottom: var(--space80);}
.history-list__sec strong {display: block; margin-bottom: 10rem; font-size: 60rem; color: var(--b-01);}
.history-list__sec p[data-font-kr="m"] {font-weight: 600;}
.history-desc {margin-top: 30rem; color: var(--b-01);}
.history-desc li {display: flex; align-items: center; padding: 22rem 25rem; border-radius: 10rem; border: 1px solid var(--op-b10);}
.history-desc li + li {margin-top: 5rem;}
.history-desc li em {position: relative; min-width:52rem; margin-right: 15rem; font-weight: 600;}
.history-desc li em::after {position: absolute; right: 0; top: 50%; content:''; width: 1px; height: 16rem; background: var(--op-b20); transform: translateY(-50%);}

@media (max-width:1200px){
	.history-line,
	.history-line__point {margin-left: -135rem;}
	.history-pop__nav {width: 360rem; height: 240rem;}
	.history-list__sec strong {margin-bottom: 7rem; font-size: 52rem;}
	.history-pop .page-title-wrap {margin-bottom: 40rem;}
}
@media all and (max-width:1023px){
	.history-line,
	.history-line__point {left: auto; margin-left: 0; width: 60rem;}
	.history-line__point p {width: 60rem; height: 60rem; border-radius: 25rem 0 25rem 0;}
	.history-pop__nav {display: none;}
	.history-pop__inr {position: relative; top: auto;}
	.history-conts {flex-direction: column; padding-left: 120rem;}
	.history-list {width: 100%; padding-top: 0;}
	.history-list__sec strong {font-size: var(--kr-4xl);}
}

@media (max-width: 540px){
	.history-line, .history-line__point {width: 45rem;}
	.history-line__point p {width: 45rem; height: 45rem; padding-top: 4rem; font-size: 10rem; border-radius: 20rem 0 20rem 0;}
	.history-line__point p i {margin-top: 0;}
	.history-conts {padding-left: 70rem;}
	.history-pop .page-title-wrap {margin-bottom: 25rem;}
	.history-list__sec strong {font-size: var(--kr-2xl);}
	.history-desc {margin-top: 15rem;}
	.history-desc li {padding: 15rem 20rem; font-size: var(--kr-sm);}
	.history-desc li em {min-width: 40rem; margin-right: 12rem;}
}

/* 사업장 소개 */
.company-page {position: relative;}
.company-page .snb.tabs {width: 100%; margin-bottom: 26rem;}
.company-page .snb.tabs li {width: 100%;}
.company-global {position: absolute; left:0; top:0; width: 50%; height: 100%; margin-top: -15rem;}
.company-global__inr {position: sticky; top: var(--space120);}
.company-global__inr figure {width: 870rem;}
.company-global__pin {z-index: 1; opacity: 0; visibility: hidden; position:absolute; top: 50rem; width: 35rem; height: 35rem;}
.company-global__pin::before {opacity: .05; position: absolute; left:50%; top: 50%; content:''; width: 100%; height: 100%; transform:translate(-50%, -50%) scale(4); background: var(--c-01); border-radius: 100%; animation: company-scale 1s linear infinite alternate;}
.company-global__pin::after {opacity: .1; position: absolute; left:50%; top: 50%; content:''; width: 100%; height: 100%; transform:translate(-50%, -50%) scale(3); background: var(--c-01); border-radius: 100%;}
.company-global__pin i {z-index: 1; position: relative; display: block; width: 100%; height: 100%; background: url(../img/sub/ic-company.svg) no-repeat center / contain;}

[data-global="korea"] {right: 44%; top: 25%;}
[data-global="vietnam"] {right: 58.5%; top: 50%;}
[data-global="china"] {right: 51%; top: 26%;}

.company-page:has(.snb li:first-child.active) [data-global="korea"] {opacity: 1; visibility: visible;}
.company-page:has(.snb li:last-child.active) [data-global="vietnam"],
.company-page:has(.snb li:last-child.active) [data-global="china"] {opacity: 1; visibility: visible;}

.company-cont {width: calc(50% - 50rem); margin-left: auto;}
.company-list__tit {display: block; text-transform: uppercase;}
.company-list {display: block; width: 100%; gap: 0;}
.company-list > li {padding-top: 30rem; border-bottom: 1px solid var(--op-b10); border-radius: 0;}
.company-list__cont {margin-top: 0; margin-bottom: 40rem;}
.company-list__cont .swiper-btn--next {right: 20rem;}
.company-list__cont .swiper-btn--prev {left: 20rem;}
.company-cont .slide-sec {width: 100%;}
.company-tab__cont {margin-bottom: 30rem;}
.company-business {width: 47%; min-height: 115rem; margin-left: auto; padding: 23rem 25rem; border-radius: 20rem; background: var(--bg-01); border: 1px solid var(--op-b10);}
.company-business strong {display: block; margin-bottom: 12rem; color: var(--c-01);}
.company-business [data-list="dot"] > * {margin-bottom: 7rem; font-size: var(--font-16); color: var(--b-03);}
.company-business [data-list="dot"] > *:last-child {margin-bottom: 0;}
.company-info__list li {display: flex; align-items: flex-start;}
.company-info__list li + li {margin-top: 12rem;}
.company-info__list li span {position: relative; display: inline-block; min-width: 75rem; margin-right: 15rem; font-weight: 700; color: var(--b-03);}
.company-info__list li span::after {position: absolute; right: 0; top: 50%; content:''; width: 1px; height: 14rem; background: var(--op-b20); transform: translateY(-50%);}

#tab2 .company-list__tit {margin-bottom: 18rem;}

@keyframes company-scale{
	0%{transform:translate(-50%, -50%) scale(4);}
	100%{transform:translate(-50%, -50%) scale(5);}
}

@media (max-width:1600px){
	.company-global__inr figure {width: 47vw;}
	.company-business {min-height: 155rem; margin-left: 20rem;}
	[data-global="korea"] {right: 41%;}
	[data-global="china"] {right: 49%; top: 25%;}
	[data-global="vietnam"] {right: 56.5%;}
}

@media (max-width:1200px){
	.company-global__pin {width: 25rem; height: 25rem;}

	[data-global="korea"] {right: 41%;}
	[data-global="china"] {right: 49%; top: 25%;}
	[data-global="vietnam"] {right: 56.5%;}
}
@media all and (max-width:1023px){
	.company-tab__cont {flex-direction: column; align-items: flex-start; margin-bottom: 20rem;}
	.company-business {width: 100%; min-height: auto; margin-top: 30rem; margin-left: 0; border-radius: 10rem;}
	.company-list__tit {margin-bottom: 20rem !important;}
}

@media (max-width: 860px){
	.company-cont {width: 50%;}
	.company-global__inr figure {width: 43vw;}
	.company-global__pin {width: 22rem; height: 22rem;}
	[data-global="korea"] {right: 46%; top: 23%;}
	[data-global="vietnam"] {right: 60%; top: 47%;}
	[data-global="china"] {right: 53%; top: 24%;}
}

@media (max-width: 540px){
	.company-global {display: none;}
	.company-cont {width: 100%;}
	.company-page .snb.tabs {margin-bottom: 15rem;}

	.company-list > li {padding-top: 15rem;}
	.company-list__tit {margin-bottom: 15rem !important;}
	.company-info__list li span {min-width: 70rem; margin-right: 12rem;}
	.company-info__list li + li {margin-top: 8rem;}
	.company-business {margin-top: 25rem;}
	.company-list__cont  {margin-bottom: 25rem;}
	.company-list__cont  .swiper-btn--next {right: 10rem;}
	.company-list__cont  .swiper-btn--prev {left: 10rem;}
}

/* 설비현황 */
.equipment-sec .page-title-wrap {margin-bottom: 40rem;}
.equipment-sec:not(:first-child) {margin-top: var(--space120);}

@media (max-width: 540px){
	.equipment-sec .page-title-wrap {margin-bottom: 25rem;}
}

/* 사업분야 */
.part-page {position: relative;}
.part-page .page-title-wrap > p {padding-right: 215rem;}
.part-sec01 .btn-wrap,
.part-sec02 .btn-wrap {position: absolute; right: 0; top:120rem;}
.part-sec02 {margin-top: var(--space120);}
.part-list .slide-sec {position: relative; width: calc((100% - 42rem)/2); border: 1px solid var(--op-b10);}
.part-list .swiper-slide figure {width: 100%;}
.part-list .slide-sec [class^="swiper-btn--"] {top: 50%; transform: translateY(-50%);}
.part-list .slide-sec .swiper-btn--prev {left: 30rem;}
.part-list .slide-sec .swiper-btn--next {right: 30rem;}
.part-list__dec {z-index: 31; position: absolute; left: 30rem; top: 30rem; padding: 8rem 12rem; color: var(--w); font-weight: 600; border-radius: 5rem; background: var(--bg-dark);}

.part-sec02 .slide-sec {width: calc((100% - 84rem)/3);}

.rolling-img {margin-top: 60rem;}
.rolling-img li {margin: 0 5rem; border-radius: 10rem; background: #f6f6f6;}
.rolling-img li img {width: 280rem; margin: 0;}

@media all and (max-width:1200px){
	.part-page .page-title-wrap {padding-right: 200rem;}
	.part-page .page-title-wrap > p {padding-right: 0;}
	.rolling-img li img{width: 200rem;}
}

@media (max-width: 860px){
	.part-page .page-title-wrap {padding-right: 0;}
	.part-page .page-title-wrap:has(p) h3 {margin-bottom: 15rem;}
	.part-sec01 .btn-wrap,
	.part-sec02 .btn-wrap {position: relative; top: auto; right: auto; margin-top: 20rem;}
	.part-list {flex-direction: column; gap: 10rem;}
	.part-list .slide-sec {width: 100%;}
}

@media (max-width: 540px){
	.part-sec01 .btn-wrap,
	.part-sec02 .btn-wrap {display: inline-block;}
	.part-page .page-title-wrap br {display: none;}
	.part-list .slide-sec .swiper-btn--prev {left: 10rem;}
	.part-list .slide-sec .swiper-btn--next {right: 10rem;}
	.part-list__dec {left: 12rem; top: 12rem; padding: 6rem 10rem;}
	.rolling-img {margin-top: 22rem;}
	.rolling-img li img {width: 150rem;}
}

/* 제품소개 */
.product-page .page-title-wrap p i {position: relative;display: inline-flex;align-items: center;justify-content: center;width: 30rem;height: 30rem;margin-right: 10rem;border-radius: 100%;border: 1px solid var(--op-b10);background: var(--bg-02);display: none;}
.product-page .page-title-wrap p i::after {opacity: .4; position: absolute; left:0; top:0; content:''; width: 100%; height: 100%; background: url(../img/board/ic-search.svg) no-repeat center / 12rem;}

.product-list {flex-wrap: wrap; word-break: break-all; gap: 42rem;}
.product-list__item {width: calc((100% - 84rem)/3); padding: 10rem; border: 1px solid var(--op-b10);}
.product-page.product02 .product-list__item {width: calc((100% - 126rem)/4);}
.product-list__item .swiper-btn--prev {left: 10rem;}
.product-list__item .swiper-btn--next {right: 10rem;}
.product-list__con {min-height: 220rem; padding: 30rem; border: 1px solid var(--op-b10); background: var(--bg-01);}
.product-page.product02 .product-list__con {min-height: auto;}
.product-list__con strong {text-transform: uppercase;}
.product-list__con strong em {display: inline-block; margin-right: 10rem; padding: 4rem 8rem; color: var(--w); border-radius: 3rem; background: var(--c-01);}
.product-list__con [data-font-kr="body semibold"] {display: block; margin-top: 3rem; color: var(--b-default);}
.product-page.product02 .product-list__con {padding: 25rem;}
.product-page.product02 .product-list__con p {display: block; margin-top: 5rem; color: var(--b-02);}
.product-list__con ul {margin-top: 12rem;}
.product-list__con ul li {line-height: 1.4; color: var(--b-02);}
.product-list__con [data-list] > * {margin-bottom: 5rem;}
.product-list__con .caption {margin-top: 15rem; padding-top: 15rem; color: var(--b-03); border-top: 1px solid var(--op-b10);}

.product-process {margin-top: var(--space150);}
[data-grid="8"] {grid-template-columns: repeat(8, 1fr); gap:42rem 10rem;}
.product-process ul li {background: var(--bg-dark);}
.product-process li p {padding: 10rem; font-size:var(--kr-sm); font-weight: 600;}
.product-process li p em {display: inline-flex; width: 24rem; height: 24rem; justify-content: center; align-items: center; margin-right: 8rem; font-size: 12rem; border-radius: 100%; border: 1px solid var(--op-w30); background: var(--op-w20);}
.product-process li img {width: 100%;}

.product-line h4 {margin-bottom: 15rem;}
.product-line h4 + p {font-weight: 300; line-height: 1.4;}
.product-line__item {display: flex; justify-content: space-between;}
.product-line__item:not(:last-child) {margin-bottom: 60rem;}
.product-line__item h6 {width: 200rem; height: 120rem; margin-right: 40rem; padding: 20rem; border: 2rem solid;}
.product-line__item:nth-child(2) h6 {color: #0CFFC6; border-color: #0CFFC6;}
.product-line__item:nth-child(3) h6 {color: #00D9FF; border-color: #00D9FF;}
.product-line__item:nth-child(4) h6 {color: #0F63FF; border-color: #0059FF;}
.product-line__item:nth-child(5) h6 {color: #6A14FF; border-color: #6A14FF;}
.product-line__item [data-grid="9"] {position: relative;}
.product-line__item [data-grid="9"]::before {position: absolute; left:0; bottom:7rem; content:''; width: 100%; height: 2rem; background: var(--op-w10);}
.product-line__item [data-grid="9"] li {position: relative;}
.product-line__item [data-grid="9"] li i {position: absolute; left: 50%; bottom: 0; width: 8rem; height: 8rem; border-radius: 100%; background: var(--b-02); transform: translate(-50%, -50%); transition: var(--trans-01);}
.product-line__item [data-grid="9"] li i::after {opacity: 0; position: absolute; left:50%; top:50%; content:''; width: 18rem; height: 18rem; border-radius: 100%; border: 1px solid; transform: translate(-50%, -50%); transition: var(--trans-01);}
.product-line__item:nth-child(2) li i::after {border-color: #0CFFC6;}
.product-line__item:nth-child(3) li i::after {border-color: #00D9FF;}
.product-line__item:nth-child(4) li i::after {border-color: #0059FF;}
.product-line__item:nth-child(5) li i::after {border-color: #6A14FF;}
.product-line__item figure {overflow: inherit; position: relative; padding: 5rem; background: var(--op-w10); transition: var(--trans-01);}
.product-line__item figure::after {opacity: .1; position: absolute; left: 50%; bottom: -8rem; content:''; width: 14rem; height: 8rem; background: url(../img/sub/wiringharness/product-line-arrow.svg) no-repeat center / contain; transform: translateX(-50%);}
.product-line__item figure img {border-radius:max(0.7813vw, 5rem);}
.product-line__item [data-ani] {opacity: 1; transform: none;}
[data-grid="9"] {grid-template-columns: repeat(9, 1fr); gap:10rem;}

.product-line__item:nth-child(2) li.is_moved i {background: #0CFFC6;}
.product-line__item:nth-child(3) li.is_moved i {background: #00D9FF;}
.product-line__item:nth-child(4) li.is_moved i {background: #0059FF;}
.product-line__item:nth-child(5) li.is_moved i {background: #6A14FF;}

.product-line__item li.is_moved i::after {opacity: 1;}
.product-line__item li.is_moved figure {background: var(--w);}
.product-line__item li.is_moved figure::after {opacity: 1;}

.product-line__item li:nth-child(1).is_moved * {transition-delay: .5s;}
.product-line__item li:nth-child(2).is_moved * {transition-delay: 1s;}
.product-line__item li:nth-child(3).is_moved * {transition-delay: 1.5s;}
.product-line__item li:nth-child(4).is_moved * {transition-delay: 2s;}
.product-line__item li:nth-child(5).is_moved * {transition-delay: 2.5s;}
.product-line__item li:nth-child(6).is_moved * {transition-delay: 3s;}
.product-line__item li:nth-child(7).is_moved * {transition-delay: 3.5s;}
.product-line__item li:nth-child(8).is_moved * {transition-delay: 4s;}
.product-line__item li:nth-child(9).is_moved * {transition-delay: 4.5s;}

.product-line__item li:nth-child(1).is_moved *::after {transition-delay: .5s;}
.product-line__item li:nth-child(2).is_moved *::after {transition-delay: 1s;}
.product-line__item li:nth-child(3).is_moved *::after {transition-delay: 1.5s;}
.product-line__item li:nth-child(4).is_moved *::after {transition-delay: 2s;}
.product-line__item li:nth-child(5).is_moved *::after {transition-delay: 2.5s;}
.product-line__item li:nth-child(6).is_moved *::after {transition-delay: 3s;}
.product-line__item li:nth-child(7).is_moved *::after {transition-delay: 3.5s;}
.product-line__item li:nth-child(8).is_moved *::after {transition-delay: 4s;}
.product-line__item li:nth-child(9).is_moved *::after {transition-delay: 4.5s;}

@media all and (max-width:1200px){
	.product-list__con {min-height: 300rem;}
	[data-grid="8"] {grid-template-columns: repeat(6, 1fr);}

	.product-line__item {flex-direction: column; align-items: center; padding: 30rem 40rem 40rem; border: 1px solid; border-radius: 30rem;}
	.product-line__item:nth-child(2) {border-color: #0CFFC6;}
	.product-line__item:nth-child(3) {border-color: #00D9FF;}
	.product-line__item:nth-child(4) {border-color: #0059FF;}
	.product-line__item:nth-child(5) {border-color: #6A14FF;}
	.product-line__item h6 {width: 100%; height: auto; padding:0; margin-bottom: 30rem; margin-right: 0; border-radius: 0; border: 0;}
	.product-line__item [data-grid="9"] li {padding-bottom: 40rem;}
	.product-line__item:not(:last-child) {margin-bottom: 40rem;}

	.product-page.product02 .product-list__item {width: calc((100% - 84rem)/3);}
}

@media all and (max-width:1023px){
	.product-list__con {min-height: 220rem;}
	.product-list__item {width: calc((100% - 42rem)/2);}
	.product-line__item {padding: 30rem;}
	.product-line__item h6 {margin-bottom: 25rem;}
	[data-grid="9"] {gap: 30rem 0; grid-template-columns: repeat(6, 1fr);}
	.product-line__item [data-grid="9"]::before {display: none;}
	.product-line__item [data-grid="9"] li {padding: 0 5rem 40rem;}
	.product-line__item [data-grid="9"] li::before {position: absolute; left:0; bottom:7rem; content:''; width: 100%; height: 2rem; background: var(--op-w10);}
	.product-line__item figure {padding: 3rem;}
}

@media (max-width:860px){
	.product-list {gap: 24rem;}
	.product-list__con {min-height: 285rem; padding: 24rem;}
	.product-list__con strong {flex-direction: column; align-items: flex-start;}
	.product-list__con strong em {margin-bottom:15rem; margin-right: 0;}
	[data-grid="8"] {grid-template-columns: repeat(4, 1fr);}

	.product-page.product02 .product-list__item {width: calc((100% - 24rem)/2);}
}
@media (max-width: 540px){
	.product-list__item .swiper-btn--prev {left: 0;}
	.product-list__item .swiper-btn--next {right: 0;}
	.product-page .page-title-wrap p {align-items: flex-start;}
	.product-page .page-title-wrap p i {width: 25rem; height: 25rem; margin-right:8rem;}
	.product-page .page-title-wrap p i::after {background-size: 9rem;}
	.product-list {gap: 20rem;}
	.product-list__item,
	.product-page.product02 .product-list__item {width: 100%;}
	.product-list__con {min-height: auto; padding: 20rem;}
	.product-list__con strong em {margin-bottom: 12rem; padding: 5rem 7rem 3rem; font-size: 12rem;}
	[data-grid="8"] {grid-template-columns: repeat(2, 1fr); gap: 10rem;}
	.product-process li p em {width: 22rem; height: 22rem;}
	.product-list__con ul {margin-top: 8rem;}

	.product-line__item {padding: 20rem; border-radius: 20rem;}
	.product-line__item:not(:last-child) {margin-bottom: 20rem;}
	.product-line__item h6 {margin-bottom: 20rem;}
	[data-grid="9"] {grid-template-columns: repeat(3, 1fr);}
	.product-line__item [data-grid="9"] li i {width: 6rem; height: 6rem;}
	.product-line__item [data-grid="9"] li i::after {width: 14rem; height: 14rem;}

	.product-page.product02 .product-list__con {padding: 20rem;}
	.product-page.product02 .product-list__con p {margin-top: 3rem;}

	.multiple-slider .zoom-view__icon{display:none;}
	.product-list__item:has(.multiple-slider) .zoom-fix-icon{display:flex; justify-content:center; align-items:center; position:absolute; opacity:1; top:12rem; right:12rem; z-index:9; width:36rem; height:36rem; background:rgba(0, 0, 0, .55); border-radius:999rem; backdrop-filter:blur(10rem); -webkit-backdrop-filter:blur(10rem);}
	.product-list__item:has(.multiple-slider) .zoom-fix-icon::before{content:''; display:block; position:relative; width:15rem; height:15rem; background:url(../img/board/ic-search_w.svg) no-repeat 50% 50%; background-size:cover;}
	

}

/* 특장 */
.vehicle-spec {margin-top: 0 !important;}
.vehicle-slider {height: 100vh;}
.vehicle-merit__txt {backdrop-filter: blur(10rem); -webkit-backdrop-filter: blur(10rem); position: absolute; left: 80rem; bottom: 80rem; min-width: 650rem; padding: 50rem 60rem; background: var(--op-b50);}
.vehicle-merit__txt strong {display: block; margin-bottom: 15rem; text-transform: uppercase;}
.vehicle-merit__txt p,
.vehicle-merit__txt ul li {color: var(--op-w60); line-height: 1.4;}
.vehicle-merit__txt [data-list="dot"] > *:not(:last-child) {margin-bottom: 5rem;}

.vehicle-slider .swiper-controls {z-index: 51; position: absolute; left: 50%; bottom: 76rem; transform: translateX(-50%);}
.vehicle-slider *[class^="swiper-btn--"] {position: relative; top: auto !important; margin: 0 20rem; background: transparent; border: none; transform: none !important;}
.vehicle-slider *[class^="swiper-btn--"]::after{content:"";display:block;min-width: 100%;height: 100%;background:url(../img/main/slider-arrow_w.svg) no-repeat 50% 50%;background-size: contain;}
.vehicle-slider .slider-counter {display:flex;align-items:center;justify-content: center; gap:64rem;}
.vehicle-slider .slider-counter *{display:flex; align-items:center; justify-self: center; position:relative; min-width: 12rem; font-family: var(--lang-en); font-size: var(--en-xs);}
.vehicle-slider .slider-counter em {opacity: .3;}
.vehicle-slider .swiper-pagination{display:flex; gap:18rem;}
.vehicle-slider .swiper-pagination-bullet{background: var(--w);}
.vehicle-slider .swiper-pagination-bullet{opacity:0.4; width:14rem; height:14rem; background:#fff;}
.vehicle-slider .swiper-pagination-bullet-active{opacity:1;}
.vehicle-slider .swiper__bar {position:absolute; left: 50%; bottom:97rem; z-index:50; width:40rem; height:1px; background:var(--op-w20); transform:translateX(-50%);}
.vehicle-slider .swiper__bar > i{position:absolute; left:0; width:0%; height:100%; background:var(--w);}
.vehicle-slider .swiper-slide-active .swiper__bar > i{width: 100%; transition: var(--progress-duration) linear; }
.vehicle-slider .swiper-slide img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
.vehicle-slider [data-list="dot"] > *::before{background: var(--op-w30);}

.vehicle-spec {padding-bottom: var(--space150);}
.vehicle-spec__inr {gap: 20rem;}
.vehicle-spec__inr > * {position: relative; padding: 20rem; background: var(--w); border: 1px solid var(--op-b10);}
.vehicle-spec__img {display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start;}
.vehicle-spec__con .tabs {gap: 5rem; margin-bottom: 20rem;}
.vehicle-spec__con .tabs li {position: relative; display: flex; align-items: center; padding: 16rem 20rem; padding-right: 40rem; font-size: var(--font-16); font-weight: 700; color: var(--b-02); border-radius:10rem; border: 1px solid var(--op-b10); transition: var(--trans-01);}
.vehicle-spec__con .tabs li::after {opacity: .3;position: absolute;right: 15rem;/* top: 26rem; */content:'';width: 14rem;height: 14rem;background-repeat: no-repeat;background-size: 11rem;background-position: center;background-image: url(../img/common/arrow-basic.svg);transform: rotate(90deg);}
.vehicle-spec__con .tabs li.active {color: var(--w); background: var(--bg-dark); border-color: var(--bg-dark);}
.vehicle-spec__con .tabs li.active::after {opacity: 1;/* top: 27rem; */background-image: url(../img/common/arrow-basic_w.svg);transform: rotate(-90deg);}
.vehicle-spec__con table.table tbody * {line-height: 1.4;}
.vehicle-spec__con table.table tbody th {color: var(--b-02); font-weight: 400;}
.vehicle-spec__con .caption {margin-top: 20rem; text-align: right;}

.btn-video {padding: 12rem 15rem !important; margin-bottom: 36rem; border-radius: 10rem;}
.btn-video i {display: block; width: 20rem; height: 20rem; margin-right: 10rem; border-radius: 100%; background: var(--w) url(../img/sub/ic-video.svg) no-repeat 58% 50% / 7rem;}
.vehicle-spec__caption {display: inline-flex; align-items: center; position: absolute; right: 20rem; top: 33rem; padding-left: 30rem; color: var(--b-03);}
.vehicle-spec__caption::before {opacity: .2; position: absolute; left:0; top: 0; content:''; width: 20rem; height: 20rem; border-radius: 100%; background: var(--op-b30);}
.vehicle-spec__caption::after {position: absolute; left:6rem; top: 6rem; content:''; width: 8rem; height: 8rem; border-radius: 100%; background: var(--op-b30);}
.vehicle-spec__explain {position: relative; height: 100%; display: flex; align-items: center; justify-content: center; padding: 0 30rem 30rem;}
.vehicle01 .vehicle-spec__explain,
.vehicle03 .vehicle-spec__explain {height: auto;}

.vehicle-spec__dot {position: absolute;}
.vehicle-spec__dot i {display: inline-block; position: relative; width: 12rem; height: 12rem; border-radius: 100%; background: var(--op-b30); transition: var(--trans-01); cursor: pointer;}
.vehicle-spec__dot i::before {opacity: .2; position: absolute; left: 50%; top: 50%; content:''; width: 26rem; height: 26rem; border-radius: 100%; background: var(--op-b30); transform: translate(-50%, -50%); transition: var(--trans-01);}
.vehicle-spec__dot span {opacity: 0; position: absolute; top: 50%; display: inline-block; margin-left: 20rem; padding: 10rem 12rem; font-size: var(--kr-sm); font-weight: 600; color: var(--w); white-space: nowrap; border-radius: 5rem; background: var(--bg-dark); transform: translateY(-50%); transition: var(--trans-01);}
.vehicle-spec__dot span::after {position: absolute; left: -7rem; top: 50%; content:''; width: 0px; height: 0px; border-bottom: 8rem solid var(--bg-dark); border-left: 6rem solid transparent; border-right: 6rem solid transparent; transform: translateY(-50%) rotate(90deg) scaleY(-1);}
.vehicle-spec__dot.left span {left: 0; margin-left: -20rem; transform: translate(-100%, -50%);}
.vehicle-spec__dot.left span::after {left: auto; right:-7rem; transform: translateY(-50%) rotate(90deg);}

[data-vehicle="01"] {left: 54%; top: 31%;}
[data-vehicle="02"] {left: 40.7%; top: 37%;}
[data-vehicle="03"] {left: 47%; top: 44.2%;}
[data-vehicle="04"] {left: 38.5%; top: 48.5%;}
[data-vehicle="05"] {left: 41.5%; top: 48.5%;}
[data-vehicle="06"] {left: 50%; top: 48%;}
[data-vehicle="07"] {left: 41%; top: 59%;}
[data-vehicle="08"] {left: 48.8%; top: 62%;}
[data-vehicle="09"] {left: 55.4%; top: 60%;}
[data-vehicle="10"] {left: 41%; top: 68%;}
[data-vehicle="11"] {left: 48.8%; top: 71%;}
[data-vehicle="12"] {left: 61.7%; top: 72%;}
[data-vehicle="13"] {left: 48.8%; top: 78%;}
[data-vehicle="14"] {left: 41%; top: 82%;}
[data-vehicle="15"] {left: 48.8%; top: 89%;}
[data-vehicle="16"] {left: 59%; top: 83.5%;}

.popup-layer-inner:has(.video-wrap) {max-width: 1000rem; background: transparent;}
.popup-layer-inner .video-wrap {position: relative; width: 100%; height: 100%; aspect-ratio: 16/9;}
.video-wrap video{object-fit: cover;width: 100%;height: 100%;}

@media (hover: hover) and (pointer: fine){
	.vehicle-spec__dot:hover i {background: var(--c-01);}
	.vehicle-spec__dot:hover i::before {background: var(--c-01);}
	.vehicle-spec__dot:hover span {opacity: 1;}
}

@media (max-width:1680px){
	.vehicle-merit__txt {left: 40rem; min-width: auto; width: 600rem; padding: 40rem;}
}

@media (max-width:1480px){
	.vehicle-merit__txt {width: 520rem;}
	.vehicle-merit__txt p br {display: none;}
}

@media (max-width:1200px){
	.vehicle-spec__con .tabs li {padding: 15rem 12rem; padding-right: 25rem;}
	.vehicle-spec__con .tabs li::after {right: 8rem; top: 28rem; width: 10rem; height: 10rem;}
	.vehicle-spec__con .tabs li.active::after {/* top: 29rem; */}
}

@media all and (max-width:1023px){
	.vehicle-slider {height: 620rem;}
	.vehicle-slider .swiper__bar {bottom: 61rem;}
	.vehicle-slider .swiper-controls {bottom: 40rem;}
	.vehicle-merit__txt {top: 40rem; bottom: auto; padding: 35rem 30rem;}
	.vehicle-merit__txt strong {font-size: var(--kr-xl);}
	.vehicle-spec__inr {grid-template-columns: 1fr;}
	.vehicle-spec__con .tabs {grid-template-columns: repeat(4, 1fr);}
	.vehicle-spec__con .caption {margin: 20rem 0;}

	.vehicle-spec__con .tabs li::after {right: 12rem; top: 19rem;}
	.vehicle-spec__con .tabs li.active::after {/* top: 20rem; */}
}

@media (max-width: 860px){
	.vehicle-spec__con .tabs li {padding-right: 40rem;}
	.vehicle-spec__con .tabs li::after,
	.vehicle-spec__con .tabs li.active::after {/* top: 28rem; */}
}

@media (max-width: 540px){
	.vehicle-slider {height: 520rem;}
	.vehicle-merit__txt {left: 10rem; top: auto; bottom:10rem; width: calc(100% - 20rem); padding:25rem 20rem; padding-bottom: 70rem; border-radius: 15rem;}
	.vehicle-merit__txt strong  {margin-bottom: 12rem;}
	.vehicle-slider .swiper__bar {bottom: 44rem; width: 24rem;}
	.vehicle-slider .swiper-controls {bottom: 27rem;}
	.vehicle-slider .slider-counter {gap: 42rem;}
	.vehicle-slider *[class^="swiper-btn--"]::after {background-size: 25rem;}
	.vehicle-slider *[class^="swiper-btn--"] {margin: 0 12rem;}

	.btn-video {padding: 10rem 12rem !important; border-radius: 5rem;}
	.btn-video i {width: 16rem; height: 16rem; margin-right: 7rem; background-size: 6rem;}
	.vehicle-spec__caption {position: relative; right: auto;top: auto; margin-bottom: 20rem;}
	.vehicle-spec__dot i {width: 8rem; height: 8rem;}
	.vehicle-spec__dot i::before {width: 18rem; height: 18rem;}
	.vehicle-spec__explain {padding: 0; margin-bottom: 20rem;}

	.vehicle-spec__inr {gap: 10rem;}
	.vehicle-spec__dot span {max-width: 150rem; margin-left: 15rem; padding: 7rem 10rem; font-size: 13rem; white-space: normal;}
	.vehicle-spec__dot.active i {background: var(--c-01);}
	.vehicle-spec__dot.active i::before {background: var(--c-01);}
	.vehicle-spec__dot.active span {opacity: 1;}
	.vehicle-spec__dot.left span {margin-left: -15rem;}
	.vehicle-spec__con .tabs {grid-template-columns: repeat(2, 1fr);}
	.vehicle-spec__con .tabs li {padding: 15rem 12rem; padding-right: 20rem;}

	[data-vehicle="02"] {left: 39.7%;}
	[data-vehicle="04"] {left: 37%; top: 49%;}
	[data-vehicle="05"] {top: 49%;}

	.vehicle01 .btn-video{position:absolute; top:22rem;}
	.vehicle01 .vehicle-spec__img{padding-top:70rem;}
}

/* merit slider */
.merit-slider {padding-right: 192rem;}
.merit-slider .swiper-pagination {display: none; position: relative; gap: 8rem; justify-content: center;}
.merit-slider__txt {position: absolute; left:0; top:0; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: space-between; padding: 20rem; padding-top: 40rem; text-align: center; color: var(--w);}
.merit-slider__txt strong {font-size: var(--kr-lg); font-weight: 600;}
.merit-slider__txt p {backdrop-filter: blur(20rem); -webkit-backdrop-filter: blur(20rem); padding:25rem 20rem; line-height: 1.5; font-weight: 300; border: 1px solid var(--op-w10); background: var(--op-w10);}
.merit-slider .merit-list__item:first-child {margin-left: 192rem;}

@media (max-width:1680px){
	.merit-slider {padding-right: 120rem;}
	.merit-slider__txt p {display: flex; justify-content: center; align-items: center; min-height: 105rem;}
	.merit-slider__txt p br {display: none;}
	.merit-slider .merit-list__item:first-child {margin-left: 60rem;}
}

@media all and (max-width:1023px){
	.merit-slider {padding-right: 40rem;}
	.merit-slider .merit-list__item:first-child {margin-left: 40rem;}
}

@media (max-width: 860px){
	.merit-list:is(:not(.rnd-system__list)) .merit-list__item img {position: absolute; lefT:0; top:0; width: 100%; height: 100%; object-fit: cover;}
	.merit-list:is(:not(.rnd-system__list)) .merit-slider__txt {position: relative;}
	.merit-list:is(:not(.rnd-system__list)) .merit-slider__txt strong {margin-bottom: 400rem;}
}

@media (max-width: 540px){
	.merit-list {padding: 0 20rem;}
	.merit-slider {padding-right: 0;}
	.merit-slider .swiper-pagination {display: flex; margin-top: 20rem;}
	.merit-slider .merit-list__item:first-child {margin-left: 0;}
	.merit-slider__txt {padding-top: 30rem;}
	.merit-list:is(:not(.rnd-system__list)) .merit-slider__txt strong {margin-bottom: var(--space200);}
	.merit-slider__txt p {min-height: auto; display: block; padding: 20rem;}
}

/* 보유기술 */
.technology-chart {background: url(../img/sub/technology-bg.jpg) no-repeat center / cover;}
.technology-chart__top li,
.technology-chart__bottom li {min-width: 126rem;}
.technology-chart__bottom {align-items: flex-start;}
.technology-chart__top li p {margin-bottom: 12rem; line-height: 1.4;}
.technology-chart__top li i {display: block; width: 80rem; height: 80rem; margin: 0 auto; border-radius: 100%; border: 1px solid var(--op-w10); background: var(--op-w10);}
.technology-chart__top li i img {width: 100%;}
.technology-chart__bottom li i {display: block; width: 80rem; height: 80rem; margin: 0 auto; border-radius: 100%; border: 1px solid var(--op-w10); background: var(--w);}
.technology-chart__bottom li i img {width: 100%;}
.technology-chart__bottom li p {margin-top: 12rem; line-height: 1.4;}
.technology-chart__center {position: relative;}
.technology-chart__center::after {position: absolute; left: 50%; top: 50%; content:''; width: 322rem; height: 80%; background: url(../img/sub/technology-arrow.svg) no-repeat center / contain; transform: translate(-50%, -50%);}
.technology-chart__center > img {display: block; margin: 23rem auto;}
.technology-chart__center-txt {z-index: 1; position: absolute; width: 100%;}
.technology-chart__center-txt > div:first-child,
.technology-chart__center-txt > div:last-child {position: relative; display: flex; justify-content: center; align-items: center; width: 220rem; height: 220rem; color: var(--w); border-radius: 100%; background: var(--bg-gradation);}
.technology-chart__center-inr {position: relative; min-width: 372rem; padding: 35rem 50rem; border-radius: 200rem; background: var(--w); box-shadow:  30rem 30rem 50rem 0 rgba(0, 0, 0, 0.70);}
.technology-chart__center-inr * {color: var(--b-01);}
.technology-chart__center-inr p {margin-top: 5rem; color: var(--b-default) !important;}
.technology-chart__center-txt > div:nth-child(2) {margin: 0 140rem;}
.technology-chart__center-txt > div:nth-child(2)::before {position: absolute; left: 50%; top: 50%; content:''; width: 402rem; height: 164rem; border-radius: 400rem; border: 2rem dashed var(--c-02, #00A7E3); transform: translate(-50%, -50%);}

.technology-page .merit-list [data-grid] {gap: 42rem;}
.technology-page .merit-list__item {position: relative;}
.technology-page .merit-slider__txt {position: relative;}
.technology-page .merit-slider__txt strong {margin-bottom: var(--space200);}
.technology-page .merit-list__item img {position: absolute; left:0; top:0; width: 100%; height: 100%; object-fit: cover;}

.technology-sec02 {margin: var(--space120) 0 var(--space150);}
.technology-sec02 .chart-sec {gap: 42rem;}
.technology-sec02 .chart-sec figure:first-child {flex-shrink: 0; width: 340rem; height: 340rem; border: 1px solid var(--op-b10);}

.technology-bottom {position: relative; padding-bottom: 0 !important;}
.technology-bottom::before {mix-blend-mode: difference; filter: blur(100rem); -webkit-filter: blur(100rem); opacity: .3; position: absolute; left: 50%; top: 100rem; content:''; width: 300rem; height: 300rem; border-radius: 100%; background: var(--c-01); transform: translateX(-50%);}
.technology-bottom__chart {position: relative; padding-top: 60rem;}
.technology-bottom__chart::before {position: absolute; left: 50%; top: 0; content:''; display: block; width: 1px; height: 60rem; border-left: 2px dashed var(--op-w20); transform: translateX(-50%);}
.technology-bottom__chart ul {position: relative; display: inline-flex; gap: 42rem;}
.technology-bottom__chart ul::before {position: absolute; left: 50%; top: 0; content:''; width: calc(100% - 218rem); height: 40rem; border-radius: 20rem 20rem 0 0; border: 2px dashed var(--op-w20); border-bottom: 0; transform: translateX(-50%);}
.technology-bottom__chart ul li {overflow: inherit; position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; width: 218rem; height: 180rem; margin-top: 40rem; font-size: var(--kr-m); font-weight: 600; border: 1px solid rgba(255, 255, 255, .03); background: var(--op-w10);}
.technology-bottom__chart ul li:not(:first-child, :last-child)::before {position: absolute; left: 50%; top: -40rem; content:''; display: block; width: 1px; height: 40rem; border-left: 2px dashed var(--op-w20); transform: translateX(-50%);}
.technology-bottom__chart img {display: block; height: 60rem; margin-bottom: 15rem;}

.technology-merit {margin-top: 0 !important;}
.technology-merit .page-title-wrap h4 {margin-bottom: 15rem;}

@media (max-width:1280px){
	.technology-page .merit-slider__txt strong {margin-bottom: var(--space150);}
}

@media (max-width:1200px){
	.technology-bottom__chart ul li {width: 180rem;}
	.technology-page .merit-list [data-grid="4"] {grid-template-columns: 1fr 1fr;}
	.technology-page .merit-slider__txt strong {margin-bottom: var(--space200);}
}

@media all and (max-width:1023px){
	.technology-chart__center-inr {min-width: 320rem; padding: 32rem 20rem;}
	.technology-chart__center-txt {justify-content: space-between;}
	.technology-chart__center-txt > div:nth-child(2) {margin: 0;}
	.technology-chart__center-txt > div:nth-child(2)::before {width: 348rem; height: 152rem;}
	.technology-chart__center-txt > div:first-child,
	.technology-chart__center-txt > div:last-child {width: 180rem; height: 180rem;}
	.technology-chart__center > img {width: 100%;}
	.technology-sec02 .chart-sec figure:first-child {width: 250rem; height: 250rem;}

	.technology-bottom__chart ul {display: grid; grid-template-columns: repeat(5, 1fr);}
	.technology-bottom__chart ul::before {width:calc(((100% - 168rem)/5)*5 + 21rem)}
	.technology-bottom__chart ul li {width: auto; height: 155rem;}
	.technology-bottom__chart img {height: 42rem;}
}

@media (max-width:860px){
	.technology-chart__center-txt > div:first-child,
	.technology-chart__center-txt > div:last-child {width: 160rem; height: 160rem;}
	.technology-chart__center-inr {min-width: 260rem;}
	.technology-chart__center-inr p {margin-top: 3rem;}
	.technology-chart__center-txt > div:nth-child(2)::before {width: 284rem; height: 142rem;}

	.technology-sec02 .chart-sec {gap: 24rem;}
	.technology-sec02 .chart-sec figure:first-child {width: 200rem; height: 200rem;}
	.technology-bottom__chart ul {gap: 24rem;}
	.technology-bottom__chart ul::before {width: calc(((100% - 96rem)/5)*5 - 24rem);}
	.technology-bottom__chart ul li {height: 130rem;}
	.technology-bottom__chart img {height: 35rem; margin-bottom: 12rem;}
}

@media (max-width: 540px){
	.technology-chart__top,
	.technology-chart__bottom {display: grid; grid-template-columns: repeat(3, 1fr); gap:20rem 0; align-items: flex-start;}
	.technology-chart__top li,
	.technology-chart__bottom li {min-width: auto;}
	.technology-chart__top li i,
	.technology-chart__bottom li i {width:70rem; height: 70rem;}
	.technology-chart__top li p {margin-bottom: 8rem;}
	.technology-chart__bottom li p {margin-top: 8rem;}

	.technology-page .merit-list {padding: 0;}
	.technology-page .merit-list [data-grid="4"] {grid-template-columns: 1fr;}
	.technology-page .merit-list [data-grid] {gap: 20rem;}

	.technology-chart__center > img {display: none;}
	.technology-chart__center-txt {position: relative; flex-direction: column;}
	.technology-chart__center-txt > div:first-child, .technology-chart__center-txt > div:last-child {width: 140rem; height: 140rem; margin: 60rem 0;}
	.technology-chart__center-inr {padding: 25rem 10rem;}
	.technology-chart__center-txt > div:nth-child(2)::before {height: 122rem;}
	.technology-chart__center::after {width: 100%; height: 100%; background-size: 20%;}

	.technology-sec02 .chart-sec {flex-direction: column; gap: 20rem;}
	.technology-sec02 .chart-sec figure:first-child {width: 100%; aspect-ratio: 1/1; height: auto;}
	.technology-bottom__chart {padding-top: 7rem;}
	.technology-bottom__chart ul {grid-template-columns: repeat(3, 1fr); gap: 10rem;}
	.technology-bottom__chart ul::before {display: none;}
	.technology-bottom__chart::before,
	.technology-bottom__chart ul li::before {display: none !important;}
	.technology-bottom__chart ul li {height: 120rem; margin-top: 0;}
}

/* 인증 및 특허 */
.certify-item figure {aspect-ratio: 3/4; border: 1px solid var(--op-b10); background: #f0f0f0 url(../img/layout/logo_g.svg) no-repeat 50% 50% / 140rem;}
.certify-item strong {margin-top: 15rem; font-size: var(--kr-m); font-weight: 600;}
.certify-item img {width: 100%; height: 100%; margin: 0; object-fit: cover; object-position: center;}
.certify-item .bsc-search,
.certify-item figure::after {display: none;}

.certify-table {margin-top: var(--space120);}
.certify-table h6 {margin-top: 40rem;}
.certify-table h6 > i {position: relative; width: 32rem; height: 27rem; margin: 0 20rem; margin-top: -15rem;}
.certify-table h6 > i::after {position: absolute; left: 0; top: 0; content:''; width: 100%; height: 100%; background: url(../img/sub/certify-dec.svg) no-repeat center / contain;}
.certify-table h6 > i:last-child::after {transform: scaleX(-1) scaleY(-1);}
.certify-table h6 .count-num {color: var(--c-02); font-weight: 700;}

@media (hover: hover) and (pointer: fine){
	.certify-item:hover figure {border: 1px solid var(--op-b10);}
}

@media (max-width: 860px){
	.certify-table h6 > i {width: 20rem; height: 20rem; margin: 0 15rem; margin-top: -12rem;}
}

@media (max-width: 540px){
	.certify-list {gap: 30rem 10rem;}
	.certify-item strong {margin-top: 12rem; font-size: var(--default);}
	.certify-item figure {background-size: 95rem;}
	.certify-table h6 {margin-top: 25rem;text-align: center;}
	.certify-table h6 > i {width: 17rem; height: 17rem; margin: 0 12rem; margin-top: -8rem;}
}

/* rnd */
.rnd-page .merit-slider {padding-right: 0;}
.rnd-page .merit-slider .merit-list__item:first-child {margin-left: 0;}
.rnd-page .merit-slider  *[class^="swiper-btn--"] {display: none;}
.rnd-process {position: relative; margin-top: var(--space150); gap: 0;}
.rnd-process::after {position: absolute; left: 50%; top: 50%; content:''; width: 185rem; height: 118rem; background: url(../img/sub/rnd-arrow.svg) no-repeat center / contain; transform: translate(-50%, -50%);}
.rnd-process__item {padding: var(--space120) 192rem;}
.rnd-process__item h4 {margin-bottom: 30rem;}
.rnd-process__item h4 span {display: block; margin-top: 5rem; font-size: var(--kr-m);}
.rnd-process__item.item01 {background: url(../img/sub/rnd-bg01.jpg) no-repeat center / cover;}
.rnd-process__item.item02 {background: url(../img/sub/rnd-bg02.jpg) no-repeat center / cover;}
.rnd-process__item.item01 h4 {color: var(--b-02);}
.rnd-process__item.item01 .rnd-process__item-con ul {margin: 20rem 0;}
.rnd-process__item.item01 .rnd-process__item-con li {min-height: 100rem; padding: 30rem; text-align: left; color: var(--w); background: var(--op-w10); border: 1px solid rgba(255, 255, 255, .03);}
.rnd-process__item.item01 .rnd-process__item-con li:not(:last-child) {margin-bottom: 5rem;}
.rnd-process__item.item01 .rnd-process__item-con li em {display: inline-flex; min-width: 170rem; font-weight: 600;}
.rnd-process__item.item01 .rnd-process__item-con li em img {display: block; width: 20rem; margin-right: 12rem;}
.rnd-process__item.item01 .rnd-process__item-con p {position: relative; padding-left: 25rem; font-weight: 300; line-height: 1.4;}
.rnd-process__item.item01 .rnd-process__item-con p::before {position: absolute; left: 0; top: 50%; content:''; width: 1px; height: 40rem; background: var(--op-w10); transform: translateY(-50%);}
.rnd-process__item.item01 .rnd-process__item-con > strong {display: block; padding: 55rem 20rem; font-size: 19rem; border: 2rem solid #E50303; color: #E50303;background: rgba(229, 3, 3, 0.10);}

.rnd-process__item.item02 h4 {color: var(--c-02);}
.rnd-process__item.item02 h4 span {color: var(--w);}
.rnd-process__item-box {margin-top: 10rem; color: var(--w); backdrop-filter: blur(20rem); -webkit-backdrop-filter: blur(20rem); padding: 20rem 15rem; background: var(--op-w10);}
.rnd-process__item-box [data-font-kr="body small"] {display: block; margin-top: 3rem; font-weight: 300; color: var(--w);}
.rnd-process__item-box ul {gap: 20rem;margin-top: 15rem;display: flex;justify-content: center;}
.rnd-process__item-box ul p {margin-top: 15rem; font-size: var(--kr-sm); font-weight: 600;}
.rnd-process__item-box ul p span {display: block; margin-top: 3rem; font-weight: 300; letter-spacing: -0.7px;}
.rnd-process__item-box ul img {max-width: 100%;margin: 0 auto;}
.rnd-process__item-box:nth-child(2) {border: 2rem solid #0CFFC6;}
.rnd-process__item-box:nth-child(2) strong {color: #0CFFC6;} 
.rnd-process__item-box:nth-child(3) {border: 2rem solid #00D9FF;}
.rnd-process__item-box:nth-child(3) strong {color: #00D9FF;} 

.rnd-system {margin-top: var(--space120);}
.rnd-system__list {margin-bottom: 40rem;}
.rnd-system__list .swiper-wrapper {display: grid; grid-template-columns: 1fr 1fr 1fr;}
.rnd-system__item {width: 100%; justify-content: space-between; align-items: center; padding: 40rem 20rem 20rem; color: var(--w); background: var(--c-01);}
.rnd-system__item strong {font-size: var(--kr-lg); font-weight: 600;}
.rnd-system__item p {backdrop-filter: blur(20rem); -webkit-backdrop-filter: blur(20rem); width: 100%; padding:25rem 20rem; line-height: 1.5; font-weight: 300; border: 1px solid var(--op-w10); background: var(--op-w10);}
.rnd-system-slider {margin-top: 20rem; padding-bottom: 1px;}
.rnd-system-slider figure {width: 99%;border: 1px solid var(--op-b10);}
.rnd-system-slider .swiper-btn--prev {left: 20rem;}
.rnd-system-slider .swiper-btn--next {right: 20rem;}
.rnd-system-slider .swiper-pagination {position: relative;margin-top: 30rem;}
.rnd-system-slider *[class^="swiper-btn--"] {top: 40%;}

.rnd-algorithm {padding-bottom: var(--space150);}
.rnd-algorithm .page-title-wrap h4 {margin-bottom: 15rem;}
.rnd-algorithm__item {flex-shrink: 0; width: calc((100% - 240rem)/4); padding: 30rem 20rem; border: 1px solid var(--op-w10); background: var(--op-w10);}
.rnd-algorithm__item em {display: block; margin-bottom: 8rem; font-weight: 700; font-size: var(--kr-sm); color: var(--op-w30);}
.rnd-algorithm__item strong {display: block; margin-bottom: 12rem;}
.rnd-algorithm__item ul li {text-align: center;}
.rnd-algorithm__item ul li i {display: inline-flex; align-items: center; justify-content: center; height: 38rem; margin-bottom: 9rem;}
.rnd-algorithm__item figure {margin-top: 30rem;}
.rnd-algorithm__item:first-child strong {margin-bottom: 30rem;}
.rnd-algorithm__item:first-child > div {margin-top: 30rem; padding-top: 30rem; border-top: 1px solid var(--op-w10);}
.rnd-algorithm__item:first-child > div p {margin-top: 12rem;}
.rnd-algorithm__item:first-child > div ul {gap: 5rem;}
.rnd-algorithm__item:first-child > div ul img {width: 100%; border-radius: 5rem; margin-bottom: 0;}
.rnd-algorithm__item-center {flex-shrink: 0; width: calc((100% - 240rem)/4);}
.rnd-algorithm__item-center .rnd-algorithm__item {width: 100% !important;}
.rnd-algorithm__item-center .rnd-algorithm__item:first-child strong {margin-bottom: 12rem;}
.rnd-algorithm__item-center .rnd-algorithm__item:last-child {margin-top: 20rem;}
.rnd-algorithm__item p span {display: block; margin-top: 5rem; font-weight: 100;}
.rnd-algorithm__arrow {display: block; width: 80rem; display: flex; align-items: center; justify-content: center;}
.rnd-algorithm__arrow img {width: 50rem;}
.rnd-algorithm .wrap > strong {display: block; width: 100%; margin-top: 60rem; padding: 25rem 20rem; font-size: 19rem; font-weight: 700; color: #00D9FF; border: 2px solid #00D9FF; background: rgba(0, 217, 255, 0.10);}
.rnd-algorithm .wrap::before {position: absolute; left: 137rem; bottom: 100rem; content:''; width: 45rem; height: 226rem; background: url(../img/sub/process-arrow.svg) no-repeat center / contain;}
.rnd-algorithm .wrap::after {position: absolute; right: 137rem; bottom: 100rem; content:''; width: 45rem; height: 226rem; background: url(../img/sub/process-arrow.svg) no-repeat center / contain;}
.rnd-system .merit-list__item {aspect-ratio: auto;}
.rnd-system__img {margin: 20rem 0;}

.rnd-ui {margin-top: 0; padding:0 !important;}
.rnd-ui-slider,
.rnd-ui__txt {width: 50%;}
.rnd-ui-slider .swiper-btn--prev {left: 30rem;}
.rnd-ui-slider .swiper-btn--next {right: 30rem;}
.rnd-ui__txt {padding-left: 72rem;}

.rnd-bottom {justify-content: center; align-items: flex-end; padding: var(--space150) 0; height: 820rem; background: url(../img/sub/rnd-bottom.jpg) no-repeat center / cover;}

@media (max-width:1680px){
	.rnd-process__item {padding: var(--space120) 60rem;}
	.rnd-process__item-box ul {justify-content: center;}
	.rnd-process::after {width: 80rem;}
}

@media all and (max-width:1200px){
	.rnd-process__item.item01 .rnd-process__item-con > strong {padding: 42rem 20rem;}
	.rnd-algorithm__item [data-grid="2"] {gap: 0;}
	.rnd-algorithm__arrow {width: 60rem;}
	.rnd-algorithm__arrow img {width: 40rem;}
	.rnd-algorithm__item,
	.rnd-algorithm__item-center {width: calc((100% - 160rem)/4);}
	.rnd-algorithm__item:first-child strong {margin-bottom: 12rem;}
}

@media all and (max-width:1023px){

	.rnd-ui .wrap {flex-direction: column-reverse;}
	.rnd-ui__txt {padding-left: 0; margin-bottom: var(--space50);}
	.rnd-ui-slider, .rnd-ui__txt {width: 100%;}
	.rnd-bottom {padding-top: 0 !important; height:600rem;}
	.rnd-process__item {padding: var(--space120) 40rem;}
	.rnd-process__item.item01 .rnd-process__item-con li em {min-width: 150rem;}
	.rnd-process::after {width: 60rem;}
	.rnd-system .merit-list__item:nth-child(2) .rnd-system__img img {height:70rem;}
	.rnd-system__img {margin: 30rem 0; padding: 0 30rem;}
	.rnd-system__img img {width: 100%;}
}

@media (max-width:860px){
	.rnd-algorithm__chart {flex-direction: column;}
	.rnd-algorithm__item, .rnd-algorithm__item-center {width: 100%;}
	.rnd-algorithm__item-center {display: grid; grid-template-columns: repeat(2, 1fr); gap: 20rem;}
	.rnd-algorithm__item-center .rnd-algorithm__item:last-child {margin-top: 0;}
	.rnd-algorithm__item:first-child strong {margin-bottom: 30rem;}
	.rnd-algorithm__item [data-grid="2"] {display: flex; justify-content: center; gap: 40rem;}
	.rnd-algorithm__arrow {width: 100%; height: 100rem;}
	.rnd-algorithm__arrow img {transform: rotate(90deg);}
	.rnd-algorithm .wrap > strong {overflow: inherit; margin-top: 100rem;}
	.rnd-algorithm .wrap > strong::after {position: absolute; left: 50%; top: -80rem; content:''; width: 45rem; height: 60rem; background: url(../img/sub/process-arrow.svg) no-repeat center bottom / 100%; transform: translateX(-50%);}
	.rnd-algorithm .wrap::before, 
	.rnd-algorithm .wrap::after {display: none;}
	.rnd-algorithm__item [data-grid="3"] {grid-template-columns: repeat(3, 1fr);}
	.rnd-algorithm__item figure {margin-top: 23rem;}
	.rnd-algorithm__item p span { margin-top: 3rem; line-height: 1.3;}

	.rnd-page .merit-slider .swiper-pagination {display: flex; margin-top: 20rem;}
	.rnd-page .merit-slider  *[class^="swiper-btn--"] {display: block;}
	.rnd-page .merit-slider .swiper-btn--prev {left: 20rem;}
	.rnd-page .merit-slider .swiper-btn--next {right: 20rem;}

	.rnd-system__list  *[class^="swiper-btn--"] {margin-top: -20rem;}
	.rnd-system__list .swiper-wrapper {display: flex;}
	.rnd-system__item {height: 480rem;}

	.rnd-process {grid-template-columns: 1fr;}
	.rnd-process::after {width: 100rem; height: 100rem; transform: translate(-50%, -50%) rotate(90deg);}
}

@media (max-width: 540px){
	.rnd-page .merit-list {padding: 0;}
	.rnd-process__item {padding: var(--space120) 20rem;}
	.rnd-process__item.item01 .rnd-process__item-con li {flex-direction: column; align-items: flex-start; min-height: auto; padding:22rem 20rem;}
	.rnd-process__item.item01 .rnd-process__item-con li em img {width: 16rem; margin-right: 10rem;}
	.rnd-process__item.item01 .rnd-process__item-con li em {margin-bottom: 10rem;}
	.rnd-process__item.item01 .rnd-process__item-con p {padding-left: 0;}
	.rnd-process__item.item01 .rnd-process__item-con p::before {display: none;}
	.rnd-process__item.item01 .rnd-process__item-con > strong {padding: 20rem; font-size:16rem;}
	.rnd-process::after {margin-top: -40rem;}
	.rnd-process__item-box ul {gap: 10rem;}
	.rnd-process__item-box ul p span {margin-top: 0; line-height: 1.3;}
	.rnd-process__item-box ul img {width: 100%;}
	.rnd-process__item.item02 .rnd-process__item-box:nth-child(2) ul {display: grid; align-items: flex-start; grid-template-columns: repeat(2, 1fr);} 

	.rnd-system__img {margin: 0; padding: 0 50rem;}
	.rnd-system .merit-list__item:nth-child(3) .rnd-system__img img {max-height: 100%;}
	.rnd-system .merit-list__item:nth-child(3) .rnd-system__img  {height:135rem;}
	.rnd-page .merit-slider  *[class^="swiper-btn--"] {margin-top: -30rem;}
	.rnd-algorithm__arrow {height: 80rem;}
	.rnd-algorithm__arrow.arrow02, .rnd-algorithm__arrow.arrow03 {height: 60rem;}
	.rnd-algorithm__arrow.arrow02 img, 
	.rnd-algorithm__arrow.arrow03 img {width: 25rem;}
	.rnd-algorithm__item-center {gap: 10rem;}
	.rnd-algorithm .wrap > strong {padding: 20rem; font-size:16rem; line-height: 1.5;}
	.rnd-ui-slider .swiper-btn--prev {left: 10rem;}
	.rnd-ui-slider .swiper-btn--next {right: 10rem;}

	.rnd-system__item {height: 400rem;}
	.rnd-system-slider  *[class^="swiper-btn--"] {margin-top: -20rem;top: 50%;}
	.rnd-system-slider .swiper-pagination {position: relative; display: flex; margin-top: 20rem;}
	.rnd-system-slider .swiper-btn--prev {left: 20rem;}
	.rnd-system-slider .swiper-btn--next {right: 20rem;}

	.rnd-bottom {display: flex; justify-content: center; align-items: center; height: 350rem; padding: 0; background-position: center bottom;}
	.rnd-bottom h6 {font-size: var(--kr-2xl);}
}

/* 홍보자료 */
.gallery-list {gap: 42rem; margin-bottom: 140rem;}
.gallery-list__item a {position: relative;}
.gallery-list__item i {position: absolute; left:0; top:0; width: 100%; height: 100%; transition: var(--trans-01);}
.gallery-list__item img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
.gallery-list__txt {position: relative; display: flex; flex-direction: column; justify-content: flex-end; width: 100%; height: 450rem; padding: 50rem;}
.gallery-list__txt span {display: block; margin-bottom: 12rem; color: var(--c-02); font-weight: 600;}

@media (hover: hover) and (pointer: fine){
	.gallery-list__item a:hover i {transform: scale(1.15);}

}

@media all and (max-width:1023px){
	.gallery-list {margin-bottom: var(--space120);}
	.gallery-list__txt {height: 330rem; padding:40rem 30rem;}
}

@media (max-width:860px){
	.gallery-list {gap: 20rem;}
	.gallery-list__txt {height: 270rem; padding: 30rem 20rem;}
	.gallery-list__txt span {margin-bottom: 8rem;}
	.gallery-list__txt strong {font-size: var(--kr-lg);}
	
}

@media (max-width: 540px){
	.gallery-list {grid-template-columns: 1fr; gap: 10rem;}
	.gallery-list__item i {display: none;}
	.gallery-list__item:nth-child(1) .gallery-list__txt {background: url(../img/sub/gallery-thum01.jpg) no-repeat center / cover;}
	.gallery-list__item:nth-child(2) .gallery-list__txt {background: url(../img/sub/gallery-thum02.jpg) no-repeat center / cover;}
	.gallery-list__txt span {font-size: 10rem;}
}


/* 낮은 노트북 대응 */
@media all and (min-width:1440px) and (max-width:1600px) and (max-height:700px) {
	#sub-visual {height: 100dvh;}
}