@charset "utf-8";

/* Source: pages/sub-content-source.css */
/* *******************************************************
 * filename : content.css
 * description : 서브페이지 컨텐츠 CSS
 * date : 2022-03-14
******************************************************** */

/* ******************  서브공통 ********************** */
/* -------- 공통 스크롤바  -------- */
.custom-scrollbar-cover,
.cm-scroll-drag-guide{display:none;}

/* -------- 공통 :: 탭 -------- */
/* Tab 공통 스타일 */
.sub-tab-panel{position:relative; height:auto;}
.sub-tab-list ul{display:flex; flex-wrap: wrap; justify-content: center; width: 100%; height:100%; gap: var(--space-24);}
.sub-tab-list ul:after{display:none}
.sub-tab-list ul li{position:relative; width: 15.9091%; background-color:var(--color-border-soft); border-radius: var(--radius-8) var(--radius-8) 0 0;}
.sub-tab-list ul:has(li:nth-child(5)) li:nth-child(1),
.sub-tab-list ul:has(li:nth-child(5)) li:nth-child(2),
.sub-tab-list ul:has(li:nth-child(5)) li:nth-child(3),
.sub-tab-list ul:has(li:nth-child(5)) li:nth-child(4),
.sub-tab-list ul:has(li:nth-child(5)) li:nth-child(5){border-radius: var(--radius-8);}
.sub-tab-list ul li a{display:table; height: 6.3rem; width:100%; }
.sub-tab-list ul li a em{display:table-cell; vertical-align:middle; color:var(--color-primary); font-size: var(--font-size-18); font-weight: var(--font-weight-medium); line-height: var(--leading-140); letter-spacing:var(--tracking-neg-002); text-align:center;}
.sub-tab-list ul li.selected{z-index:1; background-color: var(--main-color);}
.sub-tab-list ul li.selected a em{color:var(--color-white); }
/* Tab Fixed Move*/
.sub-tab-list.top-fixed{position:fixed; top:70px; left:0; width:100%; height:60px;}
/* Mobile Tab Drop Menu */
.sub-tab-toggle{display:none}
/* .sub-tab-panel{position:relative; height:60px; margin-bottom:var(--space-16); }
.sub-tab-list ul{display:table; width:100%; height:100%; table-layout:fixed;}
.sub-tab-list ul:after{display:none}
.sub-tab-list ul li{display:table-cell; vertical-align:middle; position:relative; width:20%; background-color:var(--color-white); border:1px solid var(--color-border); border-left:0 }
.sub-tab-list ul li:first-child{border-left:1px solid var(--color-border);}
.sub-tab-list ul li a{display:table; height:58px; width:100%; }
.sub-tab-list ul li a em{display:table-cell; vertical-align:middle; color:var(--color-text-muted); font-size: var(--font-size-18); letter-spacing:var(--tracking-neg-px-03); text-align:center;}
.sub-tab-list ul li.selected{z-index:1; background-color:var(--color-text-muted); border-color:var(--color-text-muted);}
.sub-tab-list ul li.selected a em{color:var(--color-white); }
Tab Fixed Move
.sub-tab-list.top-fixed{position:fixed; top:70px; left:0; width:100%; height:60px;}
Mobile Tab Drop Menu
.sub-tab-toggle{display:none} */

@media all and (min-width:1025px){
	/* Tab Fixed Background */
	.sub-tab-list:before{position:absolute; top:0px; bottom:0px; left:50%; width:0; content:""; background-color:var(--color-white); border-bottom:1px solid var(--color-border); transition:all 0.5s}
	.sub-tab-list.top-fixed:before{width:100%; margin-left:-50%}
}

/* ******************  공통 슬라이드 프로세스바 ********************** */
.cm-slide-progress {top: auto !important; bottom: 0; background-color: rgb(var(--color-primary-rgb) / 0.08) !important;}
.cm-slide-progress .swiper-pagination-progressbar-fill {background-color: var(--color-primary) !important;}
/* .cm-slide-progress */

/* ******************  제품소개 :: 제품 인트로 ********************** */
.nv-intro-content {padding-bottom: var(--space-8);}
.product-intro-list {display: flex; flex-direction: column; gap: var(--space-24) 0;}
.product-intro-list .intro-list-item a {position: relative; display: flex; min-height: 40rem; padding: 0 var(--space-104); border-radius: var(--radius-8); background-color: var(--color-border-soft); overflow: hidden; transition: var(--transition-custom);}
.product-intro-list .intro-list-item .list-tit {position: relative; margin-bottom: var(--space-24); font-size: var(--font-size-64); font-weight: var(--font-weight-bold); letter-spacing: var(--tracking-neg-002); line-height: var(--leading-150); color: var(--color-primary); transition: var(--transition-custom);}
.product-intro-list .intro-list-item .list-tit::before {position: absolute; left: 0; bottom: 0; content: ""; width: 100%; height: 1px; background: linear-gradient(90deg, var(--color-primary) 0%, var(--color-white) 109.49%); opacity: 0.2; transition: var(--transition-custom);}
.product-intro-list .intro-list-item .list-tit::after {position: absolute; left: 0; bottom: 0; content: ""; width: 100%; height: 1px; background: linear-gradient(90deg, var(--color-white) 0%, var(--color-secondary) 109.49%); opacity: 0; transition: var(--transition-custom);}
.product-intro-list .intro-list-item .list-txt {margin-bottom: var(--space-48); font-size: var(--font-size-16); font-weight: var(--font-weight-medium); letter-spacing: var(--tracking-neg-005); line-height: var(--leading-1625); color: var(--color-primary); transition: var(--transition-custom);}
.product-intro-list .intro-list-item .list-category-box {display: flex; flex-wrap: wrap; gap: var(--space-8);}
.product-intro-list .intro-list-item .list-category-box .list-category {display: inline-flex; align-items: center; justify-content: center; min-height: 3rem; padding: var(--space-8) var(--space-24); background-color: var(--color-white); border-radius: var(--radius-64); font-size: var(--font-size-14); font-weight: var(--font-weight-medium); letter-spacing: var(--tracking-neg-005); line-height: var(--leading-140); color: rgb(var(--color-primary-rgb) / 0.5); box-sizing: border-box; transition: var(--transition-custom);}
.product-intro-list .intro-list-item .list-category-box .list-category:first-child {padding: var(--space-8) var(--space-24);}
/* .product-intro-list .intro-list-item .list-category-box .list-category:first-child,
.product-intro-list .intro-list-item .list-category-box .list-category:nth-child(2) {min-width: 19.6rem;} */
.product-intro-list .intro-list-item .list-category-box .list-category {min-width: 11.4rem; padding: var(--space-8) var(--space-24);}
.product-intro-list .intro-list-item .txt-area {display: flex; flex-direction: column; justify-content: center; width: 59.831%; padding-bottom: var(--space-16);}
.product-intro-list .intro-list-item .img-area {position: absolute; bottom: 0; right: 0; width: 60rem; height: 40rem;}
.product-intro-list .intro-list-item .img-area img {position: absolute; max-width: 100%; max-height: 100%; transition: all 0.5s cubic-bezier(0.65, 0.05, 0.36, 1)}
.product-intro-list .intro-list-item .img-area img.default-img {bottom: 0; right: 0;}
.product-intro-list .intro-list-item .img-area img.hover-img {bottom: 14rem; right: -15rem; opacity: 0;}

@media all and (min-width: 801px) {
	.product-intro-list .intro-list-item a:hover {background-color: var(--main-color);}
	.product-intro-list .intro-list-item a:hover .list-tit,
	.product-intro-list .intro-list-item a:hover .list-txt {color: var(--color-white);}
	.product-intro-list .intro-list-item a:hover .list-tit::before {opacity: 0;}
	.product-intro-list .intro-list-item a:hover .list-tit::after {opacity: 0.2;}
	.product-intro-list .intro-list-item a:hover .list-category-box .list-category {background-color: var(--color-secondary); color: rgb(var(--color-white-rgb) / 0.5);}
	.product-intro-list .intro-list-item a:hover .img-area img.hover-img {bottom: 0; right: 0; opacity: 1;}
	.product-intro-list .intro-list-item a:hover .img-area img.hover-img + .default-img {bottom: -15rem; right: 0; opacity: 0;}
}

/* ******************  제품소개 :: 제품 뷰 ********************** */
/***** 임시 통이미지 *****/
.full-img-con {display: flex; align-items: center; justify-content: center;}

.product-view-content {padding-bottom: var(--space-128);}
.view-con-tit-box {margin-bottom: var(--space-56);}
.view-con-tit-box .view-con-tit {font-size: var(--font-size-50); font-weight: var(--font-weight-bold); letter-spacing: var(--tracking-neg-005); line-height: var(--leading-120); color: var(--color-primary);}
.view-con-tit-box .view-con-tit.text-center {text-align: center;}
.view-con-tit-box .view-con-tit span {margin-left: var(--space-24); font-size: var(--font-size-24); font-weight: var(--font-weight-medium); letter-spacing: var(--tracking-neg-002); line-height: var(--leading-140); color: rgb(var(--color-primary-rgb) / 0.6);}
.view-con-tit-box .view-con-txt01 {margin-top: var(--space-8); font-size: var(--font-size-18); font-weight: var(--font-weight-medium); letter-spacing: var(--tracking-neg-005); line-height: var(--leading-177); color: rgb(var(--color-primary-rgb) / 0.6);}
.view-con-tit-box .view-con-txt02 {margin-top: var(--space-32); font-size: var(--font-size-30); font-weight: var(--font-weight-semibold); letter-spacing: var(--tracking-neg-005); line-height: var(--leading-143); color: var(--color-primary);}
.view-con-tit-box .view-con-txt03 {margin-top: var(--space-16); font-size: var(--font-size-20); font-weight: var(--font-weight-medium); letter-spacing: var(--tracking-neg-005); line-height: var(--leading-160); color: var(--color-primary);}

.product-view-top-con {position: relative;}
.product-view-top-con .top-txt-wrap {display: flex; flex-direction: column; justify-content: space-between; min-height: 71.4rem; text-align: center; background-color: var(--color-border-soft); padding: var(--space-112) var(--space-88) var(--space-64) var(--space-88); border-radius: var(--radius-16); box-sizing: border-box;}
.product-view-top-con .view-top-cate {margin-bottom: var(--space-8); font-size: var(--font-size-30); font-weight: var(--font-weight-semibold); letter-spacing: var(--tracking-pos-03); line-height: var(--leading-140); color: rgb(var(--color-primary-rgb) / 0.25);}
.product-view-top-con .view-top-tit {font-size: var(--font-size-100); font-weight: var(--font-weight-bold); letter-spacing: var(--tracking-neg-005); line-height: var(--leading-140); color: var(--color-primary);}
.product-view-top-con .view-top-txt {margin-bottom: var(--space-24); font-size: var(--font-size-18); font-weight: var(--font-weight-medium); letter-spacing: var(--tracking-neg-005); line-height: var(--leading-166); color: var(--color-primary);}
.product-view-top-con .view-top-st {font-size: var(--font-size-18); font-weight: var(--font-weight-medium); letter-spacing: var(--tracking-neg-002); line-height: var(--leading-166); color: rgb(var(--color-primary-rgb) / 0.35);}

.product-view-top-con .btn-box {display: flex; justify-content: flex-end; margin-top: var(--space-104);}
.product-view-top-con .product-online-btn:hover {background-color: var(--main-color); border-color: var(--main-color);}
.product-view-top-con .product-online-btn:hover * {color: var(--color-white);}
.product-view-top-con .product-online-btn {display: flex; flex-direction: column; justify-content: space-between; width: 13rem; height: 13rem; padding: var(--space-24) var(--space-16) var(--space-16) var(--space-24); box-sizing: border-box; border-radius: var(--radius-8); border: 2px solid var(--color-primary); transition: var(--transition-custom);}
.product-view-top-con .product-online-btn i {text-align: right; font-size: var(--font-size-18); font-weight: var(--font-weight-regular); color: var(--color-primary); transition: var(--transition-custom);}
.product-view-top-con .product-online-btn span {text-align: left; font-size: var(--font-size-16); font-weight: var(--font-weight-semibold); letter-spacing: var(--tracking-neg-005); line-height: var(--leading-137); color: var(--color-primary); transition: var(--transition-custom);}

.product-view-top-con .top-img-wrap {display: flex; align-items: center; justify-content: center; pointer-events: none; mix-blend-mode: darken;}
.product-view-top-con .top-img-wrap .img-box {display: flex; align-items: center; justify-content: center; width: 73%; min-height: 83.9rem; pointer-events: none !important;}
.product-view-top-con .top-img-wrap .img-box img {max-width: 100%;}

/* ******************  제품소개 :: 제품 뷰 :: 페이지 별 상단 이미지 위치 ********************** */
.nv-025-view-content .product-view-top-con .top-img-wrap {transform: translateY(calc(-51.9% + 0.5px)); margin-left: 2.2%;}
.nv-050-view-content .product-view-top-con .top-img-wrap {transform: translateY(calc(-51% + 0.5px)); margin-left: 3.2%;}
.nv-180-view-content .product-view-top-con .top-img-wrap {transform: translateY(calc(-52.2% + 0.5px)); margin-left: 0;}
.nl-020-view-content .product-view-top-con .top-img-wrap {transform: translateY(calc(-58.6% + 0.5px)); margin-left: 0.5%;}
.nl-005-view-content .product-view-top-con .top-img-wrap {transform: translateY(calc(-55.2% + 0.5px)); margin-left: 6.3%;}
.nm-010-view-content .product-view-top-con .top-img-wrap {transform: translateY(calc(-51.1% + 0.5px)); margin-left: 0.4%;}
.kla-100-view-content .product-view-top-con .top-img-wrap {transform: translateY(calc(-63.7% + 0.5px)); margin-left: 2.1%;}

.view-img-slide-con {margin-top: calc(var(--space-8) * -54); margin-bottom: var(--space-128);}
.view-img-slide-wrap .area {overflow: visible;}
.view-img-slide-list {transition-timing-function: linear;}
.view-img-slide-list img {max-width: 80%;}
.view-img-slide-list .slide-list-item {position: relative; height: 48rem; background-color: var(--color-border-soft); border-radius: var(--radius-8);}
.view-img-slide-list .slide-list-item::before {position: absolute; top: 0; left: 0; content: ""; width: 100%; height: 100%; background: linear-gradient(158.99deg, var(--color-secondary) 11.52%, var(--color-secondary) 93.4%); opacity: 0; visibility: hidden; border-radius: inherit; transition: var(--transition-custom);}
.view-img-slide-list .slide-list-item a {position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 100%; padding: var(--space-16); box-sizing: border-box;}
.view-img-slide-list .slide-list-item a .img-box {display: flex; align-items: center; justify-content: center;}
.view-img-slide-list .slide-list-item .txt-box {position: absolute; bottom: 2.2rem; text-align: center; opacity: 0; visibility: hidden; transition: var(--transition-custom);}
.view-img-slide-list .slide-list-item .txt-box i {margin-bottom: var(--space-8); font-size: var(--font-size-24); color: var(--color-white);}
.view-img-slide-list .slide-list-item .txt-box p {font-size: var(--font-size-18); font-weight: var(--font-weight-medium); letter-spacing: var(--tracking-neg-005); line-height: var(--leading-177); color: var(--color-white);}

.view-video-con {position: relative; width: 100%; height: 0; padding-top: 51.444%; margin-bottom: var(--space-152); /* margin-top: var(--space-216); */ overflow: hidden;}
.view-video-con::before {position: absolute; top: 50%; left: 50%; content: ""; width: 130vw; height: 130vh; background: var(--thumb) center / cover no-repeat; z-index: 2; transition: all 0.3s; transform: translate(-50%, -50%);}
.view-video-con.thumb-hide::before {opacity: 0; visibility: hidden;}
.view-video-con iframe {position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); pointer-events: none;}
.product-view-content .view-video-con iframe {width: 150vw; height: 150vh;}

.view-function-con {margin-bottom: var(--space-144);}
.view-function-wrap .functon-area {position: relative; display: flex; align-items: flex-end; height: 70rem; padding: var(--space-72) 0; box-sizing: border-box; overflow: hidden; opacity: 1 !important;}
.view-function-wrap .functon-area::before {position: absolute; top: 0; left: 0; content: ""; width: 100%; height: 100%; z-index: -1; transform: scale(1.1); transition: transform 5s linear;}
.view-function-wrap .functon-area.animated::before {transform: scale(1);}

.view-function-wrap .functon-area .area {width: 100%;}
.view-function-wrap .functon-area .txt-box {display: flex; width: 100%;}
.view-function-wrap .functon-area .function-area-tit {font-size: var(--font-size-40); font-weight: var(--font-weight-bold); letter-spacing: var(--tracking-neg-005); line-height: var(--leading-120); color: var(--color-white);}
.view-function-wrap .functon-area .function-area-list {display: flex; flex-direction: column; justify-content: center; margin-left: var(--space-72);}
.view-function-wrap .functon-area .function-area-list .list-item {position: relative; padding-left: var(--space-32); font-size: var(--font-size-18); font-weight: var(--font-weight-medium); letter-spacing: var(--tracking-neg-005); line-height: var(--leading-166); color: var(--color-white);}
.view-function-wrap .functon-area .function-area-list .list-item::before {position: absolute; left: 0; content: "\eb81"; font-family: "remixicon"; font-size: var(--font-size-18); color: var(--color-white);}

.view-schema-con {margin-bottom: var(--space-160);}
.view-schema-con .view-con-tit-box {margin-bottom: var(--space-136);}
/* .view-schema-con .nv-050-schema-wrap .small-arrow::before {position: absolute; content: ""; left: -39.318%; top: 50%; width: 41.04%; height: 32.204%; background: center / cover no-repeat url("../images/content/nv_050_schema_small_arrow.png"); z-index: -1; transform: translate(30px, calc(-50% - 0.5px)); opacity: 0; transition: var(--transition-custom2);}
.view-schema-con .nv-050-schema-wrap .small-arrow::after {position: absolute; content: ""; right: -39.318%; top: 50%; width: 41.04%; height: 32.204%; background: center / cover no-repeat url("../images/content/nv_050_schema_small_arrow.png"); z-index: -1; transform: translate(-30px, calc(-50% - 0.5px)) rotateZ(180deg); opacity: 0; transition: var(--transition-custom2);} */

/* .view-schema-con .nv-050-schema-wrap .small-arrow.animated::before {transform: translate(0, calc(-50% - 0.5px)); opacity: 1;}
.view-schema-con .nv-050-schema-wrap .small-arrow.animated::after {transform: translate(0, calc(-50% - 0.5px)) rotateZ(180deg); opacity: 1;} */
/* .view-schema-con .nv-050-schema-wrap .absolute-img::before {position: absolute; content: ""; left: 50%; top: -113%; width: 34.62%; height: 77.97%; background: center / cover no-repeat url("../images/content/nv_050_schema_big_arrow.png"); transform: translate(calc(-50% - 0.5px), 30px); opacity: 0; transition: var(--transition-custom2);}
.view-schema-con .nv-050-schema-wrap .absolute-img::after {position: absolute; content: ""; left: 50%; bottom: -113%; width: 34.62%; height: 77.97%; background: center / cover no-repeat url("../images/content/nv_050_schema_big_arrow.png"); transform: translate(calc(-50% - 0.5px), -30px) rotateZ(180deg); opacity: 0; transition: var(--transition-custom2);} */

/* .view-schema-con .nv-050-schema-wrap .center-img-area.animated .absolute-img::before {transform: translate(calc(-50% - 0.5px), 0); opacity: 1;}
.view-schema-con .nv-050-schema-wrap .center-img-area.animated .absolute-img::after {transform: translate(calc(-50% - 0.5px), 0) rotateZ(180deg); opacity: 1;} */

.view-table-con {display: flex; flex-direction: column; gap: var(--space-40) 0; margin-bottom: var(--space-144);}
.view-table-wrap {background-color: var(--color-border-soft); border-radius: var(--radius-8); padding: var(--space-136) 0 var(--space-144) 0; box-sizing: border-box;}
.view-table-wrap .inner {display: flex;}
.view-table-wrap .tit-area {width: calc(20.29% - 3rem); margin-right: var(--space-32);}
.view-table-wrap .tit-area .table-wrap-tit {margin-bottom: var(--space-8); font-size: var(--font-size-50); font-weight: var(--font-weight-bold); letter-spacing: var(--tracking-neg-005); line-height: var(--leading-120); color: var(--color-primary);}
.view-table-wrap .tit-area .table-wrap-st {font-size: var(--font-size-18); font-weight: var(--font-weight-medium); letter-spacing: var(--tracking-neg-002); line-height: var(--leading-177); color: rgb(var(--color-primary-rgb) / 0.6);}

