@charset "utf-8";
.sub_content{font-family: var(--font-type01);}
.link{position: absolute; inset: 0; z-index: 3;}

/* 서브 비주얼 */
	.sub-visual{position: relative;background: url('../images/skin/sv_thumb.jpg') no-repeat center / cover;color: var(--point-white);z-index: 5; margin-bottom: clamp(70px, 12vw, 120px);}
	.sub-visual .w_custom{min-height: clamp(500px, 96vw, 960px);display: flex;align-items: center;justify-content: center;padding-block: clamp(120px, 20vw, 200px);}
	.sub-visual .title {text-align:center;display: grid;gap: var(--row-gap30);}
	.sub-visual .title h2{font-size: var(--text-70);font-weight: 600;line-height: 1.4;letter-spacing: -0.03em;}
	.sub-visual .title h3{font-size: var(--text-24);font-weight: 200;line-height: 1.4;letter-spacing: -0.02em;}
	.nav-desc{position: absolute;left: 0;bottom: clamp(30px, 6vw, 60px);background: rgb(0 0 0 / 50%);backdrop-filter: blur(10px);border-radius: var(--radius-10);display: flex;align-items: center;width: 100%;height: clamp(55px, 7vw, 60px);}
	.nav-desc :where(dt, dd){position: relative;padding-inline: 20px;}
	.nav-desc :where(dt, dd)::after{position: absolute;content:'';width: 1px;height: 98%;background: var(--border-color01);opacity: 0.2;top: 50%;right: 0;translate: 0 -50%;}
		.nav-desc :where(dt, dd):last-child::after{display: none;}
	.nav-desc dt{text-align: center; flex-shrink: 0; font-size: 0;}
	.nav-desc dt a{display: inline-block;width: clamp(17px, 2.6vw, 21px);}
	.nav-desc dd{width: 100%;max-width: clamp(230px, 31vw, 300px);font-size: var(--text-18);font-weight: 300;}
	.nav-desc dd span{position: relative;width: 100%;padding-right: 30px;white-space: normal;overflow:hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-break: break-all; cursor: pointer;}
		.nav-desc dd span::after{position: absolute;content:'';width: clamp(9px, 1.3vw, 11px);aspect-ratio: auto 1;border: 2px solid var(--point-white);clip-path: var(--clip-poly02);top: 38%;right: 1px;rotate: 45deg;translate: 0 -50%;border-radius: 2px;transition: all 0.4s;}
		.nav-desc dd span.on::after{top: 58%;scale: -1 -1;}
	.nav-desc .dep02{position: absolute;top: calc(100% + clamp(25px, 3vw, 30px));left: 0;width: 100%;background: rgb(0 0 0 / 50%);backdrop-filter: blur(10px);border-radius: var(--radius-10);padding-block: clamp(12px, 2vw, 20px);opacity: 0;pointer-events: none;transition: all 0.4s;}
		.nav-desc dd:has(span.on) .dep02{opacity:1; pointer-events:auto;}
	.nav-desc .dep02 a{display:block;padding: clamp(6px, 1vw, 8px) 20px;font-size: 90%;font-weight: 200;}
	.nav-desc .dep02 a.on{color: var(--point-color01); font-weight: 500;}

	.sub-top{padding-top: clamp(50px, 8vw, 80px);}

		body:has(.sv_vision_quality) .sub-visual{background-image: url('../images/skin/sv_vision_quality.jpg');}
		body:has(.sv_quality_deviation) .sub-visual{background-image: url('../images/skin/sv_quality_deviation.jpg');}
		body:has(.sv_demand_forecasting) .sub-visual{background-image: url('../images/skin/sv_demand_forecasting.jpg');}
		body:has(.sv_process_conditions) .sub-visual{background-image: url('../images/skin/sv_process_conditions.jpg');}
		body:has(.sv_equipment_anomaly) .sub-visual{background-image: url('../images/skin/sv_equipment_anomaly.jpg');}
		body:has(.sv_industrial_safety) .sub-visual{background-image: url('../images/skin/sv_industrial_safety.jpg');}
		body:has(.sv_generative_ai) .sub-visual{background-image: url('../images/skin/sv_generative_ai.jpg');}
		body:has(.sv_digital_twin) .sub-visual{background-image: url('../images/skin/sv_digital_twin.jpg');}
		body:has(.sv_joint_collaboration) .sub-visual{background-image: url('../images/skin/sv_joint_collaboration.jpg');}
		body:has(.sv_mes_solution) .sub-visual{background-image: url('../images/skin/sv_mes_solution.jpg');}
		body:has(.sv_client) .sub-visual{background-image: url('../images/skin/sv_client.jpg');}

	@media (max-width:640px) {
		.nav-desc dd{max-width: 100%;}
		.nav-desc dd::after{display: none;}
		.nav-desc dd:not(:last-child){display: none;}
	}

/* 설명 타이틀 */
	.info-title{position: relative; display: flex; flex-direction: column; gap: var(--row-gap30); margin-bottom:var(--row-gap50);}
		.info-title.cen{text-align: center;}
	.info-title h2{font-size: var(--text-54);font-weight: 600;color: var(--black-color00);line-height: 1.3;letter-spacing: -0.03em;}
	.info-title h3{position: relative;font-size: var(--text-50);font-weight: 600;color: var(--black-color00);line-height: 1.4;letter-spacing: -0.03em;}
	.info-title h3.bullet{padding-right: clamp(14px, 2vw, 20px);width: fit-content;}
	.info-title h3.bullet::after{position: absolute;content:'';width: clamp(6px, 1vw, 8px);aspect-ratio: auto 1;border-radius: 100%;background: var(--point-color01);top: 0;right: 0;}
	.info-title h4{font-size: var(--text-46);font-weight: 600;color: var(--black-color00);line-height: 1.4;letter-spacing: -0.03em;}
	.info-title h5{font-size: var(--text-40);font-weight: 600;color: var(--black-color00);line-height: 1.3;letter-spacing: -0.03em;}
	.info-title p{font-size: var(--text-18); color: var(--black-color00); line-height: 1.8; letter-spacing: -0.03em;}

/* 고정 리스트 */
	.bullet-list{display: flex; flex-direction: column; gap: clamp(10px, 1.2vw, 12px); width: 100%;}
	.bullet-list > li{font-size: var(--text-18);color: var(--black-color05);line-height: 1.4;letter-spacing: -0.03em;display: flex;align-items: baseline;gap: clamp(6px, 1vw, 8px); text-align: left; text-wrap: auto;}
		.bullet-list > li::before{content:'';width: clamp(2px, 0.5vw, 3px);aspect-ratio: auto 1;border-radius: 100%;background: var(--black-color08);flex-shrink: 0;translate: 0 clamp(-6px, -0.8vw, -4px);}

		.bullet-list.type02{gap: var(--row-gap20);}
		.bullet-list.type02 > li{font-size: var(--text-20);line-height: 1.6;gap: clamp(8px, 1.4vw, 12px);}
		.bullet-list.type02 > li::before{background: var(--black-color05);}

