@charset "utf-8";
/* *******************************************************
 * filename : content.css
 * description : 서브페이지 컨텐츠 CSS
 * date : 2022-03-14
******************************************************** */

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

/* -------- 공통 :: 탭 -------- */
/* Tab 공통 스타일 */
.sub-tab-wrapper-style{position:relative; height:5.4rem;}
.sub-tab-list-style ul{display:flex; align-items:center; justify-content:center; width:100%; height:100%; table-layout:fixed;}
.sub-tab-list-style ul li{position:relative; width:calc(25% - 1rem); margin:0 0.5rem;}
.sub-tab-list-style ul li a{display:flex; align-items:center; justify-content:center; height:5.4rem; width:100%; background:#f5f5f5; border-radius:5.4rem; border:1px solid #e8e8e8; box-sizing:border-box;}
.sub-tab-list-style ul li a em,
.sub-tab-list-style ul li a span{font-size:1.6rem; letter-spacing:-0.035em; color:#000; font-weight:500;}
.sub-tab-list-style ul li.selected a{z-index:1; background-color:var(--main-color); border-color:var(--main-color);}
.sub-tab-list-style ul li.selected a em,
.sub-tab-list-style ul li.selected a span{color:#fff; }
/* Tab Fixed Move*/
.sub-tab-list-style.top-fixed{position:fixed; top:70px; left:0; width:100%; height:60px;}
/* Mobile Tab Drop Menu */
.sub-drop-open-btn-style{display:none}

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

/* ========================================================
 * NEXTGRID :: 공통 컴포넌트
======================================================== */
/* :root{ --font-family2: 'Pretendard Variable', Pretendard, 'Noto Sans KR', "나눔고딕", NanumGothic, "돋움", Dotum, Arial, sans-serif; } */

/* 3차 pill 탭 (시안: 236x54 / active #2675dd) */
.sub-tab-menu{margin-top:12.5rem;}
.sub-tab-menu ul{display:flex; align-items:center; justify-content:center;}
.sub-tab-menu ul li + li{margin-left:1rem;}
.sub-tab-menu ul li:nth-child(2){margin-left:1.6rem;} /* 시안 표준 인스턴스 간격 16/10 */
/* 넥스트그리드소개 페이지 시안 전용 간격 (9.5/85.5) */
.sub-tab-menu.tab-style-intro ul li:nth-child(2){margin-left:0.95rem;}
.sub-tab-menu.tab-style-intro ul li:nth-child(3){margin-left:8.55rem;}
.sub-tab-menu ul li a{
	display:flex; align-items:center; justify-content:center;
	width:23.6rem; height:5.4rem;
	border-radius:60px;
	background-color:#f5f5f5; border:1px solid #e8e8e8;
	
	color:#1f1f1f; font-size:1.6rem; font-weight:600; letter-spacing:-0.035em;
	box-sizing:border-box;
	transition:var(--transition-custom);
}
.sub-tab-menu ul li.on a,
.sub-tab-menu ul li a:hover{background-color:var(--main-color); border-color:var(--main-color); color:#fff;}



/* ========================================================
 * NEXTGRID :: 회사정보
======================================================== */
/* ****************** NEXTGRID :: 넥스트그리드 소개 (Figma 실측) ********************** */
.ng-about-top{position: sticky; top:0;}
.ng-about-hero{position:relative; z-index:1; margin-top:9.1rem; height:66rem; background-color:#020409; color:#fff; overflow:hidden;}
.ng-about-hero .hero-bg{position: absolute; inset:0; width:100%; height:100%;
	background-image: url('/images/content/about_hero_bg.png');
	background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-attachment: fixed;}
.ng-about-hero .hero-bg img{position: absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%; min-width:800px;}
.ng-about-hero .hero-layer{position:absolute; width:201.6rem; height:90.2rem; pointer-events:none;}
.ng-about-hero .hero-layer img{display:block; width:100%; height:100%; object-fit:cover;}
.ng-about-hero .hero-layer.l1{left:calc(50% - 96rem - 68rem); top:-45.9rem; transform:rotate(155.14deg);}
.ng-about-hero .hero-layer.l2{left:calc(50% - 96rem + 149.5rem - 100.8rem); top:-15.6rem; transform:rotate(-24.86deg);}
.ng-about-hero .hero-symbol{position:absolute; left:calc(50% + 27.6rem); top:18.7rem; width:24.1rem; pointer-events:none;}
.ng-about-hero .hero-symbol img{display:block; width:100%; height:auto;}
.ng-about-hero-txt{position:absolute; inset:0; }
.ng-about-hero-label{position:absolute; left:calc(50% - 6.5rem); top:23.6rem; color:rgba(255,255,255,0.6); font-size:1.6rem; font-weight:600; line-height:1.375; letter-spacing:-0.01em;}
.ng-about-hero-txt h3{font-size:8rem; font-weight:700; letter-spacing:-0.03em;}
.ng-about-hero-txt h3 .line1{position:absolute; left:calc(50% - 8rem); top:26.6rem; transform:translateX(-50%); line-height:1.375; color:#fff; white-space:nowrap;}
.ng-about-hero-txt h3 .line2{position:absolute; left:calc(50% + 14.7rem); top:35.3rem; transform:translateX(-50%); line-height:1.375; color:var(--main-color); white-space:nowrap;}
/* Overview */
.ng-about-overview{position:relative; padding:14.3rem 0 12rem;}
.ng-about-dots{position:absolute; bottom:0; right:0; width:88%; max-width:165rem; pointer-events:none; z-index:-1;}
.ng-about-dots:before{position: absolute; content:''; width:50%; height:100%; top:0; left:0; background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);}
.ng-about-dots img{display:block; width:100%; height:auto;}
.ng-about-overview .area{position:relative;}
.ng-about-eyebrow{color:var(--main-color);  font-size:1.6rem; font-weight:700; line-height:2;}
.ng-about-tit{margin-top:3.9rem; color:#000; font-size:4.2rem; font-weight:700; line-height:5.8rem; letter-spacing:-0.035em;}
.ng-about-tit b{color:var(--main-color); font-weight:700;}
.ng-about-lead{margin-top:2.3rem; color:#111; font-size:2rem; font-weight:500; line-height:1.6; letter-spacing:-0.035em;}
.ng-about-paras{margin-top:2rem;}
.ng-about-paras p{margin-top:1.5rem; color:#666; font-size:1.8rem; font-weight:500; line-height:1.625; letter-spacing:-0.035em;}
.ng-about-paras p:first-child{margin-top:0;}
/* 카드 밴드 — 시안 실측 : 풀블리드 #F4F8FD, 상단 라운드 100px, 하단은 푸터에 바로 연결 */
.ng-about-band{
	position:relative; z-index:1;
	padding:6.5rem 0; box-sizing:border-box;
	border-radius:10rem 10rem 0 0; background-color:#f4f8fd;
}
.ng-about-row{display:flex; align-items:center; justify-content:space-between; gap:6rem; padding:6rem 0; width:138rem; max-width:calc(100% - var(--area-padding)*2); margin-left:auto; margin-right:auto;}
.ng-about-row-img{display:block; flex:none; width:64rem;}
.ng-about-row-img img{display:block; width:100%; height:64rem; object-fit:cover; border-radius:3rem;}
.ng-about-row-txt{flex:1; max-width:64rem; padding:0 2rem; box-sizing:border-box;}
.ng-about-row-txt h5{color:#111; font-size:3.6rem; font-weight:700; line-height:1.44; letter-spacing:-0.035em; margin-bottom:2.5rem;}
.ng-about-row-txt h5 b{color:var(--main-color); font-weight:700;}
.ng-about-row-txt p{margin-top:2rem; color:#666; font-size:1.8rem; font-weight:500; line-height:1.55; letter-spacing:-0.035em;}

.ng-about-row-reverse .ng-about-row-txt{padding-left: 6.5rem; padding-right: 1rem;}
@media all and (max-width:1660px){
	.ng-about-band{margin-left:0; margin-right:0;}
}
@media all and (max-width:1280px){
	.ng-about-hero-txt{width:auto; left:var(--area-padding); right:var(--area-padding); transform:none;}
	.ng-about-hero-txt h3{font-size:6rem;}
	.ng-about-row-img{width:46%;}
	.ng-about-row-img img{height:auto; aspect-ratio:1/1;}
}
@media all and (max-width:800px){
	.ng-about-hero{margin-top:5rem; height:44rem;}
	.ng-about-hero-txt{top:0; bottom:0; display: flex; align-items: center; justify-content: center; flex-direction: column;}
	.ng-about-hero-txt h3{font-size:3.6rem;}
	.ng-about-hero-txt h3 .line1{position: relative; top: auto; left: auto; transform: none; display: block; margin-left:-3rem;}
	.ng-about-hero-txt h3 .line2{position: relative; top: auto; left: auto; transform: none; display: block; text-align:right; margin-right:-3rem;}
	.ng-about-hero .hero-symbol{left: 50%; top: 50%; width: 18rem; transform: translate(50%, -70%);}
	
	.ng-about-hero-label{margin-left:0; position: relative; top: auto; left: auto; transform: none; margin-bottom:1rem;}
	.ng-about-overview{padding-block:8rem;}
	.ng-about-tit{font-size:2.4rem; line-height:1.5; margin-top:2rem;}
	.ng-about-lead{font-size:1.6rem; line-height:1.7;}
	.ng-about-paras p{font-size:1.5rem; line-height:1.7;}
	.ng-about-band{margin-top:0; padding:2rem 0 8rem; border-radius:3rem 3rem 0 0;}
	.ng-about-row{flex-direction: column; padding:4rem 0; gap:0;}
	.ng-about-row-reverse{flex-direction: column-reverse;}
	.ng-about-row-img{width:100%;}
	.ng-about-row-txt{max-width:none; margin-top:2.6rem; padding:0 !important;}
	.ng-about-row-txt h5{font-size:2.2rem; line-height:1.5;}
	.ng-about-row-txt p{font-size:1.6rem; margin-top:1rem;}
	.ng-about-row-reverse .ng-about-row-img{margin-top:2.6rem;}
}
@media all and (max-width:480px){	
	.ng-about-hero-txt h3 .line1{margin-left:0;}
	.ng-about-hero-txt h3 .line2{margin-right:0;}
}

/* ****************** NEXTGRID :: CEO 메시지 (Figma 실측) ********************** */
.ng-ceo-head{margin-bottom:6rem;}
.ng-ceo-head .ng-bbs-eyebrow{font-size:1.6rem; line-height:2; letter-spacing:-0.02em; color:#000; font-weight:700; margin-bottom:2rem;}
.ng-ceo-tit{color:#000; font-size:4rem; font-weight:700; line-height:1.3; letter-spacing:-0.035em;}
.ng-ceo-tit b{color:var(--main-color); font-weight:700;}
.ng-ceo-card{
	position:relative; width:158rem; max-width:calc(100% + 20rem); margin-left:-10rem; overflow:hidden;
	border-radius:6rem; background:linear-gradient(to bottom, #ecf2fb, #fff);
}
.ng-ceo-deco{position:absolute; bottom:-17rem; right:-17rem; width:124.5rem; height:131.3rem; pointer-events:none;}
.ng-ceo-deco img{width:100%; height:100%; object-fit:cover;}
.ng-ceo-inner{position:relative; padding:9.3rem 10rem 0rem;}
.ng-ceo-quote{color:#000; font-size:3rem; font-weight:700; line-height:4.2rem; letter-spacing:-0.035em;}
.ng-ceo-quote b{display:block; color:var(--main-color); font-weight:700;}
.ng-ceo-line{position:relative; margin-top:3.6rem; height:2px; background-color:rgba(0,0,0,0.03);}
.ng-ceo-line i{position:absolute; top:0; left:0; width:47rem; height:2px; background-color:#000;}
.ng-ceo-body{margin-top:5rem; max-width:92.8rem;}
.ng-ceo-body p{margin-bottom:3rem; color:#515151; font-size:1.6rem; font-weight:500; line-height:1.75; letter-spacing:-0.035em;}
.ng-ceo-body p:last-child{margin-bottom:0;}
.ng-ceo-body .ng-ceo-greet{margin-bottom:3rem; color:#171717; font-size:2rem; font-weight:700; line-height:1.6; letter-spacing:-0.035em;}
.ng-ceo-sign{margin-top:5rem; text-align:right; color:#000; font-size:1.8rem; font-weight:700; letter-spacing:-0.035em;}
.ng-ceo-sign b{color:var(--main-color); font-weight:700;}
.ng-ceo-sign strong{margin-left:2rem; font-size:3.2rem; font-weight:700; letter-spacing:-0.035em;}
.ng-ceo-wordart{display:block; margin:8rem auto -1rem; max-width:130.3rem; width:100%;}
.ng-ceo-wordart svg{display:block; width:100%; height:auto;}

@media all and (max-width:800px){
	.ng-ceo-card{max-width:calc(100% + (2 * var(--area-padding))); margin-left:calc(-1 * var(--area-padding));}
	.ng-ceo-tit{font-size:2.4rem; line-height:1.5;}
	.ng-ceo-card{border-radius:3rem;}
	.ng-ceo-inner{padding:4.6rem var(--area-padding) 4rem;}
	.ng-ceo-quote{font-size:2.1rem; line-height:1.5;}
	.ng-ceo-line{margin-top:3.4rem;}
	.ng-ceo-line i{width:12rem;}
	.ng-ceo-body{margin-top:3.4rem;}
	.ng-ceo-deco{display:none;}
	.ng-ceo-sign{margin-top:3.4rem;}
	.ng-ceo-sign strong{font-size:2.4rem;}
	.ng-ceo-wordart{margin-top:5rem;}
}

/* ****************** NEXTGRID :: 경영이념 (Figma 실측) ********************** */
.ng-phil-page .sub-pill-tab{margin-bottom:9.4rem;}
.ng-center-head{text-align:center;}
.ng-center-eyebrow{color:var(--main-color);  font-size:1.6rem; font-weight:600; line-height:3rem;}
.ng-center-tit{margin-top:0.4rem; color:#000; font-size:4rem; font-weight:700; line-height:5.5rem; letter-spacing:-0.035em;}
.ng-phil-cards{display:grid; grid-template-columns:repeat(3, 1fr); gap:1.5rem; margin-top:3.6rem;}
.ng-phil-cards li{position:relative; height:55.8rem; border-radius:2rem; overflow:hidden;}
.ng-phil-cards li > img{position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;}
.ng-phil-cards li:after{
	position:absolute; left:0; right:0; bottom:0; height:60%; content:"";
	background:linear-gradient(185deg, rgba(0,0,0,0) 30%, rgba(0,0,0,0.5) 90%);
}
.ng-phil-card-txt{position:absolute; left:4rem; right:3rem; bottom:4.5rem; z-index:1; color:#fff;}
.ng-phil-card-txt strong{display:block; font-size:3.4rem; font-weight:700; line-height:1.1; letter-spacing:-0.035em;}
.ng-phil-card-txt p{margin-top:1.7rem; font-size:1.8rem; font-weight:500; line-height:1.35; letter-spacing:-0.035em; /* opacity:0.9; */}
/* 핵심 가치 밴드 */
.ng-phil-core-band{margin-top:16.3rem; padding:12.9rem 0 16.9rem; background-color:#eef2f8;}
.ng-phil-core{position:relative; height:57.2rem; margin-top:6.4rem;}
.ng-core-ring{
	position:absolute; left:calc(50% - 28.6rem); top:0; width:57.2rem; height:57.2rem;
	border-radius:50%; border:1rem solid rgba(38,117,221,0.1); box-sizing:border-box;
	box-shadow:0 2rem 5rem rgba(38,117,221,0.08);
}
.ng-core-center{
	position:absolute; left:calc(50% - 19.1rem); top:9.5rem; width:38.2rem; height:38.2rem;
	display:flex; flex-direction:column; align-items:center; justify-content:center;
	border-radius:50%; background-color:#fff; box-shadow:0 1.5rem 4rem rgba(38,117,221,0.12);
	text-align:center;
}
.ng-core-center img{width:8.1rem; height:7.4rem;}
.ng-core-center strong{margin-top:2rem; color:var(--main-color);  font-size:3.8rem; font-weight:600; line-height:1;}
.ng-core-center p{margin-top:0.6rem; color:var(--main-color); font-size:1.4rem; font-weight:500; line-height:2; opacity:0.8;}
.ng-core-ic{
	position:absolute; display:flex; align-items:center; justify-content:center; border:3px solid #d2deed; box-sizing:border-box;
	width:12rem; height:12rem; border-radius:50%; background-color:#fff; box-shadow:0 1rem 3rem rgba(38,117,221,0.15); transition:var(--transition-custom);
}
.ng-core-ic svg *{transition:var(--transition-custom);}
.ng-core-ic.ic1{left:calc(50% - 28.7rem); top:3.9rem;}
.ng-core-ic.ic2{left:calc(50% + 17.1rem); top:3.9rem;}
.ng-core-ic.ic3{left:calc(50% - 28.7rem); top:41.1rem;}
.ng-core-ic.ic4{left:calc(50% + 17.1rem); top:41.1rem;}

.ng-core-ic.active{background-color:var(--main-color); border-color:var(--main-color);}
.ng-core-ic.active svg *{stroke:#fff;}

.ng-core-txt{position:absolute; width:36rem;}
.ng-core-txt strong{display:block; color:#000; font-size:2.8rem; font-weight:700; line-height:1.2; letter-spacing:-0.035em;}
.ng-core-txt p{margin-top:0.9rem; color:rgba(51,51,51,0.7); font-size:1.6rem; font-weight:500; line-height:1.625; letter-spacing:-0.035em;}
.ng-core-txt.t1{right:calc(50% + 32.7rem); top:4.8rem; text-align:right;}
.ng-core-txt.t2{left:calc(50% + 33.1rem); top:4.8rem;}
.ng-core-txt.t3{right:calc(50% + 32.7rem); top:42.1rem; text-align:right;}
.ng-core-txt.t4{left:calc(50% + 33.1rem); top:42.1rem;}
@media all and (max-width:1280px){
	.ng-core-txt{width:26rem;}
}
@media all and (max-width:800px){
	.ng-phil-page .sub-pill-tab{margin-bottom:5rem;}
	.ng-phil-cards{grid-template-columns:1fr; gap:1.4rem; margin-top:2.6rem;}
	.ng-phil-cards li{height:38rem;}
	.ng-phil-card-txt{left:2.4rem; right:2.4rem; bottom:2.6rem;}
	.ng-phil-card-txt strong{font-size:2.6rem;}
	.ng-phil-card-txt p{font-size:1.6rem;}
	.ng-phil-core-band{margin-top:8rem; padding:7rem 0 8rem;}
	.ng-phil-core{height:auto; margin-top:3rem; display:flex; flex-direction:column; align-items:center; gap:2.4rem;}
	.ng-core-ring{display:none;}
	.ng-core-center{position:relative; left:auto; top:auto; width:30rem; height:30rem;}
	.ng-core-center strong{font-size:2.8rem;}
	.ng-core-ic{display: none; position:relative; left:auto !important; top:auto !important; width:9rem; height:9rem;}
	.ng-core-ic img{transform:scale(0.8);}
	.ng-core-txt{position:relative; left:auto !important; right:auto !important; top:auto !important; width:100%; max-width:36rem; text-align:center !important;}
	.ng-core-txt strong{font-size:2rem;}
	.ng-core-txt p{font-size:1.4rem;}
	.ng-core-txt.t1, .ng-core-txt.t3{text-align:center;}
}


/* ****************** NEXTGRID :: 연혁 ********************** */
.ng-history-head{}
.ng-history-head .ng-bbs-eyebrow{font-size:1.6rem; line-height:2; letter-spacing:-0.02em; color:#000; font-weight:700;}
.ng-history-head .ng-history-tit{font-size:4rem; line-height:1.3; letter-spacing:-0.035em; color:#000; font-weight:700; margin-top:1rem;}
.ng-history-head .ng-history-tit b{font-weight:inherit; color:var(--main-color);}
.ng-history-head .ng-history-sub{font-size:1.8rem; line-height:1.55; letter-spacing:-0.035em; color:rgba(0,0,0,0.6); font-weight:500; margin-top:2.6rem;}

.ng-history-band{position: relative; margin-top:12rem; display: flex;}
.ng-history-left{position: sticky; top:0; left:0; width:67.4rem; height:100vh; background:url('/images/content/history_bg.jpg') no-repeat center / cover;}
.ng-history-left .inner-box{display: flex; flex-direction:column; justify-content:space-between; padding:18rem 5rem 14rem 45%; box-sizing:border-box; width:100%; height:100%;}
.ng-history-year{position: relative; font-size:11.2rem; line-height:1; letter-spacing:-0.035em; color:#fff; font-weight:600;}
.ng-history-year:before{position: absolute; content:'Since'; opacity:0.2; top:0; left:0; transform:translate(-50%, -50%);}
.ng-history-left-info{}
.ng-history-left-info .ng-history-logo img{max-width:100%;}
.ng-history-left-info p{font-size:1.8rem; line-height:1.55; letter-spacing:-0.035em; color:rgba(255,255,255,0.65); font-weight:500; margin-top:3rem;}

.ng-history-list-con{width:calc(100% - 67.4rem); background:#f6f6f6; min-height:100vh;}
.ng-history-list{padding:10rem 12.7rem; box-sizing:border-box;}
.ng-history-list dl{display: flex; padding-block:5rem; box-sizing:border-box; border-bottom:1px solid rgba(0,0,0,0.1); max-width:850px;}
.ng-history-list dl:first-child{padding-top:0;}
.ng-history-list dl:last-child{border-bottom:0; padding-bottom:0;}
.ng-history-list dl dt{font-size:4rem; line-height:1.1; letter-spacing:-0.035em; color:#000; font-weight:700; width:15rem; transition:var(--transition-custom);}
.ng-history-list dl dd{width:calc(100% - 15rem);}
.ng-history-list dl dd ul{}
.ng-history-list dl dd ul li{display: flex; font-size:1.8rem; line-height:1.2; letter-spacing:-0.035em;}
.ng-history-list dl dd ul li + li{margin-top:1.5rem;}
.ng-history-list dl dd ul li b{color:#333; font-weight:700; width:5.3rem;}
.ng-history-list dl dd ul li span{color:#666; font-weight:500; width:calc(100% - 5.3rem);}

.ng-history-list dl.on dt{color:var(--main-color);}

@media all and (max-width:1280px){
	.ng-history-left{width:40rem;}
	.ng-history-left .inner-box{padding:18rem 5rem;}
	.ng-history-year:before{transform:translate(-10%, -50%);}
	.ng-history-list-con{width:calc(100% - 40rem);}
	.ng-history-list{padding:10rem 5rem;}
}
@media all and (max-width:800px){
	.ng-history-head .ng-history-tit{font-size:2.4rem;}
	.ng-history-head .ng-history-sub{font-size:1.6rem; margin-top:1.5rem;}

	.ng-history-band{display: block; margin-top:8rem;}
	.ng-history-left{position: relative; width:100%; height:auto; padding:10rem 0; box-sizing:border-box;}
	.ng-history-left .inner-box{padding:0 var(--area-padding);}
	.ng-history-year{font-size:6rem;}
	.ng-history-left-info{margin-top:5rem}
	.ng-history-left-info p{font-size:1.6rem; margin-top:1.5rem;}

	.ng-history-list-con{width:100%; min-height:auto;}
	.ng-history-list{padding:8rem var(--area-padding);}
	.ng-history-list dl{display: block; padding-block:3rem;}
	.ng-history-list dl dt{font-size:3rem; width:100%; margin-bottom:2rem;}
	.ng-history-list dl dd{width:100%;}
	.ng-history-list dl dd ul li{font-size:1.6rem;}
	.ng-history-list dl dd ul li + li{margin-top:1rem;}
	.ng-history-list dl dd ul li b{width:4rem;}
	.ng-history-list dl dd ul li span{width:calc(100% - 4rem);}
}

/* ****************** NEXTGRID :: CI 소개 (Figma 실측) ********************** */
.ng-ci-head .ng-bbs-eyebrow{margin-bottom:2rem;}
.ng-ci-head .ng-bbs-eyebrow{color:#000;  font-size:1.6rem; font-weight:700; line-height:2;}
.ng-ci-tit{color:#000; font-size:4rem; font-weight:700; line-height:1.3; letter-spacing:-0.035em;}
.ng-ci-tit b{color:var(--main-color); font-weight:700;}
.ng-ci-desc{margin-top:2rem; color:rgba(0,0,0,0.6); font-size:1.8rem; font-weight:500; line-height:1.625; letter-spacing:-0.035em;}
.ng-ci-signature{display: flex; align-items:center; justify-content:center; height:40rem; margin-top:5.5rem; border:2.5px solid var(--main-color); border-radius:2rem; overflow:hidden; box-shadow:0 0 3rem rgba(38,117,221,0.1); background:url('/images/content/ci_bg02.png') repeat; padding:3rem; box-sizing:border-box;}
.ng-ci-down-btns{display:flex; justify-content:center; gap:2rem; margin-top:4rem;}
.ng-ci-down-btns a{
	display:flex; align-items:center; justify-content:center; gap:1.4rem;
	width:26rem; height:6.2rem; box-sizing:border-box; border-radius:5rem;
	 font-size:1.8rem; font-weight:600; letter-spacing:-0.035em;
	transition:var(--transition-custom);
}
.ng-ci-down-btns a i{font-size:2.2rem;}
.ng-ci-down-ai{background-color:var(--main-color); color:#fff;}
.ng-ci-down-ai:hover{background-color:#1b5cb5; color:#fff;}
.ng-ci-down-png{border:1px solid #000; background-color:#fff; color:#000;}
.ng-ci-down-png:hover{background-color:#000; color:#fff;}
.ng-ci-cards{display:flex; gap:3rem; margin-top:8rem;}
.ng-ci-cards li{flex:1;}
.ng-ci-cards li span{display: flex; align-items:center; justify-content:center; height:29rem; border-radius:1.6rem; overflow:hidden; background-color:#f7f7f7; padding:3rem; box-sizing:border-box;}
.ng-ci-cards li p{margin-top:2rem; color:#000; font-size:2rem; line-height:1.3; font-weight:700; letter-spacing:-0.01em; text-align:center;}
.ng-ci-cards li p b{color:var(--main-color); font-weight:700;}
/* 02 */
.ng-ci02{margin-top:14rem; padding:10.4rem 0; background-color:#f5f5f5;}
.ng-ci02 .area{display:flex; justify-content:space-between; align-items: center; gap:4rem;}
.ng-ci02-txt{max-width:46.3rem;}
.ng-ci02-txt h4{color:#000; font-size:4rem; font-weight:700; line-height:1.3; letter-spacing:-0.035em; margin-bottom:3.3rem;}
.ng-ci02-txt h4 b{color:var(--main-color); font-weight:700;}
.ng-ci02-txt p{margin-top:1rem; color:#666; font-size:1.6rem; font-weight:500; line-height:1.625; letter-spacing:-0.035em;}
.ng-ci02-cards{flex:none; width:67.5rem;}
.ng-ci02-cards li{margin-bottom:3.3rem;}
.ng-ci02-cards li:last-child{margin-bottom:0;}
.ng-ci02-cards li span{display: flex; align-items:center; justify-content:center; height:29rem; border-radius:1.6rem; overflow:hidden; background-color:#fff; padding:3rem; box-sizing:border-box;}
.ng-ci02-cards li span img{display:block; width:100%; height:auto;}
.ng-ci02-cards li p{margin-top:2rem; color:#000; font-size:1.8rem; font-weight:600; letter-spacing:-0.035em; text-align:center;}
/* 03 */
.ng-ci03{margin-top:14rem;}
.ng-ci-main-color{
	position:relative; margin-top:4.5rem; height:30rem; padding:5rem 4.5rem 0; box-sizing:border-box;
	border-radius:2rem; background-color:#3176ff; color:#fff; overflow:hidden;
}
.ng-ci-main-color strong{display:block; font-size:2.4rem; line-height:1.1; font-weight:700; letter-spacing:-0.02em;}
.ng-ci-main-color p{margin-top:2rem; font-size:2rem; font-weight:400; line-height:1.5; letter-spacing:-0.035em; opacity:0.6;}
.ng-ci-main-color em{	position:absolute; right:4rem; bottom:-0.5rem; font-style:normal;}
.ng-ci-sub-colors{display:grid; grid-template-columns:repeat(5, 1fr); gap:1.4rem; margin-top:1.4rem;}
.ng-ci-sub-colors li{
	position:relative; height:20rem; padding:3rem 2rem 5rem; box-sizing:border-box;
	border-radius:1.2rem; color:#fff;
}
.ng-ci-sub-colors li strong{display:block; font-size:2rem; font-weight:700; letter-spacing:-0.02em;}
.ng-ci-sub-colors li p{margin-top:1.6rem; font-size:1.5rem; font-weight:400; line-height:1.4; letter-spacing:-0.035em; opacity:0.4;}
.ng-ci-sub-colors li em{position:absolute; right:1.8rem; bottom:1.6rem; font-style:normal; font-size:1.5rem; font-weight:400; opacity:0.4;}
/* 04 */
.ng-ci04{margin-top:15.5rem; padding:9rem 0; background-color:#f5f5f5; text-align:center;}
.ng-ci04-ic{
	display:inline-flex; align-items:center; justify-content:center;
	width:6rem; height:6rem; border-radius:50%; background-color:rgba(38,117,221,0.1); color:var(--main-color);
}
.ng-ci04-ic i{font-size:2.6rem;}
.ng-ci04 h4{margin-top:2rem; color:#000; font-size:4rem; font-weight:700; line-height:1.3; letter-spacing:-0.035em;}
.ng-ci04 p{margin-top:1rem; color:#333; font-size:2rem; font-weight:600; line-height:1.6; letter-spacing:-0.035em;}
.ng-ci04 p.small{margin-top:1rem; color:#666; font-size:1.6rem; font-weight:500; line-height:1.625;}
.ng-ci04 p.blue{margin-top:2.9rem; color:var(--main-color); font-size:2rem; font-weight:700; line-height:1.5;}
@media all and (max-width:1024px){
	.ng-ci02 .area{display:block;}
	.ng-ci02-txt{max-width:none; padding-top:0;}
	.ng-ci02-cards{width:100%; margin-top:4rem;}
}
@media all and (max-width:800px){
	.ng-ci-desc{margin-top:2rem; line-height:1.7; font-size:1.6rem;}
	.ng-ci-signature{margin-top:3rem; height:25rem;}
	.ng-ci-down-btns{flex-direction:column; align-items:center; gap:1rem;}
	.ng-ci-down-btns a{width:100%; max-width:26rem; height:5.4rem;}
	.ng-ci-cards{display:block; margin-top:4rem;}
	.ng-ci-cards li{margin-bottom:3rem;}
	.ng-ci-cards li span{height:20rem;}
	.ng-ci02{margin-top:7rem; padding:6rem 0;}
	.ng-ci02-cards li span{height:20rem;}
	.ng-ci02-txt h4{font-size:2.2rem; line-height:1.5;}
	.ng-ci03{margin-top:7rem;}
	.ng-ci-main-color{height:auto; padding:3rem 2.4rem 8rem;}
	.ng-ci-main-color em{font-size:6rem; bottom:-1.4rem; max-width: calc(100% - 8rem);}
	.ng-ci-main-color em svg{width:100%; height:auto;}
	.ng-ci-sub-colors{grid-template-columns:repeat(2, 1fr); gap:1rem;}
	.ng-ci04{margin-top:8rem; padding:6rem 0 8rem;}
	.ng-ci04 p br{display:none;}
}

/* ****************** NEXTGRID :: 인증 및 수상 (Figma 실측) ********************** */
.ng-award-con{position:relative; padding-bottom:16rem;}
.ng-award-con:before{
	position:absolute; top:8.1rem; left:0; right:0; bottom:-18rem; z-index:-1;
	background:url("../images/content/award_pattern.png") no-repeat 50% 100% / cover;
	content:""; pointer-events:none;
}
.ng-award-head:after{display:none;}
.ng-award-head{font-size:4rem; line-height:1.3; letter-spacing:-0.035em; color:#000; font-weight:700; margin-bottom:2.6rem;}
.ng-award-head b{color:var(--main-color); font-weight:inherit;}
.ng-award-cards{display:grid; grid-template-columns:repeat(3, 1fr); gap:2.4rem;}
.ng-award-cards > li{
	position:relative; height:51.4rem; padding:5.4rem 4rem 0; box-sizing:border-box;
	border-radius:2rem; background-color:#f3f3f3; color:#000; transition:var(--transition-custom);
}
.ng-award-card-tit{display:block; font-size:3rem; font-weight:700; letter-spacing:-0.035em; line-height:1;}
.ng-award-card-txt{margin-top:1.6rem; font-size:1.6rem; font-weight:500; line-height:1.625; letter-spacing:-0.035em; opacity:0.5;}
.ng-award-card-ic{display:block; height:12.4rem; margin-top:2.2rem;}
.ng-award-card-ic img{display:block; height:100%; width:auto;}
.ng-award-card-num{
	position:absolute; right:6rem; bottom:11.6rem;
	 font-size:10rem; font-weight:500; line-height:5.5rem; letter-spacing:-0.01em;
}
.ng-award-card-num i{position:absolute; left:100%; bottom:-0.6rem; font-size:4rem; line-height:1;}
.ng-award-more-btn{
	position:absolute; left:2.7rem; right:2.7rem; bottom:1.8rem; height:6rem; box-sizing:border-box;
	display:flex; align-items:center; justify-content:space-between; padding:0 2.6rem;
	border:2px solid #000; border-radius:1rem;
	color:#000; font-size:1.8rem; font-weight:500; letter-spacing:-0.035em;
	transition:var(--transition-custom);
}
.ng-award-more-btn i{font-size:2.2rem;}

@media all and (min-width:801px){
	.ng-award-cards > li:hover{background-color:var(--main-color); color:#fff;}
	.ng-award-cards > li:hover .ng-award-more-btn{border-color:#fff; background:#fff; color:var(--main-color);}
}
@media all and (max-width:1024px){
	.ng-award-cards{gap:1.6rem;}
	.ng-award-cards > li{height:44rem; padding:4rem 3rem 0;}
	.ng-award-card-num{right:4rem; bottom:10.5rem; font-size:7rem;}
	.ng-award-card-num i{font-size:3rem;}
}
@media all and (max-width:800px){
	.ng-award-con{padding-bottom:12rem;}
	.ng-award-con:before{bottom:-10rem;}
	.ng-award-head{font-size:2.4rem; margin-bottom:1.5rem;}
	.ng-award-cards{grid-template-columns:1fr; gap:1.4rem;}
	.ng-award-cards > li{height:auto; min-height:36rem; padding:3.4rem 2.6rem 9.6rem;}
	.ng-award-card-tit{font-size:2rem;}
	.ng-award-card-txt{margin-top:1.5rem;}
	.ng-award-card-ic{height:10rem;}
	.ng-award-more-btn{left:2rem; right:2rem; bottom:1.6rem; height:4.5rem; font-size:1.6rem;}
	.ng-award-card-num{bottom:10.4rem; font-size:6rem; line-height:1;}
}

/* -------- 인증/수상/특허 모달 (Figma 실측 : 860x827 패널) -------- */
.ng-award-modal{
	position:relative; width:86rem; max-width:92vw; margin:0 auto; padding:5.9rem 5rem 4.4rem; box-sizing:border-box;
	border-radius:2.5rem; background-color:#f5f5f5; text-align:left;
}
.ng-modal-close-btn{position:absolute; top:5.4rem; right:5rem; color:#000;}
.ng-modal-close-btn i{font-size:4rem;}
.ng-award-modal-head{display:flex; align-items:center; gap:1.2rem; padding-bottom:2.6rem; border-bottom:1px solid #000;}
.ng-award-modal-head h3{color:#000; font-size:4rem; font-weight:700; letter-spacing:-0.035em; line-height:1;}
.ng-award-modal-cnt{
	display:inline-block; min-width:6.9rem; height:3.4rem; padding:0 1rem; box-sizing:border-box;
	border:1px solid #000; border-radius:3rem; background-color:#fff;
	color:#000; font-size:2.6rem; font-weight:500; line-height:3.2rem; text-align:center;
}
.ng-award-modal-body{display:flex; gap:1.8rem; margin-top:3.3rem;}
.ng-award-preview{
	flex:none; display:flex; align-items:center; justify-content:center;
	width:42rem; height:57.9rem; padding:2rem; box-sizing:border-box;
	border-radius:2rem; background-color:#fff;
}
.ng-award-preview img{max-width:100%; max-height:100%;}
.ng-award-thumbs{
	flex:1; display:grid; grid-template-columns:repeat(2, 1fr); gap:1rem; align-content:start;
	max-height:57.9rem; overflow-y:auto; padding-right:1rem;
}
.ng-award-thumbs::-webkit-scrollbar{width:8px;}
.ng-award-thumbs::-webkit-scrollbar-track{background:rgba(0,0,0,0.1); border-radius:12px;}
.ng-award-thumbs::-webkit-scrollbar-thumb{background-color:var(--main-color); border-radius:12px;}
.ng-award-thumbs li{position:relative;}
.ng-award-thumbs li button{
	position:relative; display:flex; align-items:center; justify-content:center;
	width:100%; height:18.6rem; padding:1.4rem; box-sizing:border-box;
	border:2px solid transparent; border-radius:1rem; background-color:#fff; cursor:pointer;
	transition:var(--transition-custom);
}
.ng-award-thumbs li button img{max-width:100%; max-height:100%;}
.ng-award-thumbs li.on button{border-color:var(--main-color);}
.ng-award-thumbs li.on button:before{position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(38,117,221,0.2); backdrop-filter:blur(2.5px); content:""; border-radius:0.8rem;}
.ng-award-thumbs li .zoom{
	display:none; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);
	width:5rem; height:5rem; border-radius:50%; background-color:var(--main-color);
	color:#fff; text-align:center; line-height:5rem;
}
.ng-award-thumbs li .zoom i{font-size:2rem; line-height:5rem;}
.ng-award-thumbs li.on .zoom{display:block;}
.ng-award-modal-caption{margin-top:2.4rem; color:#000; font-size:2.2rem; font-weight:600; letter-spacing:-0.035em; text-align:center; width:42rem;}
@media all and (max-width:800px){
	.ng-award-modal{padding:3rem 2rem;}
	.ng-modal-close-btn{top:2.6rem; right:2rem;}
	.ng-modal-close-btn i{font-size:3rem;}
	.ng-award-modal-head h3{font-size:2.8rem;}
	.ng-award-modal-body{flex-direction:column;}
	.ng-award-preview{width:100%; height:38rem;}
	.ng-award-thumbs{max-height:24rem;}
	.ng-award-thumbs li button{height:14rem;}
	.ng-award-modal-caption{width:100%; margin-top:1.5rem; margin-bottom:1.5rem;}
}

/* ****************** NEXTGRID :: 사업자 안내 (Figma 실측) ********************** */
.ng-loc-band{position:relative; height:108.3rem; background-color:#f6f6f6;}
.ng-loc-band-inner{position:relative; height:100%;}
.ng-loc-card{
	position:absolute; left:calc(50% - 69rem); top:12.2rem; width:63.5rem; height:79.6rem; box-sizing:border-box;
	padding:7.4rem 3rem 0 6.4rem;
	border-radius:3rem; background-color:#fff; box-shadow:0.8rem 0.8rem 3rem rgba(0,0,0,0.05);
}
.ng-loc-label{display:flex; align-items:center; gap:0.8rem; color:var(--main-color); font-size:1.9rem; font-weight:700; letter-spacing:-0.035em;}
.ng-loc-label i{font-size:2rem;}
.ng-loc-tit{margin-top:3rem; color:#111; font-size:3.9rem; font-weight:700; line-height:5.1rem; letter-spacing:-0.035em;}
.ng-loc-tit b{color:var(--main-color); font-weight:700;}
.ng-loc-tags{display:flex; gap:1.6rem; margin-top:3rem; color:#999; font-size:1.6rem; font-weight:500; letter-spacing:-0.02em;}
.ng-loc-num{margin-top:17.3rem; color:var(--main-color);  font-size:14rem; font-weight:500; line-height:1; letter-spacing:-0.01em;}
.ng-loc-num span{display:block;  font-size:2rem; font-weight:700; letter-spacing:-0.035em;}
.ng-loc-more-btn{
	position:absolute; left:2.2rem; right:2.2rem; bottom:2.2rem; height:6.4rem; box-sizing:border-box;
	display:flex; align-items:center; justify-content:space-between; padding:0 3.9rem;
	border:2px solid #000; border-radius:9rem;
	color:#000; font-size:1.8rem; font-weight:500; letter-spacing:-0.035em;
	transition:var(--transition-custom);
}
.ng-loc-more-btn i{font-size:2.2rem;}
.ng-loc-more-btn:hover{background-color:#000; color:#fff;}
.ng-loc-map{position:absolute; top:10rem; right:calc(50% - 86rem); width:84rem;}
.ng-loc-map img{display:block; max-width:100%; height:auto;}
/* 리스트 */
#locList{padding-top:12.5rem;}
.ng-loc-row{display:flex; align-items:center; justify-content:space-between; gap:4rem; padding:6rem 0; border-top:1px solid #ddd;}
.ng-loc-row:last-child{border-bottom:1px solid #ddd;}
.ng-loc-row-info{flex:1;}
.ng-loc-row-ic{display:flex; align-items:center; justify-content:center; width:4.4rem; height:4.4rem; border-radius:50%; margin-bottom:2rem; color:#000; font-size:2.2rem; background:#ededed;}
.ng-loc-row-info h4{padding-bottom:2.4rem; border-bottom:1px solid #e5e5e5; color:#000; font-size:4.4rem; font-weight:600; letter-spacing:-0.035em; line-height:1;}
.ng-loc-row-info dl{display:grid; grid-template-columns:7rem 1fr; gap:1.3rem 0; margin-top:1.6rem;}
.ng-loc-row-info dl dt{display:flex; align-items:center; gap:0.6rem; color:#111; font-size:1.6rem; font-weight:600;}
.ng-loc-row-info dl dt i{font-size:1.6rem;}
.ng-loc-row-info dl dd{color:#555; font-size:1.6rem; font-weight:500; letter-spacing:-0.035em; line-height:2.6rem;}
.ng-loc-map-btn{
	display:inline-flex; align-items:center; justify-content:space-between; margin-top:5rem;
	width:26rem; height:6.2rem; padding:0 3rem 0 4rem; box-sizing:border-box;
	border-radius:6.2rem; background-color:#fff; border:2px solid #000;
	color:#000; font-size:1.7rem; font-weight:600; letter-spacing:-0.02em;
	transition:var(--transition-custom);
}
.ng-loc-map-btn:hover{background-color:var(--main-color); border-color:var(--main-color); color:#fff;}
.ng-loc-map-btn i{font-size:1.8rem; font-weight:400;}
.ng-loc-row-img{display:block; flex:none; width:75.4rem;}
.ng-loc-row-img img{display:block; width:100%; height:41rem; object-fit:cover;}
@media all and (max-width:1280px){
	.ng-loc-card{left:var(--area-padding); transform:scale(0.92); transform-origin:left top;}
	.ng-loc-map{right:var(--area-padding); width:60rem; top:16rem;}
}
@media all and (max-width:800px){
	.ng-loc-band{height:auto; padding:6rem 0;}
	.ng-loc-card{position:relative; left:auto; top:auto; transform:none; width:auto; height:auto; margin:0; padding:4rem 2.6rem 12rem;}
	.ng-loc-num{margin-top:4rem; font-size:8rem;}
	.ng-loc-more-btn{left:1.5rem; height:4.5rem; padding:0 2.5rem; font-size:1.6rem;}
	.ng-loc-more-btn i{font-size:1.8rem;}
	.ng-loc-tit{font-size:2.2rem; line-height:1.5;}
	.ng-loc-map{position:relative; right:auto; top:auto; width:auto; margin:3rem var(--area-padding) 0;}
	#locList{padding-top:8rem;}
	.ng-loc-row{display:block; padding:4rem 0;}
	.ng-loc-row-info h4{font-size:2.8rem; padding-bottom:1.8rem;}
	.ng-loc-row-info dl{grid-template-columns:8rem 1fr;}
	.ng-loc-map-btn{margin-top:2.6rem; width:100%; height:4.5rem; font-size:1.6rem; padding:0 2.5rem;}
	.ng-loc-row-img{width:100%; margin-top:2.6rem;}
	.ng-loc-row-img img{height:auto;}
}


/* ****************** NEXTGRID :: 파트너 (Figma 실측 : 카드 332x192) ********************** */
.ng-partner-head .ng-bbs-tit{font-size:4rem; line-height:1.3; letter-spacing:-0.035em; color:#000; font-weight:700;}
.ng-partner-head .ng-bbs-tit b{color:var(--main-color); font-weight:700;}
.ng-partner-head:after{display:none;}
.ng-partner-head{margin-bottom:2.6rem;}
.ng-partner-list{display:grid; grid-template-columns:repeat(4, 1fr); gap:2rem 1.6rem;}
.ng-partner-list li{
	height:19.2rem; padding:1.5rem; box-sizing:border-box;
	border-radius:1rem; background-color:#f5f5f5;
}
.ng-partner-list li span{
	display:flex; align-items:center; justify-content:center;
	width:100%; height:100%; border-radius:0.8rem; background-color:#fff;
}
.ng-partner-list li span img{max-width:64%; max-height:52%; object-fit:contain;}
@media all and (max-width:1024px){
	.ng-partner-list{grid-template-columns:repeat(3, 1fr); gap:1.4rem;}
}
@media all and (max-width:800px){
	.ng-partner-head .ng-bbs-tit{font-size:2.4rem;}
	.ng-partner-list{grid-template-columns:repeat(2, 1fr); gap:1.2rem;}
	.ng-partner-list li{height:14rem;}
}


/* ****************** NEXTGRID :: 뉴스룸 :: 보도자료 ********************** */
.bbs-top-list-box.ng-board-top-box{flex-direction:row; padding-bottom:2.6rem; border-bottom:1px solid #000; margin-bottom:4rem;}
.ng-board-tit{font-size:4rem; line-height:1.3; letter-spacing:-0.035em; color:#000; font-weight:700;}
.ng-board-tit b{font-weight:inherit; color:var(--main-color);}

.ng-board-list{display: flex; flex-wrap:wrap; margin:-1.2rem; margin-bottom:4rem; border-bottom:1px solid #d8d8d8; padding-bottom:4rem;}
.ng-board-list .list-item{width:calc(25% - 2.4rem); margin:1.2rem;}
.ng-board-list .list-item a{position: relative; display: block; border-radius:1rem; overflow:hidden; background:#f5f5f5; transition:var(--transition-custom);}
.ng-board-list .list-item a:before{position: absolute; content:''; inset:0; border:3px solid var(--main-color); border-radius:1rem; box-sizing:border-box; z-index:1; pointer-events:none; opacity:0; transition:var(--transition-custom);}
.ng-board-list .list-item .img-box{}
.ng-board-list .list-item .img-box span{position: relative; display: block; width:100%; height:0; padding-top:63.35%;}
.ng-board-list .list-item .img-box span img{position: absolute; inset:0; width:100%; height:100%; object-fit:cover;}
.ng-board-list .list-item .txt-box{display: flex; flex-direction:column; justify-content:space-between; padding:3rem; box-sizing:border-box; height:19.4rem;}
.ng-board-list .list-item .txt-box .category{display: inline-block; font-size:1.2rem; letter-spacing:-0.01em; color:#fff; font-weight:600; padding:0.5rem 1rem; box-sizing:border-box; background:var(--main-color); border-radius:2rem; margin-bottom:1.4rem;}
.ng-board-list .list-item .txt-box .tit{font-size:2rem; line-height:1.3; letter-spacing:-0.035em; color:#000; font-weight:600;}
.ng-board-list .list-item .txt-box .date{font-size:1.4rem; line-height:1.2; letter-spacing:-0.035em; margin-top:1rem; color:rgba(0,0,0,0.5);}

.ng-board-list .list-item a:hover{background:#fff; box-shadow: 1rem 1rem 3rem rgba(0, 0, 0, 0.1);}
.ng-board-list .list-item a:hover:before{opacity:1;}

/* Style06 */
.paging-style06{display: flex; justify-content:space-between; align-items: center;}
.paging-style06 .paging {justify-content: flex-start; margin: 0;}
.paging-style06 .paging .inner {display: inline-flex; width: auto; justify-content:flex-start; margin: 0; background-color: #f2f2f2; border-radius: 5rem;}
.paging-style06 .paging a{width:48px; height:48px; line-height:48px; margin:0; border: 1px solid transparent; font-size:16px; font-weight: 600; color:#a9a9a9; letter-spacing:-0.01em; background-color:transparent; border-radius:50%; box-sizing: border-box;}
.paging-style06 .paging a.cur{border-color:#000; background-color:#fff; color: #000; border: 1px solid #000;}
.paging-style06 .paging a.paging-arrow{display: inline-flex; align-items: center; justify-content: center; background:transparent; border:none; background-color: #f2f2f2;}
.paging-style06 .paging a.paging-arrow i{top: 0; font-size:16px; font-weight: 400; color:#a9a9a9; transform: none;}
.paging-style06 .paging a.paging-arrow i::before {width: auto !important;}
.paging-style06 .paging a.paging-first {margin-right: 8px;}
.paging-style06 .paging a.paging-prev {margin-left: 8px;}
.paging-style06 .paging-select{display: flex; align-items:center;}
.paging-style06 .paging-select .cur-num{}
.paging-style06 .paging-select .cur-num input{display:block; width:48px; height:48px; line-height:48px; border:none; text-align:center; font-size:16px; color:#000;background-color:#f2f2f2; border-radius:50%; font-weight:600;}
.paging-style06 .paging-select .slash{font-size:16px; font-weight: 600; color:#000; margin:0 10px}
.paging-style06 .paging-select .total-num{font-size:16px; color:#000; font-weight:600;}

@media all and (max-width:800px){
	.ng-board-tit{font-size:2.4rem; margin-bottom:2rem;}
	.ng-board-top-box.bbs-top-list-box .board-search-box{margin-bottom:0;}
	.ng-board-list .list-item{width:calc(50% - 2.4rem);}
	
	.ng-board-list .list-item .txt-box{padding:2rem 1.5rem; height:16rem;}
	.ng-board-list .list-item .txt-box .category{margin-bottom:1rem;}
	.ng-board-list .list-item .txt-box .tit{font-size:1.8rem;}
	.ng-board-list .list-item .txt-box .date{font-size:1.2rem;}
	
	.paging-style06 .paging a{width:30px; height:30px; line-height:30px;}

	.paging-style06 .paging-select .cur-num input{width:30px; height:30px; line-height:30px;}
	.paging-style06 .paging-select .slash{font-size:16px;}


	.paging-style06  {flex-direction: column;}
	.paging-style06 .paging {width: auto !important; margin-bottom: 20px;}
}
@media all and (max-width:480px){
	.ng-board-list .list-item{width:calc(100% - 2.4rem);}
}


/* ****************** NEXTGRID :: 홍보영상 ********************** */
/* 비디오 영역 Start */
.video-iframe-wrapper{position:relative; max-width:800px; margin:0px auto; overflow:hidden;}
.video-iframe-box{position:relative; padding-top:56.25%; height:0; background-color:#000}
.video-iframe-box iframe{position:absolute; top:0px; left:0px; width:100%; height:100%;}
.video-cover-box{position:absolute; top:0px; left:0px; width:100%; height:100%; cursor:pointer ;  }
.video-cover-box:after{position:absolute; top:0px; left:0px; width:100%; height:100%; cursor:pointer ; background-color:rgba(0,0,0,0.4); content:"";}
.video-cover-box .thumb{display:block; width:100%; height:100%;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s}
.video-cover-box .thumb img{width:100%; height:100%;}
.video-cover-box:hover .thumb{
	-ms-transform: scale(1.1) rotate(0.002deg);
	  -o-transform: scale(1.1) rotate(0.002deg);
	  -moz-transform: scale(1.1) rotate(0.002deg);
	  -webkit-transform: scale(1.1) rotate(0.002deg);
	  transform: scale(1.1) rotate(0.002deg);
}
.video-cover-box .icon{position:absolute; top:50%; left:50%;  z-index:1; transform: translate(-50%, -50%); width:9rem; height:9rem; transition:var(--transition-custom); border:1px solid #fff; background:rgba(255,255,255,0.1); backdrop-filter:blur(2rem); border-radius:50%; display: flex; align-items:center; justify-content:center; padding-left: 5px; box-sizing: border-box;}
.video-cover-box:hover .icon{background:var(--main-color); border-color:var(--main-color);}
@media all and (max-width:800px){
	.video-page .bbs-top-list-box .board-search-box:has(.short){width:100%; margin-top:1rem;}
	.video-page .bbs-top-list-box .board-search-box:has(.short) .board-custom-select-box,
	.video-page .bbs-top-list-box .board-search-box:has(.short) .search-subject-select{width:100%;}

	.video-cover-box .icon{width:6rem; height:6rem;}
	.video-cover-box .icon img{max-width:1.5rem;}
}


/* ****************** NEXTGRID :: 인사제도 (Figma 실측) ********************** */
.ng-page-tit{margin-bottom:5rem; color:#000; font-size:4rem; line-height:1.5; font-weight:700; letter-spacing:-0.035em; text-align:center;}
.ng-page-tit b{font-weight:inherit; color:var(--main-color);}
.ng-hr-list > li{display:flex; align-items:center; gap:9rem; padding:5rem 0 5rem; border-top:2px solid #111;}
.ng-hr-list > li:last-child{border-bottom:0;}
.ng-hr-card{
	position:relative; display: flex; flex-direction:column; align-items:center; justify-content:center; width:33rem; height:41rem; padding:3rem; box-sizing:border-box;
	border-radius:1.6rem; background-color:#f3f3f3; transition:var(--transition-custom); overflow:hidden;
}
.ng-hr-card:before{position:absolute; content:''; inset:0; opacity:0; background: linear-gradient(163.31deg, #2675DD 9.99%, #103D77 106.62%); transition:var(--transition-custom);}
.ng-hr-card img{position: relative; display:block; margin:0 auto; max-width:55%; max-height:18.2rem; /* mix-blend-mode: darken; */}
.ng-hr-card p{position:relative; text-align:center; margin-top:3rem;}
.ng-hr-card p em{display:block; color:rgba(0,0,0,0.3); font-size:1.8rem; font-weight:700; font-style:normal; line-height:1; transition:var(--transition-custom);}
.ng-hr-card p strong{display:block; margin-top:1rem; color:#111; font-size:3.4rem; font-weight:700; line-height:1.2; letter-spacing:-0.035em; transition:var(--transition-custom);}
.ng-hr-points{flex:1;}
.ng-hr-points li{
	position:relative; padding:3.5rem 0 3.5rem 7.5rem; border-bottom:1px solid #e5e5e5;
	color:#000; font-size:1.8rem; font-weight:500; line-height:1.55; letter-spacing:-0.035em;
}
.ng-hr-points li:last-child{border-bottom:0; margin-bottom:0;}
.ng-hr-points li:before{
	position:absolute; left:0; top:50%; transform:translateY(-50%); width:4.7rem; height:4.7rem; content:"";
	background:url("../images/content/hr_check_off.png") no-repeat 50% 50% / contain; opacity:1; transition:var(--transition-custom);
}
.ng-hr-points li:after{
	position:absolute; left:0; top:50%; transform:translateY(-50%); width:4.7rem; height:4.7rem; content:"";
	background:url("../images/content/hr_check_on.png") no-repeat 50% 50% / contain; opacity:0; transition:var(--transition-custom);
}
.ng-hr-list > li:hover .ng-hr-points li:before{opacity:0;}
.ng-hr-list > li:hover .ng-hr-points li:after{opacity:1;}
/* active */
.ng-hr-list > li:hover .ng-hr-card:before{opacity:1;}
.ng-hr-list > li:hover .ng-hr-card p em{color:rgba(255,255,255,0.6);}
.ng-hr-list > li:hover .ng-hr-card p strong{color:#fff;}

@media all and (max-width:1024px){
	.ng-hr-list > li{gap:4rem;}
	.ng-hr-card{width:26rem; height:34rem;}
}
@media all and (max-width:800px){
	.ng-page-tit{margin:1rem 0 2rem; font-size:2.4rem;}
	.ng-hr-list > li{position: relative; display:block; padding:3.6rem 0;}
	.ng-hr-card{width:100%; max-width:none; height:auto; margin:0 auto;}
	.ng-hr-card img{margin-top:0; max-height:10rem;}
	.ng-hr-card p{margin-top:2rem;}
	.ng-hr-card p em{font-size:1.4rem;}
	.ng-hr-card p strong{margin-top:1rem; font-size:2.2rem;}
	.ng-hr-points{padding-top:2rem;}
	.ng-hr-points li{padding-left:4.4rem; padding-block:2rem; font-size:1.5rem; line-height:2.4rem;}
	.ng-hr-points li:before{width:3rem; height:3rem;}
}

/* ****************** NEXTGRID :: 회사문화 (Figma 실측) ********************** */
.ng-talent-list{}
.ng-talent-list li{position: relative; border-radius:2rem; overflow:hidden; height:10rem; transition: var(--transition-custom); cursor:pointer;}
.ng-talent-list li + li{margin-top:0.8rem;}
.ng-talent-list li .ng-talent-bar{position: relative; z-index:1; padding:0 4rem; display: flex; align-items:center; height:10rem; transition: var(--transition-custom);}
.ng-talent-list li .ng-talent-bar:before{position: absolute; content:''; top:50%; left:4rem; transform:translateY(-50%); width:0; height:2px; background:#d9d9d9; opacity:0.2; transition: var(--transition-custom); }
.ng-talent-list li .ng-talent-bar em{position: relative; font-size:3.2rem; line-height:1.375; letter-spacing:-0.035em; color:rgba(255,255,255,0.1); font-weight:700; transition: var(--transition-custom); transition-origin:center left;}
.ng-talent-list li .ng-talent-bar strong{font-size:2.6rem; line-height:1.7; letter-spacing:-0.035em; color:#fff; font-weight:700; margin-left:3.7rem; transition: var(--transition-custom); opacity:1;}
.ng-talent-list li .ng-talent-open{position: absolute; inset:0; width:100%; height:100%; padding:7.5rem 11.5rem; padding-right:25rem; box-sizing:border-box; display: flex; flex-direction: column; justify-content: flex-end; opacity:0; transition:var(--transition-custom); transition-delay:0s; pointer-events:none;}
.ng-talent-list li .ng-talent-open strong{font-size:4rem; line-height:1.1; letter-spacing:-0.035em; color:#fff; font-weight:700;}
.ng-talent-list li .ng-talent-open p{font-size:1.8rem; line-height:1.55; letter-spacing:-0.035em; color:#fff; font-weight:500; margin-top:1.9rem;}
.ng-talent-list li .ng-talent-open .ng-talent-ic{position: absolute; content:''; bottom:7.5rem; right:9rem; display: flex; align-items:center; justify-content:center; width:14rem; height:14rem; border-radius:50%; background:rgba(255,255,255,0.12); backdrop-filter:blur(3rem);}

.ng-culture-band-wrap{margin-top:19rem;}
.ng-culture-band{width:100%; min-height:100vh; display: flex; flex-direction:column; align-items:center; justify-content:center; padding:10rem 0; box-sizing:border-box;}
.ng-culture-band .area{width:100%; box-sizing:border-box;}
.ng-culture-band .ng-culture-tit{font-size:3.5rem; line-height:1.34; letter-spacing:-0.035em; color:#fff; font-weight:700;}
.ng-culture-band .ng-culture-desc{font-size:1.8rem; line-height:1.55; letter-spacing:-0.035em; color:rgba(255,255,255,0.7); font-weight:500; margin-top:1.8rem;}

.ng-culture-cards-overflow{margin-top:7.5rem;}
.ng-culture-cards{display: flex; gap:2.3rem; width:100%; /* max-width:737px; */ margin:0 -1.1rem;}
.ng-culture-cards .slick-list{overflow:visible;}
.ng-culture-cards li{position: relative; padding:5rem; box-sizing:border-box; width:73.7rem; aspect-ratio:2.36; border-radius:3rem; border:1px solid #fff; background:rgba(255,255,255,0.125); backdrop-filter:blur(2.5rem); margin:0 1.1rem; transition:var(--transition-custom); transition-property:opacity, transform, background !important; min-width:737px;}
.ng-culture-cards li .ic{position: absolute; top:3.5rem; right:4rem; width:10rem; height:10rem; border-radius:50%; background:#fff; display: flex; align-items:center; justify-content:center; transition:var(--transition-custom)}
.ng-culture-cards li .ic svg *{ transition:var(--transition-custom);}
.ng-culture-cards li .txt-box{display: flex; flex-direction:column; justify-content:flex-end; width:100%; height:100%;}
.ng-culture-cards li strong{font-size:2.8rem; line-height:1.5; letter-spacing:-0.035em; color:#fff; font-weight:700; transition:var(--transition-custom);}
.ng-culture-cards li strong b{font-weight:inherit; transition:var(--transition-custom);}
.ng-culture-cards li p{font-size:1.8rem; line-height:1.55; letter-spacing:-0.035em; color:rgba(255,255,255,0.6); font-weight:500; margin-top:1rem;  transition:var(--transition-custom);}

.ng-culture-cards li:hover{background:#fff;}
.ng-culture-cards li:hover .ic{background:var(--main-color);}
.ng-culture-cards li:hover .ic svg *{stroke:#fff;}
.ng-culture-cards li:hover strong{color:#000;}
.ng-culture-cards li:hover strong b{color:var(--main-color);}
.ng-culture-cards li:hover p{color:rgba(0,0,0,0.6);}

@media all and (min-width:801px){
	/* on */
	.ng-talent-list li.on{height:42rem;}
	.ng-talent-list li.on .ng-talent-bar{height:16rem;}
	.ng-talent-list li.on .ng-talent-bar:before{width:4rem;}
	.ng-talent-list li.on .ng-talent-bar em{padding-left:7rem; transform:scale(1.125);}
	.ng-talent-list li.on .ng-talent-bar strong{opacity:0;}
	.ng-talent-list li.on .ng-talent-open{transition-delay:0.4s; opacity:1;}
}
@media all and (max-width:800px){
	.ng-talent-list{}
	.ng-talent-list li{height:auto; padding:4rem 2rem}
	.ng-talent-list li .ng-talent-bar{padding:0; height:auto; margin-bottom:1rem;}
	.ng-talent-list li .ng-talent-bar em{font-size:2rem;}
	.ng-talent-list li .ng-talent-bar strong{display: none;}
	.ng-talent-list li .ng-talent-open{position: static; inset:auto; padding:0; opacity:1;}
	.ng-talent-list li .ng-talent-open strong{font-size:2.6rem;}
	.ng-talent-list li .ng-talent-open p{font-size:1.6rem; margin-top:1.4rem;}
	.ng-talent-list li .ng-talent-open .ng-talent-ic{position: absolute; content:''; top:2rem; right:2rem; bottom:auto; width:8rem; height:8rem;}
	.ng-talent-list li .ng-talent-open .ng-talent-ic img{width:45%;}
	
	.ng-culture-band-wrap{margin-top:10rem;}
	.ng-culture-band{/* min-height:auto; */}
	.ng-culture-band .ng-culture-tit{font-size:2.4rem;}
	.ng-culture-band .ng-culture-desc{font-size:1.6rem; margin-top:1.5rem;}

	.ng-culture-cards-overflow{margin-top:4rem;}
	.ng-culture-cards{gap:var(--area-padding);}
	.ng-culture-cards li{padding:8rem 2rem 3rem; width:100%; aspect-ratio:auto; min-width:80%;}
	.ng-culture-cards li .ic{top:2rem; right:2rem; width:7rem; height:7rem;}
	.ng-culture-cards li .ic svg{max-width:50%;}
	.ng-culture-cards li strong{font-size:2rem;}
	.ng-culture-cards li p{font-size:1.5rem; margin-top:1rem;}
}


/* ****************** NEXTGRID :: 채용과정 (Figma 실측) ********************** */
.ng-recruit-hero{position:relative; height:84.2rem; color:#fff; margin-bottom:11.7rem;}
.ng-recruit-hero .area{position:relative; z-index:1; display: flex; flex-direction:column; justify-content:flex-end; width:100%; height:100%; padding:14rem 0; box-sizing:border-box;}
.ng-recruit-hero strong{display:block; font-size:5rem; font-weight:700; letter-spacing:-0.035em; line-height:1;}
.ng-recruit-hero .lead{margin-top:4rem; font-size:3.2rem; font-weight:700; line-height:1.375; letter-spacing:-0.035em;}
.ng-recruit-hero .sub{margin-top:2.5rem; font-size:1.8rem; font-weight:500; line-height:1.55; letter-spacing:-0.035em;}

.proc-con{display: flex; justify-content:space-between; align-items:center; padding:5rem 5.6rem 5rem 8rem; box-sizing:border-box; background:#f6f6f6; border-radius:3rem; margin-top:3rem;}
.proc-con .left-box{width:45.17%;}
.proc-con .left-box .txt-box{border-bottom:1px solid #d9d9d9; padding-bottom:3.4rem;}
.proc-con .left-box .txt-box .tit{font-size:4rem; line-height:1.1; letter-spacing:-0.035em; color:#000; font-weight:700;}
.proc-con .left-box .txt-box .txt01{display: block; font-size:2.4rem; line-height:1.2; letter-spacing:-0.035em; color:var(--main-color); font-weight:700; margin-top:2.6rem;}
.proc-con .left-box .txt-box .txt02{font-size:1.6rem; line-height:1.625; letter-spacing:-0.035em; color:#333; font-weight:500; margin-top:0.9rem;}
.proc-con .left-box .work-list{margin-top:3.4rem;}
.proc-con .left-box .work-list .work-tit{position: relative; padding-left:3.2rem; box-sizing:border-box; font-size:2.4rem; line-height:1.2; letter-spacing:-0.035em; color:#000; font-weight:700; margin-top:3rem; margin-bottom:1.8rem;}
.proc-con .left-box .work-list .work-tit:before{position: absolute; content:'\e9be'; font-family:'xeicon'; font-weight:400; top:0; left:0;}
.proc-con .left-box .work-list .list-item{position: relative; padding-left:2.4rem; box-sizing:border-box; font-size:1.8rem; line-height:1.77; letter-spacing:-0.035em; color:#333; font-weight:500;}
.proc-con .left-box .work-list .list-item:before{position: absolute; content:'\e929'; font-family:'xeicon'; font-weight:400; top:0; left:0;}
.proc-con .right-box{width:49.83%; border-radius:2rem; overflow:hidden;}
.proc-con .right-box img{max-width:100%;}

/* 채용 프로세스 */
.ng-process-con{margin-top:23rem;}
.ng-process-tit{color:#000; font-size:4rem; font-weight:700; letter-spacing:-0.035em; line-height:1;}
.ng-process-sub{margin-top:2.7rem; color:rgba(0,0,0,0.6); font-size:2rem; line-height:1.3; font-weight:500; letter-spacing:-0.035em;}
.ng-process-steps{display:grid; grid-template-columns:repeat(4, 1fr); gap:1.4rem; margin-top:4rem; counter-reset:step;}
.ng-process-steps li{ position:relative; display: flex; flex-direction:column; justify-content: space-between; height:41rem; padding:5.8rem 3.6rem 6rem 4.6rem; box-sizing:border-box; border-radius:2rem; background-color:#f8f8f8; transition:var(--transition-custom);}
.ng-process-steps li .ic{display:block;}
.ng-process-steps li .ic svg *{transition:var(--transition-custom);}
.ng-process-steps li .txt-box{}
.ng-process-steps li em{ display:inline-block; padding:0.4rem 1.8rem; border:1px solid var(--main-color); border-radius:3rem; color:var(--main-color); font-size:1.4rem; font-weight:700; font-style:normal; transition:var(--transition-custom);}
.ng-process-steps li strong{display:block; margin-top:2.8rem; color:#000; font-size:2.8rem; font-weight:700; letter-spacing:-0.035em; transition:var(--transition-custom);}
.ng-process-steps li p{margin-top:1.5rem; color:rgba(0,0,0,0.6); font-size:1.6rem; font-weight:500; line-height:1.625; letter-spacing:-0.035em; transition:var(--transition-custom);}
.ng-process-steps li:not(:last-child):after{ position:absolute; top:50%; right:-3.8rem; transform:translateY(-50%); z-index:1; background: #FFFFFF; box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.1);	font-family:'xeicon'; content:"\e93f"; color:#000; font-size:2.6rem; border-radius:50%; width:6rem; height:6rem; display: flex; align-items:center; justify-content:center; }

.ng-process-banner{margin-top:3rem; padding:3.7rem 2rem; border-radius:2rem; background-color:#F2F7FF; text-align:center;}
.ng-process-banner p{color:var(--main-color); font-size:2.4rem; line-height:1.2; font-weight:700; letter-spacing:-0.035em;}
.ng-process-banner span{display:block; margin-top:0.7rem; color:#7B93B3; font-size:1.6rem; line-height:1.625; letter-spacing:-0.035em; font-weight:500;}

.ng-process-steps li.active{border-color:var(--main-color); background-color:var(--main-color); color:#fff;}
.ng-process-steps li.active .ic svg *{stroke:#fff;}
.ng-process-steps li.active em{border-color:#fff; background:#fff}
.ng-process-steps li.active strong,
.ng-process-steps li.active p{color:#fff;}

/* 하단 배너 */
.ng-recruit-banner{position:relative; height:49.3rem; margin-top:15.7rem; background-size:cover; background-position:50% 50%; color:#fff;}
.ng-recruit-banner .area{position:relative; z-index:1; height:100%; display: flex; align-items:center; justify-content:space-between;}
.ng-recruit-banner .label{font-size:1.3rem; font-weight:500; letter-spacing:-0.02em; display: inline-flex; align-items:center; justify-content:center; border:1px solid #fff; box-sizing:border-box; border-radius:2rem; height:2rem; padding:0 1.5rem;}
.ng-recruit-banner strong{display:block; margin-top:3rem;  font-size:5.4rem; font-weight:700; line-height:1.1; letter-spacing:-0.01em;}
.ng-recruit-banner .txt{display:block; margin-top:1.5rem;  font-size:2rem; line-height:1.5; font-weight:500; font-style:normal; letter-spacing:-0.035em;}
.ng-apply-btn{
	display:flex; flex-direction:column; align-items:center; justify-content:center; gap:1.4rem;
	width:18rem; height:18rem; border-radius:1.4rem; background: rgba(255, 255, 255, 0.1); border: 2px solid #FFFFFF; backdrop-filter: blur(1.5rem);
	color:#fff; font-size:1.8rem; font-weight:700; letter-spacing:-0.035em;
	transition:var(--transition-custom);
}
.ng-apply-btn i{font-size:3.2rem;}
.ng-apply-btn:hover{border-color:var(--main-color); background:var(--main-color);}

@media all and (min-width:801px){
	/* 직무 탭 */
	.proc-tab-style-wrapper{}
	.proc-tab-style{}
	.proc-tab-style ul{display: flex; margin:0 -0.6rem;}
	.proc-tab-style ul li{position: relative; margin:0 0.6rem; width:calc(25% - 1.2rem);}
	.proc-tab-style ul li:before{position: absolute; content: ""; left: 50%; top: 100%; transform: translate(-50%, -100%); border: 0.9rem solid transparent; border-top-color: var(--main-color); transition:var(--transition-custom);}
	.proc-tab-style ul li a{position: relative; display: flex; align-items:center; justify-content:center; width:100%; height:100%; border:2px solid #000; border-radius:1rem; background:#fff; height:6rem; font-size:1.8rem; line-height:1.55; letter-spacing:-0.035em; color:#000; font-weight:600; transition:var(--transition-custom)}
	.proc-tab-style ul li a em{color:inherit; font-weight:inherit;}

	.proc-tab-style ul li.selected:before{ transform: translate(-50%, 0);}
	.proc-tab-style ul li.selected a{background:var(--main-color); color:#fff; border-color:var(--main-color);}
}
@media all and (max-width:1440px){
	.ng-recruit-hero .area{padding-inline:var(--area-padding);}
}
@media all and (max-width:800px){
	.ng-recruit-hero{height:auto; margin-bottom:6rem;}
	.ng-recruit-hero .area{padding-block:20rem 5rem;}
	.ng-recruit-hero strong{font-size:3rem;}
	.ng-recruit-hero .lead{margin-top:2rem; font-size:2.1rem;}
	.ng-recruit-hero .sub{margin-top:1.5rem; font-size:1.6rem;}

	.proc-con{padding:4rem 2rem; border-radius:2rem; flex-direction: column-reverse;}
	.proc-con .left-box{width:100%;}
	.proc-con .left-box .txt-box{padding-bottom:2rem;}
	.proc-con .left-box .txt-box .tit{font-size:2.4rem; }
	.proc-con .left-box .txt-box .txt01{font-size:1.8rem; margin-top:1.5rem;}
	.proc-con .left-box .txt-box .txt02{font-size:1.4rem; margin-top:1rem;}
	.proc-con .left-box .work-list{margin-top:2rem;}
	.proc-con .left-box .work-list .work-tit{padding-left:2rem; font-size:1.8rem; margin-top:1.5rem; margin-bottom:1rem;}
	.proc-con .left-box .work-list .list-item{padding-left:2rem; font-size:1.6rem;}
	.proc-con .right-box{width:100%; margin-bottom:3rem;}
	.proc-con .right-box img{width:100%;}

	/* 채용 프로세스 */
	.ng-process-con{margin-top:8rem;}
	.ng-process-tit{font-size:2.4rem;}
	.ng-process-sub{margin-top:1.5rem; font-size:1.6rem;}
	.ng-process-steps{grid-template-columns:repeat(2, 1fr); gap:1rem; margin-top:2rem;}
	.ng-process-steps li{height:33rem; padding:4rem 2rem;}
	.ng-process-steps li .txt-box{}
	.ng-process-steps li em{padding:0.4rem 1.4rem; font-size:1.2rem;}
	.ng-process-steps li strong{margin-top:1.6rem; font-size:2rem;}
	.ng-process-steps li p{margin-top:1rem; font-size:1.4rem;}
	.ng-process-steps li:not(:last-child):after{display: none;}

	.ng-process-banner{margin-top:1rem; padding:2rem; }
	.ng-process-banner p{font-size:2rem;}
	.ng-process-banner span{font-size:1.4rem;}
	
	/* 하단 배너 */
	.ng-recruit-banner{height:auto; margin-top:8rem; padding:10rem 0;}
	.ng-recruit-banner .area{display: block;}
	.ng-recruit-banner strong{margin-top:2rem;font-size:3rem;}
	.ng-recruit-banner .txt{margin-top:1rem; font-size:1.8rem;}
	.ng-apply-btn{ width:10rem; height:10rem; padding:2rem; margin-top:2rem; font-size:1.6rem; box-sizing: border-box;}
	.ng-apply-btn i{font-size:2rem;}
}
@media all and (max-width:480px){
	.ng-process-steps{grid-template-columns:repeat(1, 1fr); gap:1rem; margin-top:2rem;}
	.ng-process-steps li{height:auto; padding:3rem 1.5rem;}
	.ng-process-steps li .ic{margin-bottom:2rem}
}

/* ========================================================
 * NEXTGRID :: 사업영역 - 소개
======================================================== */
.biz-banner{}
.biz-banner-tit{ color:#000; font-size:6rem; font-weight:700; line-height:6rem; letter-spacing:-0.035em;}
.biz-banner-img{position:relative; margin-top:6.8rem; height:100vh; overflow:hidden;}
.biz-banner-img .bg{position:absolute; inset:0; width:100%; height:100%; object-fit:cover;}
.biz-banner-img .txt{position:relative; z-index:2; height:100%; color:#fff; }
.biz-banner-img .txt strong{display:block; padding-top:16rem; font-size:5.4rem; font-weight:700; line-height:1.29; letter-spacing:-0.035em;}
.biz-banner-img .txt p{margin-top:1.1rem; font-size:2rem; font-weight:500; line-height:1.6; letter-spacing:-0.035em;}

.biz-list{margin-top:17rem;}
.biz-sec{display:flex;  border-bottom:1px solid rgba(0,0,0,0.12); padding-bottom:8.5rem;}
.biz-sec + .biz-sec{padding-top:8rem;}
.biz-tit{width:38rem;}
.biz-tit h4{color:#000; font-size:5rem; font-weight:700; line-height:1.2; letter-spacing:-0.035em;}
.biz-tit em{display:block; margin-top:2.4rem; color:var(--main-color); font-size:1.6rem; font-weight:700; letter-spacing:-0.02em;}
.biz-body{width:calc(100% - 38rem);}
.biz-body .desc{color:#000; font-size:1.8rem; font-weight:500; line-height:1.55; letter-spacing:-0.035em;}
.biz-body .grid{display:flex; flex-wrap:wrap; gap:4rem 1.4rem; margin-top:2.5rem;}
.biz-body .grid li strong{display:block; margin-top:2rem; text-align:left; color:#000; font-size:2.2rem; font-weight:700; line-height:1.36; letter-spacing:-0.035em;}
.biz-body .grid .img{position: relative; display:block; width:100%; height:0; padding-top:100%; border-radius:1.5rem; overflow:hidden;}
.biz-body .grid .img:before{position: absolute; content:''; inset:0; width:100%; height:100%; background: linear-gradient(0deg, rgba(38, 117, 221, 0.7), rgba(38, 117, 221, 0.7)); z-index:1; opacity:0; transition:var(--transition-custom);}
.biz-body .grid .img:after{position: absolute; content:'\e97a'; top:50%; left:50%; transform:translate(-50%, -50%); font-family:'xeicon'; font-size:2.4rem; color:#fff;; background: rgba(255, 255, 255, 0.1); border: 2px solid #FFFFFF; width:7.6rem; height:7.6rem; border-radius:50%; box-sizing:border-box; display: flex; align-items:center; justify-content:center; z-index:2; opacity:0; transition:var(--transition-custom);}
.biz-body .grid .img img{position: absolute; inset:0; margin:auto; display:block; width:100%; height:100%; object-fit:cover;}
.biz-body .grid.col3 li{width:calc(33.333% - 0.94rem);}
.biz-body .grid.col2 li{width:calc(50% - 0.7rem);}
.biz-body .grid.wd .img{padding-top:56.91%;}
.biz-body .grid.tall .img{padding-top:67.07%}

.biz-body .grid .img:hover:before,
.biz-body .grid .img:hover:after{opacity:1;}

/* ========================================================
 * NEXTGRID :: 사업영역 - 시뮬레이터 뷰
======================================================== */
.cm-sec-head{text-align:center;}
.sim-head em{display: block; font-size:1.6rem; line-height:1.625; letter-spacing:-0.02em; color:var(--main-color); font-weight:700; margin-bottom:1rem;}
.sim-sec-tit{ color:#000; font-size:6rem; font-weight:700; line-height:1; letter-spacing:-0.035em;}
/* 배너 */
.sim-hero{position:relative; margin-top:5.9rem; height:79rem; overflow:hidden; }
.sim-hero .bg{position:absolute; left:-26.7rem; top:-9rem; width:238.1rem; height:100.8rem; max-width:none;}
.sim-hero .area{height:100%;}
.sim-hero .txt{position:relative; display: flex; flex-direction: column; justify-content: center; height: 100%; z-index:2; color:#fff; padding-bottom:5rem; box-sizing:border-box;}
.sim-hero .txt em{display:block; color:var(--main-color); font-size:1.6rem; font-weight:700; line-height:1; letter-spacing:-0.035em;}
.sim-hero .txt strong{display:block; margin-top:3rem; font-size:4.4rem; font-weight:700; line-height:1.38; letter-spacing:-0.035em;}
.sim-hero .txt p{margin-top:1rem; opacity:0.7; font-size:1.8rem; font-weight:500; line-height:1.66; letter-spacing:-0.035em;}
.sim-scroll-btn{position:absolute; right:26.5rem; top:48.4rem; width:20rem; height:20rem; z-index:3;}
.sim-scroll-btn svg{position:absolute; inset:0; width:100%; height:100%; animation:simSpin 14s linear infinite;}
.sim-scroll-btn svg text{fill:#3088FA; font-size:1.1rem; font-weight:700; letter-spacing:0.1em; }
.sim-scroll-btn .circle{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); display:flex; flex-direction:column; align-items:center; justify-content:center; width:13.9rem; height:13.9rem; border-radius:50%; background:var(--main-color);}
.sim-scroll-btn .circle i{display:block; color:#fff; font-size:3.2rem; line-height:1.6rem;}
.sim-scroll-btn .circle .i1{opacity:0.4;}
@keyframes simSpin{to{transform:rotate(360deg);}}

/* fixed tab */
.sim-tab{position:relative; height:60px;}
.sim-sticky-tab{position:absolute; left:0; bottom:0; width:100%; height:60px; background:#fff; box-shadow:0 6px 20px rgba(0,0,0,0.05); z-index:5;  }
.sim-sticky-tab .area{display:flex; align-items:center; box-sizing:border-box; height:100%;}
.sim-sticky-tab .area > i{color:#000; font-size:2rem;}
.sim-sticky-tab ul{display:flex; gap:3rem; margin-left:4rem;}
.sim-sticky-tab ul li a{color:#000; opacity:0.4; font-size:1.4rem; font-weight:600; line-height:2.6rem; letter-spacing:-0.035em; transition:var(--transition-custom);}
.sim-sticky-tab ul li.on a, .sim-sticky-tab ul li a:hover{color:var(--main-color); opacity:1;}
.sim-sticky-tab .list-btn{display:flex; align-items:center; gap:2.9rem; margin-left:auto; height:3.6rem; padding:0 2rem; border:2px solid #000; border-radius:9rem; color:#000;  font-size:1.4rem; font-weight:500; box-sizing:border-box; transition:var(--transition-custom);}
.sim-sticky-tab .list-btn i{font-size:1.8rem;}
.sim-sticky-tab .list-btn:hover{background:var(--main-color); border-color:var(--main-color); color:#fff;}

/* 핵심 솔루션 */
.sim-sol{position:relative; height:100vh; display: flex; align-items:center; background:url('/images/content/business/sim_sol_bg.png') no-repeat center bottom / contain;}
.sol-tit{font-size:4.6rem; line-height:1.3; letter-spacing:-0.035em; color:#000; font-weight:700;}
.sol-list{display: flex; flex-wrap:wrap; margin:-0.8rem; margin-top:6rem;}
.sol-list .sol-item{position: relative; width:calc(50% - 1.6rem); margin:0.8rem; background: #FFFFFF; box-shadow: 1.5rem 1.5rem 4.5rem rgba(0, 0, 0, 0.12); border-radius: 1.4rem; padding:5rem; box-sizing:border-box; min-height:28rem; transition:var(--transition-custom);}
.sol-list .sol-item:before{position: absolute; content:''; inset:0; width:100%; height:100%; border:3px solid var(--main-color); border-radius:1.4rem; opacity:0; transition:var(--transition-custom); box-sizing:border-box;}
.sol-list .sol-item .txt-box{position: relative; z-index:1;}
.sol-list .sol-item .txt-box .tit{font-size:2.8rem; line-height:1.2; letter-spacing:-0.035em; color:#000; font-weight:700;}
.sol-list .sol-item .txt-box .tit span{color:var(--main-color);}
.sol-list .sol-item .txt-box .inner{margin-top:1.8rem;}
.sol-list .sol-item .txt-box .inner .txt{position: relative; padding-left:2.3rem; font-size:1.6rem; line-height:1.875; color:rgba(0,0,0,0.7); font-weight:500;}
.sol-list .sol-item .txt-box .inner .txt:before{position: absolute; content:'\e92b'; top:0; left:0;  font-family:'xeicon'; font-size:1.6rem; line-height:1.875; color:#000; font-weight:400;}
.sol-list .sol-item .img-box{position: absolute; bottom:2.5rem; right:1rem;}
.sol-list .sol-item .img-box img{max-width:100%; max-height:100%; object-fit:cover; mix-blend-mode: darken;}
/* 핵심 솔루션 :: active */
.sol-list .sol-item.active{background:#F5F9FF; box-shadow: 1.2rem 1.2rem 4rem rgba(38, 117, 221, 0.2);}
.sol-list .sol-item.active:before{opacity:1;}

/* 핵심 경쟁력 */
.sim-edge{position:relative; padding:16rem 0 0rem; background:url('/images/content/business/sim_edge_bg.jpg') no-repeat center bottom / cover;}
.sim-edge-bg img{position: fixed; inset:0; width:100%; height:100%;}
.sim-edge-con{display: flex; align-items: flex-start;}
.sim-edge-con .edge-head{/* position: sticky; top:8rem; */ width:50%;}
.sim-edge-con .edge-head em{display: block; font-size:2rem; letter-spacing:-0.035em; color:#4696ff; font-weight:700;}
.sim-edge-con .edge-head strong{display: block; font-size:5rem; line-height:1.3; letter-spacing:-0.035em; color:#fff; font-weight:700; margin-top:3rem;}
.edge-cards{width:50%;}
.edge-cards .card{position: relative; background: rgba(255, 255, 255, 0.1); backdrop-filter: blur(2rem); border-radius: 2rem; padding:3.6rem 4rem; box-sizing:border-box; transition:var(--transition-custom); transition-property:opacity, transform, background !important;}
.edge-cards .card:before{content: ""; position: absolute; inset: 0; border-radius: inherit; padding: 1px; z-index: 9; pointer-events: none; background: linear-gradient(135deg, rgba(151, 196, 255, 1) 0%, rgba(9, 70, 148, 1) 53%, rgba(92, 148, 222, 1) 100%); -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; opacity:1; transition:var(--transition-custom);}
.edge-cards .card + .card{margin-top:2rem;}
.edge-cards .card .badge{display: inline-block; font-size:1.3rem; letter-spacing:-0.035em; color:#fff; font-weight:600; padding:0.3rem 1rem; box-sizing:border-box; border-radius:2rem; border:1px solid #fff; transition:var(--transition-custom);}
.edge-cards .card strong{display: block; font-size:2.6rem; line-height:1.3; letter-spacing:-0.035em; color:#fff; font-weight:700; margin-top:2.5rem; transition:var(--transition-custom);}
.edge-cards .card p{display: block; font-size:1.6rem; line-height:1.875; letter-spacing:-0.035em; color:rgba(255,255,255,0.6); font-weight:500; margin-top:0.8rem; transition:var(--transition-custom);}
.edge-cards .card .num{position: absolute; top:50%; right:5.5rem; transform:translateY(-50%); font-size:8rem; letter-spacing:-0.035em; color:rgba(255,255,255,0.03); font-weight:700; transition:var(--transition-custom);}
/* 핵심 경쟁력 :: active */
.edge-cards .card:hover{background:#fff;}
.edge-cards .card:hover:before{opacity:0;}
.edge-cards .card:hover .badge{border-color:var(--main-color); background:var(--main-color);}
.edge-cards .card:hover strong{color:#000;}
.edge-cards .card:hover p{color:rgba(0,0,0,0.6);}
.edge-cards .card:hover .num{color:rgba(38,117,221,0.1);}

/* flow txt */
.sim-marquee{overflow:hidden; padding:5.5rem 0; display: flex; white-space:nowrap; gap:6.8rem;}
.sim-marquee .track{display:flex; align-items:center; gap:6.8rem; white-space:nowrap; margin-left:-3.9rem;}
.sim-marquee .track span{ color:rgba(0,0,0,0.05); font-size:19rem; font-weight:800; letter-spacing:-0.025em; text-transform:uppercase; line-height:1;}

/* 적용분야 */
.sim-apply{padding:12rem 0;}
.apply-grid{display:flex; gap:1.2rem; margin-top:5rem;}
.apply-grid li{display:flex; flex-direction:column; align-items:center; width:26.6rem; height:32rem; padding-top:7.5rem; border-radius:2rem; background:#f6f6f6; box-sizing:border-box;  text-align:center; border:3px solid #f6f6f6; transition:var(--transition-custom);}
.apply-grid li .ic{display:flex; align-items:center; justify-content:center; height:5.6rem;}
.apply-grid li > i{margin-top:4.6rem; color:var(--main-color); font-size:1.8rem;}
.apply-grid li strong{margin-top:1rem; color:#000; font-size:2rem; font-weight:600; line-height:1.4; letter-spacing:-0.035em;}
/* 적용분야 :: active */
.apply-grid li.active{background:#f5f9ff; border:3px solid var(--main-color); box-shadow:1.2rem 1.2rem 2rem rgba(38,117,221,0.2);}

/* 기대효과 */
.sim-effect{margin-top:2.7rem;}
.effect-band{position:relative; max-width:1750px; width:100%; margin:auto; border-radius:4rem; overflow:hidden; padding:14.5rem 0 16rem;}
.effect-band .bg{position:absolute; inset:0; width:100%; height:100%;}
.effect-band .inner{position:relative; z-index:2; }
.effect-grid{display:flex; gap:1.3rem; margin-top:5rem;}
.effect-grid li{position: relative; display:flex; align-items:center; width:33.5rem; height:14.6rem; padding-left:4rem; background:#fff; border-radius:1.4rem; box-sizing:border-box; box-shadow:1.5rem 1.5rem 2.25rem rgba(0,0,0,0.08); border:1px dashed #bbb; transition:var(--transition-custom);}
.effect-grid li:before{position: absolute; content:''; inset:-1px; border:3px solid var(--main-color); box-sizing:border-box; border-radius:1.4rem; pointer-events:none; opacity:0; transition:var(--transition-custom);}
.effect-grid li .ic{flex-shrink:0; display:flex; align-items:flex-end;}
.effect-grid li .t{margin-left:3rem;}
.effect-grid li .t em{display:inline-flex; align-items:center; justify-content:center; width:7.3rem; height:2rem; border-radius:6rem; background:#fff; color:#000; border:1px solid #000; font-size:1.2rem; font-weight:600; transition:var(--transition-custom);}
.effect-grid li .t strong{display:block; margin-top:1.4rem; color:#000; font-size:1.6rem; font-weight:700; letter-spacing:-0.035em;}
/* 기대효과 :: active */
.effect-grid li.active{box-shadow:1.2rem 1.2rem 2rem rgba(38,117,221,0.2);}
.effect-grid li.active:before{opacity:1;}
.effect-grid li.active .t em{background:var(--main-color); color:#fff; border-color:var(--main-color);}

/* 관련소식 */
.sim-news{padding:18.6rem 0 19.7rem;}
.sim-news-con{display: flex; }
.sim-news-con .sim-sec-tit{width:38rem;}
.news-grid{width:calc(100% - 38rem);}
.news-grid li{}
.news-grid li + li{margin-top:1rem;}
.news-grid li a{position: relative; display: flex; align-items:center; width:100%; background:#f5f5f5; border-radius:1.4rem; padding:2rem 2.6rem; padding-right:5rem; box-sizing:border-box; transition:var(--transition-custom);}
.news-grid li a:before{position: absolute; content:'\e907'; font-family:'xeicon'; font-size:3.6rem; color:rgba(0,0,0,0.12); top:50%; right:5rem; transform:translateY(-50%); transition:var(--transition-custom);}
.news-grid li .icon-box{display: flex; align-items:center; justify-content:center; width:11rem; height:11rem; border-radius:1rem; margin-right:4.5rem; background:#fff; font-size:3.6rem; color:#000; transition:var(--transition-custom);}
.news-grid li .txt-box{width:calc(100% - 15.5rem);}
.news-grid li .txt-box .tit{font-size:2.8rem; line-height:1.3; letter-spacing:-0.035em; color:#000; font-weight:600; transition:var(--transition-custom);}
.news-grid li .txt-box .txt{font-size:1.6rem; line-height:1.875; letter-spacing:-0.035em; color:rgba(0,0,0,0.6); font-weight:500; margin-top:.5rem; transition:var(--transition-custom);}
/* 관련소식 :: hover */
.news-grid li a:hover{background:var(--main-color);}
.news-grid li a:hover:before{color:#fff;}
.news-grid li a:hover .icon-box{background:rgba(0,0,0,0.2); color:#fff;}
.news-grid li a:hover .txt-box .tit{color:#fff;}
.news-grid li a:hover .txt-box .txt{color:rgba(255,255,255,0.6);}

/* 고객지원 */
.sim-customer{position:relative; display: flex; align-items:center; background:url('/images/content/business/sim_customer_bg.jpg') no-repeat center bottom / cover; border-radius:4rem; max-width:1750px; height:493px; margin:auto;}
.sim-customer .area{width:100%;}
.sim-customer-con{display: flex; justify-content:space-between; align-items:center;}
.sim-customer-con .txt-box{}
.sim-customer-con .txt-box .category{display: inline-block; font-size:1.3rem; letter-spacing:-0.035em; color:#fff; font-weight:600; padding:0.3rem 1rem; box-sizing:border-box; border-radius:2rem; border:1px solid #fff;}
.sim-customer-con .txt-box .tit{font-size:5rem; line-height:1.2; letter-spacing:-0.035em; color:#fff; font-weight:700; margin-top:3rem;}
.sim-customer-con .txt-box .txt{font-size:2rem; line-height:1.2; letter-spacing:-0.035em; color:#fff; font-weight:500; margin-top:1.5rem;}
.sim-customer-con .customer-link{display: flex; margin:-0.5rem;}
.sim-customer-con .customer-link .link{display: flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; margin:0.5rem; width:18rem; aspect-ratio:1; border-radius:1.4rem; background: rgba(255, 255, 255, 0.1); border: 2px solid #FFFFFF; backdrop-filter: blur(1.5rem); border-radius: 1.4rem; color:#fff; transition:var(--transition-custom);}
.sim-customer-con .customer-link .link i{font-size:3.2rem;}
.sim-customer-con .customer-link .link strong{display: block; font-size:1.8rem; line-height:1.5; letter-spacing:-0.035em; font-weight:700; margin-top:1.6rem;}
.sim-customer-con .customer-link .link p{font-size:1.4rem; line-height:1.5; letter-spacing:-0.035em; font-weight:500; opacity:0.4; margin-top:0.2rem;}
/* 고객지원 :hover */
.sim-customer-con .customer-link .link:hover{border-color:var(--main-color); background:var(--main-color);}


/* ========================================================
 * NEXTGRID :: 제품정보 - 제품리스트
======================================================== */
.plist-top{position:relative; }
.plist-top .head{position:relative;}
.plist-top .head h3{color:#000; font-size:6rem; font-weight:700; line-height:6rem; letter-spacing:-0.035em;}
.plist-top .head p{margin-top:2.1rem; color:#000; opacity:0.6; font-size:1.8rem; font-weight:500; line-height:3.2rem; letter-spacing:-0.035em;}
.plist-top .ask-btn{position:absolute; right:0; top:4.7rem; display:flex; align-items:center; justify-content:space-between; width:19.4rem; height:5.4rem; padding:0 2.6rem 0 2.5rem; border:2px solid #000; border-radius:9rem; color:#000;  font-size:1.6rem; font-weight:500; letter-spacing:-0.03em; box-sizing:border-box; transition:var(--transition-custom);}
.plist-top .ask-btn i{font-size:1.8rem;}
.plist-top .ask-btn:hover{background:var(--main-color); border-color:var(--main-color); color:#fff;}
.plist-top .hero-box{position:relative; margin-top:3.5rem; height:49.1rem; background:#f5f5f5; border-radius:2rem;}
.plist-top .hero-box img{position:absolute;}
.plist-top .hero-box .p1{left:28.1rem; top:16.8rem;}
.plist-top .hero-box .p2{left:49.7rem; top:16.7rem;}
.plist-top .hero-box .p3{left:71.3rem; top:14.3rem;}
.plist-top .hero-box .p4{left:95.1rem; top:15.7rem;}
.plist-top .quote{position:relative; margin-top:4rem; padding-block:19rem; text-align:center;}
.plist-top .quote:before{position: absolute; content:''; width:calc(100% + 20rem); height:100%; left:-10rem; top:0; background: linear-gradient(180deg, rgba(38, 117, 221, 0.15) 0%, rgba(255, 255, 255, 0) 100%), #FFFFFF; border-radius: 4rem; z-index:-1;}
.plist-top .quote h4{position: relative; color:#000; font-size:4.2rem; font-weight:700; line-height:1.3; letter-spacing:-0.035em; padding-top:3rem;}
.plist-top .quote h4:before{position:absolute; content:'”'; left:50%; top:0; transform:translateX(-50%); color:#000; opacity:0.05; font-size:16rem; font-weight:700; line-height:0.5; letter-spacing:-0.035em; font-family:'GMarketSans';}
.plist-top .quote h4 b{color:var(--main-color); font-weight:700;}
.plist-top .quote .t1{margin-top:1.3rem; color:#000; font-size:1.8rem; font-weight:500; line-height:1.3; letter-spacing:-0.035em; margin-top:2rem;}
.plist-top .quote .t2{margin-top:0.5rem; color:#000; opacity:0.6; font-size:1.6rem; font-weight:500; line-height:1.875; letter-spacing:-0.035em; margin-top:1rem;}

.plist-main{margin-top:4rem;}
.plist-main .label{display:block; color:#000;  font-size:3.4rem; font-weight:700; line-height:1.3; letter-spacing:-0.035em;}
.prod-cards{display:flex; flex-wrap:wrap; gap:2.7rem; margin-top:3.9rem;}
.prod-cards li{position:relative; width:calc(33.33% - 1.8rem); background:#f5f5f5; border-radius:2.6rem; padding:1.9rem; box-sizing:border-box; }
.prod-cards .imgbox{position: relative; display: block; width:100%; height:0; padding-top:71.53%; background:#fff; border-radius:1.6rem;}
.prod-cards .imgbox img{position: absolute; inset:0; margin:auto; max-width:100%; max-height:100%; object-fit:cover;}
.prod-cards .txt{padding:3rem 2.6rem 0; box-sizing:border-box;}
.prod-cards .txt strong{display:block; color:#000; font-size:3.4rem; font-weight:700; line-height:1.2; letter-spacing:-0.035em;}
.prod-cards .txt .name{display:flex; align-items:center; gap:0.5rem; margin-top:1rem; color:var(--main-color); font-size:1.8rem; line-height:3rem; letter-spacing:-0.035em;}
.prod-cards .txt .name i{font-size:1.8rem;}
.prod-cards .txt .name em{font-weight:600;}
.prod-cards .txt .name b{margin-left:0.5rem; font-weight:500;}
.prod-cards .txt .desc{margin-top:1.3rem; color:#000; opacity:0.6; font-size:1.6rem; font-weight:500; line-height:1.875; letter-spacing:-0.035em;}
.prod-cards .more{display:flex; align-items:center; justify-content:space-between; height:5.6rem; padding:0 3rem 0 3.2rem; border:2px solid #000; border-radius:8rem; color:#000; font-size:1.8rem; font-weight:500; letter-spacing:-0.035em; box-sizing:border-box; transition:var(--transition-custom); margin-top:4.2rem;}
.prod-cards .more i{font-size:2.2rem;}
.prod-cards .more:hover{background:var(--main-color); border-color:var(--main-color); color:#fff;}

.plist-service{margin-top:21rem; margin-bottom:19rem;}
.plist-service .sub{margin-top:1.65rem; color:var(--main-color);  font-size:1.8rem; font-weight:600; line-height:2.6rem; letter-spacing:-0.035em;}
.svc-grid{display:flex; flex-wrap:wrap; gap:1.5rem; margin-top:5.5rem;}
.svc-grid li{width:45rem;}
.svc-grid li a{position:relative; display:block; height:17rem; padding:3.3rem 3.5rem; background:#fff; border:4px solid #efefef; border-radius:1rem; box-sizing:border-box;  transition:var(--transition-custom);}
.svc-grid li a strong{display:block; color:#000; font-size:2.5rem; font-weight:700; line-height:3rem; letter-spacing:-0.035em; transition:var(--transition-custom);}
.svc-grid li a p{margin-top:0.8rem; color:#000; opacity:0.5; font-size:1.6rem; font-weight:500; line-height:2.6rem; letter-spacing:-0.035em; transition:var(--transition-custom);}
.svc-grid li a > i{position:absolute; right:3.2rem; bottom:1.8rem; color:#000; opacity:0.1; font-size:2.8rem; transition:var(--transition-custom);}
.svc-grid li:hover a{background:var(--main-color); border-color:var(--main-color);}
.svc-grid li:hover a strong,
.svc-grid li:hover a p{color:#fff;}
.svc-grid li:hover a p{opacity:0.7;}
.svc-grid li:hover a > i{color:#fff; opacity:1;}

.plist-contact{margin-top:18.9rem; margin-bottom:9.3rem;}
.plist-contact .band{position:relative; margin:0 8.5rem; height:49.3rem; border-radius:4rem; overflow:hidden;}
.plist-contact .band .bg{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:50% 50%;}

.plist-contact .txt{position:relative; z-index:2; height:100%; padding-left:18.5rem; color:#fff; }
.plist-contact .badge{display:inline-flex; align-items:center; justify-content:center; width:7.3rem; height:2rem; margin-top:16.8rem; border:1px solid #fff; border-radius:3rem; font-size:1.3rem; font-weight:500;}
.plist-contact strong{display:block; margin-top:3.4rem; font-size:5rem; font-weight:700; line-height:6rem; letter-spacing:-0.035em;}
.plist-contact p{margin-top:0.6rem; font-size:2rem; font-weight:500; line-height:6rem; letter-spacing:-0.035em;}
.plist-contact .sq-btn{position:absolute; top:15.7rem; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:1rem; width:18rem; height:18rem; border-radius:1.4rem; color:#fff; box-sizing:border-box; transition:var(--transition-custom);}
.plist-contact .sq-btn i{font-size:3.2rem;}
.plist-contact .sq-btn span{font-size:1.8rem; font-weight:700; letter-spacing:-0.035em;}
.plist-contact .sq-btn em{opacity:0.4; font-size:1.3rem; font-weight:500;}
.plist-contact .sq-btn.blue{right:36.2rem; background:var(--main-color);}
.plist-contact .sq-btn.glass{right:17.1rem; background:rgba(255,255,255,0.1); border:2px solid #fff; backdrop-filter:blur(15px);}
.plist-contact .sq-btn:hover{transform:translateY(-0.4rem);}

/* ===== 효과 보완 (Phase 5) ===== */
/* 시뮬레이터 마퀴 흐름 (1537px 이상에서만 — 검증 뷰포트 영향 없음) */
/* .sim-marquee .track .loop-extra{display:none;} */
/* @media (min-width:1537px){ */
	.sim-marquee .track{gap:0; width:max-content; will-change:transform; animation:mqFlow 10s linear infinite;}
	.sim-marquee .track > *{margin-right:10rem;}
	/* .sim-marquee .track .loop-extra{display:block;} */
/* } */
@keyframes mqFlow{from{transform:translateX(0);} to{transform:translateX(-100%);}}

/* 따라다니는 탭 고정 */
.sim-sticky-tab.fixed{position:fixed; top:0; bottom:auto; box-shadow:0 6px 20px rgba(0,0,0,0.12);}

/* 스크롤다운 버튼 셰브론 바운스 */
.sim-scroll-btn .circle i{animation:chevBounce 1.6s ease-in-out infinite;}
.sim-scroll-btn .circle .i1{animation-delay:0.12s;}
@keyframes chevBounce{0%,100%{transform:translateY(0);} 50%{transform:translateY(0.3rem);}}

/* 카드 호버 리프트 */
@media (hover:hover){
	.phil-card, .talent-cards li, .steps-list li, .edge-cards li{transition:transform 0.35s ease, box-shadow 0.35s ease;}
	.phil-card:hover, .talent-cards li:hover, .edge-cards li:hover{transform:translateY(-0.6rem); box-shadow:0 1.4rem 3rem rgba(0,0,0,0.1);}
	.steps-list li:hover{transform:translateY(-0.4rem);}
}

/* ===== 제품정보 :: 제품뷰1 (전원공급장치 DIVE) ===== */
/* 제품 상단 정보 */
.prd-overview{display: flex; align-items:center;}
.prd-overview .left-box{width:40.58%; max-width:560px;}
.prd-overview .left-box .tit-box{padding-bottom:3rem; margin-bottom:3rem; border-bottom:2px solid #000;}
.prd-overview .left-box .tit-box .category{font-size:1.6rem; line-height:1.375; letter-spacing:-0.02em; color:var(--main-color); font-weight:700;}
.prd-overview .left-box .tit-box .tit{font-size:6.2rem; line-height:1.1; letter-spacing:-0.035em; color:#000; font-weight:700; margin-top:1.5rem;}
.prd-overview .left-box .txt-box{padding-bottom:3rem; margin-bottom:4.5rem; border-bottom:2px solid rgba(0,0,0,0.1); box-sizing:border-box;}
.prd-overview .left-box .txt-box dt{position: relative; padding-left:3rem; font-size:2.6rem; line-height:1.5; color:#000; font-weight:700; box-sizing:border-box;}
.prd-overview .left-box .txt-box dt:before{position: absolute; content:'\e986'; top:2px; left:0; font-family:'xeicon'; font-size:2.4rem; color:#000; font-weight:400;}
.prd-overview .left-box .txt-box dd{padding-left:3rem; font-size:1.6rem; line-height:1.625; color:#000; font-weight:500; box-sizing:border-box; margin-top:0.5rem;}
.prd-overview .left-box .btn-box{display: flex;}
.prd-overview .left-box .btn-box a{display: flex; align-items:center; justify-content:space-between; width:19.4rem; height:5.4rem; border-radius:5.4rem; border:2px solid #000; box-sizing:border-box; padding:0.5rem 2.5rem; color:#000; transition:var(--transition-custom);}
.prd-overview .left-box .btn-box a span{font-size:1.6rem; letter-spacing:-0.03em; font-weight:500;}
.prd-overview .left-box .btn-box a i{font-size:2rem;}
.prd-overview .left-box .btn-box a:nth-child(1){margin-right:1rem;}
.prd-overview .left-box .btn-box a:hover{color:#fff; border-color:var(--main-color); background:var(--main-color);}
.prd-overview .left-box .btn-box a.style-black:hover{border-color:#000; background:#000;}

.prd-overview .right-box{position: relative; display: flex; align-items:flex-start; justify-content:space-between; width:59.42%; padding-left:3rem; box-sizing:border-box;}
.prd-overview .right-box .prd-top-img-list{width:calc(100% - 13rem);}
.prd-overview .right-box .prd-top-img-list .list-item img{max-width:100%;}
.prd-overview .right-box .prd-top-thumb-list{width:10rem; margin:-0.5rem 0;}
.prd-overview .right-box .prd-top-thumb-list .list-item{margin:0.5rem 0; cursor:pointer;}
.prd-overview .right-box .prd-top-thumb-list .list-item span{position: relative; display: block; width:10rem; height:10rem; background:#f5f5f5; border-radius:1rem; transition:var(--transition-custom);}
.prd-overview .right-box .prd-top-thumb-list .list-item span:before{position: absolute; content:''; inset:0; border-radius:1rem; border:1px solid #000; box-sizing:border-box; box-shadow: 3px 3px 22px rgba(0, 0, 0, 0.25); transition:var(--transition-custom); opacity:0;}
.prd-overview .right-box .prd-top-thumb-list .list-item span img{position: absolute; inset:0; margin:auto; width:80%; height:80%; object-fit:cover; }

.prd-overview .right-box .prd-top-thumb-wrap{margin:-1rem -3rem; overflow:hidden; max-height: 56rem;}
.prd-overview .right-box .prd-top-thumb-list{margin:0.5rem 3rem;}
.prd-overview .right-box .prd-top-thumb-list .slick-list{overflow:visible;}
.prd-overview .right-box .prd-top-thumb-list .list-item.slick-current span{background:#fff;}
.prd-overview .right-box .prd-top-thumb-list .list-item.slick-current span:before{opacity:1;}

.prd-overview .right-box .prd-top-thumb-arrows{position: absolute; bottom:0; right:0; width:10rem; display: flex; align-items:center; justify-content:center;}
.prd-overview .right-box .prd-top-thumb-arrows:before{position: absolute; content:''; width:1px; height:1.6rem; background:rgba(0,0,0,0.1); top:50%; left:50%; transform:translateY(-50%);}
.prd-overview .right-box .prd-top-thumb-arrows button{font-size:2rem; color:#000; margin:0.8rem;}

/* 제품 상단 정보 */
@media all and (max-width:800px){
	.prd-overview{display: block;}
	.prd-overview .left-box{width:100%; max-width:none;}
	.prd-overview .left-box .tit-box{padding-bottom:2rem; margin-bottom:2rem;}
	.prd-overview .left-box .tit-box .category{display: block; font-size:1.4rem; margin-bottom:0.8rem;}
	.prd-overview .left-box .tit-box .tit{font-size:3.6rem;}
	.prd-overview .left-box .txt-box{padding-bottom:2rem; margin-bottom:2rem;}
	.prd-overview .left-box .txt-box dt{padding-left:2.4rem; font-size:2rem;}
	.prd-overview .left-box .txt-box dt:before{top:1px;font-size:2rem;}
	.prd-overview .left-box .txt-box dd{padding-left:2.4rem; font-size:1.4rem;}
	.prd-overview .left-box .btn-box a{width:calc(50% - 0.5rem); height:4rem; padding:0.5rem 1.5rem;}
	.prd-overview .left-box .btn-box a span{font-size:1.4rem;}
	.prd-overview .left-box .btn-box a i{font-size:1.8rem;}
	.prd-overview .left-box .btn-box a:nth-child(1){margin-right:1rem;}

	.prd-overview .right-box{display: block; width:100%; padding-left:0rem; margin-top:2rem;}
	.prd-overview .right-box .prd-top-img-list{width:100%;}
	.prd-overview .right-box .prd-top-thumb-list{width:100%; margin:0 -0.5rem;}
	.prd-overview .right-box .prd-top-thumb-list .list-item{margin:0 0.5rem;}
	.prd-overview .right-box .prd-top-thumb-list .list-item span{width:auto; height:auto; aspect-ratio:1;}
	
	.prd-overview .right-box .prd-top-thumb-wrap{margin:1rem -1rem -1rem; padding:1rem; max-height:none; overflow:visible;}
	
	.prd-overview .right-box .prd-top-thumb-arrows{bottom:-5rem; right:50%; transform:translateX(50%);}
}

/* 제품배너 */
.prd-banner{position: relative; width:100%; min-height:70rem; padding:10rem 0; box-sizing:border-box; margin-top:18rem; display: flex; align-items:center;}
.prd-banner .bg{position: absolute; content:''; inset:0; width:100%; height:100%;}
.prd-banner .bg img{width:100%; height:100%; object-fit:cover;}
.prd-banner .area{position: relative; z-index:1; width:100%;}
.prd-banner .txt-box{}
.prd-banner .txt-box .tit{font-size:3.8rem; line-height:1.2; letter-spacing:-0.035em; color:#fff; font-weight:700;}
.prd-banner .txt-box .tit span{color:var(--main-color);}
.prd-banner .txt-box .txt01{font-size:2rem; line-height:1.3; letter-spacing:-0.035em; color:#fff; font-weight:600; margin-top:3rem;}
.prd-banner .txt-box .txt02{font-size:1.6rem; line-height:1.625; letter-spacing:-0.035em; color:rgba(255,255,255,0.65); font-weight:500; margin-top:1.4rem;}

/* 제품배너 */
@media all and (max-width:800px){
	.prd-banner{margin-top:15rem;}
	.prd-banner .txt-box .tit{font-size:2.8rem;}
	.prd-banner .txt-box .txt01{font-size:1.8rem; margin-top:3rem;}
	.prd-banner .txt-box .txt02{font-size:1.4rem; margin-top:1rem;}
}

/* 제품 사양 */
.prd-spec{position: relative; margin-top:15rem;}

.prd-spec-tab-style{position: sticky; top:3rem; width:21.4rem; height:0;}
.prd-spec-tab-style ul{width:100%; padding:0.8rem; box-sizing:border-box; background:#f5f5f5; border-radius:2.6rem;}
.prd-spec-tab-style ul li{}
.prd-spec-tab-style ul li a{position: relative; display: flex; align-items:center; width:100%; height:4.3rem; padding:0 2.4rem; box-sizing:border-box; border-radius:4rem; transition:all 0.2s ease-in-out;}
.prd-spec-tab-style ul li a:before{position: absolute; content:'\e907'; font-family:'xeicon'; top:50%; right:1rem; font-size:2rem; color:#fff; transition:all 0.2s ease-in-out; opacity:0; transform:rotate(-45deg) translateY(-80%);}
.prd-spec-tab-style ul li a em{font-size:1.6rem; letter-spacing:-0.035em; color:#000; font-weight:600; transition:all 0.2s ease-in-out;}
.prd-spec-tab-style ul li.selected a{background:var(--main-color);}
.prd-spec-tab-style ul li.selected a:before{opacity:1;}
.prd-spec-tab-style ul li.selected a em{color:#fff;}

.sub-tab-content-style{padding-left:28rem; box-sizing:border-box;}
.sub-tab-content-style .sub-tab-con{margin-bottom:15rem;}
.prd-spec-tit-box{display: flex; align-items:center; padding-bottom:2rem; border-bottom:2px solid #000;}
.prd-spec-tit-box .tit{font-size:3.6rem; line-height:1.2; letter-spacing:-0.035em; color:#000; font-weight:700; margin-right:2.6rem;}
.prd-spec-tit-box .txt{font-size:1.8rem; line-height:1.2; letter-spacing:-0.035em; color:var(--main-color); font-weight:600;}

/* 제품 사양 */
@media all and (max-width:800px){
	.prd-spec{margin-top:10rem;}
	
	.prd-spec-tab-style{display: none;}
	.sub-tab-content-style{padding-left:0;}
	.sub-tab-content-style .sub-tab-con{margin-bottom:8rem;}
	.prd-spec-tit-box{display: block;}
	.prd-spec-tit-box .tit{font-size:2.8rem; margin-right:0; margin-bottom:0.7rem;}
	.prd-spec-tit-box .txt{font-size:1.6rem;}
}

/* 제품 사양 :: 기술사양 */
.prd-spec-tech{}
.spec-tech-item{border-bottom:1px solid rgba(0,0,0,0.1); transition:var(--transition-custom)}
.spec-tech-item dt{position: relative; display: block; padding:2.6rem 4rem; box-sizing:border-box; font-size:1.8rem; color:#000; font-weight:600; letter-spacing:-0.035em; cursor:pointer;}
.spec-tech-item dt strong{font-weight:inherit;}
.spec-tech-item dt:before{position: absolute; content:'\e942'; font-family:'xeicon'; top:50%; right:4rem; font-size:2.4rem; color:rgba(0,0,0,0.2); transition:var(--transition-custom); transform:translateY(-50%);}
.spec-tech-item dd{padding:0 4rem 4rem;}
.spec-tech-info{background: #FFFFFF; border: 2px solid #E0E0E0; border-radius: 1.4rem; box-sizing:border-box; display: flex; flex-wrap:wrap; overflow:hidden;}
.spec-tech-info .info-line{display: flex; width:100%; border-bottom:1px solid rgba(0,0,0,0.08);}
.spec-tech-info .info-line:last-child{border-bottom:0;}
.spec-tech-info .info-line .info-td,
.spec-tech-info .info-line .info-th{padding:1.6rem 3rem; box-sizing:border-box;}
.spec-tech-info .info-line .info-th{width:30%; border-right:1px solid rgba(0,0,0,0.08);}
.spec-tech-info .info-line .info-td{width:70%;}
.spec-tech-info .info-line p{font-size:1.6rem; line-height:1.875; letter-spacing:-0.035em; color:#000; font-weight:500;}

.spec-tech-item.open{background:#f6f6f6;}
.spec-tech-item.open dt:before{color:#000; transform:translateY(-50%) rotate(180deg);}

/* 제품 사양 :: 기술사양 */
@media all and (max-width:800px){
	.spec-tech-item dt{padding:1.6rem 1.5rem; font-size:1.6rem;}
	.spec-tech-item dt:before{right:2rem; font-size:2rem;}
	.spec-tech-item dd{padding:0 1.5rem 2rem;}
	.spec-tech-info .info-line .info-td,
	.spec-tech-info .info-line .info-th{padding:1rem;}
	.spec-tech-info .info-line p{font-size:1.2rem;}
}

/* 제품 사양 :: 제품 특징 */
.prd-spec-feature{}
.prd-spec-feature .feature-item{display: flex; align-items:center; padding:3rem 0; box-sizing:border-box; border-bottom:1px solid rgba(0,0,0,0.12);}
.prd-spec-feature .feature-item .icon-box{display: flex; align-items:center; justify-content:center; width:13.3rem; height:13.3rem; border-radius:2rem; background:#f5f5f5; transition:var(--transition-custom); border:2px solid #f5f5f5;}
.prd-spec-feature .feature-item .icon-box svg *{transition:var(--transition-custom);}
.prd-spec-feature .feature-item .txt-box{width:calc(100% - 13.3rem); padding-left:3.3rem; box-sizing:border-box;}
.prd-spec-feature .feature-item .txt-box .tit{font-size:2.4rem; line-height:1.25; letter-spacing:-0.035em; color:#000; font-weight:700;}
.prd-spec-feature .feature-item .txt-box .txt{font-size:1.6rem; line-height:1.675; letter-spacing:-0.035em; color:rgba(0,0,0,0.7); font-weight:500; margin-top:1.2rem;}
.prd-spec-feature .feature-item.active .icon-box{border-color:var(--main-color); background:#fff; box-shadow: 4px 4px 3rem rgba(38, 117, 221, 0.2);}
/* .prd-spec-feature .feature-item.active .icon-box svg *{stroke:#fff;} */

/* 제품 사양 :: 제품 특징 */
@media all and (max-width:800px){
	.prd-spec-feature .feature-item{display: block; padding:2rem 0;}
	.prd-spec-feature .feature-item .icon-box{width:10rem; height:10rem; margin-bottom:2rem;}
	.prd-spec-feature .feature-item .txt-box{width:100%; padding-left:0rem;}
	.prd-spec-feature .feature-item .txt-box .tit{font-size:2rem;}
	.prd-spec-feature .feature-item .txt-box .txt{font-size:1.4rem; margin-top:0.8rem;}
}

/* 제품 사양 :: 해당 제품 라인업 */
.prd-spec-lineup{margin-top:3rem;}
.lineup-tit-box{display: flex; align-items:center; justify-content:center; width:100%; min-height:9rem; background:#232323; border-radius:1rem; padding:1rem; box-sizing:border-box; margin-bottom:1.2rem;}
.lineup-tit-box .tit{font-size:2.6rem; line-height:1.15; letter-spacing:-0.035em; color:#fff; font-weight:700;}
.lineup-tit-box .tit span{display: inline-block; font-size:1.6rem; line-height:1.625; font-weight:500; opacity:0.7; margin-left:1.5rem;}

.lineup-list{display: flex; justify-content:space-between; align-items: flex-start; margin:-0.6rem;}
.lineup-list .lineup-column{width:calc(50% - 1.2rem); margin:0 0.6rem;}
.lineup-list .lineup-item{position: relative; width:100%; margin:1.2rem 0; border:3px solid #ededed; box-sizing:border-box; border-radius:1rem; transition:var(--transition-custom); overflow:hidden;}
.lineup-list .lineup-item dt{position: relative; display: flex; align-items:center; padding:1.5rem 3rem; box-sizing:border-box; cursor:pointer; font-size:1.8rem; line-height:1.66; letter-spacing:-0.035em; color:#000; font-weight:500; transition:var(--transition-custom);}
.lineup-list .lineup-item dt:before{position: absolute; content:'\e936'; font-family:'xeicon'; font-size:2.6rem; color:#000; top:50%; right:2rem; transform:translateY(-50%); transition:var(--transition-custom);}
.lineup-list .lineup-item dd{padding:2.3rem 3rem; box-sizing:border-box; background:#EFF5FD;}
.lineup-list .lineup-item dd .inner-list{display: flex; flex-wrap:wrap; margin:-0.3rem;}
.lineup-list .lineup-item dd .inner-list .inner-item{display: flex; align-items:center; justify-content:center; width:calc(50% - 0.6rem); margin:0.3rem; background:#fff; border-radius:0.6rem; font-size:1.6rem; line-height:1.875; letter-spacing:-0.035em; color:#000; font-weight:500; padding:0.6rem 1.2rem; box-sizing:border-box;}

.lineup-list .lineup-item.open{border-color:var(--main-color);}
.lineup-list .lineup-item.open dt{background:var(--main-color); color:#fff;}
.lineup-list .lineup-item.open dt:before{color:#fff; transform:translateY(-50%) rotate(180deg);}

/* 제품 사양 :: 해당 제품 라인업 */
@media all and (max-width:800px){
	.prd-spec-lineup{margin-top:2rem;}
	.lineup-tit-box{min-height:7rem; text-align:center;}
	.lineup-tit-box .tit{font-size:2rem;}
	.lineup-tit-box .tit span{display: block; font-size:1.4rem; margin-left:0rem; margin-top:0.5rem;}

	.lineup-list{display: block; margin:0;}
	.lineup-list .lineup-item{width:100%; border:2px solid #ededed;}
	.lineup-list .lineup-item + .lineup-item{margin-top:1rem;}
	.lineup-list .lineup-item dt{padding:1.5rem; font-size:1.6rem;}
	.lineup-list .lineup-item dt:before{font-size:2rem; right:1.5rem;}
	.lineup-list .lineup-item dd{padding:1.5rem;}
	.lineup-list .lineup-item dd .inner-list .inner-item{font-size:1.4rem; padding:0.6rem;}
}

/* 제품 사양 :: 주요 납품 고객사 */
.prd-spec-customer{overflow:hidden;}
.prd-spec-customer .flow-wrap{display: flex; align-items:center; margin:3rem 0 0;  transition:2s all ease-in-out;}
.prd-spec-customer .flow-wrap .flow-list{display: flex; align-items:center;}
.prd-spec-customer .flow-wrap .flow-list .flow-item{display: flex; align-items:center; justify-content:center; height:7rem; margin:0 3rem;}
.prd-spec-customer .flow-wrap .flow-list .flow-item img{object-fit: contain; max-height: 100%;}

.prd-spec-customer .flow-wrap .flow-list{transform:translateX(0%); animation:partner-flow 15s linear infinite; margin:0;}

@keyframes partner-flow {
	from { transform:translate3d(0%, 0, 0); }
	to { transform:translate3d(-100%, 0, 0); }
}

/* 제품 사양 :: 주요 납품 고객사 */
@media all and (max-width:800px){
	.prd-spec-customer .flow-wrap{margin:2rem 0 0;}
	.prd-spec-customer .flow-wrap .flow-list .flow-item{height:4rem; margin:0 2rem;}
}

/* 제품 사양 :: 자료 다운로드 */
.prd-spec-download{display: flex; flex-wrap:wrap; margin:1rem -0.5rem -0.5rem}
.prd-spec-download .download-item{width:calc(33.33% - 1rem); margin:0.5rem;}
.prd-spec-download .download-item a{display: flex; align-items:center; justify-content:space-between; border:3px solid rgba(0,0,0,0.05); box-sizing:border-box; padding:1.5rem 3rem; min-height:8.4rem; border-radius:1rem; transition:var(--transition-custom);}
.prd-spec-download .download-item a .tit{font-size:1.8rem; line-height:1.625; letter-spacing:-0.035em; color:#000; font-weight:600}
.prd-spec-download .download-item a i{font-size:2.4rem; color:#000; transition:var(--transition-custom)}
.prd-spec-download .download-item a:hover{background:#F5F9FF; border-color:var(--main-color);}
.prd-spec-download .download-item a:hover i{color:var(--main-color);}

/* 제품 사양 :: 자료 다운로드 */
@media all and (max-width:800px){
	.prd-spec-download .download-item{width:calc(50% - 1rem);}
	.prd-spec-download .download-item a{border:2px solid rgba(0,0,0,0.05); padding:1.5rem; min-height:6rem;}
	.prd-spec-download .download-item a .tit{font-size:1.6rem;}
	.prd-spec-download .download-item a i{font-size:2rem;}
}

/* 제품 사양 :: 문의안내 */
.prd-spec-inquiry{display: flex; align-items:flex-end; justify-content:space-between; background:url('/images/content/product/prd_spec_inquiry_bg.jpg') no-repeat center / cover; border-radius:1rem; padding:5.8rem 4.4rem 4.4rem; box-sizing:border-box; margin-top:2.6rem;}
.prd-spec-inquiry .left-box{max-width:50%;}
.prd-spec-inquiry .left-box .txt01{font-size:2.8rem; line-height:1.35; letter-spacing:-0.035em; color:#fff; font-weight:600;}
.prd-spec-inquiry .left-box .txt02{font-size:1.8rem; line-height:1.66; letter-spacing:-0.035em; color:rgba(255,255,255,0.6); font-weight:500; margin-top:1rem;}
.prd-spec-inquiry .right-box{max-width:50%; min-width:32rem; padding:4rem 4rem 5rem; box-sizing:border-box; border-radius:1rem; background: rgba(245, 245, 245, 0.12); backdrop-filter: blur(2rem);}
.prd-spec-inquiry .right-box .icon-box{display: flex; align-items:center; justify-content:center; width:6rem; height:6rem; border-radius:50%; background:var(--main-color); font-size:2.2rem; color:#fff;}
.prd-spec-inquiry .right-box .txt-box{margin-top:13rem;}
.prd-spec-inquiry .right-box .txt-box .tit{display: block; font-size:3.2rem; line-height:1.1; letter-spacing:-0.035em; color:#fff; font-weight:700; margin-bottom:2rem;}
.prd-spec-inquiry .right-box .txt-box .info{display: flex;}
.prd-spec-inquiry .right-box .txt-box .info dt{width:3rem; font-size:1.8rem; line-height:1.875; color:#fff;}
.prd-spec-inquiry .right-box .txt-box .info dd a{font-size:1.6rem; line-height:1.875; letter-spacing:-0.01em; color:rgba(255,255,255,0.6); font-weight:500;}

/* 제품 사양 :: 문의안내 */
@media all and (max-width:800px){
	.prd-spec-inquiry{display: block; padding:3rem 1.5rem; margin-top:2rem;}
	.prd-spec-inquiry .left-box{max-width:100%;}
	.prd-spec-inquiry .left-box .txt01{font-size:2.2rem;}
	.prd-spec-inquiry .left-box .txt02{font-size:1.6rem;}
	.prd-spec-inquiry .right-box{max-width:100%; min-width:none; padding:3rem 1.5rem; margin-top:5rem;}
	.prd-spec-inquiry .right-box .icon-box{width:5rem; height:5rem; font-size:2rem;}
	.prd-spec-inquiry .right-box .txt-box{margin-top:3rem;}
	.prd-spec-inquiry .right-box .txt-box .tit{font-size:2.4rem; margin-bottom:1rem;}
	.prd-spec-inquiry .right-box .txt-box .info dt{width:2.5rem; font-size:1.6rem;}
	.prd-spec-inquiry .right-box .txt-box .info dd a{font-size:1.5rem;}
}