.view-table-wrap .table-area {width: 79.711%;}
.view-table-wrap .table-area .txt-box {margin-bottom: var(--space-32);}
.view-table-wrap .table-area .table-area-txt01 {margin-bottom: var(--space-8); font-size: var(--font-size-24); font-weight: var(--font-weight-bold); letter-spacing: var(--tracking-neg-005); line-height: var(--leading-141); color: var(--color-primary);}
.view-table-wrap .table-area .table-area-txt02 {font-size: var(--font-size-18); font-weight: var(--font-weight-medium); letter-spacing: var(--tracking-neg-005); line-height: var(--leading-166); color: var(--color-primary);}

.view-table-wrap .view-table {width: 100%;}
.view-table-wrap .view-table td,
.view-table-wrap .view-table th {height: 5.4rem; text-align: center; font-size: var(--font-size-16); font-weight: var(--font-weight-medium); letter-spacing: var(--tracking-neg-002); line-height: var(--leading-140);}
.view-table-wrap .view-table td.height-85,
.view-table-wrap .view-table th.height-85 {height: 8.5rem;}
.view-table-wrap .view-table td.font-15,
.view-table-wrap .view-table th.font-15 {font-size: var(--font-size-15);}
.view-table-wrap .view-table th {color: var(--color-white);}
.view-table-wrap .view-table th p {position: relative; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; background-color: var(--main-color);}
.view-table-wrap .view-table th:first-child p {border-radius: var(--radius-8) 0 0 var(--radius-8);}
.view-table-wrap .view-table th:last-child p {border-radius: 0 var(--radius-8) var(--radius-8) 0;}
.view-table-wrap .view-table th p::before {position: absolute; top: 50%; right: 0; width: 1px; height: 2.2rem; background-color: rgb(var(--color-white-rgb) / 0.15); content: ""; transform: translateY(-50%)}
.view-table-wrap .view-table th p:last-child::before {display: none;}
.view-table-wrap .view-table td {color: var(--color-primary); border-bottom: 1px solid var(--color-border); border-right: 1px solid var(--color-border);}
.view-table-wrap .view-table td:last-child {border-right: 0;}
.view-table-wrap .view-table td:nth-child(odd) {background-color: var(--color-white);}

/* .view-benefit-con {margin-top: var(--space-200);} */
.cm-img-slide .img-slide-wrap {position: relative; width: 85%; padding: 0 !important;}
.cm-img-slide-list .slide-list-item {position: relative; border-radius: var(--radius-8); overflow: hidden;}
.cm-img-slide-list .slide-list-item .img-box {position: relative; width: 100%; height: 0; padding-top: 42.03%;}
.cm-img-slide-list .slide-list-item .img-box img {position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 100%; height: 100%; object-fit: cover;}
.cm-img-slide-list .slide-list-item .txt-box {display: flex; flex-direction: column; align-items: center; justify-content: center; position: absolute; width: 100%; bottom: 4rem;}
.cm-img-slide-list .slide-list-item .txt-box .num {display: flex; align-items: center; justify-content: center; margin-bottom: var(--space-8); font-size: var(--font-size-14); font-weight: var(--font-weight-semibold); letter-spacing: var(--tracking-neg-002); color: var(--color-white); min-width: 8.6rem; height: 2.6rem; border-radius: var(--radius-64); background: rgb(var(--color-primary-rgb) / 0.3); backdrop-filter: blur(5px);}
.cm-img-slide-list .slide-list-item .txt-box .txt {font-size: var(--font-size-28); font-weight: var(--font-weight-semibold); letter-spacing: var(--tracking-neg-002); line-height: var(--leading-140); color: var(--color-white);}

.cm-img-slide .img-slide-wrap .img-slide-arrow-btn {margin-top: 0; display: flex; align-items: center; justify-content: center; width: 90px; height: 90px; border-radius: var(--radius-round); background-color: var(--color-white); box-shadow: 10px 10px 20px rgb(var(--color-primary-rgb) / 0.25); transition: var(--transition-custom); transform: translateY(-50%)}
.cm-img-slide .img-slide-wrap .swiper-button-prev {left: -55px;}
.cm-img-slide .img-slide-wrap .swiper-button-next {right: -55px;}
.cm-img-slide .img-slide-wrap .img-slide-arrow-btn::after {font-size: var(--font-size-24); font-weight: var(--font-weight-regular); color: var(--color-primary); transition: var(--transition-custom);}
.cm-img-slide .img-slide-wrap .swiper-button-prev::after {content: "\ea60"; font-family: "remixicon";}
.cm-img-slide .img-slide-wrap .swiper-button-next::after {content: "\ea6c"; font-family: "remixicon";}


@media all and (min-width: 801px) {
	.cm-img-slide .img-slide-wrap .img-slide-arrow-btn:hover {background-color: var(--main-color);}
	.cm-img-slide .img-slide-wrap .img-slide-arrow-btn:hover::after {color: var(--color-white);}
	
	.view-img-slide-list .slide-list-item:hover::before,
	.view-img-slide-list .slide-list-item:hover .txt-box {opacity: 1; visibility: visible;}
}

/* ******************  개발품목 :: 품목 뷰 :: HOLLOW REDUCER ********************** */
.nv-025-view-content .view-function-wrap .functon-area.bg01::before {background: center / cover no-repeat url("../images/content/nv_025_view_fuction_bg01.jpg");}
.nv-025-view-content .view-function-wrap .functon-area.bg02::before {background: center / cover no-repeat url("../images/content/nv_025_view_fuction_bg02.jpg");}
.nv-025-view-content .view-function-wrap .functon-area.bg03::before {background: center / cover no-repeat url("../images/content/nv_025_view_fuction_bg03.jpg");}

/* ******************  개발품목 :: 품목 뷰 :: CAM RACK ********************** */
.nv-050-view-content .view-function-wrap .functon-area.bg01::before {background: center / cover no-repeat url("../images/content/nv_050_view_fuction_bg01.jpg");}
.nv-050-view-content .view-function-wrap .functon-area.bg02::before {background: center / cover no-repeat url("../images/content/nv_050_view_fuction_bg02.jpg");}
.nv-050-view-content .view-function-wrap .functon-area.bg03::before {background: center / cover no-repeat url("../images/content/nv_050_view_fuction_bg03.jpg");}

.view-schema-con .nv-050-schema-wrap {position: relative;}
.view-schema-con .nv-050-schema-wrap img {max-width: 100%;}
/* .view-schema-con .schema-wrap .img-area-box {gap: 0 var(--space-40);} */
.view-schema-con .nv-050-schema-wrap .top-img-area {margin-bottom: 21%;}
.view-schema-con .nv-050-schema-wrap .top-img-area .img-box .img01 {width: 67.352%;}
.view-schema-con .nv-050-schema-wrap .top-img-area .img-box .small-arrow {width: 5.95%;}
.view-schema-con .nv-050-schema-wrap .top-img-area .img-box .img02 {width: 26.697%;}
.view-schema-con .nv-050-schema-wrap .top-img-area .img-box {gap: 0 2.5%;}
.view-schema-con .nv-050-schema-wrap .small-arrow {position: relative; z-index: 1;}
.view-schema-con .nv-050-schema-wrap .small-arrow::before {position: absolute; content: ""; left: -39.318%; top: 50%; width: 41.04%; height: 32.204%; background: center / cover no-repeat url("../images/content/nv_050_schema_small_arrow.png"); z-index: -1; transform: translateY(calc(-50% - 0.5px)); transition: var(--transition-custom2);}
.view-schema-con .nv-050-schema-wrap .small-arrow::after {position: absolute; content: ""; right: -39.318%; top: 50%; width: 41.04%; height: 32.204%; background: center / cover no-repeat url("../images/content/nv_050_schema_small_arrow.png"); z-index: -1; transform: translateY(calc(-50% - 0.5px)) rotateZ(180deg); transition: var(--transition-custom2);}
.view-schema-con .nv-050-schema-wrap .img-box {position: relative; display: flex; align-items: center; /* gap: 0 3.917%; */}

.view-schema-con .nv-050-schema-wrap .center-img {position: absolute; top: 51.4%; left: 48%; display: flex; align-items: center; justify-content: center; width: 59.131%; height: 89.211%; transform: translate(-50%, -50%);}

.view-schema-con .nv-050-schema-wrap .bottom-img-area {display: flex; gap: 0 2.827%;}
.view-schema-con .nv-050-schema-wrap .bottom-img-area .left-img-box {width: 34.303%;}
.view-schema-con .nv-050-schema-wrap .bottom-img-area .right-img-box {width: 65.698%;}
.view-schema-con .nv-050-schema-wrap .bottom-img-area .right-img-box .img01 {width: 47.29%;}
.view-schema-con .nv-050-schema-wrap .bottom-img-area .right-img-box .small-arrow {width: 9.607%;}
.view-schema-con .nv-050-schema-wrap .bottom-img-area .right-img-box .img02 {width: 43.103%;}
.view-schema-con .nv-050-schema-wrap .bottom-img-area .img-box {gap: 0 3.917%;}
.view-schema-con .nv-050-schema-wrap .img-box .line {position: absolute; left: -15.2%; top: -89%; width: 88.083%; height: 91.25%;}
.view-schema-con .nv-050-schema-wrap .center-img-area {position: absolute; top: 0; width: 100%; height: 100%;}
.view-schema-con .nv-050-schema-wrap .absolute-img {position: absolute; left: 4.3%; top: 50%; width: 5.653%; transform: translateY(calc(-50% + 0.5px));}
.view-schema-con .nv-050-schema-wrap .absolute-img::before {position: absolute; content: ""; left: 50%; top: -113%; width: 34.62%; height: 77.97%; background: center / cover no-repeat url("../images/content/nv_050_schema_big_arrow.png"); transform: translateX(calc(-50% - 0.5px)); transition: var(--transition-custom2);}
.view-schema-con .nv-050-schema-wrap .absolute-img::after {position: absolute; content: ""; left: 50%; bottom: -113%; width: 34.62%; height: 77.97%; background: center / cover no-repeat url("../images/content/nv_050_schema_big_arrow.png"); transform: translateX(calc(-50% - 0.5px)) rotateZ(180deg); transition: var(--transition-custom2);}

/* ******************  개발품목 :: 품목 뷰 :: ROLLER PINION ********************** */
.nv-180-view-content .view-video-con iframe {width: 230vw; height: 230vh;}
.nv-180-view-content .view-function-wrap .functon-area.bg01::before {background: center / cover no-repeat url("../images/content/nv_180_view_fuction_bg01.jpg");}
.nv-180-view-content .view-function-wrap .functon-area.bg02::before {background: center / cover no-repeat url("../images/content/nv_180_view_fuction_bg02.jpg");}
.nv-180-view-content .view-function-wrap .functon-area.bg03::before {background: center / cover no-repeat url("../images/content/nv_180_view_fuction_bg03.jpg");}

.nv-180-schema-wrap {position: relative;}
.nv-180-schema-wrap img {max-width: 100%;}
.nv-180-schema-wrap .top-img-area {margin-bottom: 27.2%;}
.nv-180-schema-wrap .top-img-area .img-box {display: flex; align-items: center; gap: 0 0.628%;}
.nv-180-schema-wrap .top-img-area .img-box .img01,
.nv-180-schema-wrap .top-img-area .img-box .img03,
.nv-180-schema-wrap .top-img-area .img-box .img05 {width: 15.943%;}
.nv-180-schema-wrap .top-img-area .img-box .img02,
.nv-180-schema-wrap .top-img-area .img-box .img04,
.nv-180-schema-wrap .top-img-area .img-box .img06 {width: 5.218%;}
.nv-180-schema-wrap .top-img-area .img-box .img07 {width: 32.754%;}

.nv-180-schema-wrap .center-img-area {position: absolute; top: 0; width: 100%; height: 100%;}
.nv-180-schema-wrap .center-img-area .center-img {position: absolute; top: 15.7%; left: 50%; transform: translateX(-50%); width: 57.174%; height: 46.006%;}
.nv-180-schema-wrap .center-img-area .line-img {position: absolute; left: 6.8%; top: 22%; width: 57.682%; height: 62.71%;}

.nv-180-schema-wrap .bottom-img-area {display: flex; gap: 0 6.522%;}
.nv-180-schema-wrap .bottom-img-area .bottom-img {margin-bottom: 0.954%;}
.nv-180-schema-wrap .bottom-img-area .bottom-img:last-child {margin-bottom: 0;}

/* animated */
.nv-180-schema-wrap .top-img-area .img-box .top-img ,
.nv-180-schema-wrap .center-img-area,
.nv-180-schema-wrap .center-img-area .line-img,
.nv-180-schema-wrap .bottom-img-area .bottom-img {opacity: 0; transition:var(--transition-custom2);   -webkit-transform: translate3d(0, 30px, 0); transform: translate3d(0, 30px, 0);}

.nv-180-schema-wrap .top-img-area .img-box .img02 {transition-delay: 0.1s;}
.nv-180-schema-wrap .top-img-area .img-box .img03 {transition-delay: 0.2s;}
.nv-180-schema-wrap .top-img-area .img-box .img04 {transition-delay: 0.3s;}
.nv-180-schema-wrap .top-img-area .img-box .img05 {transition-delay: 0.4s;}
.nv-180-schema-wrap .top-img-area .img-box .img06 {transition-delay: 0.5s;}
.nv-180-schema-wrap .top-img-area .img-box .img07 {transition-delay: 0.6s;}
.nv-180-schema-wrap .center-img-area {transition-delay: 0.7s;}
.nv-180-schema-wrap .center-img-area .line-img {transition-delay: 1.4s;}
.nv-180-schema-wrap .bottom-img-area .bottom-img.img01 {transition-delay: 0.8s;}
.nv-180-schema-wrap .bottom-img-area .bottom-img.img02 {transition-delay: 1.0s;}
.nv-180-schema-wrap .bottom-img-area .bottom-img.img03 {transition-delay: 1.2s;}
.nv-180-schema-wrap .bottom-img-area .bottom-img.img04 {transition-delay: 0.8s;}

.nv-180-schema-wrap.animated .top-img-area .img-box .top-img ,
.nv-180-schema-wrap.animated .center-img-area ,
.nv-180-schema-wrap.animated .center-img-area .line-img,
.nv-180-schema-wrap.animated .bottom-img-area .bottom-img { opacity: 1; -webkit-transform: none; transform: none;}



/* ******************  개발품목 :: 품목 뷰 :: INDEX UNIT ********************** */
.nl-020-view-content .view-video-con iframe {width: 230vw; height: 230vh;}
.nl-020-view-content .view-function-wrap .functon-area.bg01::before {background: center / cover no-repeat url("../images/content/nl_020_view_fuction_bg01.jpg");}
.nl-020-view-content .view-function-wrap .functon-area.bg02::before {background: center / cover no-repeat url("../images/content/nl_020_view_fuction_bg02.jpg");}
.nl-020-view-content .view-function-wrap .functon-area.bg03::before {background: center / cover no-repeat url("../images/content/nl_020_view_fuction_bg03.jpg");}

/* ******************  개발품목 :: 품목 뷰 :: BEARING UNIT ********************** */
.nl-005-view-content .view-video-con iframe {width: 250vw; height: 250vh;}
.nl-005-view-content .view-function-wrap .functon-area.bg01::before {background: center / cover no-repeat url("../images/content/nl_005_view_fuction_bg01.jpg");}
.nl-005-view-content .view-function-wrap .functon-area.bg02::before {background: center / cover no-repeat url("../images/content/nl_005_view_fuction_bg02.jpg");}
.nl-005-view-content .view-function-wrap .functon-area.bg03::before {background: center / cover no-repeat url("../images/content/nl_005_view_fuction_bg03.jpg");}

/* ******************  개발품목 :: 품목 뷰 :: COOLING FAN ********************** */
.nm-010-view-content .view-video-con iframe {width: 230vw; height: 230vh;}
.nm-010-view-content .view-function-wrap .functon-area.bg01::before {background: center / cover no-repeat url("../images/content/nm_010_view_fuction_bg01.jpg");}
.nm-010-view-content .view-function-wrap .functon-area.bg02::before {background: center / cover no-repeat url("../images/content/nm_010_view_fuction_bg02.jpg");}
.nm-010-view-content .view-function-wrap .functon-area.bg03::before {background: center / cover no-repeat url("../images/content/nm_010_view_fuction_bg03.jpg");}

/* ******************  개발품목 :: 품목 뷰 :: E MOTION TEK ********************** */
.kla-100-view-content .view-table-con {margin-top: calc(var(--space-8) * -64);}
.kla-100-view-content .view-video-con iframe {width: 230vw; height: 230vh;}
.kla-100-view-content .view-function-wrap .functon-area.bg01::before {background: center / cover no-repeat url("../images/content/kla_100_view_fuction_bg01.jpg");}
.kla-100-view-content .view-function-wrap .functon-area.bg02::before {background: center / cover no-repeat url("../images/content/kla_100_view_fuction_bg02.jpg");}
.kla-100-view-content .view-function-wrap .functon-area.bg03::before {background: center / cover no-repeat url("../images/content/kla_100_view_fuction_bg03.jpg");}
/* .kla-100-view-content .view-video-con iframe {width: 150vw; height: 150vh;} */