/* nece-step */
	.nece-step{display: grid;grid: auto / repeat(2, 1fr);gap: var(--col-gap20); counter-reset: nece-step;}
	.nece-step > li{position: relative;border: 1px solid var(--border-color01);border-radius: var(--radius-20);padding: clamp(25px, 3.8vw, 38px) clamp(20px, 3.4vw, 34px);display: flex;flex-direction: column;gap: var(--row-gap30);background: var(--point-white);}
	.nece-step > li::before{content: counter(nece-step, decimal-leading-zero);counter-increment: nece-step;font-size: var(--text-20);font-weight: 500;color: var(--point-color01);line-height: 1.4;}
	.nece-step .desc{display: grid;gap: clamp(10px, 2.4vw, 24px);}
	.nece-step .desc dt{font-size: var(--text-24);font-weight: 500;color: var(--black-color00);line-height: 1.3;letter-spacing: -0.05em;}
	.nece-step .desc dd{font-size: var(--text-18); color: var(--black-color05); line-height: 1.4; letter-spacing: -0.03em;}

	@media (max-width:479px) {
		.nece-step{grid: auto / repeat(1, 1fr);}
	}

/* key_features */
	.key-features{position: relative;padding-block: var(--row-gap140);background: url('../images/skin/key_features.jpg') no-repeat center / cover;}
	.key-features .info-title{filter: var(--filter-white);}
	.key-features .exp-step{display: flex;gap: var(--col-gap20); counter-reset: key-features;}
	.key-features .exp-step > li{position: relative;border-radius: var(--radius-20);overflow: hidden;counter-increment: key-features;transition: all 0.6s !important;background: #000;box-shadow: 0 0 0 1px rgb(255 255 255 / 20%);cursor: pointer;flex-grow: 1;}
	.key-features .exp-step .back{font-size: clamp(16px, 1.3vw, 22px);font-weight: 500;color: var(--point-white);text-align: center;line-height: 1.4;letter-spacing: -0.03em;position: absolute;inset: 0;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: clamp(12px, 1.2vw, 20px);border-radius: inherit;padding: 8px;text-wrap: auto;}
		.key-features .exp-step .back::before{content: counter(key-features, decimal-leading-zero);font-size: clamp(18px, 1.4vw, 24px);font-weight: 700;color: var(--point-color01);line-height: 1.4;letter-spacing: 0;}
	.key-features .exp-step .front{padding: clamp(25px, 1.6vw, 30px);display: flex;gap: clamp(30px, 2.1vw, 40px);opacity: 0;pointer-events: none;width: max-content;max-width: clamp(650px, 65vw, 920px);transition: all 0.4s;height: 100%;}
	.key-features .exp-step .thumb{width: min(420px, 49%);flex-shrink: 0;border-radius: var(--radius-20);overflow: hidden;}
	.key-features .exp-step .thumb img{width:100%; height:100%; object-fit:cover;}
	.key-features .exp-step .desc{display: flex;flex-direction: column;justify-content: center;gap: clamp(12px, 1.2vw, 20px);padding-block: 35px;}
		.key-features .exp-step .desc::before{content: counter(key-features, decimal-leading-zero);font-size: clamp(20px, 1.45vw, 24px);font-weight: 700;color: var(--point-color01);line-height: 1.4;letter-spacing: 0;}
	.key-features .exp-step .desc dt{font-size: clamp(26px, 1.8vw, 30px);font-weight: 600;color: var(--black-color02);line-height: 1.4;letter-spacing: -0.03em;}
	.key-features .exp-step .desc dd{font-size: clamp(15px, 1.2vw, 18px);color: var(--black-color04);line-height: 1.6;letter-spacing: -0.03em;}
	.key-features .bullet-list > li{font-size:inherit; color:inherit; line-height:inherit;}

		.key-features .exp-step > li.on{flex-shrink: 0;background: var(--point-white);box-shadow: none;}
		.key-features .exp-step > li.on .back{opacity: 0;pointer-events: none;}
		.key-features .exp-step > li.on .front{opacity: 1;pointer-events: auto;}


	@media (max-width:1023px) {
		.key-features .exp-step{flex-wrap: wrap;}
		.key-features .exp-step > li{max-width: 100% !important;background: var(--point-white);box-shadow: none;}
		.key-features .exp-step .front{max-width: 100% !important;opacity: 1;pointer-events: auto;gap: 20px clamp(25px, 3vw, 30px);padding: clamp(20px, 2.5vw, 25px);}
		.key-features .exp-step .back{font-size: var(--text-22);opacity: 0;pointer-events: none;}
		.key-features .exp-step .back::before{font-size: var(--text-24);}
		.key-features .exp-step .desc::before{font-size: var(--text-24);}
		.key-features .exp-step .desc dt{font-size: var(--text-30);}
		.key-features .exp-step .desc dd{font-size: var(--text-18);}
	}
	@media (max-width:479px) {
		.key-features .exp-step .front{flex-wrap: wrap;}
		.key-features .exp-step .thumb{width: 100%; aspect-ratio: auto 1;}
		.key-features .exp-step .desc{padding-block: 0;}
	}

/* sol-list */
	.sol-list{display: flex;justify-content: center;text-align: center;gap: clamp(40px, 7.3vw, 140px);}
	.sol-list > li{position: relative;display: flex;flex-direction: column;gap: clamp(20px, 5vw, 50px);}
	.sol-list .icon{display: flex;align-items: center;justify-content: center;height: clamp(50px, 8.5vw, 80px);}
	.sol-list .desc{display: grid;gap: clamp(12px, 3vw, 30px);text-wrap: balance;}
	.sol-list .desc dt{display: grid;font-size: var(--text-30);font-weight: 600;line-height: 1.4;letter-spacing: -0.03em;}
	.sol-list .desc dd{font-size: var(--text-20);font-weight: 400;line-height: 1.6;letter-spacing: -0.03em;}

	@media (max-width:640px) {
		.sol-list{flex-wrap: wrap;}
		.sol-list > li{width:min(300px, 100%);}
	}

/* special-features */
	.special-features{padding-block: clamp(70px, 20vw, 200px);background: url('../images/skin/special-features.jpg') no-repeat center / cover;}
	.special-features :where(.info-title, .sol-list){filter: var(--filter-white);}

/* platform-meta */
	.platform-meta{background: url('../images/skin/platform_meta.jpg') no-repeat center / cover; padding-block: var(--row-gap140);}

/* expcard-list */
	.expcardSwiper{position: relative;}
	.expcardSwiper .swiper-slide{display: flex;flex-direction: column;gap: clamp(18px, 3vw, 30px);flex-shrink: 0;padding: clamp(20px, 2.1vw, 40px);padding-bottom: clamp(25px, 3.1vw, 58px);box-shadow: inset 0 0 0 1px var(--border-color01);border-radius: var(--radius-20);background: var(--point-white);width: clamp(280px, 40vw, 600px);margin-right: var(--col-gap30);height: auto;}
	.expcardSwiper .thumb{display: block;aspect-ratio: auto 1.529;border-radius: var(--radius-10);overflow: hidden;}
	.expcardSwiper .thumb img{width:100%; height:100%; object-fit:cover;}
	.expcardSwiper .desc{display: grid;gap: var(--row-gap20);}
	.expcardSwiper .desc dt{font-size: var(--text-24);font-weight: 600;color: var(--black-color02);line-height: 1.4;letter-spacing: -0.03em;}
	.expcardSwiper .desc dd{font-size: var(--text-18);color: var(--black-color04);line-height: 1.6;letter-spacing: -0.03em;}

/* more-bnr*/
	.more-bnr{position: relative;}
	.more-bnr .desc{position: relative;border-radius: var(--radius-20);padding: clamp(25px, 5vw, 50px);padding-top: 120px;overflow: hidden;min-height: clamp(240px, 40vw, 400px);display: flex;flex-direction: column;justify-content: flex-end;}
	.more-bnr .desc dt{position: absolute;inset: 0;overflow: hidden;}
	.more-bnr .desc dt img{width: 100%; height: 100%; object-fit: cover;}
	.more-bnr .desc dd{position: relative;font-size: var(--text-24);font-weight: 600;color: var(--point-white);line-height: 1.6;letter-spacing: -0.03em;}
	.more-bnr .view-arw{position: absolute;top: clamp(15px, 3vw, 30px);right: clamp(15px, 3vw, 30px);}

	.view-arw{position: relative;width: clamp(34px, 5.5vw, 50px);aspect-ratio: auto 1;border-radius: 100%;background: var(--point-white) url('../images/skin/view_arw.svg') no-repeat center / clamp(10px, 1.9vw, 14px) auto;}

/* sticky-meta */
	.sticky-meta{display: flex;align-items: flex-start;gap: clamp(50px, 5.25vw, 100px);}
	.sticky-meta .left-nav{position: sticky;top: 0;flex-shrink: 0;height: 100dvh;padding-block: var(--row-gap140) 50px;border-right: 1px solid var(--border-color01);width: clamp(200px, 14vw, 260px);display: flex;flex-direction: column;gap: 30px;}
	.sticky-meta .left-nav > li{position: relative;font-size: var(--text-20);font-weight: 500;color: var(--black-color08);line-height: 1.3;letter-spacing: -0.03em;transition: all 0.4s; cursor: pointer;}
		.sticky-meta .left-nav > li::before{position: absolute;content:'';width: 8px;aspect-ratio: auto 1;background: var(--point-color01);border-radius: 100%;top: 8px;left: 0;opacity: 0;transition: inherit;}
		.sticky-meta .left-nav > li:not(:has(~ li.on)).on{color: var(--point-color01);padding-left: 20px;}
		.sticky-meta .left-nav > li:not(:has(~ li.on)).on::before{opacity:1;}
	.sticky-meta .cont{width: 100%;padding-top: var(--row-gap140); display: flex; flex-direction: column; gap: var(--row-gap50);}
	.sticky-meta .cont article{padding-bottom: var(--row-gap80); border-bottom: 1px solid var(--border-color01);}
	.sticky-meta .cont article:last-child{border-bottom: 0;}

	@media (max-width:1023px) {
		.sticky-meta .left-nav{display: none;}
	}

/* effect-list */
	.effect-list{display:grid;grid: auto / repeat(2, 1fr);gap: var(--col-gap20);}
	.effect-list > li{position: relative;border: 1px solid var(--border-color01);border-radius: var(--radius-20);padding: clamp(20px, 4vw, 40px) clamp(20px, 3vw, 30px);display: flex;flex-direction: column;gap: var(--row-gap30);background: var(--point-white);}
	.effect-list .desc{display: grid;gap: var(--row-gap30);text-align: center;}
	.effect-list .desc dt{display: flex;align-items: center;justify-content: center;height: clamp(50px, 8.5vw, 80px);}
	.effect-list .desc dd{font-size: var(--text-24);font-weight: 500;color: var(--black-color00);line-height: 1.4;letter-spacing: -0.03em;}
	.effect-list .desc dd em{font-weight: inherit; color: var(--point-color01);}
	.effect-list .cont{border-top: 1px solid var(--border-color01);padding-top: var(--row-gap30);font-size: var(--text-18);color: var(--black-color05);line-height: 1.4;letter-spacing: -0.03em;}

	@media (max-width:479px) {
		.effect-list{grid: auto / repeat(1, 1fr);}
	}

/* 상품 리스트 */
	.good-list{display: grid; grid:auto / repeat(3, 1fr); gap:var(--row-gap60) var(--col-gap25);}
	.good-list > li{position: relative;display: flex;flex-direction: column;gap: var(--row-gap20);}
	.good-list .thumb{position: relative; display: block;aspect-ratio: auto 1.32;border-radius: var(--radius-20);overflow: hidden;}
	.good-list .thumb::before{position: absolute; content:''; inset: 0; border-radius: inherit; border: 2px solid var(--point-color01); z-index: 2; opacity: 0; transition: all 0.4s;} 
	.good-list .thumb img{width:100%; height:100%; object-fit:cover; transition: all 0.4s;}
	.good-list .desc{display: grid;gap: clamp(6px, 1vw, 8px);}
	.good-list .desc dt{font-size: var(--text-34);font-weight: 600;color: var(--black-color03);line-height: 1.4;letter-spacing: -0.03em;}
	.good-list .desc dd{font-size: var(--text-20);font-weight: 400;color: var(--black-color05);line-height: 1.4;letter-spacing: -0.03em;}

		/* over */
		@media (hover:hover) and (pointer:fine) {
			.good-list > li:hover .thumb::before{opacity: 1;}
			.good-list > li:hover .thumb img{scale: 1.08;}
		}


	@media (max-width:640px) {
		.good-list{grid: auto / repeat(1, 1fr);}
	}

/* 페이징 */
    #wrap .paging {position: relative;padding:0;width: 100%;line-height:normal;margin: clamp(30px, 8vw, 80px) 0 0;text-align: center;display: flex;justify-content: center;flex-wrap: wrap;gap: clamp(6px, 1vw, 10px);min-height: auto;}
    #wrap .paging span {display: inline-block;}
    #wrap .paging a {display:inline-flex;align-items:center;justify-content:center;font-size: var(--text-20);font-weight: 400;color: var(--black-color06);width: auto;min-width: clamp(30px, 5vw, 40px);height: clamp(30px, 5vw, 40px);border-radius: clamp(30px, 5vw, 40px);line-height:1;text-align:center;margin: 0;padding: 0 5px;border: 0;}
    #wrap .paging :is(.on a, a.on){background: var(--black-color00);color: var(--point-white);font-weight: 500;}
    #wrap .paging .arrow a {font-size:0;background: url('../images/skin/paging_prev.svg') no-repeat center / auto clamp(9px, 1.5vw, 10px);}
    #wrap .paging .arrow:where(.first, .last) a{background-image: url('../images/skin/paging_first.svg');}
    #wrap .paging .arrow:where(.next, .last) a{scale: -1 -1;}
	#wrap .paging .arrow.prev{margin-right: clamp(0px, 0.5vw, 5px);}
	#wrap .paging .arrow.next{margin-left: clamp(0px, 0.5vw, 5px);}
    #wrap .paging .arrow a img{display: none;}


/* 상품 상세 */
	.goods-info{display: flex;gap: clamp(25px, 4vw, 40px) clamp(40px, 4.2vw, 80px);padding-top: clamp(50px, 8vw, 80px);}
	.goods-info .thumb{width: min(640px, 46%);min-height: 540px;flex-shrink: 0;border-radius: var(--radius-20);overflow: hidden;}
	.goods-info .thumb img{width:100%; height:100%; object-fit:cover;}
	.goods-info .desc{width: 100%;display: flex;flex-direction: column;justify-content: center;gap: clamp(20px, 4vw, 40px);padding-block: 50px;}
	.goods-info .desc dt{font-size: var(--text-54);font-weight: 600;color: var(--black-color01);line-height: 1.2;letter-spacing: -0.03em;}
	.goods-info .bullet-list{gap: clamp(10px, 2vw, 20px);}
	.goods-info .bullet-list > li{font-size: var(--text-20);line-height: 1.6;}
	.goods-info .bullet-list > li::before{width: clamp(3px, 0.6vw, 4px);}

	@media (max-width:1023px) {
		.goods-info{flex-wrap: wrap;}
		.goods-info .thumb{width: min(640px, 100%); min-height: auto;}
		.goods-info .desc{padding-block: 0;}
	}

/* 버튼 */
	#wrap .btn_wrap{position: relative;inset: auto;margin: clamp(30px, 6vw, 60px) 0 0;padding: 0;display: flex;justify-content: center;flex-wrap: wrap;gap: var(--row-gap15);text-align: center;}
	#wrap .btn_wrap :where(button, a){display: flex;align-items: center;justify-content: center;text-align: center;font-size: var(--text-18);font-weight: 500;color: var(--black-color03);line-height: 1.4;letter-spacing: -0.03em;width: auto;min-width: clamp(110px, 16vw, 140px);height: auto;background: var(--point-white);border: 1px solid var(--black-color03);border-radius: 50px;padding: clamp(11px, 2vw, 14px) 20px clamp(11px, 2vw, 15px);}
	#wrap .btn_wrap:not(:has(button, a)){display: none;}


/* 2차 카테고리 */
	.secCategory{position:relative;margin-block: clamp(-20px, -2vw, 0px) var(--row-gap60);padding-bottom: var(--row-gap40);box-shadow: inset 0 -1px 0 var(--border-color01);}
	.secCategory .w_custom{display: flex;flex-wrap: wrap; gap: clamp(8px, 1.4vw, 14px);}
	.secCategory a{display: flex;align-items: center;justify-content: center;gap: clamp(8px, 1.2vw, 12px);font-size: var(--text-18);font-weight: 500;color: var(--black-color08);letter-spacing: -0.03em;line-height: 1.2;padding: clamp(7px, 1.6vw, 11px) clamp(15px, 2.3vw, 23px);border: 1px solid var(--border-color01);border-radius: 50px;background: var(--point-white);text-align: center; transition: all 0.4s;}
		.secCategory a::before{display: none;content:'';width: clamp(4px, 0.8vw, 6px);aspect-ratio: auto 1;border-radius: 100%;background: var(--point-white);flex-shrink: 0;}
		.secCategory a.on, .secCategory:not(:has(a.on)) a:first-child{background: var(--point-color01);border-color: var(--point-color01);color: var(--point-white);font-weight: 400;}
		.secCategory a.on::before, .secCategory:not(:has(a.on)) a:first-child::before{display: inline-flex;}


		@media (hover:hover) and (pointer:fine) {
			.secCategory a:hover{border-color: var(--point-color01);}
		}

/* 인풋 */
	#wrap :where([type="text"], [type="password"], [type="number"], select){height: clamp(46px, 7vw, 60px);border-radius: var(--radius-06);background: var(--point-white);border: 1px solid var(--border-color01);padding: 0 clamp(15px, 2vw, 20px);font-size: var(--text-18);font-weight: 400;color: var(--black-color02);line-height: normal;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;min-width: auto;letter-spacing: -0.03em;vertical-align: middle;}
	#wrap :where([type="text"], [type="password"], [type="number"])::placeholder{color:var(--black-color06); font-weight:300;}
	#wrap select{width: clamp(100px, 18vw, 180px);background: var(--point-white) url('../images/skin/sel_arw.svg') no-repeat calc(100% - clamp(15px, 2vw, 20px)) 50% / clamp(11px, 1.9vw, 14px) auto;appearance: none;padding-right: clamp(35px, 5vw, 50px);}
	#wrap textarea{width: 100%;font-size: var(--text-15);font-weight: 400;color: var(--black-color08);line-height: 1.73;border: 1px solid var(--border-color01);background: var(--point-white);resize: none;padding: clamp(15px, 3vw, 30px);border-radius: var(--radius-10);height: clamp(120px, 18vw, 160px);scrollbar-gutter: stable;}
	#wrap textarea::placeholder{color:var(--black-color09);}
	#wrap textarea::-webkit-scrollbar {width: clamp(3px, 0.6vw, 4px);}
	#wrap textarea::-webkit-scrollbar-track {box-shadow:-10px 0 0 var(--border-color01); border-radius: 10px; margin: 10px;}
	#wrap textarea::-webkit-scrollbar-thumb {box-shadow:-10px 0 0 var(--black-color10); border-radius: 10px;}

	#wrap [type="checkbox"]{display: inline-flex;align-items: center;justify-content: center;width: clamp(23px, 3.1vw, 26px);height: clamp(23px, 3.1vw, 26px);border: 1px solid var(--border-color01);flex-shrink: 0;cursor: pointer;border-radius: 2px;}
	#wrap [type="checkbox"]::before{display: inline-flex;content:'';width: clamp(10px, 1.7vw, 12px);aspect-ratio: auto 1.33;background: url('../images/skin/chk_icon.svg') no-repeat center / 100% auto;filter: var(--filter-black) opacity(0.2);}
	#wrap [type="checkbox"]:checked{border-color: var(--point-color01);background: var(--point-color01);}
	#wrap [type="checkbox"]:checked:before{filter: var(--filter-white);}
	#wrap label:has([type="checkbox"]){display:inline-flex;align-items: flex-start;gap: 10px;font-size: var(--text-14);font-weight: 500;color: var(--black-color03);line-height: clamp(23px, 3.1vw, 26px);cursor: pointer;}
	#wrap label:has([type="checkbox"]) em{font-weight: 600; color: var(--point-color01); display: contents;}


/* 검색 */
	#wrap .search-wrap{margin-bottom: clamp(15px, 4vw, 40px);}
	#wrap .search-wrap fieldset{display: flex;justify-content: flex-end;gap: 10px;}
	#wrap .search-wrap .inp-box{position: relative;width: min(440px, 100%);}
	#wrap .search-wrap select{flex-shrink: 0;}
	#wrap .search-wrap [type="text"]{width: 100%;padding-right: clamp(45px, 6.5vw, 65px);}
	#wrap .search-wrap button{position: absolute;font-size: 0;top: 0;right: clamp(15px, 2vw, 20px);width: clamp(17px, 2.9vw, 24px);height: 100%;background: url('../images/skin/search.svg') no-repeat center / 100% auto;}

	@media (max-width:360px) {
		#wrap .search-wrap fieldset{flex-wrap: wrap;}
		#wrap .search-wrap select{width: 100%; flex-shrink: unset;}
	}


/* 갤러리 */
	.nodata{font-size: var(--text-15); color: var(--black-color06); text-align: center; padding-block: var(--row-gap30);}
	.gallery-list{display: grid;grid: auto /repeat(3, 1fr);gap: var(--col-gap40);}
	.gallery-list > li{position: relative;border-radius: var(--radius-20);overflow: hidden;box-shadow: inset 0 0 0 1px var(--border-color01);background: var(--point-white); transition: all 0.4s;}
	.gallery-list > li::before{position: absolute; content: ''; inset: 0; border: 2px solid var(--point-color01); border-radius: inherit; opacity: 0; transition: inherit; z-index: 1;}
	.gallery-list .thumb{display: block;aspect-ratio: auto 1.571;overflow: hidden;}
	.gallery-list .thumb img{width:100%;height: 100%;object-fit: cover; transition: all 0.4s;}
	.gallery-list .thumb i{position: absolute;top: clamp(15px, 2vw, 20px);left: clamp(15px, 2vw, 20px);max-width: calc(100% - clamp(15px, 2vw, 20px) * 2);font-size: var(--text-17);color: var(--point-white);line-height: 1.2;padding: clamp(6px, 1vw, 8px) clamp(10px, 1.2vw, 12px);background: var(--point-color01);border-radius: var(--radius-04);}
	.gallery-list .desc{display: grid;gap: var(--row-gap20);padding: var(--row-gap30);}
	.gallery-list .desc :where(dt, dd){white-space: normal;overflow:hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; word-break: break-all;}
	.gallery-list .desc dt{font-size: var(--text-26);font-weight: 600;color: var(--black-color03);line-height: 1.4;letter-spacing: -0.03em;-webkit-line-clamp: 1;}
	.gallery-list .desc dd{font-size: var(--text-18);color: var(--black-color05);line-height: 1.6;letter-spacing: -0.03em;}

		/* over */
		@media (hover:hover) and (pointer:fine) {
			.gallery-list > li:hover::before{opacity: 1;}
			.gallery-list > li:hover .thumb img{scale: 1.08;}
		}

	@media (max-width:1023px) {
		.gallery-list{grid: auto /repeat(2, 1fr);}
	}
	@media (max-width:479px) {
		.gallery-list{grid: auto /repeat(1, 1fr);}
	}

/* 게시판 상세 */
	#wrap .bbs_view{position: relative; padding-top: clamp(50px, 8vw, 80px);}
	#wrap .bbs_view .view_tit{position: relative;padding: 0 0 clamp(20px, 3.8vw, 38px);border: 0;border-bottom: 2px solid var(--black-color03);background: none;text-align: center;margin: 0;font-size: inherit;width: 100%;display: grid;gap: clamp(15px, 2.7vw, 27px);}
	#wrap .bbs_view .view_tit > h3{position: relative;display: block;width: 100%;text-align: inherit;font-size: var(--text-30);font-weight: 500;color: var(--black-color03);letter-spacing: -0.03em;line-height: 1.4;box-sizing: border-box;overflow: visible;}
	#wrap .bbs_view .view_tit > p{width: 100%;text-align: inherit;font-size: var(--text-20);font-family: var(--font-type02);color: var(--black-color08);display: block;padding: 0;line-height: 1.4;letter-spacing: -0.03em;overflow: visible;}
	#wrap .bbs_view .view_tit:after{display: none;}
	#wrap .bbs_view .view_cont{font-size: var(--text-18);color: var(--black-color03);line-height: 1.6;letter-spacing: -0.03em;margin: 0;width: 100%;text-align: inherit;word-break: keep-all;border-bottom: 1px solid var(--border-color01);min-height: 250px;padding: var(--row-gap60) 0 30px;}
	#wrap .bbs_view .extra_editor_wrap{display: flex;align-items: center;margin: clamp(40px, 10vw, 100px) 0 0;border: 0;padding: clamp(16px, 2vw, 20px) 0;background: var(--gray-bg01);border-radius: var(--radius-10);}
	#wrap .bbs_view h4{position: relative;background: none;width: clamp(90px, 15.5vw, 140px);text-align: center;padding: 0 10px;flex-shrink: 0;font-size: var(--text-18);font-weight: 500;color: var(--black-color03);} 
	#wrap .bbs_view h4:after{position: absolute;content:'';width: 1px;height: clamp(9px, 1.2vw, 10px);background: var(--border-color02);top: 50%;right: 0;translate: 0 -50%;}
	#wrap .bbs_view .extra_cont{position: relative;padding: 0 clamp(20px, 4vw, 40px);font-size: var(--text-17);color: var(--black-color08);display: flex;flex-direction: column;gap: 5px;width: 100%;}
	#wrap .bbs_view .extra_cont span{font-size: inherit; font-weight: inherit; color: inherit; margin:0;}
	#wrap .bbs_view .extra_cont a{color: inherit !important;}
	#wrap .bbs_view .thumb_img_wrap{text-align: inherit;margin: 0;padding: 0; display: none;}
	#wrap .bbs_view .thumb_img_wrap img{margin:0;}

/* 자료실 */
	.data-list{display: grid;gap: var(--row-gap20);}
	.data-list > li{position: relative;border: 1px solid var(--border-color01);border-radius: var(--radius-10);background: var(--point-white);padding: clamp(25px, 4.2vw, 42px) clamp(300px, 24vw, 450px) clamp(25px, 4.4vw, 44px) clamp(40px, 2.9vw, 54px);display: grid;gap: clamp(20px, 4.5vw, 45px); transition: all 0.4s;}
	.data-list .desc{display: grid;gap: var(--row-gap15);}
	.data-list .desc dt{font-size: var(--text-30);color: var(--black-color02);letter-spacing: -0.04em;white-space: normal;overflow:hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-break: break-all;}
	.data-list .desc dd{font-size: var(--text-20);font-weight: 300;color: var(--black-color07);line-height: 1.5;letter-spacing: -0.035em;white-space: normal;overflow:hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-break: break-all;}
	.data-list .regdate{font-size: var(--text-18);color: var(--black-color08);font-family: var(--font-type03);letter-spacing: -0.04em;}
	.data-list .dwn-box{position: absolute;top: 48px;left: calc(100% - clamp(230px, 19vw, 352px));display: flex;flex-wrap: wrap;gap: clamp(8px, 1vw, 10px);max-width: 100px; z-index: 4;}
	.data-list .dwn-box a{display: block;width: clamp(16px, 2.9vw, 24px);aspect-ratio: auto 0.857;background: url('../images/skin/download.svg') no-repeat center / 100% auto;}
	.data-list .arw{position: absolute;top: 50%;right: clamp(40px, 2.9vw, 55px);translate: 0 -50%;width: clamp(40px, 6vw, 60px);aspect-ratio: auto 1;}
		.data-list .arw::before{position: absolute;content:'';background: var(--point-color01);inset: 0;border-radius: 100%;scale: 0;opacity: 0;transition: all 0.4s;}
		.data-list .arw::after{position: absolute;content:'';width: clamp(11px, 1.5vw, 13px);aspect-ratio: auto 1;border: 2px solid var(--black-color06);clip-path: var(--clip-poly02);rotate: -45deg;border-radius: 2px;top: 50%;left: 43%;translate: -50% -50%;transition: all 0.4s;}

		/* over */
		@media (hover:hover) and (pointer:fine) {
			.data-list > li:hover{border-color: var(--point-color01);}
			.data-list > li:hover .arw::before{scale: 1; opacity:1;}
			.data-list > li:hover .arw::after{filter: var(--filter-white);}
		}

	@media (max-width:1023px) {
		.data-list > li{padding-inline: clamp(25px, 4vw, 40px) clamp(50px, 20vw, 200px);}
		.data-list .dwn-box{position: relative;inset: auto;translate: 0;max-width: none;}
		.data-list .arw{right: clamp(20px, 4vw, 40px);}
	}


/* 작성하기 */
	#wrap .bbs_write{position: relative; border-top: 1px solid var(--black-color00); border-bottom: 1px solid var(--border-color01); display: block; width: 100%; padding-block: var(--row-gap40);}
	#wrap .bbs_write :where(tbody, tr, th, td){display: block; width: 100%; padding:0; margin:0; border:0; background: none;}
	#wrap .bbs_write tbody{display: flex;flex-wrap: wrap;gap: clamp(15px, 2vw, 20px) clamp(40px, 5vw, 96px);}
	#wrap .bbs_write tr{display: flex;align-items: baseline;width: calc(100% / 2 - clamp(40px, 5vw, 96px) / 2); gap: var(--row-gap10) 0;}
	#wrap .bbs_write th{width: clamp(100px, 16.2vw, 162px);flex-shrink: 0;font-size: var(--text-20);font-weight: 500;color: var(--black-color03);padding-right: 15px;letter-spacing: -0.03em;}
	#wrap .bbs_write th label{font-size: inherit; font-weight: inherit; color: inherit;}
	#wrap .bbs_write th em{font-weight: inherit; color: var(--point-color01);}
	#wrap .bbs_write td{width: 100%;}
	#wrap .bbs_write select{width: 100%;}
	#wrap .bbs_write label:has([type="checkbox"]){font-size: var(--text-16);}
	#wrap .bbs_write input:where([type="text"], [type="password"], [type="number"]){width: 100%;font-size: var(--text-16);margin: 0;}
	#wrap .bbs_write input:where([type="text"], [type="password"], [type="number"])::placeholder{color: var(--border-color02);}
	#wrap .bbs_write textarea{height: clamp(150px, 25vw, 250px);padding:clamp(15px, 2.4vw, 24px);font-size: var(--text-16);}
	#wrap .bbs_write tr:has(textarea){width: 100%;}
	#wrap .bbs_write tr:has(textarea) td{display: flex;flex-direction: column;gap: var(--row-gap15);align-items: flex-start;}
	#wrap .bbs_write td:has(.controller){display: flex;gap: var(--row-gap10);}
	#wrap .bbs_write .controller{position: relative;display: flex;padding: var(--row-gap10);box-shadow: inset 0 0 0 1px var(--border-color01);border-radius: var(--radius-06);width: clamp(200px, 24.6vw, 241px);gap: var(--row-gap10);flex-shrink: 0;}
	#wrap .bbs_write #captcha_box{width: 100%;height: clamp(34px, 4.5vw, 40px);margin: 0;overflow: hidden;border: 1px solid var(--border-color01);border-radius: inherit;}
	#wrap .bbs_write #captcha_box img{width: calc(100% + 2px) !important;height: calc(100% + 2px) !important;max-width: none;max-height: none;margin: -1px 0 0 -1px;object-fit: cover;}
	#wrap .bbs_write #refreshCode{position: relative;width: clamp(36px, 4.7vw, 42px);box-shadow: inset 0 0 0 1px var(--border-color01);border-radius: inherit;background: url('../images/skin/refreshCode.svg') no-repeat center / clamp(15px, 2.3vw, 18px);font-size: 0;flex-shrink: 0;cursor: pointer;}
	#wrap .bbs_write #cap{position: relative;}
	#wrap .bbs_write tr:has([type="file"]){margin-right: 1px;align-items: center;}
	#wrap .bbs_write tr:has([type="file"]) th{translate: 0;}
	#wrap .bbs_write tr:has([type="file"]) td{display: flex;gap: var(--row-gap10);}
	#wrap .bbs_write input[type="file"]{display: none;}
	#wrap .bbs_write span[id*="file"]{display: flex;align-items: center;gap: 10px;height: clamp(44px, 8vw, 60px);border-radius: var(--radius-06);background: var(--point-white);border: 1px solid var(--border-color01);padding: 0 clamp(15px, 2.4vw, 24px);font-size: var(--text-16);font-weight: 400;color: var(--black-color02);line-height: normal;min-width: auto;letter-spacing: -0.03em;vertical-align: middle;width: 100%;}
	#wrap .bbs_write span[id*="file"] a{color: var(--point-color06) !important;white-space: normal;overflow:hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
	#wrap .bbs_write span[id*="file"] .file_no{flex-shrink:0;}
	#wrap .bbs_write td [for="file"]{display: flex;align-items: center;justify-content: center;gap: 10px;height: clamp(44px, 8vw, 60px);border-radius: var(--radius-06);background: var(--border-color03);border: 1px solid var(--border-color03);padding: 0 clamp(15px, 2.4vw, 24px);font-size: var(--text-16);font-weight: 400;color: var(--black-color02);line-height: normal;letter-spacing: -0.03em;vertical-align: middle;flex-shrink: 0;cursor: pointer;}
	#wrap .policy_box{margin-top: var(--row-gap40);display: grid;gap: var(--row-gap20);}
	#wrap .policy_box label:has([type="checkbox"]){font-size: var(--text-18);}

		@media (min-width:480px) {
			#wrap .bbs_write th{translate: 0 3px;}
			#wrap .bbs_write tr:has(textarea) th{align-self: flex-start;translate: 0 15px;}
			#wrap .bbs_write tr:has(.controller){align-items: center;}
		}

	@media (max-width:1300px) {
		#wrap .bbs_write td:has(.controller){display: flex; flex-wrap: wrap;}
	}
	@media (max-width:1023px) {
		#wrap .bbs_write tr{width: 100%;}
	}
	@media (max-width:479px) {
		#wrap .bbs_write tr{flex-wrap: wrap;}
		#wrap .bbs_write th{width: 100%; flex-shrink: unset;}
	}

/* 일반 게시판 */
	.bbs_table{position: relative;width: 100%;border-top: 1px solid var(--black-color03);table-layout: unset;}
	.bbs_table :where(th, td){border-bottom: 1px solid var(--border-color01);text-align: center;min-width: 80px;}
	.bbs_table tr{transition: all 0.4s;}
	.bbs_table th{font-size: var(--text-18);font-weight: 500;color: var(--black-color01);padding: clamp(17px, 2.4vw, 24px) 5px;}
	.bbs_table td{font-size: var(--text-18);color: var(--black-color05);padding: clamp(17px, 2.5vw, 25px) 5px;}
	.bbs_table td.left{text-align: left;padding-inline: 0;}
	.bbs_table td.no{color: var(--black-color08);}
	.bbs_table td a{color: var(--black-color03);white-space:normal;overflow:hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-break: break-all;width: fit-content;}
	.bbs_table td.secret a{background: url('../images/skin/secret.svg') no-repeat right center / clamp(12px, 2.1vw, 16px) auto;padding-right: clamp(18px, 2.9vw, 24px);}
	.bbs_table td i{color: var(--point-color01);}
	.bbs_table tr:has(i){background: rgb(232 31 42 / 5%);}

		/* over */
		@media (hover:hover) and (pointer:fine) {
			.bbs_table tbody tr:hover{background: rgb(232 31 42 / 5%);}
		}

	@media (max-width:640px) {
		.bbs_table{display: block;}
		.bbs_table :where(tbody, tr, th, td){display: block; width: 100%;}
		.bbs_table thead{display: none;}
		.bbs_table tr{display: flex;gap: 10px;flex-wrap: wrap;padding: 18px 15px;border-bottom: 1px solid var(--border-color01);}
		.bbs_table td{border:0;text-align: left;padding: 0;}
		.bbs_table td.no:not(:has(i)){display: none;}
	}

/* 인사말 */
	.greetings{position: relative;display: flex;gap: var(--row-gap40) clamp(40px, 4.2vw, 80px);z-index: 1;padding-bottom: clamp(120px, 18.8vw, 264px);}
		.greetings::before{position: absolute;content:'';width: 100vw;height: calc(100% + var(--row-gap60));background: linear-gradient(180deg, #FFF 0%, #F5F5F5 50%, #F5F5F5 100%);left: 50%;bottom: 0;translate: -50%;}
		.greetings::after{position: absolute;content:'WP SOLUTIONS';font-size: clamp(30px, 12.85vw, 180px);font-weight: 700;color: var(--point-white);line-height: 1;left: 50%;bottom: clamp(-30px, -3vw, 0px);translate: -50%;width: max-content;}
	.greetings .thumb{position: relative;width: min(600px, 43%);flex-shrink: 0;border-radius: var(--radius-20);overflow: hidden;}
	.greetings .thumb img{width: 100%;height: 100%;object-fit: cover;}
	.greetings .cont{position: relative;width: 100%;display: flex;flex-direction: column;justify-content: center;gap: var(--row-gap60);}
	.greetings .cont .title{display: grid;gap: var(--row-gap20);}
	.greetings .cont .title h3{font-size: var(--text-36);font-weight: 600;color: var(--black-color00);line-height: 1.4;letter-spacing: -0.03em;padding-bottom: var(--row-gap10);}
	.greetings .cont .title p{font-size: var(--text-18);color: var(--black-color03);line-height: 1.8;letter-spacing: -0.03em;}
	.greetings .cont .info{position: relative;padding-top: var(--row-gap60);display: grid;gap: var(--row-gap20);}
	.greetings .cont .info::before{position: absolute;content:'';width: 100%;height: 1px;background: linear-gradient(90deg,var(--point-color01) var(--row-gap80), var(--border-color04) var(--row-gap80));}
	.greetings .cont .desc{display: flex;align-items: baseline;gap: var(--row-gap30);font-size: var(--text-18);color: var(--black-color03);line-height: 1.6;letter-spacing: -0.03em;}
	.greetings .cont .desc dt{font-weight: 600;min-width: clamp(60px, 9vw, 80px);flex-shrink: 0;}
	.greetings .cont .desc dd{width: 100%;}

	@media (max-width:1023px) {
		.greetings{flex-wrap: wrap;}
		.greetings .thumb{width: min(600px, 100%);}
	}

/* 연혁 */
	body:has(.history-meta) #header{position: relative; box-shadow: none;}
	.history-meta{position: relative;padding-top: clamp(0px, 2.8vw, 28px);display: flex;align-items: flex-start;gap: var(--row-gap60) 0;}
	.history-meta .sticky{position: sticky;top: 96px;width: min(680px, 49%);flex-shrink: 0;padding-right: clamp(50px, 5.3vw, 100px);display: flex;flex-direction: column;justify-content: space-between;gap: 30px;height: calc(100dvh - 168px);}
	.history-meta .title{display: grid;gap: 30px;padding-top: clamp(0px, 0.5vw, 5px);flex-shrink: 0;}
	.history-meta .title h3{font-size: var(--text-22);font-weight: 500;color: var(--point-color01);line-height: 1.4;font-family: var(--font-type02);}
	.history-meta .title h4{font-size: var(--text-60);font-weight: 600;color: var(--black-color03);line-height: 1.16;letter-spacing: -0.03em;}
	.history-meta .thumb{border-radius: var(--radius-20); overflow: hidden;}
	.history-meta .thumb img{width:100%; height:100%; object-fit:cover;}
	.history-meta .cont{width: 100%;}
	.history-meta .item-list > li{position: relative;padding-left: clamp(50px, 4.2vw, 80px);padding-bottom: clamp(60px, 4vw, 76px);}
		.history-meta .item-list > li:last-child{padding-bottom: clamp(15px, 2.7vw, 23px);}
		.history-meta .item-list > li::after{position: absolute;content:'';top: clamp(10px, 1.5vw, 15px);left: 0;width: clamp(7px, 1.1vw, 9px);aspect-ratio: auto 1;border-radius: 100%;background: var(--black-color08);transition: all 0.4s;}
		.history-meta .item-list > li.on::after{background: var(--point-color01);box-shadow: 0 0 0 clamp(5px, 0.8vw, 6px) rgb(223 31 42 / 20%);}
		.history-meta .item-list > li.on:has(~ li.on)::after{box-shadow: none;}
	.history-meta .line{position: absolute;content:'';width: 1px;height: calc(100% - clamp(40px, 4.7vw, 47px));background: var(--border-color04);top: clamp(40px, 4.7vw, 47px);left: calc(min(680px, 49%) + 4px);overflow: hidden;}
	.history-meta .line em{position: absolute; top:0; left:0; width: 100%; height: 0; background: var(--point-color01);}
	.history-meta .desc{display: grid;gap: clamp(25px, 1.8vw, 33px);}
	.history-meta .desc dt{font-size: var(--text-32);font-weight: 500;color: var(--black-color00);font-family: var(--font-type02);letter-spacing: -0.03em;}
	.history-meta .desc dd{font-size: var(--text-20);color: var(--black-color05);line-height: 1.6;letter-spacing: -0.03em;}

	@media (max-width:860px) {
		.history-meta{flex-wrap: wrap;}
		.history-meta .sticky{position: relative;inset: auto;width: min(680px, 100%);height: auto;padding-right: 0;flex-shrink: unset;gap: clamp(20px, 3.5vw, 30px);}
		.history-meta .cont{position: relative; }
		.history-meta .line{top: clamp(10px, 1.5vw, 15px);left: clamp(3px, 0.6vw, 4px);height: calc(100% - clamp(10px, 1.5vw, 15px));}
		.history-meta .item-list > li{padding-left: clamp(34px, 5.85vw, 50px);padding-bottom: clamp(40px, 7vw, 60px);}
		.history-meta .desc{gap: clamp(15px, 3vw, 25px);}
	}

/* 오시는 길 */ 
	.loca-meta{display: grid; gap: var(--row-gap40);}
	.loca-meta section{display: flex;gap: clamp(30px, 3.2vw, 60px);border: 1px solid var(--border-color01);padding: clamp(20px, 3vw, 30px);border-radius: var(--radius-20);overflow: hidden;}
	.loca-meta .map{width: min(720px, 54%);aspect-ratio: auto 1.5;flex-shrink: 0;overflow: hidden;border-radius: var(--radius-20);}
	.loca-meta .map iframe{width:100%; height:100%;}
	.loca-meta .info{width: 100%;display: flex;flex-direction: column;justify-content: center;padding-block: 50px;gap: clamp(15px, 2.1vw, 40px);}
	.loca-meta .title{d: 100%;}
	.loca-meta .title h4{font-size: var(--text-36);font-weight: 500;line-height: 1.5;letter-spacing: -0.03em;}
	.loca-meta .exp{display: grid;gap: clamp(9px, 2vw, 20px);}
	.loca-meta .desc{display: flex;align-items: baseline;gap: clamp(15px, 2vw, 20px);}
	.loca-meta .desc dt{display: flex;align-items: center;gap: clamp(10px, 1.2vw, 12px);font-size: var(--text-20);font-weight: 500;color: var(--black-color00);letter-spacing: -0.03em;font-family: var(--font-type02);min-width: clamp(100px, 14.5vw, 132px);flex-shrink: 0;}
	.loca-meta .desc dt i{display:flex;align-items: center;justify-content: center;width: clamp(32px, 4.5vw, 40px);height: clamp(32px, 4.5vw, 40px);flex-shrink: 0;}
	.loca-meta .desc dd{font-size: var(--text-18);color: var(--black-color05);line-height: 1.55;letter-spacing: -0.03em;}

	@media (max-width:860px) {
		.loca-meta section{flex-wrap: wrap;}
		.loca-meta .map{width: 100%;}
		.loca-meta .info{padding-block: 0;}
	}

/* client-list */
	.client-list{display: grid;grid: auto / repeat(4, 1fr);gap: var(--col-gap40);}
	.client-list > li{position: relative; aspect-ratio: auto 2; border-radius: var(--radius-10); overflow: hidden; display: flex; align-items: center; justify-content: center; background: var(--point-white);}
		.client-list > li::before{position: absolute; content:''; inset: 0; border: 1px solid var(--border-color01); border-radius: inherit;}

	@media (max-width:640px) {
		.client-list{grid: auto / repeat(2, 1fr);}
	}