/* 테마 */
/* AX */
.s_cont				{max-width:1300px; margin:0 auto; padding:130px 30px}
.bg_cont			{color:#fff;}
.bg_cont .tit		{font-size:42px; font-weight:700; margin-bottom:25px;}
.bg_cont .tit span	{display:block; font-size:28px; font-weight:200;}
.bg_cont .f_18		{color:rgb(255,255,255,0.8); font-weight:200;}
.blur_bg			{clear:both; backdrop-filter: blur(11px);  -webkit-backdrop-filter: blur(11px); background:rgb(0, 0, 0, 0.2); text-align:center; position:relative; padding:130px 0; color:#fff; font-size:28px; font-weight:600; display:flex; justify-content: center; align-items: center;}
.blur_bg .deco_o	{position:absolute; left:50%; margin-left:-18px; top:-22px;}

.ax_graph			{width:500px; float:right; margin:30px 0;}
.ax_graph .persent	{position:relative; overflow:hidden; height: 60px; border-radius:50px; background:#F5F5F533; backdrop-filter: blur(11px);  -webkit-backdrop-filter: blur(11px); padding:0 20px; margin-bottom:20px; display:flex; justify-content: space-between; align-items: center;}
.ax_graph .persent .tt	{position:relative; z-index:1; font-size:21px; font-weight:200;}
.ax_graph .persent .per	{position:relative; z-index:1; font-size:28px; font-weight:600;}
.ax_graph .from		{text-align:center; font-size:18px; font-weight:200; color:rgb(255,255,255,0.7)}
.ax_graph .bar		{position:absolute; left:0; top:0; height:60px; border-radius:50px; background:#222;}
.ax_graph .bar.red	{background:var(--Primary)}

.ax_mv						{position:relative; flex-direction:column; height:960px; width:100%; max-width:100dvw;}
.ax_mv .content				{padding-top: 240px; padding-bottom: 120px;}
.ax_mv .cover_wrap			{position:absolute; left: 0; top: 0; bottom: 0; right: 0; width:100%; height:100%; clip-path: inset(47% 0% 0% 0%);}
.ax_mv .cover_wrap h2,
.ax_mv .cover_wrap h3		{color:#fff}
.ax_mv .cover_wrap .f_18,
.ax_mv .cover_wrap .f_22	{color:rgb(255,255,255,0.8) !important}
.mv_img						{overflow:hidden; border-radius:20px; width: calc(100vw - 120px); max-width: 100%; margin:0 auto; position:absolute; top:47%; left:50%; transform:translateX(-50%); z-index:-1;}
.mv_img picture				{width:100%; min-height:100%; position:absolute; left:50%; transform:translateX(-50%);}
.mv_img picture img			{max-width:initial; width:100%; height:100%; object-fit:cover; }

.mv_img,
.mv_img picture		{height:480px; --target-height: 480px;}
.pin-spacer:has(.ax_mv) + div	{margin-top:-460px; z-index: 1; position: relative;}
.pin-spacer:has(.ax_mv) + div:not(.dark)	{background:#fff;}
.pin-spacer:has(.ax_mv) + div.iconCard {margin-top:-380px;}

.ax_mv .h3_wrap:has(.f_18) {margin-top:-50px;}

.ax_hub												{background:var(--navyBg); color:#fff;}
.ax_hub	h3											{color:#fff !important; text-align:center; margin-bottom:25px}
.ax_hub	h3 + .f_18									{color:rgb(255,255,255,0.7); text-align:center;}
.ax_hub .map-list .swiper-wrapper a					{cursor: default;}

.map-list 											{margin-top:50px;}
.map-list .swiper-wrapper							{gap: 15px;}
.map-list .swiper-slide								{color:#fff; position: relative; flex: 1; height: 480px; transition: flex 0.7s ease-in-out; cursor: pointer; overflow: hidden; border-radius: 5px;}
.map-list .swiper-slide .list-content				{padding: 80px; position: relative; width: 100%; height: 100%; z-index: 1; display: flex; flex-direction: column; justify-content:space-between; background-repeat: no-repeat; background-size: cover; background-position: center;}		
.map-list .swiper-slide:not([selected]) .list-content{background:rgb(0, 0, 0, 0.07) !important;}
.map-list .swiper-slide .list-content .num			{font-size:38px; font-weight:800; color:var(--Primary); opacity: 0; transition: all .5s;}

.map-list .swiper-slide .info				{min-width:50vw; transition: all 0.7s; opacity: 0; transform:translateY(50px);}
.map-list .swiper-slide h4					{color:#fff; font-size:42px; margin-bottom: 16px;}
.map-list .swiper-slide .desc				{color:rgb(255,255,255,0.8); font-size: 20px; font-weight:200;}

.map-list .swiper-slide .list-thumb			{position: absolute; right: 0; top: 0; width: 100%; height: 100%; border-radius: 10px; transition: all .5s; z-index: 2; display: flex; flex-direction: column; justify-content: space-between; padding: 60px 0; align-items: center;}
.map-list .swiper-slide .list-thumb .num,
.map-list .swiper-slide .list-thumb .text	{writing-mode: vertical-rl; text-orientation: sideways; transition: all .5s;}
.map-list .swiper-slide .list-thumb .num	{opacity: 0.5; font-size:21px; font-weight:500}
.map-list .swiper-slide .list-thumb .text	{font-weight: 500; font-size:22px}

.map-list .swiper-slide[selected]						{flex: 6.5;}
.map-list .swiper-slide[selected] .list-content:before{opacity:0;}
.map-list .swiper-slide[selected] .list-thumb			{transform: translateX(100%);}
.map-list .swiper-slide[selected] .list-content .num	{ opacity: 1; }

.map-list .swiper-slide[selected] .info			{opacity: 1; transition-delay: 0.3s; transform:translateY(0);}

.map-list.w .swiper-slide:not([selected]) .list-content{background:#F6F6F6 !important}
.map-list.w .swiper-slide .list-thumb .num				{color:#777777; font-weight:700}
.map-list.w .swiper-slide .list-thumb .text				{color:#333}

.h3_flex			{display:flex; justify-content: space-between; align-items: flex-end;}
.h3_flex .f_22		{color:#888; text-align:right}

@media only screen and (max-width: 1200px) {
	.bg_cont .tit		{font-size:38px;}
	.map-list .swiper-slide h4	{font-size:38px}
}
/* Tablet */
@media only screen and (max-width: 1024px) {
	.s_cont				{padding:100px 30px}
	.bg_cont .tit		{font-size:30px;}
	.bg_cont .tit span	{font-size:24px;}
	
	.blur_bg			{font-size:24px; padding:100px 0;}
	.blur_bg .deco_o	{top:-18px;}

	.ax_graph				{margin-top:50px;}
	.ax_graph .persent .tt	{font-size:20px;}
	.ax_graph .persent .per	{font-size:26px;}

	.ax_mv				{height:600px}
	.ax_mv .content		{padding-top: 180px; padding-bottom: 80px;}
	.mv_img,
	.mv_img picture		{--target-height: 320px; height:320px; min-width:calc(100% - 60px)}
	.pin-spacer:has(.ax_mv) + div				{margin-top:-300px;} 
	.pin-spacer:has(.ax_mv) + div.iconCard {margin-top:-180px;}
	.ax_mv .h3_wrap:has(.f_18) {margin-top:-30px;}


	.ax_hub	h3							{margin-bottom:15px}
	.map-list .swiper-wrapper		{gap:10px;}
	.map-list .swiper-slide					{height:380px;}
	.map-list .swiper-slide h4				{font-size:30px}
	.map-list .swiper-slide .list-thumb		{padding:40px 0;}
	.map-list .swiper-slide .list-thumb .num,
	.map-list .swiper-slide .list-thumb .text{font-size:18px;}

	.map-list .swiper-slide .list-content	{padding:40px !important;}
	.map-list .swiper-slide .list-content .num	{font-size:30px;}
	.map-list .swiper-slide .info			{min-width:45vw;}
	.map-list .swiper-slide .desc			{font-size:18px;}
	.map-list .swiper-slide[selected]		{flex:4.5}
}
/* Mobile */
@media only screen and (max-width: 720px) {	
	
	.s_cont				{padding:80px 15px}
	.bg_cont .tit		{font-size:24px;}
	.bg_cont .tit span	{font-size:20px;}
	.blur_bg			{font-size:18px; padding:60px 20px;}
	
	.ax_graph			{width:100%; float:revert; margin-bottom:0;}
	.ax_graph .persent		{margin-bottom:10px;}
	.ax_graph .persent .tt	{font-size:18px;}
	.ax_graph .persent .per	{font-size:24px;}
	.ax_graph .persent,
	.ax_graph .persent .bar	{height:50px;}
	.ax_graph .from			{font-size:15px; margin-top:15px;}

	.ax_mv				{height:560px}
	.ax_mv .content		{padding-top: 150px; padding-bottom: 50px;}
	.mv_img,
	.mv_img picture		{--target-height: 280px; height:280px; min-width:calc(100% - 30px)}
	.pin-spacer:has(.ax_mv) + div				{margin-top:-280px;} 
	.pin-spacer:has(.ax_mv) + div.iconCard {margin-top:-200px;}
	
	.ax #section3 .ax_mv	{height:620px;}
	.ax #section3 .mv_img,
	.ax #section3 .mv_img picture	{--target-height: 320px; height:320px;}

	.ax_mv .h3_wrap:has(.f_18) {margin-top:0;}

	.ax_hub	h3							{margin-bottom:10px}
	.map-list					{margin-top:30px;}
	.map-list .swiper-wrapper	{flex-direction: column;}

	.map-list .swiper-slide						{flex:revert; height:auto;}
	.map-list .swiper-slide .list-content		{padding:25px !important;}
	.map-list .swiper-slide .list-content:before{opacity:0;}

	.map-list .swiper-slide .list-thumb			{transform: translateX(100%);}
	.map-list .swiper-slide .list-content .num	{display:none;}
	.map-list .swiper-slide .info				{opacity:1; transform: translateY(0);}
	.map-list .swiper-slide h4					{font-size:21px; margin-bottom:8px;}
	.map-list .swiper-slide .desc				{font-size: 15px !important;}
	.map-list.w .swiper-slide:not([selected]) h4	{color:#222;}
	.map-list.w .swiper-slide:not([selected]) .desc	{color:#666;}
	
	.h3_flex			{flex-direction: column;  align-items: flex-start;}
	.h3_flex .f_22		{text-align:left; margin-top:5px;}
}

/* 이미지 & 아이콘 리스트 */
.card_list				{pointer-events: none; display:flex; flex-direction: column; background:#F7F7F7; padding:60px 40px 55px;}
.card_list .icon		{text-align:center; margin-bottom:10px;}
.card_list .num			{font-size:16px; font-weight:600; color:#A4A8AE; margin-bottom:8px}
/* .red .card_list .num	{color:var(--Primary)}
.green .card_list .num	{color:var(--Tertiary)}
.purple .card_list .num	{color:#B805A5} */
.card_list .tit			{font-size:24px; font-weight:700; margin-bottom:8px}
.card_list .txt			{color:#888; font-size:18px;}

.iconCard					{position: relative; width:100%; overflow: hidden; margin:50px 0;}
.iconCard.pb120				{margin-bottom:120px;}
.iconCard:has(.thr.active)	{width:calc(100% + 60px); margin-left:-30px;}
.iconCard:has(.active)		{cursor: grab; touch-action: pan-y; }
.iconCard:active			{cursor: grabbing;}
.iconCard .iconWrap			{display: flex; justify-content: center; gap:30px; width: max-content; margin:0 auto; user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;}

.iconCard .card_list							{width:380px; min-width:380px; }
.iconCard .iconWrap.thr:not(.active)			{width:100%;}
.iconCard .iconWrap.thr:not(.active) .card_list	{width:33.33%; max-width:revert;}
	
.mc .pin-spacer:has(.ax_mv) + div			{margin-top: -480px;}
.mc.v02 .pin-spacer:has(.ax_mv) + div			{margin-top: -469px;}
.pms .iconCard			{margin: 0px 0 50px;}

.img_card				{display:flex; flex-wrap:wrap; margin-top:50px; gap:30px 20px;}
.img_card > li			{width:calc(50% - 10px); background:#fff;}
.img_card > li .img		{overflow:hidden;}
.img_card > li .img img	{width:100%; transition:0.5s;}
.img_card > li:hover .img img	{transform:scale(1.05)}
.img_card > li .info	{padding:20px 10px;}
.img_card.bg > li .info	{padding:40px}
.img_card > li .tit		{font-size:24px; font-weight:600; color:#222;}
.img_card > li .txt		{color:#777; font-size:18px; margin-top:8px;}
.img_card > li .txt + .dot_list{margin-top:20px;}
.img_card > li .dot_list > li		{color:#555; font-weight:400}
.img_card > li .dot_list > li + li	{margin-top:6px;}

.ax_point3				{display:flex; gap:3%; position:relative; padding-top:95px;}
.ax_point3::before		{position:absolute; z-index:2; content:''; width:36px; height:36px; background:url('/kpc/_img/cont/deco_o_b.svg') no-repeat 50% 50%/cover; left:50%; transform:translateX(-50%); top:30px;}
.ax_point3::after		{position:absolute; content:''; width:70%; height:45px; top:48px; left:50%; transform:translateX(-50%); border:dotted 2px #ccc; border-bottom:0;}
.ax_point3 > li			{background:#fff; z-index:1; flex:1; display:flex;justify-content: center; align-items: center; height:108px; padding:30px; font-weight:600; font-size:20px; color:#222; text-align:center; border:solid 1px #222;}
.ax_point3 > li:nth-child(2):before{position:absolute; z-index:0; content:''; width:1px; height:95px; border-left:dotted 2px #ccc; left:calc(50% - 1px); top:0;}

/* Tablet */
@media only screen and (max-width: 1024px) {
	.img_card				{margin-top:40px;}
	.img_card.bg > li .info	{padding:30px}
	.img_card > li .tit		{font-size:22px;}
	.img_card > li .txt		{font-size:17px;}
	
	.iconCard.pb120			{margin-bottom:100px;}
	.iconCard .iconWrap		{gap:20px;}

	.iconCard .card_list	{width:300px; min-width:300px; padding:50px 40px 45px;}
	.card_list .icon img	{width:140px;}
	.card_list .tit			{font-size:21px;}
	.card_list .txt			{font-size:17px;}

	.ax_point3				{padding-top:75px;}
	.ax_point3::before		{top:15px}
	.ax_point3::after		{top:32px}
	.ax_point3 > li			{font-size:18px; padding:20px; height:auto;}
	.ax_point3 > li:nth-child(2):before{height:75px;}
}
/* Mobile */
@media only screen and (max-width: 720px) {	
	.img_card				{margin-top:20px;}
	.iconCard.pb120			{margin-bottom:80px;}
	.img_card > li			{width:100%;}
	.img_card > li .info	{padding:15px 5px;}
	.img_card.bg > li .info	{padding:20px}
	.img_card > li .tit		{font-size:19px;}
	.img_card > li .txt		{font-size:16px;}
	.img_card > li .txt + .dot_list{margin-top:10px;}
	.img_card > li .dot_list > li + li	{margin-top:3px;}
	
	.iconCard					{margin:30px 0;}
	.iconCard:has(.thr.active)	{width:calc(100% + 30px); margin-left:-15px;}
	.iconCard .iconWrap		{gap:10px;}
	.iconCard .card_list	{width:210px; min-width:240px; padding:20px 30px 30px; justify-content: center}
	.card_list .icon img	{width:110px;}
	.card_list .tit			{font-size:18px; margin-bottom:5px}
	.card_list .txt			{font-size:15px;}
	
	.ax_point3				{gap:5px;}
	.ax_point3::after		{width:calc(66% + 5px); height:35px; top:40px}
	.ax_point3::before		{background-size:30px; top:23px}
	.ax_point3 > li			{font-size:14px; padding:12px;}
}

.ax_glass			{display:flex; gap:3%; justify-content: flex-end; margin-top:80px; height:450px;}
.ax_glass > li		{width:100%; max-width:370px;}
.ax_glass .front,
.ax_glass .back		{transition:0.7s cubic-bezier(0.4, 0.2, 0.2, 1);}
.ax_glass .front	{opacity:1; transform: rotateY(0deg); transform-style: preserve-3d; }
.ax_glass .back		{opacity:0; transform: rotateY(180deg); transform-style: preserve-3d; position:absolute; top:0; left:0; border:0; background-image: linear-gradient(150deg, #ffffffcc, #ffffff66);}
.ax_glass a:hover .front{opacity:0; transform: rotateY(-180deg); visibility:hidden;}
.ax_glass a:hover .back{opacity:1; transform: rotateY(0deg);}

.ax_glass a			{position:relative; display:block; height:100%;}
.ax_glass a > div	{overflow:hidden; display:flex; flex-direction: column; justify-content: flex-end; width:100%; height:100%; color:#fff; border-radius: 10px; backdrop-filter: blur(11px);  -webkit-backdrop-filter: blur(11px); background-color: rgba(255, 255, 255, 0.08); border:solid rgba(255, 255, 255, 0.08) 2px ; box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.06); }
.ax_glass .img		{text-align:center; display:flex; flex-direction: column; justify-content: center; align-items: center; padding:40px 20px; }
.ax_glass .img img	{width:100%; max-width:250px;}
.ax_glass .img span	{display:none;}
.ax_glass .info_wrap			{padding:0 32px 50px 32px; width:100%; position:relative;}
.ax_glass .info_wrap .tt		{font-size:42px; font-weight:700;}
.ax_glass .info_wrap .tt span	{display:block; font-size:18px; font-weight:300;}
.ax_glass .info_wrap .info		{margin-top: 20px;}
.ax_glass .info_wrap .txt		{font-weight:100; font-size:18px;}
.ax_glass .back .info_wrap		{background:var(--navyBg-OP-80); padding-top:25px;}
.ax_glass .back .info_wrap::after{position:absolute; content:''; width:50px; height:50px; border-radius:50%; background:url('/kpc/_img/cont/ax_glass_arr.svg') no-repeat 50% 50%; border:solid 1px rgba(255, 255, 255, 0.6); right:30px; top:45px;}
.ax_glass .back .txt			{display:none;} 

.ax_glass .dot_list > li		{padding-left:26px; font-weight:100}
.ax_glass .dot_list > li + li	{margin-top:5px;}
.ax_glass .dot_list > li:before{background:url('/kpc/_img/cont/list_check.svg') no-repeat 50% 50%/100%; width:16px; height:15px; border-radius:0;left:5px; top:5px;}

.ax_iso			{background:rgba(0, 0, 0, 0.25); padding:80px; color:#fff; margin-top:50px;}
.ax_iso h4		{font-size:28px; font-weight:600; margin-bottom:10px;}
.ax_iso .f_18	{font-weight:200; color:#ffffff80}
.ax_iso .img	{margin-top:50px;}

.iso_benefit	{margin-top:80px; color:#fff;}
.iso_benefit h4	{font-size:28px; font-weight:600; margin-bottom:15px;}
.iso_benefit ul.benefit_list		{display:grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap:20px; text-align:center;}
.iso_benefit ul.benefit_list > li		{font-size:18px; background:rgba(0, 0, 0, 0.25); color:rgba(255, 255, 255, 0.8); padding:40px;}
.iso_benefit ul.benefit_list > li img	{display:block; margin:0 auto; width:100%; max-width:fit-content; margin-bottom:10px;}

@media only screen and (max-width: 1200px) {
	.ax_glass .info_wrap .tt	{font-size:38px;}
	.ax_glass .info_wrap		{padding:0 30px 40px 30px;}
}

/* Tablet */
@media only screen and (max-width: 1024px) {
	.ax_iso			{padding:50px 20px; margin-top:40px;}
	.ax_iso h4		{font-size:24px;}
	.ax_iso .img	{margin-top:40px;}

	.content:has(.ax_point7)	{padding-top:30px;}

	.ax_glass					{gap:20px; flex-direction: column; margin-top:40px; height:auto;}
	.ax_glass > li				{max-width:100%;}
	.ax_glass a > div			{flex-direction: row;}
	.ax_glass .front			{display:none;}
	.ax_glass .back				{opacity:1; transform: rotateY(0deg); position:relative; background: rgba(255, 255, 255, 0.06); border:solid rgba(255, 255, 255, 0.08) 2px;}
	.ax_glass .img				{padding:40px 0 40px 20px;}
	.ax_glass .img span			{display:block; padding:6px 12px 5px; margin-top:10px; color:#ffffffcc; background:var(--Primary-OP-80); border-radius:20px; font-size:14px;}
	.ax_glass .info_wrap		{background:none !important; padding:0 30px 30px 30px}
	.ax_glass .info_wrap .tt	{font-size:30px;}
	.ax_glass .info_wrap .tt span{display:inline; font-size:17px;}
	.ax_glass .info_wrap .info	{margin-top:5px;}
	.ax_glass .info_wrap .txt		{font-size:17px;}
	.ax_glass .back .info_wrap::after	{top:30px; width:42px; height:42px;}
	.ax_glass .back .txt			{display:block; padding-right:40px;} 
	
	.ax_glass .dot_list				{margin-top:12px;}
	.ax_glass .dot_list > li		{font-weight:300;}
	.ax_glass .dot_list > li:before	{width:14px;}
	
	.iso_benefit	{margin-top:60px;}
	.iso_benefit h4	{font-size:24px; margin-bottom:10px;}
	.iso_benefit ul.benefit_list		{grid-template-columns: repeat(2, minmax(0, 1fr));}
	.iso_benefit ul.benefit_list > li	{font-size:17px; padding:30px 30px 40px;}


}
/* Mobile */
@media only screen and (max-width: 720px) {	
	.ax_iso			{padding:30px 15px; margin-top:30px;}
	.ax_iso h4		{font-size:20px;}
	.ax_iso .img	{margin-top:30px;}
	
	.content:has(.ax_point7)	{padding-top:0;}
	.ax_point7 .point_tit		{font-size:17px; font-weight:500; background:var(--navyBg); border-radius:10px; padding:10px 30px; color:#fff; text-align:center; margin-bottom:10px;}
	.ax_point7 .point_tit span{display:block; font-size:15px; font-weight:200;}
	.ax_point7 ul.point7		{display:grid; grid-template-columns: 1fr 1fr; gap:10px;}
	.ax_point7 ul.point7 li		{display:flex; flex-direction: column; justify-content: center; align-items: center; text-align:center; padding:15px; border-radius:10px; background:#f5f5f5; font-size:14px; color:#777; font-weight:200}
	.ax_point7 ul.point7 li:last-child{grid-column: 1 / span 2;}
	.ax_point7 ul.point7 .tt	{font-size:15px; color:#222; font-weight:600}
	
	ul.iso_step				{text-align:left;}	
	ul.iso_step > li		{border-radius:15px; padding:20px; background-color: rgba(255, 255, 255, 0.08); border: solid rgba(255, 255, 255, 0.08) 1px; position:relative;}
	ul.iso_step > li + li	{margin-top:10px;}
	ul.iso_step .step		{font-size:14px; color:var(--Primary-100); margin-bottom:5px;}
	ul.iso_step > li:nth-child(2) .step{color:var(--Primary-200)}
	ul.iso_step > li:nth-child(3) .step{color:var(--Primary-300)}
	ul.iso_step > li:nth-child(4) .step{color:var(--Primary-500)}
	ul.iso_step > li:nth-child(5) .step{color:var(--Primary-700)}
	ul.iso_step > li:nth-child(6) .step{color:var(--Primary-900)}
	ul.iso_step .tit		{font-size:16px; font-weight:600; color:#fff; margin-bottom:5px;}
	ul.iso_step .txt		{font-size:15px; font-weight:200; color:#ffffffcc; }

	.ax_glass					{margin-top:30px; gap:10px;}
	.ax_glass a > div			{flex-direction: column;}
	.ax_glass .img				{padding:30px 40px 0;}
	.ax_glass .img img			{max-width:180px;}
	.ax_glass .info_wrap		{padding:0 25px 25px 25px;}
	.ax_glass .info_wrap .tt	{font-size:22px; margin-bottom:5px;}
	.ax_glass .info_wrap .tt span{display:none; font-size:16px;}
	.ax_glass .info_wrap .txt		{font-size:16px; padding:0;}
	.ax_glass .back .info_wrap			{position:revert;}
	.ax_glass .back .info_wrap::after	{right:20px; top:20px;background-size:12px; width:32px; height:32px;transform:rotate(-45deg)}
	.ax_glass .dot_list				{margin-top:15px; padding-top:15px; border-top:dashed 1px #ffffff33}
	.ax_glass .dot_list > li		{padding-left:20px;}
	.ax_glass .dot_list > li:before	{width:10px; top:3px;}
	
	.iso_benefit	{margin-top:50px;}
	.iso_benefit h4	{font-size:20px;}
	.iso_benefit ul.benefit_list		{gap:10px}
	.iso_benefit ul.benefit_list > li	{padding:20px 20px 30px;}
	.iso_benefit ul.benefit_list > li > img{width:72px;}
}
 
/* 경영진단 */
.mc #section1 .content.pb50	{padding-bottom:50px;}
.mc01_bg		{margin-top:-480px !important}
.mc01_bg:before	{position:absolute; z-index:-1; /* content:''; */ width:100%; height:80%;  background:linear-gradient(#fff 0%, #5E6463 100%); /*background: url('/kpc/_img/cont/mc02_bg.jpg') no-repeat center top/cover;*/ bottom:100%; left:0;}
.mc01_bg .flex	{display:flex; gap:4%}
.mc01_bg .flex > div{width:100%; display:flex; flex-direction: column;}
.mc01_bg .flex h4	{text-align:center; font-size:28px; font-weight:500; margin-bottom:30px;}
.mc01_bg .glass_bg	{height:100%; padding:30px; background: rgba(255, 255, 255, 0.06); border:solid rgba(255, 255, 255, 0.08) 1px; box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.06); border-radius:10px;}
.mc01_bg .glass_bg ul.dot_list > li + li {margin-top:10px;}
.mc01_bg .blur_bg	{padding:100px 0;}
.mc01_bg .glass_bg ul.dot_list > li::before {background:#fff; opacity:0.5}

.mx_esg					{display:flex; align-items: flex-end;}
.mx_esg	.box			{width:100%; display:flex; margin-right:8%; background:#F5F5F533; backdrop-filter: blur(11px);  -webkit-backdrop-filter: blur(11px);}
.mx_esg	.box .tt		{background:#222; color:#fff; padding:20px 10px; text-align:center; font-size:21px; font-weight:500; display:flex; justify-content: center; align-items: center;}
.mx_esg	.box .dot_list	{padding:20px; font-weight:200;}
.mx_esg	.box .dot_list > li:before{background:rgba(255,255,255,0.5)}
.mx_esg	.box .dot_list > li + li{margin-top:5px;}

.mx_esg	.circle				{width:100%;}
.mx_esg	.circle h4			{color:#fff; text-align:center;font-size:28px; font-weight:500;  width:235px; height:235px; position:relative; margin:-20px auto 30px;}
.mx_esg	.circle h4 span		{display:block; background:#272E37; border-radius:50%;  width:100%; height:100%; display:flex; justify-content: center; align-items: center; padding:30px; position:relative; z-index:2;}
.mx_esg	.circle h4::before,
.mx_esg	.circle h4::after	{position:absolute; z-index:0; content:''; background:rgba(0,0,0,0.1); border-radius:50%; top:50%; left:50%; transform:translateY(-50%) translateX(-50%); mix-blend-mode:multiply; animation: wave 3000ms infinite linear;}
.mx_esg	.circle h4::before	{width:320px; height:320px; margin-top: -160px; margin-left: -160px;}
.mx_esg	.circle h4::after	{width:400px; height:400px; margin-top: -200px; margin-left: -200px;}
.mx_esg	.s_cir_wrap			{display:flex; justify-content:space-between;}
.mx_esg	.circle .s_cir		{width:210px; position:relative;}
.mx_esg	.circle .s_cir:before{position:absolute; content:''; width:200px; height:5px; background:rgba(255,255,255,0.1); left:50%; bottom:100%; transform:rotate(-45deg)}
.mx_esg	.circle .s_cir + .s_cir:before{transform:rotate(45deg); left:revert; right:50%;}
.mx_esg	.circle .s_cir > p	{display:flex; gap:5px; flex-direction: column; justify-content: center; align-items: center; text-align:center; padding:0 20px; width:180px; height:180px; margin:0 auto; border-radius:50%; background:rgba(0,0,0,0.2); backdrop-filter: blur(11px);  -webkit-backdrop-filter: blur(11px); font-size:17px; font-weight:200; color:rgba(255,255,255,0.5);}
.mx_esg	.circle .s_cir > p b{display:block; color:#fff; font-size:20px; font-weight:500;}
.mx_esg	.circle .s_cir .dot_list	{margin-top:20px; color:#C8C8C8}
.mx_esg	.circle .s_cir .dot_list > li + li{margin-top:5px;}

@keyframes wave {
  0% {
    -webkit-transform:  scale(1);
    transform:  scale(1);
    opacity: 0;
  }
  50% {
    -webkit-transform:  scale(1.1,1.1);
    transform:  scale(1.1,1.1);
	opacity:1
  }
  100% {
    -webkit-transform:  scale(1.2,1.2);
    transform:  scale(1.2,1.2);
    opacity: 0;
  }
}

/* Tablet */
@media only screen and (max-width: 1024px) {
	.mc01_bg				{margin-top:calc(-100dvh + 515px) !important}
	.mc01_bg .flex			{gap:30px;}
	.mc01_bg .flex h4		{font-size:24px; margin-bottom:25px;}
	.mc01_bg .blur_bg		{padding:80px 0;}
	
	.mx_esg					{display:block; margin-top:30px;}
	.mx_esg	.box .tt		{font-size:19px;}
	
	.mx_esg	.circle				{margin-top:100px;}
	.mx_esg	.circle h4			{margin-top:0; font-size:24px; width:210px; height:210px;}
	.mx_esg	.circle h4::before	{width:280px; height:280px; margin-top: -140px; margin-left: -140px;}
	.mx_esg	.circle h4::after	{width:360px; height:360px; margin-top: -180px; margin-left: -180px;}
	.mx_esg	.s_cir_wrap			{margin:0 auto; max-width:720px;}
}

/* Mobile */
@media only screen and (max-width: 720px) {	
	.mc .ax_mv				{height:680px}
	.mc #section4 .ax_mv	{height:720px;}
	.mc .mv_img, 
	.mc .mv_img picture		{--target-height: 350px; height:350px;}
	.mc .pin-spacer:has(.ax_mv) + div	{margin-top:-340px}
	
	.mc #section4 .pin-spacer:has(.ax_mv) + div{margin-top:-350px;}

	.mx_esg	.box				{display:block;}
	.mx_esg	.box .tt			{font-size:16px; padding:15px;}
	
	.mx_esg	.circle				{margin-top:80px;}
	.mx_esg	.circle h4			{font-size:20px; width:150px; height:150px;}
	.mx_esg	.circle h4::before	{width:200px; height:200px; margin-top: -100px; margin-left: -100px;}
	.mx_esg	.circle h4::after	{width:260px; height:260px; margin-top: -130px; margin-left: -130px;}
	.mx_esg	.s_cir_wrap			{max-width:540px;}
	.mx_esg	.circle .s_cir		{width:calc(50% - 5px); display: flex; flex-direction: column; align-items: center;}
	.mx_esg	.circle .s_cir:before{display:none;}
	.mx_esg	.circle .s_cir > p	{width:100%; height:revert; font-size:15px; border-radius:10px; padding:15px 10px;}
	.mx_esg	.circle .s_cir > p b{font-size:17px;}
}

.mc_pro					{margin-top:60px; display:flex; align-items: center; justify-content: space-between; position:relative;}
.mc_pro:before			{position:absolute; content:''; width:100%; height:4px; border-radius:5px; background:linear-gradient(to right, #FFFFFF, #4059D6);}
.mc_pro:after			{position:absolute; content:''; width:18px; height:30px; right:0; background:url('/kpc/_img/cont/mc_arr_blue.svg') no-repeat 50% 50%/cover}
.mc_pro h4				{color:#fff; font-size:24px; line-height:2.4; margin-top:-36px;}
ul.mc_step				{display:flex; width:80%; max-width:1050px; margin-right:5%; position:relative;}	
ul.mc_step:before,
ul.mc_step:after		{position:absolute; content:''; width:36px; height:36px;}
ul.mc_step:before		{left:-8px; background:url('/kpc/_img/cont/deco_o_blue_300.svg') no-repeat 50% 50%/cover}
ul.mc_step:after		{right:-8px; background:url('/kpc/_img/cont/deco_o_blue.svg') no-repeat 50% 50%/cover}

.mc_pro:before,
.mc_pro:after,
ul.mc_step:before,
ul.mc_step:after		{z-index:1; top:calc(50% - 20px); transform:translateY(-50%)}

ul.mc_step > li					{width:100%; display:flex; flex-direction: column; padding:70px 60px 70px 65px; min-height:425px; background:url('/kpc/_img/cont/mc_step_bg.png') no-repeat 50% 0%/100%; /* box-shadow: 0px 4px 15px rgba(0, 4, 10, 0.25); */}
ul.mc_step > li:nth-child(2)	{background:url('/kpc/_img/cont/mc_step_bg02.png') no-repeat 50% 0%/100%}
ul.mc_step > li + li			{margin-left:-50px;}
ul.mc_step .step				{font-size:16px; font-weight:500; color:var(--Secondarty-200); margin-bottom:5px;}
ul.mc_step > li:nth-child(2) .step{color:#9CA8E9}
ul.mc_step > li:nth-child(3) .step{color:#6074DD}
ul.mc_step .tit					{font-size:24px; font-weight:600; color:#fff; margin-bottom:5px;}
ul.mc_step .txt					{font-size:18px; font-weight:200; color:#ffffff80; }

ul.mc_step .dot_list			{margin-top:3vw; height: 100%; display: flex; flex-direction: column; /* justify-content: center; */}
ul.mc_step .dot_list > li + li	{margin-top:5px;}

.mc_table_guide				{text-align:right; display:flex; gap:20px; align-items: center; justify-content: flex-end; font-size:16px; color:#B99F8E;}
.mc_table_guide > p::before	{display:inline-block; vertical-align: top; content:''; width:14px; height:14px; border-radius:5px; border:solid 3px #E8DDD6; margin-right:10px;}
.mc_table_guide > p.pink	{color:var(--Primary-600)}
.mc_table_guide > p.pink::before	{border-color:var(--Primary-OP-20)}

.table_scroll			{width:100%; overflow-x:auto;}
.table_scroll:has(.gap_table){width:calc(100% + 20px); margin:-10px 0 0 -10px;}
.table_scroll .gap_table{min-width:690px; margin:0; width:100%;}

@media only screen and (max-width: 1200px) {
	.mc_pro			{display:block;}
	.mc_pro h4		{display:none;}

	.mc_pro:before,
	.mc_pro:after,
	ul.mc_step:before,
	ul.mc_step:after			{top: calc(50% - 15px);}
	ul.mc_step					{width:95%; max-width:revert; margin:0 auto}
	ul.mc_step > li				{background-position:50% 50% !important; min-height:36vw;}
}

/* Tablet */
@media only screen and (max-width: 1024px) {
	.mc_pro						{margin-top:40px;}
	ul.mc_step					{width:100%;}
	ul.mc_step:before			{left:-10px;}
	ul.mc_step:after			{display:none;}
	ul.mc_step > li				{padding:55px 50px 55px 45px}
	ul.mc_step > li + li		{margin-left:-35px;}
	ul.mc_step .tit				{font-size:21px;}
	ul.mc_step .txt				{font-size:17px;}
}

@media only screen and (max-width: 870px) {	
	.mc_pro					{margin-top:30px;}
	.mc_pro:before,
	.mc_pro:after,
	ul.mc_step:before,
	ul.mc_step:after		{display:none;}
	ul.mc_step				{gap:10px;}
	ul.mc_step > li			{border-radius:15px; padding:20px; background: rgba(255, 255, 255, 0.08) !important; border: solid rgba(255, 255, 255, 0.08) 1px; min-height:revert;}
	ul.mc_step > li + li	{margin-left:0;}
	ul.mc_step .dot_list	{margin-top:10px;}
}

/* Mobile */
@media only screen and (max-width: 720px) {	
	.mc01_bg .flex			{flex-direction: column; gap:50px;}
	.mc01_bg .flex h4		{font-size:21px; margin-bottom:15px;}
	.mc01_bg .glass_bg		{padding:20px;}
	.mc01_bg .blur_bg		{padding:60px 30px;}

	.mc_table_guide			{margin-top:20px}
	ul.mc_step				{display:block;}	
	ul.mc_step > li + li	{margin:10px 0 0 0;}
	ul.mc_step .tit			{font-size:16px;}
	ul.mc_step .txt			{font-size:15px;}
}


/* 지수인증 */
.certi_board_wrap				{display:flex; justify-content: space-between; gap:5%}
.certi_board_wrap .tit_wrap		{width:40%}
.certi_board_wrap .list_wrap	{width:60%; max-width:830px; gap:50px; display:flex;}
.certi_board_wrap .board_glass						{gap:50px; display:flex; flex-wrap:wrap;}
.certi_board_wrap .board_glass > li					{width:calc(50% - 25px);}
.certi_board_wrap .board_glass > li:nth-child(2)	{margin-top:150px;}
.certi_board_wrap .board_glass > li:nth-child(3)	{margin-top:-150px;}
.certi_board_wrap .board_glass > li a				{display:block; padding:45px; box-shadow:0px 4px 15px rgba(0,0,0, 0.06); backdrop-filter: blur(11px);  -webkit-backdrop-filter: blur(11px);  background-color: rgba(255, 255, 255, 0.04); border-radius: 10px; transition:0.6s;}
.certi_board_wrap .board_glass > li .tt				{font-size:22px; font-weight:600; color:#fff; transition:0.6s;}
.certi_board_wrap .board_glass > li .from			{font-size:18px; color:rgba(255, 255, 255, 0.5); margin-top:15px; transition:0.6s;}

.certi_board_wrap .board_glass > li:hover a			{background:#ffffffE6;}
.certi_board_wrap .board_glass > li:hover .tt		{color:#222;}
.certi_board_wrap .board_glass > li:hover .from		{color:#777}

.mc_busi_card		{display:flex; gap:40px; margin-top:50px;}
.mc_busi_card > li	{flex:1; background:rgba(0, 0, 0, 0.07); padding:20px 40px 45px}
.mc_busi_card .tt	{font-size:24px; font-weight:600;}
.mc_busi_card .st	{font-size:18px; font-weight:200; color:rgba(255, 255, 255, 0.7); margin-top:10px;}
.mc_busi_card img	{max-width:fit-content; width:100%; margin:0 auto;}

.nbci_model			{text-align:center; margin-top:50px;}
.nbci_model img		{max-width:fit-content; width:100%; margin:0 auto;}

/* Tablet */
@media only screen and (max-width: 1024px) {
	.certi_board_wrap				{display:block;}
	.certi_board_wrap .tit_wrap		{width:100%}
	.certi_board_wrap .list_wrap	{width:100%; gap:30px; margin-top:40px; max-width:100%;}
	.certi_board_wrap .board_glass						{gap:30px;}
	.certi_board_wrap .board_glass > li					{width:calc(50% - 15px);}
	.certi_board_wrap .board_glass > li:nth-child(2)	{margin-top:100px;}
	.certi_board_wrap .board_glass > li:nth-child(3)	{margin-top:-100px;}
	.certi_board_wrap .board_glass > li .tt				{font-size:20px;}
	.certi_board_wrap .board_glass > li .from			{font-size:17px; margin-top:12px;}	

	.mc_busi_card		{gap:20px; margin-top:40px; flex-wrap:wrap;}
	.mc_busi_card > li	{flex:revert; padding:20px 35px; display:flex; gap:30px; align-items:center;}
	.mc_busi_card .info	{text-align:left;}
	.mc_busi_card .tt	{font-size:20px;}
	.mc_busi_card .st	{font-size:17px;}
	.mc_busi_card img	{width:80%;}

	.nbci_model			{margin-top:40px;}

}

/* Mobile */
@media only screen and (max-width: 720px) {	
	.certi_board_wrap .board_glass						{gap:10px;}
	.certi_board_wrap .board_glass > li					{width:100%;}
	.certi_board_wrap .board_glass > li:nth-child(2)	{margin-top:0;}
	.certi_board_wrap .board_glass > li:nth-child(3)	{margin-top:0;}
	.certi_board_wrap .board_glass > li a				{padding:25px;}
	.certi_board_wrap .board_glass > li .tt				{font-size:18px;}
	.certi_board_wrap .board_glass > li .from			{font-size:16px; margin-top:12px;}	

	.mc_busi_card		{margin-top:30px;}
	.mc_busi_card > li	{padding:20px 35px; display:block;}
	.mc_busi_card .info	{text-align:center;}
	.mc_busi_card .tt	{font-size:18px;}
	.mc_busi_card .st	{font-size:16px;}

	.nbci_model			{margin-top:30px;}
}