.view-schema-con .kla-100-schema-wrap .list-img-area {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.view-schema-con .kla-100-schema-wrap img {max-width: 100%;}
.view-schema-con .kla-100-schema-wrap .list-img-area .list-img {position: absolute; z-index: 1; width: 21.812%;}
.view-schema-con .kla-100-schema-wrap .list-img-area .list-img.img01 {left: 0; top: 17.065%; height: 18.184%;}
.view-schema-con .kla-100-schema-wrap .list-img-area .list-img.img02 {left: 48.55%; top: 11%; height: 21.214%;}
.view-schema-con .kla-100-schema-wrap .list-img-area .list-img.img03 {right: 0; top: 27.113%; height: 18.184%;}
.view-schema-con .kla-100-schema-wrap .list-img-area .list-img.img04 {right: 22.463%; bottom: 7.974%; height: 21.214%;;}
.view-schema-con .kla-100-schema-wrap .list-img-area .list-img.img05 {left: 9.782%; bottom: 7.974%; height: 18.184%;}
.view-schema-con .kla-100-schema-wrap .center-img-area .center-img {display: flex; align-items: center; justify-content: center; width: 80.798%; margin: 0 auto;}
.view-schema-con .kla-100-schema-wrap .center-img-area .line-img {position: absolute; top: 26%; left: 20.6%; width: 65%; height: 59.97%;}
/* .view-schema-con .kla-100-schema-wrap .center-img-area {position: absolute; top: 0; width: 100%; height: 100%;}
.view-schema-con .kla-100-schema-wrap .center-img-area .center-img {position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 80.798%; height: 103.637%;} */

/* ****************** 사업소개 :: 공통 ********************** */
.business-cm-content {padding-top: var(--space-48);}
.business-cm-tit {font-size: var(--font-size-52); font-weight: var(--font-weight-bold); letter-spacing: var(--tracking-neg-002); line-height: var(--leading-140); color: var(--color-primary);}

.business-cm-top-con {position: relative; margin-bottom: var(--space-112); /* padding-left: var(--space-112); */}
.business-cm-top-con::before {position: absolute; top: 15rem; left: 0; content: ""; width: 100%; height: 76.8rem; background-color: var(--color-border-soft); z-index: -1; pointer-events: none;}
.business-cm-top-con .inner {display: flex; align-items: flex-start; max-width: 122rem; margin: 0 auto; padding-bottom: var(--space-64);}
.business-cm-top-con .logo-box {width: 38.9rem;}
.business-cm-top-con .logo-box img {max-width: 100%;}
.business-cm-top-con .txt-box {width: calc(90% - 38.9rem); margin-left: 10%;}
.business-cm-top-cate {margin-bottom: var(--space-24); font-size: var(--font-size-24); font-weight: var(--font-weight-semibold); letter-spacing: var(--tracking-neg-005); color: var(--color-primary);}
.business-cm-top-txt02 {margin-bottom: var(--space-24); font-size: var(--font-size-24); font-weight: var(--font-weight-bold); letter-spacing: var(--tracking-neg-005); line-height: var(--leading-150); color: var(--color-primary);}
.business-cm-top-txt {margin-bottom: var(--space-16); font-size: var(--font-size-52); font-weight: var(--font-weight-bold); letter-spacing: var(--tracking-neg-005); line-height: var(--leading-140); color: var(--color-primary);}
.business-cm-top-txt span {color: var(--main-color);}
.business-cm-top-en-txt {display: inline-flex; align-items: center; justify-content: center; min-height: 4rem; padding: var(--space-8) var(--space-24); text-align: center; font-size: var(--font-size-16); font-weight: var(--font-weight-bold); letter-spacing: var(--tracking-neg-002); line-height: var(--leading-140); color: var(--main-color); border: 1px solid var(--main-color); border-radius: var(--radius-48); box-sizing: border-box;}

.business-img-slide-con {margin-bottom: var(--space-112);}
.business-img-slide-con .cm-img-slide-list {align-items: center; min-height: 69.6rem;}
.business-img-slide-con .cm-img-slide-list .slide-list-item .img-box {transition: padding 0.6s; padding-top: 39.131%;}
.business-img-slide-con .cm-img-slide-list .slide-list-item.swiper-slide-active .img-box {padding-top: 50.435%;}

/********** 상단 이미지 슬라이드 **********/
.business-cm-content .cm-img-slide-list .slide-list-item .txt-box {bottom: 8.5rem;}

.flow-txt-con {display: flex; overflow: hidden; margin-bottom: var(--space-176);}
.flow-txt-con .flow-txt-track {display: flex; gap: 0 var(--space-104); width: max-content; animation: flowTxt 20s linear infinite;}
.flow-txt-con .flow-txt-box {display: flex; gap: 0 var(--space-104); white-space: nowrap;}
.flow-txt-con .flow-txt-box .flow-txt {font-size: var(--font-size-180); font-weight: var(--font-weight-extrabold); letter-spacing: var(--tracking-neg-002); color: rgb(var(--color-primary-rgb) / 0.04);}

.business-accordion-con {min-height: 74rem; margin-bottom: var(--space-224);}
.business-accordion-con .accordion-list {display: flex; flex-direction: column; gap: var(--space-8) 0;}
.business-accordion-con .accordion-list .list-item {position: relative; display: flex; flex-direction: column; justify-content: space-between; width: 100%; min-height: 10rem; padding: var(--space-32) var(--space-56); border-radius: var(--radius-16); cursor: pointer; box-sizing: border-box; overflow: hidden; transition: min-height 0.4s;}
.business-accordion-con .accordion-list .list-item::before {position: absolute; top: 0; left: 0; content: ""; width: 100%; height: 100%; background-color: rgb(var(--color-primary-rgb) / 0.1); z-index: 0;}
.business-accordion-con .accordion-list .list-item .tit-box {position: relative; z-index: 1; display: flex; align-items: center;}
.business-accordion-con .accordion-list .list-item .tit-box .num {display: flex; align-items: center; justify-content: center; width: 4rem; height: 4rem; margin-right: var(--space-16); border-radius: var(--radius-8); background-color: rgb(var(--color-primary-rgb) / 0.1); font-size: var(--font-size-16); font-weight: var(--font-weight-bold); letter-spacing: var(--tracking-neg-002); color: var(--color-white);}
.business-accordion-con .accordion-list .list-item .tit-box .list-item-tit {font-size: var(--font-size-23); font-weight: var(--font-weight-semibold); letter-spacing: var(--tracking-neg-005); line-height: var(--leading-140); color: var(--color-white);}
.business-accordion-con .accordion-list .list-item .tit-box .list-item-tit span {margin-left: var(--space-16); font-size: var(--font-size-18); color: rgb(var(--color-white-rgb) / 0.3);}
.business-accordion-con .accordion-list .list-item .txt-box {position: absolute; bottom: 7.5rem; left: 11rem; opacity: 0; transition: opacity 0.6s;}
.business-accordion-con .accordion-list .list-item .txt-box .list-item-txt01 {margin-bottom: var(--space-16); font-size: var(--font-size-32); font-weight: var(--font-weight-bold); letter-spacing: var(--tracking-neg-005); line-height: var(--leading-137); color: var(--color-white);}
.business-accordion-con .accordion-list .list-item .txt-box .list-item-txt02 {font-size: var(--font-size-18); font-weight: var(--font-weight-medium); letter-spacing: var(--tracking-neg-005); line-height: var(--leading-166); color: rgb(var(--color-white-rgb) / 0.8);}

.business-accordion-con .accordion-list .list-item.active {min-height: 52rem;}
.business-accordion-con .accordion-list .list-item.active .txt-box {opacity: 1;}

.business-core-con {position: relative; margin-bottom: var(--space-208);}
.business-core-con::before {position: absolute; left: 0; bottom: -27rem; content: ""; width: 100%; height: 77.6rem; background: center / cover no-repeat url("../images/content/business_core_bg.png"); pointer-events: none;}
.business-core-list {position: relative; display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 0 var(--space-176); margin-top: var(--space-80);}
.business-core-list .core-list-irem {position: relative;}
.business-core-list .core-list-irem::before {position: absolute; left: -8rem; top: 50%; content: ""; width: 1px; height: 20rem; background-color: rgb(var(--color-primary-rgb) / 0.1); transform: translateY(-50%);}
.business-core-list .core-list-irem:first-child::before {display: none;}
/* .business-core-list .core-list-irem {padding: 0 var(--space-40) 0 var(--space-80);}
.business-core-list .core-list-irem:first-child {padding-left: 0;} */
.business-core-list .icon-box {margin-bottom: var(--space-56);}
.business-core-list img {max-width: 100%;}
.business-core-list .core-list-irem .num {display: flex; align-items: center; justify-content: center; width: 4.6rem; height: 2.3rem; margin-bottom: var(--space-24); font-size: var(--font-size-15); font-weight: var(--font-weight-semibold); letter-spacing: var(--tracking-neg-002); color: var(--color-white); border-radius: var(--radius-64); background-color: var(--main-color);}
.business-core-list .core-list-irem .list-item-tit {margin-bottom: var(--space-8); font-size: var(--font-size-32); font-weight: var(--font-weight-bold); letter-spacing: var(--tracking-neg-002); line-height: var(--leading-137); color: var(--color-primary);}
.business-core-list .core-list-irem .list-item-txt {font-size: var(--font-size-16); font-weight: var(--font-weight-medium); letter-spacing: var(--tracking-neg-005); line-height: var(--leading-1625); color: rgb(var(--color-primary-rgb) / 0.7);}

.business-overview-con {padding: var(--space-168) 0 var(--space-184) 0; background: linear-gradient(180deg, var(--color-border-soft) 0%, var(--color-border-soft) 100%);}
.business-overview-con .area {padding: 0 var(--space-24); overflow: visible;}
.business-overview-wrap {position: relative;}
.business-overview-con .overview-list {display: flex; align-items: center; gap: 0; margin: var(--space-40) 0 0 0; padding: 0 0 var(--space-64) 0;}
.business-overview-con .overview-list .list-item {box-shadow: 1rem 1rem 3rem rgb(var(--color-primary-rgb) / 0.06); }
.business-overview-con .overview-list .list-item a {display: block; padding: var(--space-48) var(--space-24) var(--space-24) var(--space-24); box-sizing: border-box; background-color: var(--color-white); border-radius: var(--radius-8); transition: var(--transition-custom);}
.business-overview-con .overview-list .list-item .txt-box {margin-bottom: var(--space-40);}
.business-overview-con .overview-list .list-item .img-box {position: relative; width: 100%; height: 0; padding-top: 81.273%; border-radius: var(--radius-8); background-color: var(--color-border-soft); transition: var(--transition-custom); overflow: hidden;}
.business-overview-con .overview-list .list-item:first-child .img-box img {top: 1.5rem;}
.business-overview-con .overview-list .list-item:nth-child(2) .img-box img {right: -1rem;}
.business-overview-con .overview-list .list-item:nth-child(5) .img-box img {left: -1rem;}
.business-overview-con .overview-list .list-item .img-box img {position: absolute; top: 0; right: 0; left: 0; bottom: 0; content: ""; margin: auto; max-width: 100%; max-height: 100%;}
.business-overview-con .overview-list .list-item-category {display: inline-flex; align-items: center; justify-content: center; min-width: 7rem; min-height: 2.4rem; padding: 0 var(--space-16); margin-bottom: var(--space-16); font-size: var(--font-size-14); font-weight: var(--font-weight-medium); letter-spacing: var(--tracking-neg-005); color: var(--color-white); background-color: var(--main-color); border-radius: var(--radius-16); transition: var(--transition-custom); box-sizing: border-box;}
.business-overview-con .overview-list .list-item-tit {font-size: var(--font-size-32); font-weight: var(--font-weight-bold); letter-spacing: var(--tracking-neg-002); color: var(--color-primary); transition: var(--transition-custom);}

.business-overview-con .prd-image-list {margin-top: var(--space-40); padding-bottom: var(--space-64);}
.business-overview-con .prd-image-list .img-box {position: relative; width: 100%; height: 0; padding-top: 63.236%;}
.business-overview-con .prd-image-list .img-box img {position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ""; max-width: 100%; max-height: 100%; margin: auto;}

@media all and (min-width: 801px) {
	.business-overview-con .overview-list .list-item a:hover {background-color: var(--main-color);}
	.business-overview-con .overview-list .list-item a:hover .img-box {background-color: rgb(var(--color-primary-rgb) / 0.2);}
	.business-overview-con .overview-list .list-item a:hover .list-item-category {background-color: var(--color-white); color: var(--main-color);}
	.business-overview-con .overview-list .list-item a:hover .list-item-tit {color: var(--color-white);}
}

@keyframes flowTxt {
	from {
		transform: translateX(0);
	} 
	to {
		transform: translateX(-50%);
	}
}

/* ****************** 사업소개 :: 인트로 ********************** */
.intro-content .business-cm-top-con::before {display: none;}
.intro-content .business-intro-top-con {padding-bottom: var(--space-168);}
.intro-content .business-cm-top-en-txt {margin-bottom: var(--space-24);}
.intro-content .business-cm-top-txt {margin-bottom: var(--space-24);}
.intro-content .business-cm-top-txt02 {margin-bottom: 0;}

.intro-business-list {display: flex; height: 100vh;}
.intro-business-list .list-item {position: relative; flex: 1; overflow: hidden; transition: var(--transition-custom);}
.intro-business-list .list-item::before {position: absolute; content: ""; top: 0; left: 0; width: 72rem; height: 100%;}
.intro-business-list .list-item:first-child::before {background: center / cover no-repeat url("../images/content/business_intro_list_bg01.jpg");}
.intro-business-list .list-item:nth-child(2)::before {background: center / cover no-repeat url("../images/content/business_intro_list_bg02.jpg");}
.intro-business-list .list-item:nth-child(3)::before {background: center / cover no-repeat url("../images/content/business_intro_list_bg03.jpg");}
.intro-business-list .list-item:last-child::before {background: center / cover no-repeat url("../images/content/business_intro_list_bg04.jpg");}
.intro-business-list .list-item a {position: relative; display: block; width: 100%; height: 100%;}
.intro-business-list .list-item a::before {position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; background-color: rgb(var(--color-primary-rgb) / 0.7); transition: var(--transition-custom);}
.intro-business-list .list-item .txt-box {position: absolute; bottom: 6.2rem; left: 5rem; width: 200%; min-height: 36.9rem; transform: translateY(28.2rem); transition: var(--transition-custom);}
.intro-business-list .list-item .list-item-st {display: flex; align-items: center; margin-bottom: var(--space-16); font-size: var(--font-size-16); font-weight: var(--font-weight-bold); letter-spacing: var(--tracking-neg-002); line-height: var(--leading-125); color: var(--color-white);}
.intro-business-list .list-item .list-item-st span {display: inline-flex; align-items: center; justify-content: center; width: 3.6rem; height: 2rem; margin-right: var(--space-16); font-size: var(--font-size-14); border: 1px solid var(--color-white); border-radius: var(--radius-48); box-sizing: border-box;}
.intro-business-list .list-item .list-item-tit {margin-bottom: var(--space-88); font-size: var(--font-size-44); font-weight: var(--font-weight-bold); letter-spacing: var(--tracking-neg-002); line-height: var(--leading-125); color: var(--color-white); transition: var(--transition-custom);}
.intro-business-list .list-item .list-item-txt01 {opacity: 0; margin-bottom: var(--space-24); font-size: var(--font-size-28); font-weight: var(--font-weight-bold); letter-spacing: var(--tracking-neg-002); line-height: var(--leading-125); color: var(--color-white); transition: var(--transition-custom);}
.intro-business-list .list-item .list-item-txt02 {opacity: 0; font-size: var(--font-size-16); font-weight: var(--font-weight-medium); letter-spacing: var(--tracking-neg-005); line-height: var(--leading-1625); color: rgb(var(--color-white-rgb) / 0.7); transition: var(--transition-custom);}

@media all and (min-width: 801px) {
	.intro-business-list .list-item:hover {flex: 1.8228;}
	.intro-business-list .list-item:hover a::before {opacity: 0;}
	.intro-business-list .list-item:hover .txt-box {min-height: 10rem; transform: translateY(0);}
	.intro-business-list .list-item:hover .list-item-tit {margin-bottom: var(--space-24);}
	.intro-business-list .list-item:hover .list-item-txt01,
	.intro-business-list .list-item:hover .list-item-txt02 {opacity: 1;}
}

/* ****************** 취급품목 :: Parts Distribution ********************** */
.uav-content .business-accordion-con .accordion-list .list-item:first-child {background: center / cover no-repeat url("../images/content/uav_business_accordion_list_bg01.jpg");}
.uav-content .business-accordion-con .accordion-list .list-item:nth-child(2) {background: center / cover no-repeat url("../images/content/uav_business_accordion_list_bg02.jpg");}
.uav-content .business-accordion-con .accordion-list .list-item:last-child {background: center / cover no-repeat url("../images/content/uav_business_accordion_list_bg03.jpg");}

/* ****************** 취급품목 :: Technical Support ********************** */
.uam-content .business-cm-top-con {padding-left: var(--space-32);}

.uam-content .business-accordion-con .accordion-list .list-item:first-child {background: center / cover no-repeat url("../images/content/uam_business_accordion_list_bg01.jpg");}
.uam-content .business-accordion-con .accordion-list .list-item:nth-child(2) {background: center / cover no-repeat url("../images/content/uam_business_accordion_list_bg02.jpg");}
.uam-content .business-accordion-con .accordion-list .list-item:last-child {background: center / cover no-repeat url("../images/content/uam_business_accordion_list_bg03.jpg");}

.business-time-des-con {margin-bottom: var(--space-104);}
.business-time-des-con .inner {position: relative; width: 100%; height: 0; padding-top: 43.5%; border-radius: var(--radius-8); background: center / cover no-repeat url("../images/content/business_time_des_bg.jpg");}
.business-time-des-con .inner .txt-area {position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: var(--space-64) var(--space-72); box-sizing: border-box;}
.business-time-des-con .business-time-des-tit {margin-bottom: var(--space-8); font-size: var(--font-size-38); font-weight: var(--font-weight-bold); letter-spacing: var(--tracking-neg-005); line-height: var(--leading-140); color: var(--color-white);}
.business-time-des-con .business-time-des-list {position: relative; z-index: 1; display: inline-flex; flex-direction: column; min-width: 58.9rem; padding: var(--space-24) var(--space-32); background: rgb(var(--color-white-rgb) / 0.08); backdrop-filter: blur(1.5rem); border-radius: var(--radius-24); box-sizing: border-box;}
.business-time-des-con .business-time-des-list .list-item {display: flex; align-items: center; margin-bottom: var(--space-8);}
.business-time-des-con .business-time-des-list .list-item:last-child {margin-bottom: 0;}
.business-time-des-con .business-time-des-list .list-item-tit {width: 12.5rem; margin-right: var(--space-24); font-size: var(--font-size-18); font-weight: var(--font-weight-semibold); letter-spacing: var(--tracking-neg-005); line-height: var(--leading-140); color: var(--color-white);}
.business-time-des-con .business-time-des-list .list-item-txt {display: inline-flex; align-items: center; gap: 0 var(--space-8); width: calc(100% - 14.5rem); font-size: var(--font-size-16); font-weight: var(--font-weight-medium); letter-spacing: var(--tracking-neg-005); line-height: var(--leading-140); color: var(--color-white);}
.business-time-des-con .business-time-des-list .list-item-txt i {margin-right: var(--space-8);}
.business-time-des-con .business-time-des-list .list-item-txt .opacity-50 {opacity: 0.5;}
.business-time-des-con .destination-txt {position: absolute; left: 33.125%; bottom: 22.988%; display: flex; align-items: center; justify-content: center; width: 9.813%; height: 6.18%; font-size: var(--font-size-16); font-weight: var(--font-weight-bold); color: var(--color-secondary); border: 2px solid var(--color-secondary); border-radius: var(--radius-8); background-color: var(--color-white); box-shadow: 0px 0px 30px var(--color-secondary); backdrop-filter: blur(9.35px);}
.business-time-des-con .line {position: absolute; right: 5.9375%; bottom: 29.1%; width: 56.125%; height: 42.674%; z-index: 0;}
.business-time-des-con .line svg {width: 100%; height: 100%;}
/* .business-time-des-con .line path {stroke-dashoffset: 0;} */

/* ****************** 사업소개 :: lsa Business ********************** */
.lsa-content .business-accordion-con .accordion-list .list-item:first-child {background: center / cover no-repeat url("../images/content/lsa_business_accordion_list_bg01.jpg");}
.lsa-content .business-accordion-con .accordion-list .list-item:nth-child(2) {background: center / cover no-repeat url("../images/content/lsa_business_accordion_list_bg02.jpg");}
.lsa-content .business-accordion-con .accordion-list .list-item:last-child {background: center / cover no-repeat url("../images/content/lsa_business_accordion_list_bg03.jpg");}

/* ****************** 사업소개 :: Si Business ********************** */
.si-content .business-accordion-con .accordion-list .list-item:first-child {background: center / cover no-repeat url("../images/content/si_business_accordion_list_bg01.jpg");}
.si-content .business-accordion-con .accordion-list .list-item:nth-child(2) {background: center / cover no-repeat url("../images/content/si_business_accordion_list_bg02.jpg");}
.si-content .business-accordion-con .accordion-list .list-item:last-child {background: center / cover no-repeat url("../images/content/si_business_accordion_list_bg03.jpg");}

.key-feature-tit {font-size: var(--font-size-26); font-weight: var(--font-weight-bold); letter-spacing: var(--tracking-neg-002); line-height: var(--leading-140); color: var(--color-primary);}
.key-feature-list-wrap {display: flex; margin-top: var(--space-64);}
.key-feature-list-wrap .tit-area {width: calc(20.29% - 3rem); margin-right: var(--space-32);}
.key-feature-list {display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: var(--space-8); width: 79.711%;}
.key-feature-list .list-item {display: flex; flex-direction: column; justify-content: space-between; padding: var(--space-32) var(--space-32); border-radius: var(--radius-8); box-sizing: border-box;}
.key-feature-list .list-item:first-child {background-color: var(--color-secondary);}
.key-feature-list .list-item:nth-child(2) {background-color: var(--color-secondary);}
.key-feature-list .list-item:nth-child(3) {background-color: var(--color-secondary);}
.key-feature-list .list-item:last-child {background-color: var(--color-secondary);}
.key-feature-list .list-item .num {display: flex; align-items: center; justify-content: center; width: 3.5rem; height: 2rem; margin-bottom: var(--space-32); border-radius: var(--radius-24); border: 2px solid var(--color-white); box-sizing: border-box; font-size: var(--font-size-12); font-weight: var(--font-weight-bold); letter-spacing: var(--tracking-neg-002); color: var(--color-white);}
.key-feature-list .list-item .txt {font-size: var(--font-size-16); font-weight: var(--font-weight-semibold); letter-spacing: var(--tracking-neg-005); line-height: var(--leading-150); color: var(--color-white);}

.si-content .business-cm-top-con {padding-left: var(--space-32); margin-bottom: var(--space-72);}
.si-content .flow-txt-con {margin-top: var(--space-128);}
.business-vprocess-con {/* min-height: 100vh !important;  */top: 0 !important; padding-top: var(--space-112); background: linear-gradient(180deg, var(--color-border-soft) 0%, var(--color-border-soft) 100%);}
.business-vprocess-con .area {position: relative; display: flex; align-items: center; width: 100%; height: 100%;}
.business-vprocess-con .vprocess-txt-box {position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.business-vprocess-con .vprocess-tit {margin-bottom: var(--space-16); font-size: var(--font-size-80); font-weight: var(--font-weight-bold); letter-spacing: var(--tracking-neg-002); line-height: var(--leading-140); color: var(--color-primary);}
.business-vprocess-con .vprocess-txt {font-size: var(--font-size-16); font-weight: var(--font-weight-medium); letter-spacing: var(--tracking-neg-005); line-height: var(--leading-1625); color: rgb(var(--color-primary-rgb) / 0.7);}
.business-vprocess-con .vprocess-list {display: flex; align-items: center; margin-left: calc(var(--space-8) * 78);}
.business-vprocess-con .vprocess-list .list-item {min-width: 50rem; width: 20%; padding: 0 var(--space-40); border-right: 1px solid rgb(var(--color-primary-rgb) / 0.1);}
.business-vprocess-con .vprocess-list .list-item:first-child {padding-left: 0;}
.business-vprocess-con .vprocess-list .list-item .img-box {position: relative; width: 100%; height: 0; padding-top: 100%; margin-bottom: var(--space-40);}
.business-vprocess-con .vprocess-list .list-item .img-box img {position: absolute; top: 0; right: 0; bottom: 0; left: 0; max-width: 100%; max-height: 100%; margin: auto;}
.business-vprocess-con .vprocess-list .list-item .num {margin-bottom: var(--space-16); font-size: var(--font-size-20); font-weight: var(--font-weight-bold); letter-spacing: var(--tracking-neg-002); color: var(--main-color);}
.business-vprocess-con .vprocess-list .list-item .list-item-tit {margin-bottom: var(--space-16); font-size: var(--font-size-28); font-weight: var(--font-weight-bold); letter-spacing: var(--tracking-neg-002); line-height: var(--leading-140); color: var(--color-primary);}
.business-vprocess-con .vprocess-list .list-item .list-item-txt {font-size: var(--font-size-16); font-weight: var(--font-weight-medium); letter-spacing: var(--tracking-neg-005); line-height: var(--leading-1625); color: rgb(var(--color-primary-rgb) / 0.7);}

.si-process-con {padding: var(--space-128) 0 var(--space-112) 0; background: linear-gradient(180deg, var(--color-border-soft) 0%, var(--color-border-soft) 100%);}
.si-process-con .process-con-tit {font-size: var(--font-size-28); font-weight: var(--font-weight-bold); letter-spacing: var(--tracking-neg-002); line-height: var(--leading-140); color: var(--color-primary);}
/* .si-process-con .custom-scrollbar-wrapper {border-radius: var(--radius-16); }
.si-process-con .mCustomScrollBox, .si-process-con .mCSB_container {overflow: visible;} */
.si-process-list {display: grid; grid-template-columns: repeat(5, 1fr); position: relative; margin-top: var(--space-88); border-radius: var(--radius-16); box-sizing: border-box; /* box-shadow: 0px 0px 40px rgb(var(--color-primary-rgb) / 0.1) */ box-shadow: 0px 0px 40px rgb(var(--color-primary-rgb) / 0.1); background-color: var(--color-border);}
.si-process-list .list-item {position: relative; border-radius: var(--radius-16);}
.si-process-list .list-item::before {position: absolute; top: 0; left: 0; content: ""; width: 100%; height: 100%; border: 3px solid var(--main-color); border-radius: var(--radius-8); box-sizing: border-box; box-shadow: 0px 0px 20px rgb(var(--color-secondary-rgb) / 0.3); opacity: 0; transition: var(--transition-custom); pointer-events: none; z-index: 1;}
.si-process-list .list-item:last-child {border-right: none;}
.si-process-list .list-item .inner {display: flex; flex-direction: column; width: 100%; height: 100%; border-radius: var(--radius-16);}
.si-process-list .list-item .num {position: absolute; left: 50%; top: -3.7rem; z-index: 1; display: flex; align-items: center; justify-content: center; width: 5.4rem; height: 5.4rem; border-radius: var(--radius-round); background-color: var(--color-border-soft); font-size: var(--font-size-20); font-weight: var(--font-weight-bold); letter-spacing: var(--tracking-neg-005); color: rgb(var(--color-primary-rgb) / 0.5); transform: translateX(-50%); transition: var(--transition-custom)} 
.si-process-list .list-item .num::before {position: absolute; z-index: -1; content: ""; left: 50%; top: 50%; width: 4rem; height: 4rem; border-radius: var(--radius-round); background-color: var(--color-border); transform: translate(-50%, -50%); pointer-events: none; transition: var(--transition-custom)}
.si-process-list .tit-area {padding: var(--space-32) var(--space-24) var(--space-16) var(--space-24); box-sizing: border-box; background-color: var(--color-border); border-left: 1px solid rgb(var(--color-primary-rgb) / 0.1); transition: var(--transition-custom)}
.si-process-list .list-item:first-child .tit-area {border-top-left-radius: var(--radius-16);}
.si-process-list .list-item:first-child .txt-area {border-bottom-left-radius: var(--radius-16);}
.si-process-list .list-item:first-child .tit-area, .si-process-list .list-item:first-child .txt-area {border: none;}
.si-process-list .list-item:last-child .tit-area {border-top-right-radius: var(--radius-16);}
.si-process-list .list-item:last-child .txt-area {border-bottom-right-radius: var(--radius-16);}
.si-process-list .txt-area {flex: 1; padding: var(--space-24) var(--space-24) var(--space-32) var(--space-24); border-left: 1px solid rgb(var(--color-primary-rgb) / 0.1); background-color: var(--color-white); box-sizing: border-box;}
.si-process-list .txt-area .img-box {position: relative; display: flex; align-items: center; justify-content: center; padding: var(--space-16) 0 var(--space-32) 0; margin-bottom: var(--space-32); border-bottom: 1px solid rgb(var(--color-primary-rgb) / 0.1);}
.si-process-list .txt-area .img-box .inner {position: relative; width: 100%; height: 0; padding-top: 112.99%;}
.si-process-list .txt-area .img-box img {position: absolute; top: 0; left: 0; bottom: 0; right: 0; max-width: 100%; max-height: 100%; margin: auto;}
.si-process-list .list-item-tit {text-align: center; font-size: var(--font-size-20); font-weight: var(--font-weight-bold); letter-spacing: var(--tracking-neg-005); line-height: var(--leading-120); color: rgb(var(--color-primary-rgb) / 0.8); transition: var(--transition-custom)}
.si-process-list .list-item-tit span {font-size: var(--font-size-15); font-weight: var(--font-weight-semibold); color: rgb(var(--color-primary-rgb) / 0.4); transition: var(--transition-custom)}
.si-process-list .list-item-txt {text-align: center; border-radius: var(--radius-8); padding: var(--space-8); font-size: var(--font-size-18); font-weight: var(--font-weight-bold); letter-spacing: var(--tracking-neg-005); line-height: var(--leading-145); color: var(--color-primary); background-color: var(--color-border-soft); transition: var(--transition-custom)}
.si-process-list .check-txt {font-size: var(--font-size-16); font-weight: var(--font-weight-medium); letter-spacing: var(--tracking-neg-005); line-height: var(--leading-140); color: rgb(var(--color-primary-rgb) / 0.8); transition: var(--transition-custom)}
.si-process-list .check-txt i {margin-right: var(--space-8); transition: var(--transition-custom)}

.si-process-list .list-item.active::before {opacity: 1; transition: var(--transition-custom)}
.si-process-list .list-item.active .num {background-color: var(--main-color); color: var(--main-color);}
.si-process-list .list-item.active .num::before {background-color: var(--color-white);}
.si-process-list .list-item.active .tit-area, .si-process-list .list-item.active .txt-area {border-left: none;}
.si-process-list .list-item.active .tit-area {background-color: var(--main-color); border-top-left-radius: var(--radius-16); border-top-right-radius: var(--radius-16);} 
.si-process-list .list-item.active .list-item-txt,
.si-process-list .list-item.active .check-txt,
.si-process-list .list-item.active .check-txt i {color: var(--main-color);}
.si-process-list .list-item.active .list-item-tit, .si-process-list .list-item.active .list-item-tit span {color: var(--color-white);}

@media all and (min-width: 801px) {
	.si-process-list .list-item.active + .list-item .tit-area, .si-process-list .list-item.active + .list-item .txt-area {border-left: none;}
}

/* .si-process-list .list-item.active .tit-area, .si-process-list .list-item.active .txt-area {border: none;}
.si-process-list .list-item.active .tit-area {border-radius: var(--radius-16);} */

/* ******************  투자정보 :: IR자료 ********************** */
.data-content {padding-bottom: var(--space-48);} 

.ir-data-list {display: grid; grid-template-columns: repeat(2, calc(50% - 1rem)); grid-gap: var(--space-24);}
.ir-data-list .list-item {padding: var(--space-40) var(--space-48) var(--space-40) var(--space-48); border-radius: var(--radius-8); background-color: var(--color-border-soft);}
.ir-data-list .list-item .ir-data-list-tit {min-height: 6.8rem; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; word-break: keep-all;
overflow-wrap: break-word; font-size: var(--font-size-22); font-weight: var(--font-weight-semibold); letter-spacing: var(--tracking-neg-005); line-height: var(--leading-154); color: var(--color-primary);}
.ir-data-list .list-item .list-bottom-area {display: flex; align-items: flex-end; justify-content: space-between;}
.ir-data-list .list-item .ir-data-date {font-size: var(--font-size-16); font-weight: var(--font-weight-medium); letter-spacing: var(--tracking-neg-002); color: rgb(var(--color-primary-rgb) / 0.25);}
.ir-data-list .list-item .btn-box {display: flex; gap: var(--space-8); margin-top: var(--space-48);}
.ir-data-list .list-item .ir-data-list-btn {display: flex; align-items: center; justify-content: space-between; width: 14rem; height: 4.2rem; padding: 0 var(--space-16); border-radius: var(--radius-8); border: 1px solid var(--main-color); box-sizing: border-box; font-size: var(--font-size-14); font-weight: var(--font-weight-medium); letter-spacing: var(--tracking-neg-002); color: var(--main-color); transition: var(--transition-custom);}
.ir-data-list .list-item .ir-data-list-btn i {font-size: var(--font-size-16);}

.data-btn-box {display: flex; align-items: center; justify-content: center; gap: 0 var(--space-8);}
.data-btn-box .data-action-btn {display: flex; align-items: center; justify-content: center; width: 5rem; height: 5rem; border: 1px solid rgb(var(--color-primary-rgb) / 0.1); border-radius: var(--radius-8); box-sizing: border-box; transition: var(--transition-custom);}
.data-btn-box .data-action-btn i {font-size: var(--font-size-24); font-weight: var(--font-weight-regular); letter-spacing: var(--tracking-neg-0065); color: rgb(var(--color-primary-rgb) / 0.15); transition: var(--transition-custom);}

@media all and (min-width: 801px) {
	.data-content .board-entry-list .bbs-item {padding: 0 var(--space-8) 0 var(--space-32);}
	.data-content .board-entry-list .bbs-item .bbs-list-date {width: 10.5rem;}

	.ir-data-list .list-item .ir-data-list-btn:hover {background-color: var(--main-color); color: var(--color-white);}
}

/* ******************  홍보센터 :: 보도자료 ********************** */
.news-main-con a {display: flex; align-items: center; padding: var(--space-32); background-color: var(--color-border-soft); border-radius: var(--radius-8); box-sizing: border-box;}
.news-main-con .img-box {position: relative; width: 50%; height: 0; padding-top: 28.788%; background-color: var(--color-white); border-radius: var(--radius-8); overflow: hidden;}
.news-main-con .img-box img {position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 100%; height: 100%; object-fit: cover;}
.news-main-con .txt-box {width: calc(50% - 8.5rem); margin-left: var(--space-88);}
.news-main-con .news-main-category {display: flex; align-items: center; justify-content: center; margin-bottom: var(--space-24); width: 5.6rem; height: 2.4rem; background-color: var(--main-color); border-radius: var(--radius-64); font-size: var(--font-size-14); font-weight: var(--font-weight-semibold); letter-spacing: var(--tracking-neg-005); color: var(--color-white);}
.news-main-con .news-main-tit {display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; word-break: keep-all; overflow-wrap: break-word; width: 85%; min-height: 7.8rem; margin-bottom: var(--space-8); font-size: var(--font-size-28); font-weight: var(--font-weight-bold); line-height: var(--leading-139); letter-spacing: var(--tracking-neg-005); color: var(--color-primary);}
.news-main-con .news-main-txt {display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; word-break: keep-all; overflow-wrap: break-word; width: 85%; min-height: 5.6rem; font-size: var(--font-size-16); font-weight: var(--font-weight-medium); line-height: var(--leading-175); letter-spacing: var(--tracking-neg-005); color: rgb(var(--color-primary-rgb) / 0.6);}
.news-main-con .news-date-box {display: flex; align-items: center; justify-content: space-between; margin-top: var(--space-64);}
.news-main-con .news-date-box i {font-size: var(--font-size-28); color: rgb(var(--color-primary-rgb) / 0.3);}
.news-main-con .news-date {font-size: var(--font-size-16); font-weight: var(--font-weight-medium); letter-spacing: var(--tracking-neg-002); color: rgb(var(--color-primary-rgb) / 0.3);}

.news-list {display: grid; grid-template-columns: repeat(4, calc(25% - 1.5rem)); grid-gap: var(--space-32) var(--space-24); margin-top: var(--space-64);}
.news-list .list-item {border-radius: var(--radius-8); background-color: var(--color-border-soft); overflow: hidden;}
.news-list .list-item .img-box {position: relative; width: 100%; height: 0; padding-top: 64.247%;}
.news-list .list-item .img-box img {position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 100%; height: 100%; object-fit: cover;}
.news-list .list-item .txt-box {padding: var(--space-48) var(--space-32) var(--space-56) var(--space-32); box-sizing: border-box; transition: var(--transition-custom);}
.news-list .list-item .news-list-tit {display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; word-break: keep-all;
overflow-wrap: break-word; min-height: 6.2rem; margin-bottom: var(--space-24); font-size: var(--font-size-20); font-weight: var(--font-weight-bold); letter-spacing: var(--tracking-neg-005); line-height: var(--leading-155); color: var(--color-primary); transition: var(--transition-custom);}
.news-list .list-item .news-date {font-size: var(--font-size-14); font-weight: var(--font-weight-medium); letter-spacing: var(--tracking-neg-005); color: rgb(var(--color-primary-rgb) / 0.3); transition: var(--transition-custom);}

@media all and (min-width: 801px) {
	.news-list .list-item:hover .txt-box {background-color: var(--main-color);}
	.news-list .list-item:hover .news-list-tit {color: var(--color-white);}
	.news-list .list-item:hover .news-date {color: rgb(var(--color-white-rgb) / 0.3);}
}

/* ******************  홍보센터 :: 라이브러리룸 ********************** */
.library-content {padding-bottom: var(--space-64);}
.library-list-wrap {padding: var(--space-72) 0 var(--space-80) 0; border-top: 1px solid rgb(var(--color-primary-rgb) / 0.1);}
.library-list-wrap:last-of-type {padding-bottom: 0;}
.library-list-wrap:first-of-type {border-top: 2px solid var(--color-primary);}
.library-list-wrap .library-list-wrap-tit {margin-bottom: var(--space-24); font-size: var(--font-size-40); font-weight: var(--font-weight-bold); letter-spacing: var(--tracking-neg-005); color: var(--color-primary);}

.library-list {display: grid; grid-template-columns: repeat(2, calc(50% - 1rem)); grid-gap: var(--space-32) var(--space-24);}
.library-list .list-item a {position: relative; display: flex; align-items: center; border-radius: var(--radius-16); background-color: var(--color-border-soft); padding: var(--space-24) var(--space-48) var(--space-24) var(--space-24); box-sizing: border-box; transition: var(--transition-custom);}
.library-list .list-item .img-box {position: relative; width: 54.688%; height: 0; padding-top: 40.625%; border-radius: var(--radius-8); overflow: hidden;}
.library-list .list-item .img-box img {position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 100%; height: 100%; object-fit: cover;}
.library-list .list-item .txt-box {width: calc(45.313% - 5rem); margin-left: var(--space-48);}
.library-list .list-item .library-item-category {display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; margin-bottom: var(--space-24); font-size: var(--font-size-16); font-weight: var(--font-weight-semibold); letter-spacing: var(--tracking-neg-005); color: var(--main-color); transition: var(--transition-custom);}
.library-list .list-item .library-item-tit {display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; word-break: keep-all; overflow-wrap: break-word; text-overflow: ellipsis; min-height: 6rem; /* min-height: 9rem;  */font-size: var(--font-size-20); font-weight: var(--font-weight-semibold); letter-spacing: var(--tracking-neg-005); line-height: var(--leading-150); color: var(--color-primary); transition: var(--transition-custom);}
.library-list .list-item .arrow {position: absolute; bottom: 3.7rem; right: 3.3rem;}
.library-list .list-item .arrow i {font-size: var(--font-size-24); color: rgb(var(--color-primary-rgb) / 0.3); transition: var(--transition-custom);}

@media all and (min-width: 801px) {
	.library-list .list-item a:hover {background-color: var(--main-color);}
	.library-list .list-item a:hover .library-item-category,
	.library-list .list-item a:hover .library-item-tit,
	.library-list .list-item a:hover .arrow i {color: var(--color-white);}
}

/* ******************  인재채용 :: 복리후생 ********************** */
.welfare-list-con {padding: var(--space-120) 0 var(--space-128) 0;}
.welfare-list-con:nth-child(odd) {background-color: var(--color-border-soft);}
.welfare-list-con:last-child {background-color: rgb(var(--color-secondary-rgb) / 0.1);}
.welfare-list-con .welfare-list-tit {margin-bottom: var(--space-32); font-size: var(--font-size-30); font-weight: var(--font-weight-semibold); letter-spacing: var(--tracking-neg-005); line-height: var(--leading-140); color: var(--color-secondary);}
.welfare-list-con .welfare-list-tit span {position: relative; margin-left: var(--space-8); padding-left: var(--space-16); font-size: var(--font-size-18); color: rgb(var(--color-primary-rgb) / 0.8);}
.welfare-list-con .welfare-list-tit span::before {position: absolute; content: ""; top: 0.35rem; left: 0; width: 0.2rem; height: 1.4rem; background-color: rgb(var(--color-primary-rgb) / 0.3);}
.welfare-list-con .welfare-list {display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: var(--space-32);}
.welfare-list-con .welfare-list .list-item {display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 38rem; padding: var(--space-32); border-radius: var(--radius-8); box-shadow: 0px 0px 30px 2px rgb(var(--color-primary-rgb) / 0.05); box-sizing: border-box;}

.welfare-list-con:nth-child(even) .welfare-list .list-item {background-color: var(--color-border-soft); box-shadow: none;}
.welfare-list-con:nth-child(even) .welfare-list .list-item .icon-box {background-color: var(--color-white);}
.welfare-list-con:nth-child(odd) .welfare-list .list-item {background-color: var(--color-white);}

.welfare-list-con .welfare-list .list-item .icon-box {display: flex; align-items: center; justify-content: center; width: 12rem; height: 12rem; padding: var(--space-24); margin-bottom: var(--space-32); border-radius: var(--radius-round); background-color: rgb(var(--color-secondary-rgb) / 0.05); box-sizing: border-box;}
.welfare-list-con .welfare-list .list-item .icon-box img {max-width: 100%; max-height: 100%;}
.welfare-list-con .welfare-list .list-item .txt-box {text-align: center;}
.welfare-list-con .welfare-list .list-item .list-item-tit {margin-bottom: var(--space-16); font-size: var(--font-size-26); font-weight: var(--font-weight-bold); letter-spacing: var(--tracking-neg-005); line-height: var(--leading-140); color: var(--color-secondary);}
.welfare-list-con .welfare-list .list-item .list-item-txt {font-size: var(--font-size-16); font-weight: var(--font-weight-medium); letter-spacing: var(--tracking-neg-005); line-height: var(--leading-1625); color: rgb(var(--color-primary-rgb) / 0.8);}

/* ******************  인재채용 :: 채용정보 ********************** */
.recruit-content {padding-bottom: var(--space-208);}
.recruit-content .apply-btn {display: flex; align-items: center; justify-content: space-between; width: 25rem; height: 6rem; margin: 0 auto; padding: 0 var(--space-32); border-radius: var(--radius-64); background-color: var(--main-color); font-size: var(--font-size-20); font-weight: var(--font-weight-semibold); letter-spacing: var(--tracking-neg-002); color: var(--color-white); box-sizing: border-box; transition: var(--transition-custom);}
.recruit-process-con {padding: var(--space-120) 0 var(--space-88) 0; margin-bottom: var(--space-144); background-color: var(--color-border-soft);}
.recruit-con-tit {margin-bottom: var(--space-32); font-size: var(--font-size-40); font-weight: var(--font-weight-bold); letter-spacing: var(--tracking-neg-005); line-height: var(--leading-140); color: var(--color-primary);}
.recruit-process-area {display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 0 var(--space-24);}
.recruit-process-area .recruit-process-item {display: flex; flex-direction: column; min-height: 41rem; border: 3px solid var(--main-color); box-sizing: border-box; border-radius: var(--radius-8);}
.recruit-process-area .recruit-process-item .content-wrap {display: flex; flex-direction: column; flex-grow: 1; padding: var(--space-40) var(--space-32) var(--space-32) var(--space-32); background-color: var(--color-white);}
.recruit-process-area .recruit-process-item .tit-box {display: flex; align-items: center; width: 100%; min-height: 9rem; padding: 0 var(--space-40); box-sizing: border-box; background-color: var(--main-color);}
.recruit-process-area .recruit-process-item .txt-box {flex-grow: 1;}
.recruit-process-area .recruit-process-item .process-item-tit {font-size: var(--font-size-30); font-weight: var(--font-weight-bold); letter-spacing: var(--tracking-neg-005); line-height: var(--leading-140); color: var(--color-white);}
.recruit-process-area .recruit-process-item .process-item-tit span {padding-left: var(--space-16); font-size: var(--font-size-16); font-weight: var(--font-weight-medium); color: rgb(var(--color-white-rgb) / 0.5);}
.recruit-process-area .recruit-process-item .process-item-txt {font-size: var(--font-size-18); font-weight: var(--font-weight-semibold); letter-spacing: var(--tracking-neg-005); line-height: var(--leading-140); color: var(--color-primary);}
.recruit-process-area .recruit-process-item .process-item-txt span {display: inline-block; padding-top: var(--space-8); font-size: var(--font-size-16); font-weight: var(--font-weight-medium); color: rgb(var(--color-primary-rgb) / 0.8);}
.recruit-process-area .recruit-process-item .process-check-txt {position: relative; display: inline-flex; margin-top: var(--space-16); padding: var(--space-8) var(--space-24) var(--space-8) var(--space-32); border: 1px solid rgb(var(--color-primary-rgb) / 0.1); box-sizing: border-box; border-radius: var(--radius-24); font-size: var(--font-size-14); font-weight: var(--font-weight-medium); letter-spacing: var(--tracking-neg-005); line-height: var(--leading-140); color: rgb(var(--color-primary-rgb) / 0.6);}
.recruit-process-area .recruit-process-item .process-check-txt::before {position: absolute; left: 1.5rem; top: 0.6rem; content: "\eb7b"; font-family: "remixicon"; font-size: var(--font-size-16); color: var(--color-primary);}
.recruit-process-area .recruit-process-item .process-check-txt span {padding-right: var(--space-16); color: var(--color-primary);}
.recruit-process-area .recruit-process-item .icon-box {display: flex; align-items: center; justify-content: center; margin-top: var(--space-24); margin-left: auto; width: 6.1rem; height: 6.1rem;}
.recruit-process-area .recruit-process-item .icon-box img {max-width: 100%; max-height: 100%;}

.recruit-cm-con {margin-bottom: var(--space-72);}
.recruit-cm-txt-area {padding: var(--space-48) var(--space-40); background-color: var(--color-border-soft); border-radius: var(--radius-8);}
.recruit-cm-txt-area.flex {display: flex; align-items: center; justify-content: space-between;}
.recruit-cm-txt {position: relative; font-size: var(--font-size-18); font-weight: var(--font-weight-semibold); letter-spacing: var(--tracking-neg-005); line-height: var(--leading-140); color: var(--color-primary);}
.recruit-cm-txt.dot {padding-left: var(--space-8);}
.recruit-cm-txt.dot::before {position: absolute; left: 0; top: 1.1095rem; content: ""; width: 3px; height: 3px; border-radius: var(--radius-round); background-color: var(--color-primary);}
.recruit-cm-txt + .recruit-cm-txt {margin-top: var(--space-8);}
.recruit-cm-txt span {display: inline-block; padding-top: var(--space-8); font-size: var(--font-size-16); font-weight: var(--font-weight-medium); color: rgb(var(--color-primary-rgb) / 0.8);}
.resume-down-btn {display: flex; align-items: center; justify-content: space-between; width: 30rem; height: 6rem; padding: 0 var(--space-24); border: 2px solid var(--color-primary); box-sizing: border-box; border-radius: var(--radius-64); font-size: var(--font-size-17); font-weight: var(--font-weight-semibold); letter-spacing: var(--tracking-neg-002); color: var(--color-primary); transition: var(--transition-custom);}

@media all and (min-width: 801px) {
	.recruit-content .apply-btn:hover {background-color: var(--color-primary);}
	.resume-down-btn:hover {background-color: var(--main-color); color: var(--color-white); border-color: var(--main-color)}
}

/* Source: pages/sub-responsive-source.css */
/* *******************************************************
 * filename : content_responsive.css
 * description : 서브페이지 컨텐츠 반응형 CSS
 * date : 2022-03-14
******************************************************** */


/* ******************  서브공통 ********************** */
/* -------- 공통 스크롤바  -------- */
@media all and (max-width:1220px){
	.custom-scrollbar-wrapper .scroll-object{max-width:100%;}
}
@media all and (max-width:800px){
	.custom-scrollbar-wrapper{position:relative;/* margin-right:calc(-1* var(--area-padding)); */ cursor:move}
	.custom-scrollbar-wrapper .scroll-object{max-width:none; width:800px; }
	.cm-scroll-drag-guide {display:flex; justify-content:flex-end;/*  margin-right:var(--area-padding);  */}
	.cm-scroll-drag-guide .cm-scroll-drag-inner { position: relative; width:50px; height: 50px; }
	.cm-scroll-drag-guide .cm-scroll-drag-inner:before { position:absolute; top:4px; right:0; width:100%; height:3px; background-color:var(--color-text-muted); content:""; border-radius:var(--radius-8);}
	.cm-scroll-drag-guide .drag-tail { position: absolute; z-index: 1; left: 0px; top: 3px; animation:moveScrollAni 3s both infinite; }
	.cm-scroll-drag-guide .drag-tail .tail{display:block; width: 25px; height: 5px; background-color: rgb(var(--color-primary-rgb) / 0.7); border-radius:var(--radius-8); opacity:1; }
	.cm-scroll-drag-guide .drag-tail .hand-icon{ font-size: var(--font-size-30); color:var(--color-text-muted) }
	@keyframes moveScrollAni {
		0%, 10% {
			left: 0;
			margin-left: 0;
		}
		50% {
			left: 100%;
			margin-left: calc(var(--space-24) * -1);
		}
		100% {
			left: 0;
			margin-left: 0;
		}
	}
}

/* -------- 공통 :: 탭 -------- */
@media all and (max-width:1220px){
	.sub-tab-list .area{padding:0}
}
@media all and (max-width:1024px){
	/* Tab Fixed Move*/
	.sub-tab-list.top-fixed{top:80px;}
}
@media all and ( max-width: 800px ){
	/* Tab 공통 스타일 */
	.sub-tab-panel,
	.sub-tab-list.top-fixed,
	.sub-tab-list ul li a{height:40px; }
	.sub-tab-list ul li a em{font-size:var(--font-size-13)}
	/* Tab Fixed Move*/
	/* Mobile Tab Drop Menu */
	.sub-tab-dropdown{position:relative;}
	.sub-tab-toggle{display:block; position:relative; padding:0 var(--space-16); height:40px; line-height:var(--leading-px-40); font-size: var(--font-size-15); background-color:var(--main-color); box-sizing:border-box;}
	.sub-tab-toggle span{color:var(--color-white); }
	.sub-tab-toggle .arrow{color:var(--color-white); position:absolute; top:50%; right:15px; margin-top:calc(var(--space-8) * -1)}
	.sub-tab-toggle.open .arrow{transform:rotate(180deg)}
	.sub-tab-dropdown ul{display:none; margin:0; height:auto; position:absolute; top:100%; left:0px; right:0px; background-color:var(--color-white); border:1px solid var(--color-border); border-top:0; z-index:11; box-sizing:border-box;}
	.sub-tab-dropdown ul li{position:static; display:block; border:0; border-top:1px solid var(--color-border-soft); width:auto; background-color:transparent}
	.sub-tab-dropdown ul li:first-child{border-top:0; border-left:0}
	.sub-tab-dropdown ul li a{display:block; width:auto; height:auto; padding:var(--space-8) var(--space-16); border:0;}
	.sub-tab-dropdown ul li a em{font-size: var(--font-size-13);}
	.sub-tab-dropdown ul li.selected{background-color:transparent;}
	.sub-tab-dropdown ul li.selected a em{color:var(--main-color); font-weight:var(--font-weight-semibold); }
}
@media all and (max-width:480px){
	/* Tab Fixed Move*/	
	.sub-tab-list.top-fixed{top:60px;}
}

/* ******************  제품소개 :: 제품 인트로 ********************** */
@media all and (max-width: 1280px) {
	.product-intro-list .intro-list-item .txt-area {width: 51%;}
	.product-intro-list .intro-list-item .img-area {width: 57.6rem; height: 35.8rem;}
	.product-intro-list .intro-list-item .img-area img.default-img {bottom: 0.7rem; right: 0.8rem;}
}

@media all and (max-width: 800px) {
	.product-intro-list .intro-list-item a {display: block; padding: var(--space-32) var(--space-40) 0 var(--space-40);}
	.product-intro-list .intro-list-item .img-area {position: static; width: 100%; height: auto;}
	.product-intro-list .intro-list-item .txt-area {width: 100%; margin-bottom: var(--space-32); padding-bottom: 0;}
	.product-intro-list .intro-list-item .img-area img {position: static;}
	.product-intro-list .intro-list-item .img-area img.hover-img {display: none;}
	.product-intro-list .intro-list-item .list-tit {margin-bottom: var(--space-16); font-size: var(--font-size-50);}
	.product-intro-list .intro-list-item .list-txt {margin-bottom: var(--space-24);}
}

/* ******************  제품소개 :: 제품 뷰 ********************** */
/* @media all and (max-width: 1550px) {
	.benefit-slide-wrap {width: 89.033%;}
} */
@media all and (max-width: 1280px) {
	.product-view-content .custom-scrollbar-wrapper .scroll-object{width:1380px;}
	.view-schema-con img {max-width: none !important;}
}

@media all and (max-width: 800px) {
	.product-view-content .custom-scrollbar-wrapper .scroll-object{width:800px;}
}

/***** 임시 통이미지 *****/
@media all and (max-width: 1440px) {
	.full-img-con img {max-width: 100%;}
}

@media all and (max-width: 1280px) {
	.product-view-top-con .top-txt-wrap {min-height: auto;}
	.product-view-top-con .top-img-wrap .img-box {width: 57%; min-height: 71rem;}
	
	.view-img-slide-list .slide-list-item {height: 39rem;}
	
	.view-table-wrap .tit-area .table-wrap-tit {font-size: var(--font-size-48);}
	
	.cm-img-slide .img-slide-wrap .img-slide-arrow-btn {width: 70px; height: 70px;}
	.cm-img-slide .img-slide-wrap .swiper-button-prev {left: -45px;}
	.cm-img-slide .img-slide-wrap .swiper-button-next {right: -45px;}
	
	/********** 제품별 상단 이미지 크기 **********/
	.nv-050-view-content .product-view-top-con .top-img-wrap .img-box {width: 77%;}
}

@media all and (max-width: 1024px) {
	.cm-img-slide .img-slide-wrap {width: 80%;}
	
}

@media all and (max-width: 800px) {
	.product-view-content {padding-bottom: var(--space-80);}
	.view-con-tit-box {margin-bottom: var(--space-24);}
	.view-con-tit-box .view-con-tit {font-size: var(--font-size-38);}
	.view-con-tit-box .view-con-txt02 {margin-top: var(--space-24); font-size: var(--font-size-24);}

	.product-view-top-con .top-txt-wrap {min-height: auto; padding: var(--space-64) var(--space-40) var(--space-40) var(--space-40);}
	.product-view-top-con .view-top-cate {font-size: var(--font-size-24);}
	.product-view-top-con .view-top-tit {font-size: var(--font-size-76);}
	
	.product-view-top-con .top-img-wrap {transform: translatey(0) !important; margin: 0 !important;}
	.product-view-top-con .top-img-wrap .img-box {width: 100% !important; min-height: auto !important; margin-top: var(--space-32);}
	.product-view-top-con .btn-box {margin-top: var(--space-64);}
	.product-view-top-con .product-online-btn {width: 10rem; height: 10rem; padding: var(--space-16);}
	.product-view-top-con .product-online-btn span {font-size: var(--font-size-14);}
	.product-view-top-con .product-online-btn i {font-size: var(--font-size-16);}
	
	.view-img-slide-con {margin-top: var(--space-64); margin-bottom: var(--space-80);}
	.view-img-slide-list .slide-list-item {height: 31rem;}
	
	.view-video-con {margin-bottom: var(--space-96);}
	
	/* .view-video-con {margin-top: var(--space-80) !important;} */
	
	.view-function-con {margin-bottom: var(--space-104);}
	.view-function-wrap .functon-area {height: 38rem; padding: var(--space-40) 0;}
	.view-function-wrap .functon-area .txt-box {display: block;}
	.view-function-wrap .functon-area .function-area-tit {font-size: var(--font-size-30);}
	.view-function-wrap .functon-area .function-area-list {margin-left: 0; margin-top: var(--space-24);}
	
	.view-schema-con {margin-bottom: var(--space-104);}
	.view-schema-con .view-con-tit-box {margin-bottom: var(--space-64);}
	
	.view-table-con {margin-bottom: var(--space-80);}
	.view-table-wrap {padding: var(--space-64) 0;}
	.view-table-wrap .inner {display: block;}
	.view-table-wrap .tit-area {width: 100%; margin-right: 0; margin-bottom: var(--space-32);}
	.view-table-wrap .tit-area .table-wrap-tit {font-size: var(--font-size-36);}
	.view-table-wrap .table-area {width: 100%;}
	.view-table-wrap .view-table td, .view-table-wrap .view-table th {height: 4.5rem; font-size: var(--font-size-14);}
	
	.cm-img-slide-list .slide-list-item .img-box {padding-top: 50%;}
	.cm-img-slide-list .slide-list-item .txt-box {bottom: 2rem;}
	.cm-img-slide-list .slide-list-item .txt-box .txt {font-size: var(--font-size-22);}
	.cm-img-slide .img-slide-wrap {width: 75%;}
	.cm-img-slide .img-slide-wrap .img-slide-arrow-btn {width: 55px; height: 55px;}
	.cm-img-slide .img-slide-wrap .img-slide-arrow-btn::after {font-size: var(--font-size-18);}
	.cm-img-slide .img-slide-wrap .swiper-button-prev {left: -37.5px;}
	.cm-img-slide .img-slide-wrap .swiper-button-next {right: -37.5px;}
}

@media all and (max-width: 480px) {
	.product-view-top-con .view-top-tit {font-size: var(--font-size-58);}
	
	.view-img-slide-list .slide-list-item {height: 22rem;}
	
	.cm-img-slide .img-slide-wrap {width: 70%;}
	.cm-img-slide-list .slide-list-item .img-box {padding-top: 60%;}
}

/* ******************  제품소개 :: 제품 뷰 :: kla-100 ********************** */
/***** CAM RACK 뷰 *****/
/* @media all and (max-width: 1420px) {
	.nv-025-view-content .view-video-con iframe {width: 150vw; height: 150vh;}
}

@media all and (max-width: 1280px) {
	.nv-025-view-content .view-video-con iframe {width: 185vw; height: 185vh;}
}

@media all and (max-width: 1024px) {
	.nv-025-view-content .view-video-con iframe {width: 235vw; height: 235vh;}
} */

@media all and (max-width: 800px) {
	.kla-100-view-content .view-video-con {margin-top: var(--space-32);}
	
	.key-feature-list-wrap {display: block;}
	.key-feature-list-wrap .tit-area {margin-bottom: var(--space-24);}
	.key-feature-list {grid-template-columns: repeat(2, 1fr); width: 100%;}
	.key-feature-list .list-item {min-height: 16rem;}
}

@media all and (max-width: 480px) {
	.key-feature-list {grid-template-columns: repeat(1, 1fr);}
	.key-feature-list .list-item {min-height: auto;}
}

/* ****************** 사업소개 :: 공통 ********************** */
@media all and (max-width: 1280px) {
	.business-cm-top-con {padding-left: 0 !important;}
	.business-cm-top-con .inner {flex-wrap:wrap; max-width: none; padding: 0 var(--area-padding);}
	.business-cm-top-con .logo-box {width: 100%; margin-bottom: var(--space-40); text-align:center;}
	.business-cm-top-con .txt-box {width: 100%; margin-left: 0;}	
	.scroll-down.black-ver {margin-top: var(--space-40);}
	
	.business-cm-content .cm-img-slide-list .slide-list-item .txt-box {bottom: 2rem;}
	
}

@media all and (max-width: 800px) {
	.business-cm-top-con {margin-bottom: var(--space-64) !important;}
	.business-cm-top-con::before {height: 66rem;}
	.business-cm-top-con .inner {display: block;}
	/* .business-cm-top-con .logo-box {width: 100%; margin-bottom: var(--space-40);}
	.business-cm-top-con .txt-box {width: 100%; margin-left: 0;} */
	.business-cm-top-con .business-cm-top-txt {font-size: var(--font-size-40);}
	.business-img-slide-con {margin-bottom: var(--space-48);}
	.business-img-slide-con .cm-img-slide-list {min-height:30rem;}
	.flow-txt-con {margin-bottom: var(--space-88);}
	.flow-txt-con .flow-txt-box .flow-txt {font-size: var(--font-size-100);}
	.business-accordion-con {margin-bottom: var(--space-112);}
	.business-core-con {margin-bottom: var(--space-112);}
	.business-core-list {grid-template-columns: repeat(1, 1fr); margin-top: var(--space-48);}
	.business-core-list li {margin-top: var(--space-40);}
	.business-core-list li:first-of-type {margin-top: 0;}
	.business-core-list .core-list-irem .num {margin-bottom: var(--space-8);}
	.business-core-list .icon-box {margin-bottom: var(--space-24);}
	.business-overview-con {padding: var(--space-80) 0 var(--space-88) 0;}
	.business-accordion-con .accordion-list .list-item .txt-box {left: 5.2rem; padding-right: var(--space-56);}
	.business-accordion-con .accordion-list .list-item .tit-box .list-item-tit span {display: block; margin-left: 0;}
}
@media all and (max-width: 480px) {
	.business-cm-top-con::before {height: 75rem;}
	.business-accordion-con .accordion-list .list-item {padding: var(--space-32) var(--space-40);}
	.business-accordion-con .accordion-list .list-item.active {min-height:68rem;}
	.business-accordion-con .accordion-list .list-item .tit-box {flex-direction: column; align-items: flex-start;}
	.business-accordion-con .accordion-list .list-item .tit-box .num {margin-bottom: var(--space-16);}
	.business-accordion-con .accordion-list .list-item .txt-box {left: 3.8rem; padding-right: var(--space-40); bottom: 4rem;}
}


/* ****************** 사업소개 :: 인트로 ********************** */
@media all and (max-width: 1280px) {
	.intro-content .business-intro-top-con {padding-bottom: var(--space-80);}
	.intro-business-list {flex-direction: column; height: auto;}
	.intro-business-list .list-item {flex: none; height: 35rem;}
	.intro-business-list .list-item::before {width: 100%;}
	
	.intro-business-list .list-item:hover {height: 45rem; flex: none;}
	.intro-business-list .list-item:hover .txt-box {min-height: 15rem; transform: translateY(0) !important;}
	.intro-business-list .list-item .txt-box {min-height: 31rem; transform: translateY(24rem);}
}

@media all and (max-width: 800px) {
	.intro-content .business-cm-top-txt {font-size: var(--font-size-42);}
	.intro-business-list .list-item {height: auto;}
	.intro-business-list .list-item:hover {height: auto; min-height: auto; flex: none;}
	.intro-business-list .list-item a {display: flex; align-items: flex-end; min-height: 50rem; padding: var(--space-32); box-sizing: border-box;}
	.intro-business-list .list-item a::before {background-color: rgb(var(--color-primary-rgb) / 0.3);}
	.intro-business-list .list-item .txt-box {position: static; width: 100%; min-height: auto; transform: translateY(0) !important;}
	.intro-business-list .list-item .list-item-tit {margin-bottom: var(--space-40); font-size: var(--font-size-32);}
	.intro-business-list .list-item .list-item-txt01,
	.intro-business-list .list-item .list-item-txt02 {opacity: 1;}
}

/* ****************** 사업소개 :: Si Business ********************** */ 
@media all and (max-width: 1440px) {
	.business-vprocess-con .vprocess-txt-box {padding-left: var(--area-padding);}
}

@media all and (max-width: 1280px) {
	.business-vprocess-con .vprocess-list {margin-left: calc(var(--space-8) * 63);}
	.business-vprocess-con .vprocess-list .list-item {min-width: 32rem;}
}

@media all and (max-width: 800px) {
	.si-process-list {grid-template-columns: repeat(2, 1fr); grid-gap: var(--space-64) 0; margin-top: var(--space-56); box-shadow: none; background-color: transparent;}
	.si-process-list .list-item.active::before {border-radius: var(--radius-16);}
	/* .si-process-list .list-item {box-shadow: 0px 0px 40px rgb(var(--color-primary-rgb) / 0.1);} */
	/* .si-process-list .list-item {border: 1px solid rgb(var(--color-primary-rgb) / 0.1);} */
	
	.business-vprocess-con .area {display: block;}
	.business-vprocess-con .vprocess-txt-box {position: static; transform: none; padding-left: 0; margin-bottom: var(--space-32);}
	.business-vprocess-con .vprocess-tit {font-size: var(--font-size-60);}
	.business-vprocess-con .vprocess-txt {font-size: var(--font-size-14);}
	.business-vprocess-con .vprocess-list {margin-left: 0;}
	.business-vprocess-con .vprocess-list .list-item .list-item-tit {font-size: var(--font-size-20);}
	.business-vprocess-con .vprocess-list .list-item .list-item-txt {font-size: var(--font-size-14);}
	.business-vprocess-con .vprocess-list .list-item {min-width: 38rem; padding: 0 var(--space-24);}
	.business-vprocess-con .vprocess-list .list-item .img-box img {max-width: none; max-height: none; width: 100%; height: 100%;}
	
	.si-process-list .list-item:first-child .tit-area,
	.si-process-list .list-item:nth-child(3) .tit-area {border-right: 1px solid rgb(var(--color-primary-rgb) / 0.1);}
	.si-process-list .list-item:first-child .txt-area,
	.si-process-list .list-item:nth-child(3) .txt-area {border-left: 1px solid rgb(var(--color-primary-rgb) / 0.1); border-right: 1px solid rgb(var(--color-primary-rgb) / 0.1);}
	.si-process-list .list-item .txt-area {border-bottom: 1px solid rgb(var(--color-primary-rgb) / 0.1) !important;}

	.si-process-list .list-item:nth-child(2) .tit-area,
	.si-process-list .list-item:nth-child(4) .tit-area {border-left: none; border-right: none;}
	.si-process-list .list-item:nth-child(2) .txt-area,
	.si-process-list .list-item:nth-child(4) .txt-area {border: none; border-right: 1px solid rgb(var(--color-primary-rgb) / 0.1);}
	
	.si-process-list .list-item:nth-child(2) .tit-area,
	.si-process-list .list-item:nth-child(4) .tit-area {border-top-right-radius: var(--radius-16);}
	
	.si-process-list .list-item:nth-child(3) .tit-area {border-top-left-radius: var(--radius-16);}
	.si-process-list .list-item:nth-child(3) .txt-area {border-bottom-left-radius: var(--radius-16);}
	
	.si-process-list .list-item:nth-child(2) .txt-area,
	.si-process-list .list-item:nth-child(4) .txt-area {border-bottom-right-radius: var(--radius-16);}
	
	.si-process-list .list-item:last-child .tit-area {border-top-left-radius: var(--radius-16); border-top-right-radius: var(--radius-16); border-left: none;}
	.si-process-list .list-item:last-child .txt-area {border-bottom-left-radius: var(--radius-16); border-bottom-right-radius: var(--radius-16); border: 1px solid rgb(var(--color-primary-rgb) / 0.1); border-bottom: none;}
}

@media all and (max-width: 480px) {
	.si-process-list {grid-template-columns: repeat(1, 1fr); grid-gap: var(--space-64) 0;}
	.si-process-list .list-item .tit-area {border: none !important; border-radius: var(--radius-8) !important; border-top-left-radius: var(--radius-16) !important; border-top-right-radius: var(--radius-16) !important;}
	.si-process-list .list-item .txt-area {border: 1px solid rgb(var(--color-primary-rgb) / 0.1) !important; border-bottom-left-radius: var(--radius-16) !important; border-bottom-right-radius: var(--radius-16) !important;}
	
	.business-vprocess-con .vprocess-list .list-item {min-width: 28rem;}
	.business-vprocess-con .vprocess-list .list-item .list-item-tit {min-height: 6rem;}
}

/* ****************** 취급품목 :: Technical Support ********************** */ 
@media all and (max-width: 1280px) {
	.business-time-des-con .inner .txt-area {padding: var(--space-32) var(--space-40);}
}

@media all and (max-width: 800px) {
	.business-time-des-con .business-time-des-list {width: 100%; padding: var(--space-24); min-width: 0;}
	.business-time-des-con .inner {padding-top: 112%;}
	.business-time-des-con .business-time-des-list .list-item {display: block;}
	.business-time-des-con .business-time-des-list .list-item-tit {width: 100%; margin-right: 0; margin-bottom: var(--space-8);}
	.business-time-des-con .business-time-des-list .list-item-txt {width: 100%;}
	.business-time-des-con .destination-txt {left: 12.125%; bottom: 14.988%; width: 15.813%; height: 4.18%;}
	.business-time-des-con .line {bottom: 8.8%; width: 74.125%;}
	.business-time-des-con .destination-txt {font-size: var(--font-size-13);}
	
	.business-overview-con .prd-image-list .img-box img {max-width: none; max-height: none; width: 100%; height: 100%; object-fit: cover;}
}

@media all and (max-width: 480px) {
	.business-time-des-con .inner {padding-top: 135%;}
	.business-time-des-con .business-time-des-list .list-item-tit {font-size: var(--font-size-16);}
	.business-time-des-con .business-time-des-list .list-item-txt {display: block; font-size: var(--font-size-13);}
	.business-time-des-con .business-time-des-list .list-item-txt span:nth-child(2) {margin: 0 var(--space-8);}
	.business-time-des-con .destination-txt {bottom: 16.5%; font-size: var(--font-size-12);}
}

@media all and (max-width: 412px) {
	.business-time-des-con .destination-txt {font-size: var(--font-size-10);}
}

/* ****************** 사업소개 :: SI Business ********************** */ 
@media all and (max-width: 1280px) {
	.business-vprocess-con {min-height: auto !Important; padding-top: var(--space-64);}
}

/* ******************  투자정보 :: IR자료 ********************** */
@media all and (max-width: 800px) {
	.ir-data-list {grid-template-columns: repeat(1, 100%);}
	.ir-data-list .list-item {padding: var(--space-32);}
	.ir-data-list .list-item .list-bottom-area {flex-direction: column; align-items: flex-start; margin-top: var(--space-40);}
	.ir-data-list .list-item .ir-data-date {width: 100%;}
	.ir-data-list .list-item .btn-box {width: 100%; margin-top: var(--space-24);}
	.ir-data-list .list-item .ir-data-list-btn {width: 50%;}
	
	.data-content .board-entry-list .bbs-item .bbs-list-info-con {width: calc(100% - 15rem);}
	.data-btn-box {gap: 0 var(--space-8);}
	.data-btn-box .data-action-btn {width: 3rem; height: 3rem;}
	.data-btn-box .data-action-btn i {font-size: var(--font-size-16);}
}

/* ******************  홍보센터 :: 보도자료 ********************** */
@media all and (max-width: 800px) {
	.news-content {padding-bottom: var(--space-48);}
	.news-main-con a {display: block;}
	.news-main-con .img-box {width: 100%; padding-top: 56.25%; margin-bottom: var(--space-32);}
	.news-main-con .txt-box {width: 100%; margin-left: 0;}
	.news-main-con .news-main-tit {width: 100%; min-height: auto; font-size: var(--font-size-22);}
	.news-main-con .news-main-txt {width: 100%; min-height: auto;}
	.news-main-con .news-date-box {margin-top: var(--space-32);}
	
	.news-list {grid-template-columns: repeat(2, calc(50% - 1rem)); margin-top: var(--space-40);}
	.news-list .list-item .txt-box {padding: var(--space-32) var(--space-32) var(--space-40) var(--space-32);}
}

@media all and (max-width: 480px) {
	.news-list {grid-template-columns: repeat(1, 100%); grid-gap: var(--space-32) 0;}
}

/* ******************  홍보센터 :: 공지사항 ********************** */
.notice-content {padding-top: var(--space-8);}

/* ******************  홍보센터 :: 라이브러리룸 ********************** */
@media all and (max-width: 1280px) {
	.library-list .list-item .arrow {bottom: 2rem;}
}

@media all and (max-width: 800px) {
	.library-content {padding-bottom: var(--space-32);}
	.library-list-wrap {padding: var(--space-48) 0;}
	.library-list-wrap .library-list-wrap-tit {margin-bottom: var(--space-16); font-size: var(--font-size-30);}
	.library-list {grid-template-columns: repeat(1, 100%); grid-gap: var(--space-32) 0;}
	.library-list .list-item .txt-box {width: calc(45.313% - 3rem); margin-left: var(--space-32);}
}

@media all and (max-width: 480px) {
	.library-list .list-item a {display: block; padding: var(--space-24);}
	.library-list .list-item .img-box {width: 100%; padding-top: 66.71%; margin-bottom: var(--space-24);}
	.library-list .list-item .txt-box {width: 100%; margin-left: 0;}
	.library-list .list-item .library-item-category {margin-bottom: var(--space-8);}
	.library-list .list-item .arrow {position: static; text-align: right; margin-top: var(--space-40);}
}

/* ******************  인재채용 :: 복리후생 ********************** */
@media all and (max-width: 800px) {
	.welfare-list-con {padding: var(--space-64) 0;}
	.welfare-list-con .welfare-list {grid-template-columns: repeat(2, 1fr); grid-gap: var(--space-24);}
	.welfare-list-con .welfare-list .list-item {min-height: 34rem;}
	.welfare-list-con .welfare-list .list-item .list-item-tit {font-size: var(--font-size-22);}
}

@media all and (max-width: 480px) {
	.welfare-list-con .welfare-list {grid-template-columns: repeat(1, 1fr); grid-gap: var(--space-24) 0;}
	.welfare-list-con .welfare-list .list-item {min-height: 34rem;}
}

/* ******************  인재채용 :: 채용정보 ********************** */
@media all and (max-width: 800px) {
	.recruit-content {padding-bottom: var(--space-104);}
	.recruit-content .apply-btn {width: 22rem; height: 4.5rem; padding: 0 var(--space-24); font-size: var(--font-size-16);}
	.recruit-process-con {padding: var(--space-64) 0; margin-bottom: var(--space-80);}
	.recruit-con-tit {margin-bottom: var(--space-24); font-size: var(--font-size-30);}
	.recruit-process-area {grid-template-columns: repeat(1, 1fr); grid-gap: var(--space-24) 0;}
	.recruit-process-area .recruit-process-item {min-height: 36rem;}
	.recruit-process-area .recruit-process-item .tit-box {min-height: 7rem; padding: 0 var(--space-24);}
	.recruit-process-area .recruit-process-item .process-item-tit {font-size: var(--font-size-24);}
	.recruit-process-area .recruit-process-item .content-wrap {padding: var(--space-24);}
	.recruit-cm-con {margin-bottom: var(--space-48);}
	.recruit-cm-txt-area {padding: var(--space-32);}
	.recruit-cm-txt-area.flex {display: block;}
	.resume-down-btn {width: 24rem; height: 4.5rem; padding: 0 var(--space-16); margin-top: var(--space-24); font-size: var(--font-size-14);}
}

/* Source: pages/company-content-source.css */
/* ****************** 기업소개 ********************** */
/* -------- 비전&인사말 -------- */
.vision-tit-con {text-align: center; padding:var(--space-64) 0 var(--space-88);}
.vision-tit-con .sub-tit {font-size: var(--font-size-44); font-weight: var(--font-weight-bold); letter-spacing: var(--tracking-neg-005); color: var(--color-primary); line-height: var(--leading-132); margin-bottom: var(--space-8);}
.vision-tit-con .tit-wrap { position: relative;height: 13rem;}
.vision-tit-con .tit {position: absolute; left: 50%; transform:translateX(-50%); display: inline-block; font-size: var(--font-size-110); font-weight: var(--font-weight-bold); letter-spacing: var(--tracking-pos-02); color: var(--main-color); line-height: var(--leading-120); white-space:nowrap; opacity: 0; transition: all 0.8s ease-in-out; transition-property: opacity, letter-spacing;}
.vision-tit-con .tit b {font-weight: var(--font-weight-bold); color: var(--color-primary);}
.animated .vision-tit-con .tit {opacity: 1; letter-spacing: var(--tracking-neg-001);}

.vision-con-wrap {position: relative; background-color:var(--color-primary); overflow: hidden;}
.vision-con-wrap .bg-txt {position: absolute; width: 100%; bottom:-2rem; left: 0; font-size: var(--font-size-158); font-weight: var(--font-weight-bold); letter-spacing: var(--tracking-neg-001); opacity: 0.5; text-align: center; background: linear-gradient(180deg, var(--color-secondary), var(--color-secondary)); color: transparent; -webkit-background-clip: text;}
.vision-con01 {position: relative;padding: var(--space-200) 0; background: url(../images/content/vision_con01_bg.jpg)no-repeat center/cover;}
.vision-con01:before {position: absolute; content: ''; width: 100%; height: 100%; top: 0; left: 0; background: linear-gradient(180deg, transparent 70%, var(--color-primary) 100%);}
.vision-con01 .inner {position: relative; z-index: 2;}
.vision-con01 .top-txt {font-size: var(--font-size-40); font-weight: var(--font-weight-semibold); letter-spacing: var(--tracking-neg-005); color: var(--color-white); line-height:var(--leading-140);}
.vision-con01 .point-con {padding-top: var(--space-360); display: flex; justify-content: end; gap:var(--space-40)}
.vision-con01 .point-con .point-item {width: 28rem;}
.vision-con01 .point-con .point-item .line {display: block; position: relative; width: 100%; height: 4px; background-color: rgb(var(--color-white-rgb) / 0.1); margin-bottom: var(--space-40); overflow: hidden;}
.vision-con01 .point-con .point-item .line:before {position: absolute; content: ''; width: 5.4rem; height: 100%; top: 0; left: 0; background-color: var(--color-white); animation: scroll-right 3s cubic-bezier(0.5, -0.19, 0.59, 0.96) infinite;}

@keyframes scroll-right {
	0% {
		left: -100%;
	} 100% {
		left: 100%;
	}
}

.vision-con01 .point-con .point-item .num {font-size: var(--font-size-14); font-weight: var(--font-weight-bold); letter-spacing: var(--tracking-neg-002); color: var(--color-white); display: block; margin-bottom: var(--space-24);}
.vision-con01 .point-con .point-item .txt {font-size: var(--font-size-24); font-weight: var(--font-weight-bold); letter-spacing: var(--tracking-neg-005); color: var(--color-white); line-height: var(--leading-150);}
.vision-con02 {position: relative; height: calc(100vh + 16rem);}
.vision-con02 .vision-con02-bg {position: absolute; width: 100%; height: 100vh; top: 0; left: 0;}
.vision-con02 .vision-con02-bg:before {position: absolute; content: ''; width: 100%; height: 15%; top: 0; left: 0; background: linear-gradient(180deg, var(--color-primary), transparent); z-index: 1;}
.vision-con02 .vision-con02-bg:after {position: absolute; content: ''; width: 100%; height: 15%; bottom: 0; left: 0; background: linear-gradient(180deg, transparent, var(--color-primary)); z-index: 1;}
.vision-con02 .inner {position: relative; z-index: 1; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; text-align: center; box-sizing: border-box;}

.vision-tit-box .sub-tit {display: block;font-size: var(--font-size-20); font-weight: var(--font-weight-bold); letter-spacing: var(--tracking-neg-002); color: var(--color-white); line-height: var(--leading-110); margin-bottom: var(--space-24);}
.vision-tit-box .tit {font-size: var(--font-size-52); font-weight: var(--font-weight-bold); letter-spacing: var(--tracking-neg-005); color: var(--color-white); line-height: var(--leading-120);}
.vision-tit-box .tit span {font-size: var(--font-size-40); font-weight: var(--font-weight-semibold); line-height: var(--leading-150); display: block; margin-bottom: var(--space-8);}
.vision-tit-box .line {position: relative; display: block; width: 4px; height: 6rem; margin: var(--space-88) auto 0; background-color: rgb(var(--color-white-rgb) / 0.15);}
.vision-tit-box .line:before {position: absolute; content: ''; width: 100%; height: 2rem; top: 0; left: 0; background-color: var(--color-white);;}
.vision-con02 .vision-tit-box {margin-top: calc(var(--space-48) * -1);}

.vision-value-con {padding: var(--space-152) 0 var(--space-216);}
.vision-value-con .vision-tit-box {text-align: center; margin-bottom: var(--space-64);}
.vision-value-con .vision-tit-box .sub-tit {color: var(--main-color);}
.vision-value-con .vision-tit-box .tit {color: var(--color-primary);}
.vision-value-list {display: flex; flex-wrap: wrap; gap:var(--space-24);}
.vision-value-list li {width: 100%; border-radius: var(--radius-24); height: 45rem;}
.vision-value-list li.half {width: calc(50% - 1rem);}
.vision-value-list li.item01 {background: url(../images/content/vision_value_img01.jpg)no-repeat center/cover;}
.vision-value-list li.item02 {background: url(../images/content/vision_value_img02.jpg)no-repeat center/cover;}
.vision-value-list li.item03 {background: url(../images/content/vision_value_img03.jpg)no-repeat center/cover;}
.vision-value-list li .inner {display: flex; flex-direction:column; align-items: flex-start; justify-content: space-between; width: 100%; height: 100%; padding: var(--space-64); box-sizing: border-box;}
.vision-value-list li .inner span {display: inline-block; padding: var(--space-8) var(--space-16); border: 1px solid var(--color-white); border-radius: var(--radius-24); font-size: var(--font-size-14); font-weight: var(--font-weight-medium); letter-spacing: var(--tracking-neg-002); color: var(--color-white); line-height: var(--leading-124);}
.vision-value-list li .inner dt {font-size: var(--font-size-40); font-weight: var(--font-weight-bold); letter-spacing: var(--tracking-neg-0025); color: var(--color-white); line-height: var(--leading-110); margin-bottom: var(--space-24);}
.vision-value-list li .inner dd {font-size: var(--font-size-18); font-weight: var(--font-weight-medium); letter-spacing: var(--tracking-neg-005); color: rgb(var(--color-white-rgb) / 0.8); line-height: var(--leading-166);}

@media all and ( max-width: 1280px ){
	.vision-tit-con .tit {font-size: var(--font-size-100);}
	.vision-con-wrap .bg-txt {font-size: var(--font-size-100);}
}
@media all and ( max-width: 800px ){
	.vision-tit-con {padding: var(--space-32) 0 var(--space-64);}
	.vision-tit-con .sub-tit {font-size: var(--font-size-34);}
	.vision-tit-con .tit-wrap {height: 16rem;}
	.vision-tit-con .tit {font-size: var(--font-size-66);} 
	
	.vision-con01 {padding: var(--space-104) 0 0;}
	.vision-con01 .top-txt {font-size: var(--font-size-26);}
	.vision-con01 .point-con .point-item {width: calc(50% - 2rem);}
	.vision-con01 .point-con .point-item .txt {font-size: var(--font-size-20);}
	.vision-con02 {height: 100vh;}
	.vision-con02 .vision-tit-box {margin-top: 0;}
	.vision-tit-box .tit span {font-size: var(--font-size-26);}
	.vision-tit-box .tit {font-size: var(--font-size-40);}
	.vision-con-wrap .bg-txt {font-size: var(--font-size-66); bottom: -1rem;}
	
	.vision-value-con {padding: var(--space-104) 0;}
	.vision-value-list li {height: 38rem;}
	.vision-value-list li.half {width: 100%;}
	.vision-value-list li .inner {padding: var(--space-32) var(--space-32);}
	.vision-value-list li .inner dt {font-size: var(--font-size-32);}
}


/* -------- 연혁 -------- */
.history-page {padding: 0 0 var(--space-200);}
.history-bnr {background: url(../images/content/history_bnr.jpg)no-repeat center/cover; margin-bottom: var(--space-120);}
.history-bnr strong {display: block; text-align: center; padding: var(--space-256) var(--area-padding); box-sizing: border-box; font-size: var(--font-size-30); font-weight: var(--font-weight-bold); letter-spacing: var(--tracking-pos-10); color: var(--color-white); line-height: var(--leading-130);}

.history-con-wrap {position: relative; }
.history-percent-bar {position: absolute;top: 1.8rem; left: 50%; margin-left:calc(var(--space-8) * -1); width:2px; height: calc(100% - 1.8rem); background: rgb(var(--color-primary-rgb) / 0.1);}
.history-percent-bar .percent-bar-child {position: absolute;content: ""; width: 100%;  height: 0; background-color: var(--color-secondary); z-index: 1;}
.history-percent-bar .percent-bar-child .point {width: 2px; height: 2px; position: absolute; left: 0; bottom: 0; background-color: var(--color-secondary);}
.history-year-group-box {position: relative; display: flex; padding-bottom: var(--space-120);}
.history-year-group-box:last-of-type {padding-bottom: 0;}
.history-year-group-box .history-dot {position: absolute; width: 3.6rem; height: 3.6rem; top: 0; left: 50%; transform:translateX(-69%);z-index: 1;}
.history-year-group-box .history-dot i {position: absolute; top: 50%; left: 50%;  transform:translate(-50%,-50%); width: 1.6rem; height: 1.6rem; border-radius: var(--radius-round); border: 3px solid var(--color-text-muted); background-color: var(--color-white); box-sizing: border-box; transition:all 0.3s;}
.history-year-group-box .history-dot .circle {background:rgb(var(--color-secondary-rgb) / 0.1) ;border-radius: var(--radius-round);-webkit-animation-fill-mode: both;animation-fill-mode: both;position: absolute;left: 0;top: 0px;opacity: 0;margin: 0;width: 100%;height: 100%; }
/* .history-year-group-box .history-dot i:before {position: absolute; content: ''; width:  1.6rem; height:  1.6rem; top: -3px; left: -3px; border-radius: var(--radius-round);  border: 4px solid var(--main-color); background-color: var(--color-white); box-sizing: border-box;} */
.history-year-group-box.active .history-dot i {border: 4px solid var(--color-secondary);}
.history-year-group-box.active .history-dot .circle { animation: history-circle 3s cubic-bezier(1, 2, 0.66, 3) infinite; }
.history-year-group-box .history-dot .circle:nth-child(2) {-webkit-animation-delay: 0.8s; animation-delay: 0.8s; }
.history-year-group-box .history-dot .circle:nth-child(3) {background-color: var(--color-secondary); -webkit-animation-delay: 1.6s; animation-delay: 1.6s;}
@keyframes history-circle {
 0% {
		-webkit-transform: scale(0);
		transform: scale(0);
		opacity: 1; 
	}
	50% {
		opacity: 1; 
	}
	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 0; 
	}
}
.history-year-group-tit-box {width: 50%; padding-right: var(--space-200); box-sizing: border-box;}
.history-year-group-tit {font-size: var(--font-size-80); font-weight: var(--font-weight-bold); letter-spacing: var(--tracking-neg-002); color:var(--color-primary); line-height: var(--leading-110); transition:all 0.4s;}
.history-year-group-box.active  .history-year-group-tit {color: var(--color-secondary);}
.history-year-group-txt {font-size: var(--font-size-20); font-weight: var(--font-weight-medium); letter-spacing: var(--tracking-neg-005); color: var(--color-primary); line-height: var(--leading-150); margin-top: var(--space-24);}
.history-year-group-box .history-img-box {margin-top: var(--space-48);}
.history-year-group-box .history-img-list li {position: relative; border-radius: var(--radius-8);}
.history-year-group-box .history-img-list li span {display: block;position: relative; width: 100%;height: 0;padding-top: 58.6%;border-radius: var(--radius-8); overflow: hidden;}
.history-year-group-box .history-img-list li span img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit:cover}
.history-year-group-box .history-img-list .slick-dots {display: flex; justify-content: center; padding-top: var(--space-24);}
.history-year-group-box .history-img-list .slick-dots li {margin: 0 var(--space-8);}
.history-year-group-box .history-img-list .slick-dots li button {width: 0.7rem; height: 0.7rem; border-radius: var(--radius-8); font-size: 0; background-color: var(--color-border); transition:all 0.3s;}
.history-year-group-box .history-img-list .slick-dots li.slick-active button {background-color: var(--color-primary);}

.history-year-list-box {width: 50%; padding-left: var(--space-112); box-sizing: border-box;}
.history-year-item {padding-bottom: var(--space-72);}
.history-year-item:last-of-type {padding-bottom: 0;}
.history-year-item .history-year strong {display: block; font-size: var(--font-size-30); font-weight: var(--font-weight-bold); letter-spacing: var(--tracking-neg-005); color: var(--color-primary); margin-bottom: var(--space-32);}
.history-year-item .history-month-item {display: flex; margin-bottom: var(--space-24);}
.history-year-item .history-month-item:last-of-type {margin-bottom: 0;}
.history-year-item .history-month-item .history-month {width: 4rem; font-size: var(--font-size-16); font-weight: var(--font-weight-semibold); letter-spacing: var(--tracking-neg-005); color: var(--color-primary); line-height: var(--leading-180);}
.history-year-item .history-month-item .history-detail-txt-con {width: calc(100% - 4rem);}
.history-year-item .history-month-item .history-detail-txt {position: relative; padding-left: var(--space-8); font-size: var(--font-size-16); font-weight: var(--font-weight-medium); letter-spacing: var(--tracking-neg-005); color: var(--color-primary); line-height: var(--leading-1625);}
.history-year-item .history-month-item .history-detail-txt + .history-detail-txt {margin-top: var(--space-8);}
.history-year-item .history-month-item .history-detail-txt:before {position: absolute; top: 1rem; left: 0; content: ''; width: 0.4rem; height: 0.4rem; border-radius: var(--radius-8); background-color: var(--color-text-muted);}

@media all and (max-width:1280px){
	.history-year-group-tit-box {padding-right:var(--space-120);}
}
@media all and (max-width:800px){
	.history-page {padding: 0 0 var(--space-104);}

	.history-bnr {margin-bottom: var(--space-80);}
	.history-bnr strong {padding: var(--space-152) var(--area-padding); font-size: var(--font-size-24);}
	
	.history-percent-bar {left: 1.8rem;}
	.history-year-group-box {display: block;}
	.history-year-group-box .history-dot {left: 0; transform: translateX(0);}
	.history-year-group-tit-box {width: 100%; padding-left: var(--space-64); padding-right: 0;}
	.history-year-group-tit {font-size: var(--font-size-42);}
	.history-year-group-txt {font-size: var(--font-size-18);}
	.history-year-group-box .history-img-box {margin: var(--space-32) 0;}
	.history-year-list-box {width: 100%; padding-left: var(--space-64);}
	.history-year-group-box {padding-bottom: var(--space-104);}
}


/* -------- 오시는길 -------- */
.location-con-wrap {position: relative;}
.location-tab-panel {position: absolute; width: calc(100% - 56rem); bottom: 4.3rem; left: 0; height: 68px; z-index: 3; padding: 0 var(--space-80); box-sizing: border-box;}
.move-line-wrap {position: absolute; width: 100%; margin: 0 auto; top: 9px; left: 0;}
.tab-on-icon.move-line {position:absolute; left:0; top:0; z-index:1; height: 68px;}
.tab-on-icon.move-line > span {height: 50px; background-color:var(--main-color); position:absolute; left:0; top:0; text-align:center; transition:background-color 0.5s; border-radius:var(--radius-8);}

.location-tab-list {position: relative; height: 68px; border-radius: var(--radius-8); background: rgb(var(--color-white-rgb) / 0.6); padding: var(--space-8) var(--space-8); -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box; backdrop-filter:blur(1rem); box-shadow: 0.7rem 0.7rem 2rem rgb(var(--color-primary-rgb) / 0.15);}
.location-tab-list ul {display: flex; height: 100%; }
.location-tab-list ul li{display:table-cell; vertical-align:middle; position:relative; width: 20%; border-radius: var(--radius-8); z-index:1;}
.location-tab-list ul li a{display:table; height:50px; width:100%;}
.location-tab-list ul li a em{display:table-cell; vertical-align:middle; font-size: var(--font-size-18); font-weight:var(--font-weight-semibold); color: var(--main-color); line-height: var(--leading-120); text-align:center; transition: all 0.3s;}
.location-tab-list ul li.selected{z-index:2; }
.location-tab-list ul li.selected em {color: var(--color-white);}
.location-tab-list ul li.hover a em {color: var(--color-white);}
.location-tab-list ul li.none-hover a em{color:var(--color-primary);}

.location-tab-con {width: 100%; height: 78rem; display: flex; flex-wrap: wrap;}
.location-map-con {position: relative; width: calc(100% - 56rem); overflow: hidden;}
.location-map-con .inner {position: absolute;  top: 0; left: 0;width: 100%; height: 100%;}
.location-map-con .inner .root_daum_roughmap_landing ,
.location-map-con .inner .root_daum_roughmap .wrap_map {  width: 100% !important; height: 100% !important;}
.location-map-con .inner iframe {width: 100% !important; height: 100% !important;}
.location-info-con {width: 56rem; background-color:var(--main-color); padding: var(--space-72) var(--space-40) var(--space-40); box-sizing: border-box;}
.location-info-con .inner {width: 100%; height: 100%; display: flex; flex-direction:column; justify-content: space-between;}
.location-info-con .info-top {padding: 0 var(--space-24);}
.location-info-con .info-top dt {padding-bottom: var(--space-24); border-bottom: 1px solid rgb(var(--color-primary-rgb) / 0.15);}
.location-info-con .info-top dt strong {display: block; font-size: var(--font-size-21); font-weight: var(--font-weight-semibold); letter-spacing: var(--tracking-neg-005); color: rgb(var(--color-white-rgb) / 0.6); line-height: var(--leading-140);}
.location-info-con .info-top dt h5 {font-size: var(--font-size-38); font-weight: var(--font-weight-bold); letter-spacing: var(--tracking-neg-005); color: var(--color-white); line-height: var(--leading-120); margin-top: var(--space-8);}
.location-info-con .info-top dd {padding: var(--space-24) 0;}
.location-info-con .info-top dd p {position: relative; padding-left: var(--space-32); font-size: var(--font-size-16); font-weight: var(--font-weight-medium); letter-spacing: var(--tracking-neg-005); color: var(--color-white); line-height: var(--leading-180); margin-bottom: var(--space-8);}
.location-info-con .info-top dd p + p { letter-spacing: var(--tracking-neg-001); }
.location-info-con .info-top dd p i {position: absolute; top: 0.6rem; left: 0;}
.location-info-con .info-top dd p.cn-txt {    word-break: break-all;}
.location-img-box {position: relative; width: 100%; height: 0; padding-top: 63.58%; border-radius:var(--radius-8); overflow: hidden;}
.location-img-box img {position: absolute; width: 100%; height: 100%; top: 0; left: 0;}

@media all and (max-width:1660px){
	.location-tab-panel {    padding: 0 var(--space-32);}
}
@media all and (max-width:1280px){
	.location-tab-panel {width: calc(100% - 44rem);}
	.location-map-con {width: calc(100% - 44rem);}
	.location-info-con {width: 44rem;}
	.location-info-con .info-top dt h5 {font-size: var(--font-size-32);}
	.location-tab-list ul li a em {font-size: var(--font-size-16);}
}
@media all and (max-width:800px){
	.location-tab-panel {position: relative; width: 100%; height: 40px; bottom: 0; margin-bottom: var(--space-48); padding: 0 var(--area-padding) ;}
	.location-tab-list {padding: 0; height: 40px; background:transparent; backdrop-filter: none; box-shadow:none;}
	.location-tab-con {height: auto; display: block;}
	.location-map-con {width: 100%; height: 36rem;}
	.location-info-con {width: 100%; padding: var(--space-40) var(--area-padding)  var(--area-padding) ;}
	.location-info-con .info-top {padding: 0 var(--space-8);}
	.location-info-con .info-top dt h5 {font-size: var(--font-size-28);}
	.location-info-con .info-top dd {padding: var(--space-24) 0 var(--space-32);}
	
}

/* Source: pages/main-source.css */
/* *******************************************************
 * filename : main.css
 * description : 메인 레이아웃 및 컨텐츠 CSS
 * date : 2022-08-08
******************************************************** */
/* ******************  메인 레이아웃(Fullpage) ********************** */
#fullpage #mainVisual{height:100vh}
@media all and ( min-width: 1281px ) and (max-height: 750px) {
	#fullpage .section:not(#mainFooter){min-height:750px;}
	#fullpage .section .fp-tableCell{height:100% !important;}
}

/* ******************  메인 비주얼 ********************** */
.main-visual-con .slick-track,
.main-visual-con .slick-list {
	-webkit-perspective: 2000;
	-webkit-backface-visibility: hidden;
}
.main-visual-con, 
.main-visual-con .slick-list,  
.main-visual-con .slick-track, 
.main-visual-item{
	height:100%;
}
.main-visual-con{z-index:1;}

/* 메인 비주얼 영상영역 */
.main-visual-video-wrapper{overflow:hidden; height:100vh; width:100%; background-color:var(--color-primary);}
.main-visual-video-wrapper .background-video{position:absolute; top:0; left:0px; width:100%; height:100%}
.main-visual-video-wrapper .background-video iframe{
	width: 100vw;
	height: calc(56.25vw + 300px); /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
	min-height: calc(100vh + 300px);
	min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	pointer-events:none;
	opacity:0;filter:Alpha(opacity=0);
	transition: opacity 3s 0.2s;
}

.main-visual-video-wrapper .background-video.start iframe{opacity:0.8;filter:Alpha(opacity=80);}
/* .main-visual-video-wrapper .background-video.start iframe{opacity:0.6;filter:Alpha(opacity=60);} */

/* 메인 비주얼 :: 이미지 */
.main-visual-item{position:relative;}
.main-visual-item .main-visual-img{
	width:100%;
	height:100%;
	background-size:cover !important;
	transform: scale(1.08,1.08);
}
.main-visual-item .main-visual-m-img{display:none;}
.main-visual-item.active-item .main-visual-img{animation: image-zoom-out 8s 0s forwards;}
/* 메인 비주얼 :: 텍스트 */
.main-visual-txt-con{
	position:absolute; 
	left:0px; top:0;
	width:100%; 
	height:100%;
	z-index:1;
}
.main-visual-txt-box{
	display:flex;
	height:100%;
}
.main-visual-txt-inner {padding-bottom: var(--space-48);}
.main-visual-txt-box .main-visual-txt1,
.main-visual-txt-box .main-visual-txt2 {
	opacity:0; 
}
.main-visual-txt-box .main-visual-txt1{font-size: var(--font-size-30); font-weight:var(--font-weight-medium); letter-spacing:var(--tracking-neg-001); line-height: var(--leading-120); color:rgb(var(--color-white-rgb) / 0.6); margin-bottom:var(--space-8);}
.main-visual-txt-box .main-visual-txt2{font-size: var(--font-size-60); font-weight: var(--font-weight-bold); letter-spacing:var(--tracking-neg-001); color:var(--color-white); line-height: var(--leading-124); }

/* 메인 비주얼 :: 텍스트 :: active효과 */
.active-item .main-visual-txt1,
.active-item .main-visual-txt2 {
	animation: text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;
}
.active-item .main-visual-txt1{animation-delay:0.1s;}
.active-item .main-visual-txt2{animation-delay:0.3s;}
.main-visual-txt-box .cm-word-split-JS.splitting .char{animation: text-fade-out 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;}
.active-item .main-visual-txt-box .cm-word-split-JS.splitting .char{animation: text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;}

/* 메인 비주얼 :: Animation */
@keyframes image-zoom-out {
	from {
		transform: scale(1.08,1.08)
	}
	to {
		transform: scale(1.0,1.0)
	}
}
@keyframes text-active-animation {
	from {
		opacity:0;filter:Alpha(opacity=0);
		-webkit-transform: translateY(50px); 
		transform: translateY(50px); 
	}
	to {
		opacity:1.0;filter:Alpha(opacity=100);
		-webkit-transform: translateY(0); 
		transform: translateY(0); 
	}
}
@keyframes text-fade-out {
	from {
		opacity:1.0;filter:Alpha(opacity=100);
	}
	to {
		opacity:0;filter:Alpha(opacity=0);
	}
}

.main-visual-dots {display: none !important;}

/* 메인 비주얼 :: 스크롤아이콘 */
.main-scroll-icon{position:absolute; width: 4px; height: 11.3rem; bottom:6rem; right: max(var(--space-24), calc((100% - var(--area-wrap-width))/2)); background-color: rgb(var(--color-white-rgb) / 0.15); z-index:9; overflow: hidden;}
.main-scroll-icon span{position: absolute; top: 0; left: 0; width: 4px; height: 3.6rem; background-color: var(--color-white);  animation: upDown 1.8s ease-in-out infinite;}

@keyframes upDown {
	0% {
		transform:  translateY(-100%);
	}
	100% {
		transform:  translateY(350%);
	}
}


/* ******************  메인 컨텐츠 ********************** */
/* -------- 메인 컨텐츠 :: 공통 -------- */
/* 공통 :: 타이틀 */
.main-tit-box .main-txt1 {margin-bottom: var(--space-8); font-size: var(--font-size-42); font-weight: var(--font-weight-medium); letter-spacing: var(--tracking-neg-002); color: var(--color-white); line-height: var(--leading-124);}
.main-tit-box .main-txt2 {font-size: var(--font-size-64); font-weight: var(--font-weight-bold); letter-spacing: var(--tracking-neg-002); color: var(--color-white); line-height:var(--leading-100);}

.main-tit-box .splitting .char  {
	opacity:0;
	transform:translateY(100%);
	transition:var(--transition-custom2);
	transition-property:opacity, transform;
	will-change: transform, opacity;
}

 /* transition일때 */ 
.animated .splitting .char {
	opacity:1.0;
	transform:translateY(0) rotate(0);
}


/* -------- 메인 컨텐츠 :: 컨텐츠1 (Who We Are) -------- */
.main-con01-top {position: relative; padding:var(--space-120) 0 var(--space-112); text-align: center; z-index: 1;}
.main-con01-top .tit-wrap {position: relative; height: 19rem;}
.main-con01-top .tit {position: absolute; left: 50%; transform:translateX(-50%); display: inline-block; font-size: var(--font-size-160); font-weight: var(--font-weight-extrabold); letter-spacing: var(--tracking-pos-02); color: var(--main-color); line-height: var(--leading-120); white-space:nowrap; opacity: 0; transition: all 0.8s ease-in-out;}
/* .main-con01-top .tit:before {position: absolute; content: 'Company'; left: 1rem; top: -1.5rem; font-size: var(--font-size-20); font-weight: var(--font-weight-bold); letter-spacing: var(--tracking-neg-002); color: var(--main-color); opacity: 0; transition: var(--transition-custom2)}
.main-con01-top .tit:after {position: absolute; content: 'Overview'; right:0.5rem; bottom: -1.5rem;font-size: var(--font-size-20); font-weight: var(--font-weight-bold); letter-spacing: var(--tracking-neg-002); color: var(--main-color); opacity: 0; transition: var(--transition-custom2)} */
.main-con01-top.animated .tit {opacity: 1; letter-spacing: var(--tracking-neg-003);}
.main-con01-top.animated .tit:before,
.main-con01-top.animated .tit:after {opacity: 1; transition-delay:0.4s;}

.main-con01-img {position: absolute; top: 5.5rem; left: 50%; margin-left: calc(var(--space-8) * -58); width: 100.6rem; z-index: 2; opacity: 0;  -webkit-transform: translate3d(0, 80px, 0); transform: translate3d(0, 80px, 0); transition-property: opacity, transform, -webkit-transform; transition:var(--transition-custom2); transition-delay: 0s;}
.main-con01-img.animated { opacity: 1;-webkit-transform: none; transform: none;transition-delay: 0.2s;}
.main-con01-img img {max-width: 100%;}

.main-who-con {padding: var(--space-272) 0 var(--space-152); position: relative; text-align: center;}
.main-who-con:before {position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 110%; z-index: -1; background:linear-gradient(180deg, var(--color-border-soft) 90%, var(--color-white) 100%);}
.main-who-con .txt-box {display: inline-block; text-align: left;}
.main-who-con .txt-box .sub-tit {display: block; font-size: var(--font-size-26); font-weight: var(--font-weight-bold); letter-spacing: var(--tracking-neg-002); color: var(--color-secondary); line-height: var(--leading-120); margin-bottom: var(--space-8);}
.main-who-txt {position: relative; z-index: 1;}
.main-who-txt .text {position:relative; font-size: var(--font-size-55); line-height: var(--leading-140); letter-spacing: var(--tracking-neg-003); font-weight: var(--font-weight-bold); color: rgb(var(--color-primary-rgb) / 0.16); background: linear-gradient(to right, var(--color-primary), var(--color-primary)) no-repeat;  -webkit-background-clip: text;  background-clip: text; background-size: 0%;}
.main-who-txt .text.text02,
.main-who-txt .text.text03 {margin-left: var(--space-96);}

.main-who-txt.m-ver {display: none;}

/* -------- 메인 컨텐츠 :: 컨텐츠2 (Product) -------- */
#mainProduct {position: relative; padding-bottom: var(--space-272); z-index: 1; margin-top: calc(var(--space-32) * -1) ;}
.main-prd-con {position: relative; z-index: 1; max-width: 1703px; margin: 0 auto; z-index: 1;}
.main-prd-list {display: flex; margin: 0 calc(var(--space-8) * -1); }
.main-prd-item {flex: 1 1 0; height: 78rem; transition: all 0.8s; position: relative; box-sizing: border-box; overflow: hidden; border-radius:var(--radius-16); margin: 0 var(--space-8);}
.main-prd-item .basic-inner {position: absolute; width: 100%; height: 100%; top: 0; left: 0; padding: var(--space-64) var(--space-24) 0; background-color: var(--color-border-soft); z-index: 1; transition:all 0.5s ease-in-out; text-align: center; box-sizing: border-box; border-radius:var(--radius-16);} 
.main-prd-item .basic-inner:before {position: absolute; content: '\ea13'; font-family: "remixicon"; font-size: var(--font-size-30); color: rgb(var(--color-primary-rgb) / 0.2); left: 50%; bottom: 6.5rem; margin-left: calc(var(--space-16) * -1); }
.main-prd-item .basic-inner .basic-img {position: absolute; top: 50%; left: 0; width: 67.9rem; height: 67.9rem; margin-top: calc(var(--space-296) * -1); opacity: 0.6; transition:all 0.8s;}
.main-prd-item .basic-inner .basic-img span {display: block;}
.main-prd-item .basic-inner .basic-img span img {max-width: 100%; max-height: 100%;}
.main-prd-item .basic-inner dl dt {font-size: var(--font-size-26); font-weight: var(--font-weight-semibold); letter-spacing: var(--tracking-neg-002); color: var(--color-primary); line-height: var(--leading-120); margin-bottom: var(--space-8);}
.main-prd-item .basic-inner dl dd {font-size: var(--font-size-16); font-weight: var(--font-weight-medium); letter-spacing: var(--tracking-neg-002); color: rgb(var(--color-primary-rgb) / 0.3); line-height: var(--leading-160);}

.main-prd-item .over-inner {position: relative; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; visibility: hidden;  transition:all 0.5s ease-in-out; background-color: var(--color-white); border: 1px solid var(--main-color); box-sizing: border-box; border-radius:var(--radius-16);}
.main-prd-item .over-inner-tab-con {position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: none;}
.main-prd-item .over-inner-tab-con .over-inner-con {display: flex; align-items: end; width: 100%; height: 100%; padding: var(--space-80) var(--space-80); box-sizing: border-box;}
.main-prd-item .over-inner-tab-con .more-btn {display: none;}
.main-prd-item .over-inner .over-inner-img {position: absolute; top: 0; left: 50%; width:85.8rem; height: 55rem; opacity: 0; transform:translate(0, -6rem); transition:all 0.8s;}
.main-prd-item .over-inner .over-inner-img img {max-width: 100%;}
.main-prd-item .over-inner-tit-box {position: relative; width: calc(100% - 20rem); white-space:nowrap}
.main-prd-item .over-inner-tit-box .sub-tit {display: inline-block; font-size: var(--font-size-22); font-weight: var(--font-weight-semibold); letter-spacing: var(--tracking-neg-002); color: var(--main-color); margin-bottom: var(--space-16);}
.main-prd-item .over-inner-tit-box .tit {font-size: var(--font-size-80); font-weight: var(--font-weight-bold); letter-spacing: var(--tracking-neg-002); color: var(--color-primary); margin-left: calc(var(--space-8) * -1);}
.main-prd-item .over-inner-tit-box .txt {font-size: var(--font-size-16); font-weight: var(--font-weight-medium); letter-spacing: var(--tracking-neg-005); color: rgb(var(--color-primary-rgb) / 0.7); line-height: var(--leading-160); margin-top: var(--space-8);}

.main-prd-item .over-inner-tab {position: absolute; right: 8rem; bottom: 8rem; width: 18rem;}  
.main-prd-item .over-inner-tab a {display: flex; align-items: center; justify-content: center; text-align: center; width: 100%; height: 5rem; border-radius: var(--radius-64); border: 2px solid var(--color-primary); box-sizing: border-box; font-size: var(--font-size-18); font-weight: var(--font-weight-semibold); letter-spacing: var(--tracking-neg-002); color: var(--color-primary); background-color: var(--color-white); transition:all 0.4s;}
.main-prd-item .over-inner-tab a:hover {color: var(--color-white); background-color: var(--main-color); border-color: var(--main-color);}
.main-prd-item .over-inner-tab a + a {margin-top: var(--space-8);}

.main-prd-item.active .basic-inner {opacity: 0; visibility: hidden;}
.main-prd-item.active .over-inner { opacity: 1; visibility: visible;} 
.main-prd-item.active .over-inner .over-inner-img {opacity: 1; transform:translate(-50%, 0)}

.main-product-tab-dropdown {display: none;}

@media all and (min-width: 801px){
	.main-prd-item.active {flex: 3 1 0; box-shadow: 0 0 4rem rgb(var(--color-secondary-rgb) / 0.4);}
	.main-prd-item.active .basic-inner .basic-img {transform: translate(-40%, -60%); }
	.main-prd-item:not(.active) .basic-inner .basic-img {left: -38%;}
}

.main-bottom-txt {position: absolute; width: 100%; bottom: -5rem; left: 0; text-align: center; font-size: var(--font-size-180); font-weight: var(--font-weight-extrabold); letter-spacing: var(--tracking-neg-002); color: var(--color-border-soft); line-height: var(--leading-124); white-space:nowrap;}


/* -------- 메인 컨텐츠 :: 컨텐츠3(Bisiness) -------- */
#mainBisiness {padding: var(--space-120) 0 var(--space-152); background: var(--color-border-soft);}
#mainBisiness .main-tit-box {margin-bottom: var(--space-64);}
.main-business-con {position: relative; padding-right: var(--space-24); box-sizing: border-box;}
/* .main-business-con:before {position: absolute; content: ''; width: calc(100vw - var(--area-box-width)); height: 100%; top: 0; left: calc(-1*(100vw - var(--area-box-width))); background: var(--color-border-soft); z-index: 1;} */
.main-business-list {opacity: 0; transition: var(--transition-custom2);}
.main-business-list.is-dragging {pointer-events: none;}
.main-business-list .slick-list {margin: 0 calc(var(--space-16) * -1); overflow: visible;}
.main-business-list .slick-slide {margin: 0 var(--space-16);}
.main-business-list li {position: relative;will-change: transform; transform:translateY(8rem); opacity: 0; transition: all 1.0s ease-in-out}
.main-business-list li a {display: block;}
.main-business-list li a .tit-en {display: block; font-size: var(--font-size-16); font-weight: var(--font-weight-semibold); letter-spacing: var(--tracking-neg-002); color: var(--color-primary); line-height: var(--leading-130); transition: var(--transition-custom); margin-bottom: var(--space-16);}
.main-business-list li a .img-box {position: relative; width: 100%; height: 0; padding-top: 145%; overflow: hidden; border-radius: var(--radius-8);}
.main-business-list li a .img-box span {display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
.main-business-list li a .img-box span img {position: absolute; width: 100%; height: 100%; top: 0; left: 0; transition: var(--transition-custom);}
.main-business-list li a .tit-kr {font-size: var(--font-size-26); font-weight: var(--font-weight-bold); letter-spacing: var(--tracking-neg-005); color: var(--color-primary); line-height: var(--leading-130); transition: var(--transition-custom); margin-top: var(--space-16);} 

@media all and ( min-width: 801px){
	.main-business-list li.off a .tit-en {opacity: 0.22;}
	.main-business-list li.off a .img-box span img {opacity: 0.45;}
	.main-business-list li a:hover .img-box span img {-webkit-transform: scale(1.1) rotate(0.002deg); 
			-moz-transform: scale(1.1) rotate(0.002deg);
			-ms-transform: scale(1.1) rotate(0.002deg);
			-o-transform: scale(1.1) rotate(0.002deg); 
			transform: scale(1.1) rotate(0.002deg);}
	.main-business-list li.off a .tit-kr {opacity: 0.25;}
}

/* .animated .main-business-list {opacity: 1;}
.main-business-list li:nth-child(2){transform:translateX(-50rem)}
.main-business-list li:nth-child(3){transform:translateX(-100rem)}
.main-business-list li:nth-child(4){transform:translateX(-150rem)}
.animated .main-business-list li{transform:translateX(0); transition:all 1.0s ease-in-out;}
 */
.animated .main-business-list {opacity: 1;}
.animated .main-business-list li {transform:none; opacity: 1; }
.animated .main-business-list li:nth-child(1) {transition-delay: 0.1s;}
.animated .main-business-list li:nth-child(2) {transition-delay: 0.3s;}
.animated .main-business-list li:nth-child(3) {transition-delay: 0.5s;}
.animated .main-business-list li:nth-child(4) { transition-delay: 0.7s;}

/* Source: pages/main-responsive-source.css */
/* *******************************************************
 * filename : main_responsive.css
 * description : 메인 레이아웃 및 컨텐츠 반응형 CSS
 * date : 2022-08-08
******************************************************** */

/* ******************  메인 비주얼 ********************** */
@media all and ( max-width: 1280px ){
	.main-visual-txt-box .main-visual-txt1 {font-size: var(--font-size-24);}
	.main-visual-txt-box .main-visual-txt2 {font-size: var(--font-size-56); line-height: var(--leading-120);}
}
@media all and ( max-width: 800px ){
	.main-visual-txt-inner {padding-bottom: var(--space-72);}
	.main-visual-txt-box .main-visual-txt1 {font-size: var(--font-size-18); margin-bottom: var(--space-16);}
	.main-visual-txt-box .main-visual-txt2 {font-size: var(--font-size-44); line-height: var(--leading-120);}
}
@media all and ( max-width: 480px ){
	.main-visual-txt-inner {padding-bottom: var(--space-56);}
	.main-visual-txt-box .main-visual-txt2 {font-size: var(--font-size-36); line-height: var(--leading-120);}
}

/* ******************  메인 컨텐츠 ********************** */
/* -------- 메인 컨텐츠 :: 공통 -------- */
@media all and ( max-width: 1280px ){
	/* 공통 :: 타이틀 */
	.main-tit-box .main-tit {font-size: var(--font-size-62);}
}
@media all and ( max-width: 800px ){
	/* 공통 :: 타이틀 */
	.main-tit-box .main-tit {font-size: var(--font-size-50);}
}

/* -------- 메인 컨텐츠 :: 컨텐츠1 (Who We Are) -------- */
@media all and ( max-width: 1280px ){
	.main-con01-top .tit {font-size: var(--font-size-100);}
	.main-who-txt .text {font-size: var(--font-size-44);}
	.main-who-txt .text.text02, 
	.main-who-txt .text.text03 {margin-left: var(--space-48);}
}
@media all and ( max-width: 800px ){
	.main-con01-top {padding: var(--space-64) 0 var(--space-56);}
	.main-con01-top .tit-wrap {height: 16rem;}
	.main-con01-top .tit {font-size: var(--font-size-66);} 
	.main-con01-top .tit:before,
	.main-con01-top .tit:after {font-size: var(--font-size-16);}
	.main-con01-top .tit:before {left: 0; top: 6.5rem;}
	.main-con01-top .tit:after {right: 0;}
	.main-con01-img {width: 100%; margin-left: 0; left: 3rem; top: 9.5rem;}
	
	.main-who-con {padding: var(--space-288) 0 var(--space-88);}
	.main-who-con .txt-box {display: block;}
	.main-who-con .txt-box .sub-tit {font-size: var(--font-size-18);}
	.main-who-txt.pc-ver {display: none;}
	.main-who-txt.m-ver {display: block;}
	.main-who-txt .text {font-size: var(--font-size-30);}
	.main-who-txt .text.text02,
	.main-who-txt .text.text03 {margin-left: 0;}
}
@media all and ( max-width: 480px ){
	.main-con01-img {left: 2rem;}
	.main-who-con {        padding: var(--space-152) 0 var(--space-88);}
}


/* -------- 메인 컨텐츠 :: 컨텐츠2 (Product) -------- */
@media all and ( max-width: 1760px ){
	.main-prd-con {max-width: none; margin: 0; padding: 0 var(--area-padding); box-sizing: border-box;}
	.main-prd-item .over-inner-tab-con .over-inner-con {padding: var(--space-64) var(--space-40);}
	.main-prd-item .over-inner-tab {right: 4.2rem; bottom: 6rem;}
	.main-prd-item .over-inner-tit-box .tit {font-size: var(--font-size-70);}
	
	.main-prd-item .basic-inner .basic-img {width: 55.9rem; height:55.9rem;     margin-top: calc(var(--space-208) * -1);}
	.main-prd-item .over-inner .over-inner-img {    width: 78.8rem; height: 50.5rem;}
}
@media all and ( max-width: 1280px){
	#mainProduct { padding-bottom: var(--space-248);}
	.main-prd-item {height: 70rem;}
	.main-prd-item .basic-inner .basic-img { width: 41.9rem; height: 41.9rem; margin-top: calc(var(--space-128) * -1);}
	.main-prd-item .basic-inner dl dt {font-size: var(--font-size-22);}
	.main-prd-item .over-inner .over-inner-img { width: 100%; height: auto;}
	.main-prd-item .over-inner-tab-con .over-inner-con {padding: 0 var(--space-40) var(--space-112);}
	
	.main-prd-item .over-inner-tab {bottom: 4rem; right: auto; left: 4.2rem; width: auto; display: flex;}
	.main-prd-item .over-inner-tab a {width: 13rem;}
	.main-prd-item .over-inner-tab a + a {margin-left: var(--space-8); margin-top: 0;}
	.main-prd-item .over-inner-tit-box {width: 100%;}
	.main-prd-item:not(.active) .basic-inner .basic-img {left: -35%;}
	
	.main-bottom-txt {font-size: var(--font-size-120); bottom: -4rem;}
}
@media all and ( max-width: 800px){
	#mainProduct {padding-bottom: var(--space-176);}
	.main-prd-list {flex-direction:column; height: 90rem; margin: 0; gap:var(--space-16)}
	.main-prd-item {height: 12rem; margin: 0;}
	.main-prd-item .basic-inner {display: flex; align-items: center; text-align: left; padding: 0 var(--space-24);}
	.main-prd-item .basic-inner:before {display: none;}
	.main-prd-item .basic-inner dl dd {display: inline-block;}
	.main-prd-item .basic-inner .basic-img {width: 20rem; height:20rem;  left: auto; right: -5rem; margin-top: calc(var(--space-104) * -1);}
	.main-prd-item .basic-inner .basic-img span {height: 100%;}
	.main-prd-item .over-inner .over-inner-img {width: 65%;}
	.main-prd-item .over-inner-tit-box {text-align: center; white-space: normal;}
	.main-prd-item .over-inner-tit-box .sub-tit {font-size: var(--font-size-18);}
	.main-prd-item .over-inner-tit-box .tit {font-size: var(--font-size-40); margin: var(--space-8) 0;}
	.main-prd-item .over-inner-tab {display: none;}
	.main-prd-item .over-inner-tab-con .over-inner-con {padding: 0 var(--space-32) var(--space-136);}
	.main-prd-item .over-inner-tab-con .more-btn {display: flex; align-items: center; justify-content: center; position: absolute; bottom: 2.5rem; left: 0; width: 100%; font-size: var(--font-size-18); font-weight: var(--font-weight-semibold); letter-spacing: var(--tracking-neg-002); color: var(--main-color); line-height: var(--leading-160);z-index: 3;}
	.main-prd-item .over-inner-tab-con .more-btn i {font-size: var(--font-size-20); margin-left: var(--space-8);}
	.main-prd-item.active { flex: 0 1 calc(100% - 40.8rem);}
	.main-prd-item.active .over-inner .over-inner-img {opacity: 1; transform:translate(-50%, 0)}
	.main-prd-item:not(.active) .basic-inner .basic-img {left: auto;}

	.main-product-tab-dropdown {display: block; position: absolute; left: 0; bottom: 6.7rem; width: 100%; height: 5rem; padding: 0 var(--space-24); box-sizing: border-box;}
	.main-product-tab-dropdown .sub-tab-toggle {display:block; position:relative; height:5rem; line-height: var(--leading-rem-50); width: 100%; border-radius: var(--radius-64); background-color: var(--main-color); padding: 0 var(--space-24); box-sizing: border-box; font-size: var(--font-size-17); font-weight: var(--font-weight-semibold); letter-spacing: var(--tracking-neg-002); color: var(--color-white); z-index: 12;} 
	.main-product-tab-dropdown .sub-tab-dropdown ul {top: auto; bottom: 2.5rem; padding-bottom:var(--space-24); padding-top: var(--space-8); border-radius: var(--radius-24) var(--radius-24) 0 0; border: 0; background-color: var(--main-color);}
	.main-product-tab-dropdown .sub-tab-dropdown ul li {border-top: 0;}
	.main-product-tab-dropdown .sub-tab-dropdown ul li.selected a em {color: var(--color-white);}
	.main-bottom-txt {font-size: var(--font-size-100); bottom: -3rem;}
}
@media all and ( max-width: 480px){
	.main-prd-list  {height: 86rem;}
	.main-prd-item .over-inner .over-inner-img {width: 75%; }
}

/* -------- 메인 컨텐츠 :: 컨텐츠3(Bisiness) -------- */
@media all and ( max-width: 1660px){
.main-business-con:before {width: calc(2*var(--area-padding)); left: calc(-2*var(--area-padding));}
}
@media all and ( max-width: 1280px){
	#mainBisiness {padding: var(--space-200) 0 var(--space-224);}
	
	.main-business-list li:nth-child(5){transform:translateX(-35rem)}
	.main-business-list li:nth-child(6){transform:translateX(-70rem)}
	.main-business-list li:nth-child(7){transform:translateX(-105rem)}
	.animated .main-business-list li{transform:translateX(0); transition:all 1.0s ease-in-out;}
}
@media all and ( max-width: 800px){	
	#mainBisiness {padding: var(--space-72) 0 var(--space-80);}
	.main-business-list .slick-list {margin: 0 calc(var(--space-8) * -1);}
	.main-business-list .slick-slide {margin: 0 var(--space-8);}
	.main-business-list li a .tit-kr {font-size: var(--font-size-21);}
	
	.main-business-list li:nth-child(4){transform:translateX(-33rem)}
	.main-business-list li:nth-child(5){transform:translateX(-66rem)}
	.main-business-list li:nth-child(6){transform:translateX(0)}
	.main-business-list li:nth-child(7){transform:translateX(0)}
	.animated .main-business-list li{transform:translateX(0); transition:all 1.0s ease-in-out;}
}
@media all and ( max-width: 480px){
	.main-business-con {padding-right: var(--space-48);}
	.main-business-list li:nth-child(4){transform:translateX(0)}
	.main-business-list li:nth-child(5){transform:translateX(0)}
	.main-business-list li:nth-child(6){transform:translateX(0)}
	.main-business-list li:nth-child(7){transform:translateX(0)}
}

@media all and ( max-width: 1280px){
	.main-tit-box .main-txt1 {font-size: var(--font-size-36);}
	.main-tit-box .main-txt2 {font-size: var(--font-size-50);}
}
@media all and ( max-width: 800px){
	.main-tit-box .main-txt1 {font-size: var(--font-size-20); margin-bottom: var(--space-8);}
	.main-tit-box .main-txt2 {font-size: var(--font-size-40);}
}