@charset "utf-8";

/* PC */
/* 서브 비주얼 */
.sub_visual				{display:flex; flex-direction: column; justify-content: space-between; margin:0 40px; padding:20px 30px; min-height:350px; background-attachment: fixed; background-size:cover; background-position:50% 0%; background-repeat:no-repeat; border-radius:10px;text-align:center; overflow: hidden; transition:0.5s;}
.sub_visual.over		{top:0; margin:0; border-radius:0; min-height:300px;}
.sub_visual	.tit		{display:flex; flex-direction: column; align-items: center; justify-content: center; flex:1; padding:30px; transition:0.2s;}

.sub_visual .cate				{display:flex; padding:5px 10px; border-radius:20px; color:#ddd; font-size:17px; background:rgba(0, 0, 0, 0.5); backdrop-filter: blur(11px);  -webkit-backdrop-filter: blur(11px);}
.sub_visual .cate li			{float: left; background: url(/kpc/_img/cont/navi_arrow.svg) no-repeat 95% 50%; padding-right: 20px;}
.sub_visual .cate li:last-child	{padding-right:0; margin-right:0; background:none;}

.sub_visual h2			{font-size:56px; line-height: 1.2; font-weight:600; color:#fff; margin:10px 0;}
.sub_visual .h2_txt		{font-size:22px; font-weight:500; color:#ffffffCC}

.page_tab		{position:relative; transform:translateY(-20px); margin-bottom:-20px; padding:7px; display:flex; gap:5%; align-items: center; justify-content: center; 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; border: 1px solid rgba(255, 255, 255, 0.1); transition:0.6s;}
.page_tab a		{text-align:center; color:#fff; font-size:18px; padding:12px 25px; border-radius:25px; display:inline-block;  text-align:center;}
.page_tab a.on	{background:var(--Primary-OP-70)}

.network .ax_mv .page_tab    {width: 90%; margin: -40px auto 0;}

.sub_visual.over .tit	{transform:translateY(-20px)}

.page_tab.flex-wrap		{flex-wrap: wrap !important;}

.page_tab.fixed				{position:fixed; margin-bottom:0; top:0; z-index: 3; border-radius:0; width:100%; background:rgba(255,255,255, 0.8); left:0;}
.page_tab.fixed a			{font-weight:500;}
.page_tab.fixed a:not(.on)	{color:#555}
.page_tab.fixed a.on		{background:var(--Primary-900);}
.page_tab.up,
.scroll-down .page_tab.fixed{transform:translateY(-100%) !important;}
.scroll-up .page_tab.fixed	{transform:translateY(0)}

.page_tab.tab_5		{display: grid; grid-template-columns: repeat(5, 1fr); gap: 1%}
.page_tab.tab_5	li	{display: flex; align-items: center; justify-content: center;}

/* Tablet */
@media only screen and (max-width: 1024px) {
	.page_tab.tab_5		{grid-template-columns: repeat(3, 1fr);}
}

/* Mobile */
@media only screen and (max-width: 720px) {	
	.page_tab.flex-wrap{display:grid; grid-template-columns: repeat(3, 1fr);}
	.page_tab.tab_5		{grid-template-columns: repeat(2, 1fr);}
}

/* 서브 */
.content							{max-width:1520px; margin:0 auto; padding:120px 30px;}
.content.v02						{padding:80px 30px;}
.sub_content						{position:relative; background-size:cover; background-position:50% 0%; background-repeat:no-repeat;}
.sub_content.gray_bg				{background:linear-gradient(#fff, #f6f6f6);}
.sub_content.gray_bg02				{background:#f6f6f6;}
.sub_content:has(.service_swiper)	{background:#f6f6f6; overflow:hidden}
.sub_content:has(.service_swiper)::before{position:absolute; left:0; top:0; content:''; width:50%; height:100%; border-radius:0 450px 0 0; background:#fff}
.sub_content .h3_tit				{position:relative; z-index:1;}

.sub_content .h3_cate				{color:var(--Primary); font-size:20px; font-weight:600; margin-bottom:15px;}

.sub_content .h3_cate.navi					{display:flex; padding:5px 10px; border-radius:20px; color:#aaa; font-size:20px; font-weight:400; margin-bottom:15px;}
.sub_content .h3_cate.navi li				{float: left; background: url(/kpc/_img/cont/navi_arrow_b.svg) no-repeat 98% 50%; padding-right: 20px;}
.sub_content .h3_cate.navi li:last-child		{color:var(--Primary); font-weight:600; padding-right:0; margin-right:0; background:none;}


.sub_content h3						{color:#222; font-size:42px; font-weight:700;}
.sub_content h3.mt					{margin-top:100px;}
.sub_content h3.red_dot::after		{position:absolute; content:''; width:8px; height:8px; border-radius:50%; background:var(--Primary);}
.sub_content .h3_txt				{font-size:22px; color:#666; margin-top:20px; }

.servi_h3		{margin-bottom: 20px;}

.h3_wrap h3		{margin-bottom:10px;}
.h3_wrap .f_18	{color:#777;}
.h3_wrap.w h3	{color:#fff;}
.h3_wrap.w .f_18{color:#ffffffcc; font-weight:200;}
.h3_mt			{margin-top:100px;}

.h2_wrap		{margin-bottom:50px;}
.h2_wrap h2		{margin-bottom:20px;}
.h2_wrap h3		{margin-bottom:20px;}
.h2_wrap p		{color:#777;}

.f_18	{font-size:18px; font-weight: 300;}	
.f_20	{font-size:20px; font-weight: 300;}
.f_22	{font-size:22px; font-weight: 300;}		
.f_18 span.red,
.f_22 span.red					{color:var(--Primary)}
.f_22.v02		{margin-top: 15px;}

/* 버튼 */
.round_btn				{margin-top:60px; display:flex; flex-wrap:wrap; justify-content: center; gap:10px;}
.round_btn.l			{justify-content: flex-start;}
.round_btn button,
.round_btn a			{cursor:pointer; display:inline-block; border:0; position:relative; padding:15px 30px; border-radius:50px; background:#222; color:#fff; font-size:20px; font-weight:400; min-width:240px; text-align:center; transition:0.2s;}
.round_btn a.d			{background:#222; color:#fff;}
.round_btn a.w			{background:#fff; color:#222;}
.round_btn a.or			{background:#e67317; color:#fff;}
.round_btn a.pink		{background:var(--Primary); color:#fff;}
.round_btn button:hover,
.round_btn a:hover		{background:var(--Primary);}
.round_btn a.line		{border:solid 1px #ddd; background:transparent; color:#222;}
.round_btn a.down		{padding-right:60px;}
.round_btn a.down:after	{position:absolute;display: inline-block;content:'';width:24px;height:24px;top:50%;margin-top:-12px;margin-left: 10px;background:url('/kpc/_img/cont/download.svg') no-repeat 50% 50%/100%; transition:0.2s;}
.round_btn a.down:hover	{background:#f5f5f5}
.round_btn a.link		{padding-right:60px;}
.round_btn a.link:after	{position:absolute; display: inline-block;content:'';width:24px; height:24px; top:50%; right: 30px; margin-top:-12px; margin-left: 10px; background:url('/kpc/_img/cont/btn_link_w.svg') no-repeat 50% 50%/100%; transition:0.2s;}
.round_btn a.w.link:after{background-image:url('/kpc/_img/cont/btn_link.svg')}
.round_btn a.w.link:hover:after{background-image:url('/kpc/_img/cont/btn_link_w.svg')}
.round_btn a.link:hover	{background:var(--Primary); color:#fff}

.line_btn a.link_line			{padding-right:60px;}
.line_btn a.link_line:after	{position:absolute; display: inline-block;content:'';width:24px; height:24px; top:50%; right: 30px; margin-top:-12px; margin-left: 10px; background:url('/kpc/_img/cont/btn_link_w.svg') no-repeat 50% 50%/100%; transition:0.2s;}
.line_btn a.link_line:hover:after{background-image:url('/kpc/_img/cont/btn_link.svg')}
.line_btn a.link_line:hover	{background:#fff; color:#222}



/* Safari에서만 fixed 제거 */
@supports (-webkit-hyphens:none) {
	.sub_content,
	.sub_visual {background-attachment: scroll !important;}
}

@media only screen and (max-width: 1200px) {
	.page_tab					{gap:5%;}
	.network .ax_mv .page_tab   {width: calc(100% - 60px);}
	.sub_content h3				{font-size:38px;}
	.sub_content h3.mt			{margin-top:80px;}
}

/* Tablet */
@media only screen and (max-width: 1024px) {
	.sub_visual				{margin:0; padding:20px; border-radius:0;}
	.sub_visual,
	.sub_visual.over		{min-height:360px;}
	.sub_visual.over .tit	{transform:translateY(0)}
	.sub_visual .tit		{padding:30px 0 60px;}
	.sub_visual .cate		{font-size:17px;}
	.sub_visual h2			{font-size:48px; margin:8px 0;}
	.sub_visual .h2_txt		{font-size:19px;}

	.page_tab	{gap:1%;}
	.page_tab a	{font-size:17px; padding:12px 22px;}
	
	.content				{padding:100px 30px;}
	.sub_content:has(.service_swiper)::before	{width:67%; border-radius:0 180px 0 0;}
	.sub_content .h3_cate	{font-size:18px; margin-bottom:10px;}
	.sub_content h3			{font-size:30px;}
	.sub_content h3.mt		{margin-top:60px;}
	.sub_content .h3_txt	{font-size:20px; margin-top:25px}	
	.h3_mt					{margin-top:60px;}

	.h2_wrap		{margin-bottom:40px;}
	.h2_wrap h2		{margin-bottom:15px;}
	.h2_wrap h3		{margin-bottom:15px;}

	.f_20	{font-size:17px;}
	.f_22	{font-size:19px;}	

	/* 버튼 */
	.round_btn button,
	.round_btn a				{font-size:17px;}
	.round_btn a.down:after		{width:20px;}
	.round_btn a.link			{padding-right:50px;}
	.round_btn a.link:after		{right:25px}
	

	
}
/* Mobile */
@media only screen and (max-width: 720px) {	

	.sub_visual 			{padding:15px;}
	.sub_visual,
	.sub_visual.over		{min-height:340px;}
	.sub_visual .cate		{font-size:14px;}
	.sub_visual .tit		{padding:20px 0 50px;}
	.sub_visual h2			{font-size:32px; margin: 5px 0;}
	.sub_visual .h2_txt		{font-size:16px;}
	
	.page_tab			{flex-wrap:wrap; justify-content: flex-start}
	.page_tab li		{width:49.5%}
	.page_tab a			{font-size:14px; padding:8px 20px; width:100%; display: flex; justify-content: center; align-items: center; height: 100%;}
	.page_tab.fixed		{padding:5px; gap:0; flex-wrap:nowrap;}
	.page_tab.fixed li	{flex:1;}
	.page_tab.fixed a	{display:flex; font-size:13px; border-radius:8px; padding:8px 12px; height: 100%; align-items: center; justify-content: center;}
	
	.network .ax_mv .page_tab    {width: calc(100% - 30px); margin: 0 auto;}
	
	.content				{padding:60px 15px;}
	.sub_content:has(.service_swiper)::before{width:57%; border-radius:0 80px 0 0;}
	.sub_content .h3_cate	{font-size:15px; margin-bottom:8px;}
	.sub_content .h3_cate.navi	{font-size:15px; margin-bottom:8px;}
	.sub_content h3			{font-size:23px; line-height:1.3}
	.sub_content .h3_txt	{font-size:16px; margin-top:15px}
	.h3_mt					{margin-top:40px;}

	.h3_wrap h3		{margin-bottom:8px;}
	.h2_wrap		{margin-bottom:30px;}
	.h2_wrap h2		{margin-bottom:10px;}
	.h2_wrap h3		{margin-bottom:10px;}

	.f_18	{font-size:16px;}
	.f_22	{font-size:17.5px; line-height:1.5;}	

	/* 버튼 */
	.round_btn					{margin-top:40px; flex-wrap:wrap}
	.round_btn.two				{flex-wrap:nowrap}
	.round_btn.two a,
	.round_btn.two button		{width:calc(50% - 5px); min-width: revert;}
	.round_btn button,
	.round_btn a				{font-size:16px; width:100%;}
	.round_btn a.down			{padding-right:60px;}
	.round_btn a.link:after		{background-size:20px; right:15px;}
}
/* 서브 비주얼 END */


/* 서비스 소개 */
.rounded_bg_box				{max-width:1350px; margin:50px auto 0; gap:50px; border-radius:10px; background-size:cover; padding:50px; color:#fff; min-height:510px; font-size:23px; font-weight:200; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.rounded_bg_box b			{font-weight:600;}
.rounded_bg_box p			{opacity: 0; transform: translateY(50px); transition: all 0.8s ease;}
.rounded_bg_box.active p	{opacity: 1; transform: translateY(0);}

.rounded_bg_box.active .intro_plus p:nth-child(1) { transition-delay: 0.3s; }
.rounded_bg_box.active .intro_plus p:nth-child(2) { transition-delay: 0.5s; }
.rounded_bg_box.active .intro_plus p:nth-child(3) { transition-delay: 0.7s; }
.rounded_bg_box.active .intro_plus p:nth-child(4) { transition-delay: 0.9s; }
.rounded_bg_box.active .intro_plus p:nth-child(5) { transition-delay: 1.1s; }

.rounded_bg_box.active > .txt { transition-delay: 0s; }

.intro_plus					{display:flex; gap:20px; flex-wrap:wrap; justify-content: center; font-size:48px; font-weight:700;}
.intro_plus span			{font-size:16px; font-weight:200; background:#00000080; padding:5px 15px; border-radius:30px; display:block; width:fit-content; margin:0 auto}

/* 서비스 특장점 swiper */
.service_point					{display:flex; position:relative; padding:180px 30px;}
.service_point .h3_tit			{min-width:480px; padding-right:50px;}
.service_swiper									{display:block; margin-right:-320px; width:100%; padding: 80px 0 0 20px; overflow:hidden;}
.service_swiper	.swiper-wrapper					{align-items: center;}
.service_swiper	.swiper-slide					{margin-bottom:40px; display:flex; align-items: center; aspect-ratio: 1 / 1.4;}
.service_swiper	.swiper-slide > div				{border-radius:5px 90px 5px 90px; padding:90px 60px; aspect-ratio: 1 / 1.4; color:#fff; width:100%; display:flex; flex-direction: column; overflow:hidden; transition: all 0.4s ease;}
.service_swiper	.swiper-slide .tit				{font-size:26px; font-weight:600; transition: all 0.4s ease;}
.service_swiper	.swiper-slide .info				{opacity:0; height:0; transition: all 0.4s ease;}
.service_swiper	.swiper-slide .txt				{font-size:18px; margin-bottom:10px; color:#ffffffCC;}
.service_swiper	.swiper-slide-active:not(.temp-inactive) > div,
.service_swiper .swiper-slide.hover-active > div			{aspect-ratio: 1 / 1; border-radius:50%; padding:30px 40px; box-shadow:9px 15px 30px rgba(0, 0, 0, 0.22); align-items: center; justify-content: center; text-align:center}

.service_swiper .swiper-slide > div:before				{position:absolute; left:0; top:50%; transform:translateY(-50%); width:100%; aspect-ratio: 1 / 1.4; border-radius:5px 100px 5px 100px; content:''; opacity:0; transition: all 0.4s ease;}
.service_swiper	.swiper-slide-active:not(.temp-inactive) > div:before,
.service_swiper .swiper-slide.hover-active > div:before 	{border-radius:50%; opacity:70%; aspect-ratio: 1 / 1; }
.service_swiper .swiper-slide-active:not(.temp-inactive) > div:before,
.service_swiper .swiper-slide > div:before				{background:#242424;}
.service_swiper.blue .swiper-slide-active:not(.temp-inactive) > div:before,
.service_swiper.blue .swiper-slide > div:before			{background:#242424;}
.service_swiper.red .swiper-slide-active:not(.temp-inactive) > div:before,
.service_swiper.red .swiper-slide > div:before			{background:var(--Primary-900);}
.service_swiper.green .swiper-slide-active:not(.temp-inactive) > div:before,
.service_swiper.green .swiper-slide > div:before			{background:#242424;}
		
.service_swiper	.swiper-slide-active:not(.temp-inactive) .tit,
.service_swiper .swiper-slide.hover-active .tit 						{transform:translateY(15px); margin-bottom:15px;}
.service_swiper	.swiper-slide-active .info,
.service_swiper .swiper-slide.hover-active:not(.temp-inactive) .info	{height:auto; opacity:1; transform:translateY(15px)}

/* active가 임시로 비활성화될 때 일반 슬라이드처럼 */
.service_swiper .swiper-slide-active.temp-inactive > div			{align-items: flex-start; justify-content: flex-start; text-align: left;}
.service_swiper .swiper-slide-active.temp-inactive > div:before	{opacity: 0;}
.service_swiper .swiper-slide-active.temp-inactive .tit		{transform: translateY(0); margin-bottom: 0;}
.service_swiper .swiper-slide-active.temp-inactive .info	{height: 0; opacity: 0; transform: translateY(0);}

/* 스와이프 작동 안할때 = 2개 이하일때 */
.service_swiper.no-swiper .swiper-slide,
.service_swiper.no-swiper .swiper-slide > div		{aspect-ratio: 1 / 1 !important; height:auto}
.service_swiper.no-swiper .swiper-slide > div:before{aspect-ratio: 1 / 1 }

.service_point .swiper_np					{display:flex; width:fit-content; align-items:center; margin-top:100px; gap:10px; font-size:14px; font-weight:500;}
.service_point .swiper-button-prev, 
.service_point .swiper-button-next,
.service_point .swiper-pagination			{position:relative; left:revert; right:revert; text-align:center; width:35px}
.service_point .swiper-pagination .swiper-pagination-total {color:#999;}

.service_point .swiper-button-prev:after,
.service_point .swiper-button-next:after		{display:inline-block; font-size:0; min-width:38px; height:38px; }
.service_point .swiper-button-prev:after		{background:url('/kpc/_img/cont/swiper-prev.svg') no-repeat 50% 50%;}
.service_point .swiper-button-next:after		{background:url('/kpc/_img/cont/swiper-next.svg') no-repeat 50% 50%;}
.service_point .swiper-button-prev:hover:after	{background:url('/kpc/_img/cont/swiper-prev-on.svg') no-repeat 50% 50%;}
.service_point .swiper-button-next:hover:after	{background:url('/kpc/_img/cont/swiper-next-on.svg') no-repeat 50% 50%;}


@media only screen and (max-width: 1200px) {
	.service_point				{padding:100px 30px 80px 30px; display:block;}
	.service_point .h3_tit		{padding-right:120px; min-width:revert;}
	.service_point .swiper_np	{position:absolute; right:0; margin-top:-20px;}

	.service_swiper				{margin-top:50px; padding:0; width:calc(100% + 60px); margin-left: -30px; padding-left:30px; margin-right:-260px;}
	.service_swiper.no-swiper .swiper-wrapper	{justify-content: flex-end; padding-bottom:50px}
}

/* Tablet */
@media only screen and (max-width: 1024px) {
	
	.rounded_bg_box			{font-size:21px; min-height:300px;}
	.intro_plus				{font-size:36px}
	
	.service_swiper	.swiper-slide								{aspect-ratio:1/1.30; margin-bottom:0;}								
	.service_swiper	.swiper-slide > div							{aspect-ratio:1/1.30; padding:50px 40px; border-radius:5px 90px 5px 90px; }
	.service_swiper	.swiper-slide-active:not(.temp-inactive) > div,
	.service_swiper .swiper-slide.hover-active > div			{aspect-ratio: 1/1.30; padding:50px 40px; border-radius:5px 90px 5px 90px; box-shadow:none; align-items: revert; justify-content: revert; text-align:left}
	/* 스와이프 작동 안할때 = 2개 이하일때 */
	.service_swiper.no-swiper .swiper-slide > div				{aspect-ratio: 1 /1.30 !important;}

	.service_swiper .swiper-slide > div:before			{aspect-ratio: 1 /1.30 !important; display:block !important; background:linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.6)) !important;  border-radius:5px 90px 5px 90px !important; opacity:1 !important;}
	.service_swiper .swiper-slide .info					{display:block !important; opacity:1 !important; transform:translateY(0) !important;}
	.service_swiper .swiper-slide .tit					{font-size:22px; line-height:1.2; margin-bottom:15px !important; transform: translateY(0) !important;}
	.service_swiper	.swiper-slide .txt					{font-size:17px; height:auto; transform:translateY(0) !important; margin-bottom:4px; line-height:1.3}
	
}

/* Mobile */
@media only screen and (max-width: 720px) {	
	
	.rounded_bg_box				{font-size:16px; gap:20px; min-height:300px; padding:50px 30px; margin-top:30px}
	.intro_plus					{font-size:28px; flex-direction: column; gap:5px;}
	.intro_plus span			{font-size:14px;}
	
	.service_point						{padding:60px 15px;}
	.service_swiper						{margin:30px 0 0 -30px; min-height:85vw;}
	.service_swiper	.swiper-slide > div,
	.service_swiper	.swiper-slide-active:not(.temp-inactive) > div,
	.service_swiper .swiper-slide.hover-active > div		{padding:50px 30px; border-radius:5px 60px 5px 60px !important; }
	.service_swiper .swiper-slide > div:before		{border-radius:5px 60px 5px 60px !important;}
	.service_swiper	.swiper-slide .tit				{font-size:18px;}
	.service_swiper	.swiper-slide .txt				{font-size:15px; margin-bottom:5px}
	.service_swiper.no-swiper .swiper-wrapper		{justify-content: flex-start; padding-bottom:0}
}

/* 핵심서비스 탭 */
.sub_content.dark			{background:url('/kpc/_img/cont/dark_bg.jpg') no-repeat 50% 50%/cover; background-attachment: fixed;}
.sub_content.beige			{background:var(--Beige)}
.key_wrap					{display:flex; max-width:1520px; margin:0 auto; padding:0 30px; min-height:fit-content;}
.key_wrap .tab				{padding:180px 0;}
.key_wrap .tab				{width:24%; border-right:solid 1px #EEE3DD; padding-right:20px;}
.key_wrap .tab .sticky		{position:sticky; top:180px; transition:0.2s;}
.scroll-up .key_wrap .tab .sticky{top:240px}

.key_wrap .lmn_tab li + li	{margin-top:15px} 
.key_wrap .lmn_tab a		{color:#ACACAC; font-size:18px; font-weight:500}
.key_wrap .lmn_tab .on a	{color:#222; font-size:26px; font-weight:600; position:relative;}
.key_wrap .lmn_tab .on a:after{display:inline-block; content:''; background:var(--Primary); width:8px; height:8px; border-radius:50%; vertical-align:top; margin-left:3px;}

.key_service 						{padding:180px 0 180px 65px; width:76%;}
.key_service .tap_cont + .tap_cont	{margin-top:200px;}
.key_service .tap_cont .txt			{font-size:18px; font-weight:300; color:#555; line-height:1.6}
.key_service .tap_cont h3			{margin-bottom:20px;}
.key_service .tap_cont h4			{font-size:24px; font-weight:600; color:#222; margin:50px 0 20px;}
.key_service .tap_cont h4.no		{margin-bottom:0;}

.dark .key_service .box_icon.v02				{display:grid; gap:10px; margin:20px 0 0 0; grid-template-columns: repeat(3, 1fr);}

.dark .key_service .box_icon				{display:flex; gap:10px; margin:20px 0 0 0;}
.dark .key_service .box_icon > li			{flex:1; padding:45px 3%; background:#00000020}
.dark .key_service .box_icon .icon			{padding-bottom:30px; text-align:center; display:flex; flex-direction: column; align-items: center; gap:12px; font-size:20px; font-weight:500; line-height:130%; color:#fff; border-bottom:solid 1px #ffffff1F}
.dark .key_service .box_icon .info			{padding:20px 5px 0; font-size:18px; font-weight:500; line-height:1.5; color:#888}
.dark .key_service .box_icon.four .info		{padding-left:0; padding-right:0;}
.dark .key_service .box_icon.type2 > li		{display:flex; padding:35px 30px;}
.dark .key_service .box_icon.type2 .icon	{justify-content: center; border-right:solid 1px #ffffff1F; border-bottom:0; padding-bottom:0; padding-right:30px;}
.dark .key_service .box_icon.type2 .info	{padding: 0 0 0 30px; }


.dark .key_service .box_icon01				{display:flex; gap:10px; margin:20px 0 0 0;}
.dark .key_service .box_icon01 > li			{flex:2; display:flex; padding:30px 0; background:#00000020}
.dark .key_service .box_icon01 .icon		{min-width: 150px; padding:16px 30px; text-align:center; display:flex; flex-direction: column; align-items: center; gap:12px; font-size:19px; font-weight:500; line-height:1.2; color:#fff; border-right:solid 1px #ffffff1F}
.dark .key_service .box_icon01 .info		{padding:0 0 0 30px; font-size:17px; font-weight:500; line-height:1.5; color:#888}


.dark .img_txt						{display: flex; gap:10px; margin-top: 30px;}
.dark .img_txt > li					{width: 100%; flex: 1;  display: flex;   flex-direction: column; background:;}
.dark .img_txt li p.thum			{position:relative; width: 100%; height: auto; overflow: hidden;}
.dark .img_txt li p.thum img		{width:100%; }
.dark .img_txt li .txt_wrap			{padding:25px 28px 30px 28px;}
.dark .img_txt li p.tit				{margin-bottom: 12px; font-size: 18px; color: #fff; font-weight: 700; line-height:1.3}
.dark .img_txt li p.tit span		{font-weight:400}
.dark .img_txt li p.tit01				{font-size: 18px; color: #fff; font-weight: 700; line-height:1.3}
.dark .img_txt li p.txt				{font-size:16px; color:#888; font-weight:300 !important; display: block}
.dark .thum01					{margin:15px 0 0 0}
.dark .thum01 img				{width:100%;}


.beige .key_service .box_icon					{display: grid; padding:20px 0 0 0 ;  gap: 15px;  list-style: none;}
.beige .key_service .box_icon > li				{flex:1; padding:50px 30px; background:var(--Beige2); border-radius: 10px; justify-content: center;}
.beige .key_service .box_icon > li.tit01		{background:#E5DBD6}
.beige .key_service .box_icon > li.tit01 .info	{padding:25px 0; font-size:18px; font-weight:600;  color:#333} /*251204 qualification01.html*/
.beige .key_service .box_icon .icon				{text-align:center; display:flex; flex-direction: column; align-items: center; gap:15px; font-size:18px; font-weight:600; line-height:130%; color:#222}
.beige .key_service .box_icon .info				{padding:10px 5px 0; font-size:16px; font-weight:400; color:#777; text-align:center;}
.beige .key_service .gri3						{grid-template-columns: repeat(3, 1fr);}
.beige .key_service .gri2						{grid-template-columns: repeat(2, 1fr);}


.beige .box01							{background:var(--Beige2); padding:40px 42px; margin:20px 0 0 0;}
.beige .box01 h4						{margin:0; font-size:20px; font-weight:700}
.beige .box01 h4.png_logo img			{height:70px} /* 251204 qualification01.html 추가 */
.beige .box01 .box01_t01				{font-size:18px; color:#555; font-weight:400; padding:4px 0 0 0;}
.beige .thum01 img						{width:100%;}
.beige .img_txt							{display: flex; gap:10px; margin-top:20px; }
.beige .img_txt.big > li				{cursor: pointer;}
.beige .img_txt > li					{width: 100%; flex: 1;  display: flex;   flex-direction: column; background:#FDFCFB;}
.beige .img_txt li p.thum				{position:relative; width: 100%; height: auto; overflow: hidden;}
.beige .img_txt li p.thum img			{width:100%; }
.beige .img_txt li .txt_wrap			{padding:25px 28px 30px 28px;}
.beige .img_txt li p.tit				{margin-bottom: 12px; font-size: 18px; color: #333; font-weight: 700; line-height:1.3}
.beige .img_txt li p.tit.gtq img		{width:100%; max-width:fit-content}
.beige .img_txt li p.tit span			{font-weight:400}
.beige .img_txt li p.txt				{font-size:16px; color:#777; font-weight:300 !important; display: block}

.beige .img_txt.big					{gap:30px;}
.beige .img_txt.big li .txt_wrap	{padding:40px 40px 50px 40px;}
.beige .img_txt.big li p.tit		{font-size:28px;}
.beige .img_txt.big li p.txt		{font-size:18px;}


.beige .img_txt_nobg					{display: flex; gap:10px; margin-top: 30px;}
.beige .img_txt_nobg > li					{width: 100%; flex: 1;  display: flex;   flex-direction: column;}
.beige .img_txt_nobg li p.thum				{position:relative; width: 100%; height: auto; overflow: hidden;}
.beige .img_txt_nobg li p.thum img			{width:100%; }
.beige .img_txt_nobg li .txt_wrap			{padding:20px 0 30px 5px;}
.beige .img_txt_nobg li p.tit				{margin-bottom: 10px; font-size: 20px; color: #333; font-weight: 700;}
.beige .img_txt_nobg li p.txt				{font-size:18px; color:#888; font-weight:300 !important; display: block}
.beige .img_txt_nobg li .dot_list li		{color:#777; font-weight:400}

.quali02_bg								{max-width:1350px; margin:50px auto 0; gap:50px; border-radius:20px; background-size:cover; padding:50px 0 0  0; color:#fff; min-height:510px; font-size:23px; font-weight:200; display: flex; flex-direction: column; justify-content: flex-end; align-items: center;}
.quali02_bg	.quali02_img				{padding:0 50px;}
.quali02_bg	img							{width:100%}
.quali02_bg	.quali02_list				{padding:50px 5%; width:100%; display: grid;  grid-template-columns: 1fr 1fr;  gap: 20px;  border-radius:0 0 20px 20px;  background: rgba(255, 255, 255, 0.3); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);}
.quali02_bg	.quali02_list ul			{}
.quali02_bg	.quali02_list ul li			{position:relative; padding:0 0 4px 10px; font-size:18px; line-height:1.5; color:#222; font-weight:400; text-align:left; }
.quali02_bg	.quali02_list ul li:before	{position:absolute; content:''; width:3px; height:3px; border-radius:50%; background:#999; top:10px; left:0; color:#555}


.dark .h3_cate					{color:var(--Primary-900)}
.dark h3						{color:#fff;}
.dark .f_18,
.dark .f_22						{color:#ffffffcc;}
.dark .key_wrap .tab			{border-color:#ffffff26}
.dark .key_wrap .lmn_tab a		{color:#777}
.dark .key_wrap .lmn_tab .on a	{color:#fff}
.dark .key_service .tap_cont h3,
.dark .key_service .tap_cont h4	{color:#fff}
.dark .key_service .tap_cont .txt{color:#ffffff80}

.beige .key_service .tap_cont .txt{font-weight:500;}

.bar_step								{display:flex; margin:30px 0 0 0;}
.bar_step > li							{flex:1; display:flex; flex-direction: column;}
.bar_step > li .step				{font-size:20px; font-weight:500; color:#fff;padding:10px 35px; position:relative; background:#586DD533; margin-bottom:30px; word-break: keep-all;}
.bar_step > li:first-child .step	{border-radius:25px 0 0 25px; }
.bar_step > li:last-child .step		{border-radius:0 25px 25px 0; }
.bar_step > li:not(:last-child) .step::after{position:absolute; z-index:1; content:''; right:-10px; top:50%; transform:translateY(-50%); width:30px; height:50px; background: url('/kpc/_img/cont/step_arr.svg') no-repeat 50% 50% / auto 50px; }
.bar_step > li .step span		{vertical-align:top; font-size:18px; font-weight:100;}
.bar_step > li .info					{padding:0 35px; min-height:90px;}
.bar_step > li .info + .info		{margin-top:34px}
.bar_step > li .info .cate			{font-size:16px; color:#fff; font-weight:200; background:#00000033; padding:5px 15px; border-radius:30px; display:block; width:fit-content; margin-bottom:15px;}
.bar_step > li .info .tt			{font-size:20px; color:#ccc;font-weight:500;}
.bar_step > li .info .st			{font-size:18px; color:#888; font-weight: 400; padding:6px 0 0 0}
.bar_step > li .info .st + .st	{margin-top:15px;}

.beige .bar_step > li:not(:last-child) .step::after{background-image:url('/kpc/_img/cont/step_arr_w.svg')}

/* 리스트 */
.dot_list					{padding:10px 0 0 0; text-align:left;}
.dot_list > li				{position:relative; padding:2px 0 2px 10px; font-size:18px; line-height:1.4}
.dot_list > li::before		{position:absolute; content:''; width:3px; height:3px; border-radius:50%; background:#777; top:12px; left:0; color:#555} 

.dot_list li sup		{font-size:14px;}

.dot_list16					{padding:10px 0 0 0; text-align:left;}
.dot_list16 > li				{position:relative; padding:2px 0 0 10px; font-size:16px;}
.dot_list16 > li::before		{position:absolute; content:''; width:3px; height:3px; border-radius:50%; background:#777; top:11px; left:0; color:#555} 

.dark .dot_list > li			{color:#888}
.dark .dot_list > li::before	{background:#777}
.no_dot_list > li				{position:relative; padding:2px 0 0 0; font-size:18px; color:#ffffff80}


@media only screen and (max-width: 1200px) {
	.key_wrap .tab						{display:none;}
	.key_service						{padding:100px 0; width:100%;}
	.key_service .box_icon .info		{padding:20px 0 0;}
	.bar_step > li .step				{padding:5px 25px; font-size:18px; height: 50px; display: flex; align-items: center;}
	.bar_step > li .info				{padding:0 25px;}
	
	
	.beige .img_txt.big					{gap:20px;}
	.beige .img_txt.big li .txt_wrap	{padding:30px 30px 40px 30px;}
	.beige .img_txt.big li p.tit		{font-size:24px;}
	.beige .img_txt.big li p.txt		{font-size:17px;}

}
/* Tablet */
@media only screen and (max-width: 1024px) {
	
	.key_service .tap_cont + .tap_cont	{margin-top:100px;}
	.key_service .tap_cont h4			{font-size:22px; margin:40px 0 20px}

	.key_service .box_icon.four			{flex-wrap:wrap;}
	.key_service .box_icon.four	> li	{flex:revert;}
	.key_service .box_icon .icon		{font-size:18px;}
	.key_service .box_icon .icon img	{height:50px}

	.key_service .box_icon.type2 > li	{padding:25px 25px;}
	.key_service .box_icon.type2 .icon	{padding-right:25px;}
	.key_service .box_icon.type2 .info	{padding: 0 0 0 25px; }

	.bar_step > li .info .st			{font-size:17px;}
	.bar_step > li .info				{padding:0 15px;}
	.bar_step > li .info + .info		{margin-top:25px;}
	
	.dot_list li sup		{font-size:13px;}
	
	.dot_list				{padding:6px 0 0 0;}
	.dot_list > li			{font-size:17px;}
	.dot_list16 > li		{font-size:15px;}

	.dark .key_service .box_icon			{display: grid; gap:10px; margin-top: 30px; grid-template-columns: repeat(2, 1fr);}
	.dark .key_service .box_icon .icon		{padding-bottom:20px; text-align:center; display:flex; flex-direction: column; align-items: center; gap:8px; font-size:19px; font-weight:500; line-height:130%; color:#fff; border-bottom:solid 1px #ffffff1F}
	.dark .key_service .box_icon > li		{flex:1; padding:40px 25px}
	.dark .key_service .box_icon .info		{padding:15px 5px 0; font-size:17px; color:#aaa}
	
	.dark .key_service .box_icon01				{display: grid; grid-template-columns: repeat(1, 1fr);}
	.dark .key_service .box_icon01 .icon		{width:26%; font-size:18px; font-weight:500;}
	
	
	.beige .box01							{padding:35px 37px; margin:20px 0 0 0;}
	.beige .img_txt							{display: grid; gap:10px; margin-top: 10px; grid-template-columns: repeat(2, 1fr);}
	.dark .img_txt							{display: grid; gap:10px; margin-top: 30px; grid-template-columns: repeat(2, 1fr);}
	
	.beige .img_txt.big li .txt_wrap	{padding:25px 28px 30px 28px;}
	.beige .img_txt.big li p.tit		{font-size:22px;}
	.beige .img_txt.big li p.txt		{font-size:16px;}

	.quali02_bg								{max-width:1350px; margin:50px auto 0; gap:50px; border-radius:20px; background-size:cover; padding:10% 0 0  0; color:#fff; min-height:510px; font-size:23px; font-weight:200; display: flex; flex-direction: column; justify-content: flex-end; align-items: center;}
	.quali02_bg	.quali02_img				{padding:0 5%;}
	.quali02_bg	.quali02_list				{padding:5% 5%; width:100%; display:block;  border-radius:0 0 20px 20px;  background: rgba(255, 255, 255, 0.3); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);}
	.quali02_bg	.quali02_list ul li			{position:relative; padding:0 0 4px 10px; font-size:17px; line-height:1.5; color:#222; font-weight:400; text-align:left; }
	.quali02_bg	.quali02_list ul li:before	{position:absolute; content:''; width:3px; height:3px; border-radius:50%; background:#999; top:10px; left:0; color:#555}
}
/* Mobile */
@media only screen and (max-width: 720px) {	
	.key_wrap							{padding:0 15px;}
	.key_service						{padding:60px 0;}
	.key_service .tap_cont + .tap_cont	{margin-top:80px;}
	.key_service .tap_cont .txt			{font-size:15px;}
	.key_service .tap_cont h3			{margin-bottom:15px;}
	.key_service .tap_cont h4			{font-size:18px; margin:20px 0 10px;}

	.key_service .box_icon				{flex-direction: column;}
	.key_service .box_icon > li			{padding:25px}
	.key_service .box_icon .icon		{font-size:17px; padding-bottom:20px; border:0;}
	.key_service .box_icon .icon img	{height:40px;}
	.key_service .box_icon .info		{font-size:16px; padding:0}

	.key_service .box_icon.four	> li	{width:100%;}
	
	.key_service .box_icon.type2 > li	{padding:25px; flex-direction: column;}
	.key_service .box_icon.type2 .icon	{padding-right:15px; padding-bottom:20px; border:0;}
	.key_service .box_icon.type2 .info	{padding: 0; }
	
	.dark .key_service .box_icon.v02		{grid-template-columns: repeat(2, 1fr);}
	
	.dark .key_service .box_icon .icon		{padding-bottom:20px; text-align:center; display:flex; flex-direction: column; align-items: center; gap:6px; font-size:16px; font-weight:500; line-height:1.2; color:#fff; border-bottom:solid 1px #ffffff1F}
	.dark .key_service .box_icon > li		{flex:1; padding:26px 12px}
	.dark .key_service .box_icon .info		{padding:12px 5px 0; font-size:14px; color:#aaa}
	
	.dark .key_service .box_icon01				{display: grid; grid-template-columns: repeat(1, 1fr);}
	.dark .key_service .box_icon01 .icon		{width:26%; font-size:16px; font-weight:500;}

	.dark .img_txt li .txt_wrap				{padding:15px 12px 20px 12px;}
	.dark .img_txt li p.tit01				{font-size: 16px; color: #fff; font-weight: 700; line-height:1.3}
	.beige .img_txt li p.tit.gtq			{margin-bottom:15px;}
	.beige .img_txt li p.tit.gtq img		{width:80%;}

	.beige .key_service .box_icon					{list-style: none; grid-template-columns: repeat(2, 1fr);}
	.beige .key_service .box_icon > li				{padding:24px 20px; background:var(--Beige2); border-radius: 10px; justify-content: center;}
	.beige .key_service .box_icon > li.tit01		{background:#E5DBD6}
	.beige .key_service .box_icon > li.tit01 .info	{padding:15px 0 0 0; font-size:16px; font-weight:600;  color:#333} /*251204 qualification01.html*/
	.beige .key_service .box_icon .icon				{text-align:center; display:flex; flex-direction: column; align-items: center; gap:10px; font-size:16px; font-weight:600; line-height:1.2; color:#222; padding-bottom:5px;} /*251204 qualification01.html*/
	.beige .key_service .box_icon .info				{padding:5px 0 0 0; font-size:15px; font-weight:400; color:#777; text-align:center; line-height:1.3} /*251204 qualification01.html*/
	.beige .key_service .box_icon .icon img			{height:38px;} /*251204 qualification01.html*/
	


	.beige .box01							{background:none; padding:0; margin:20px 0 0 0;}
	.beige .box01 h4.png_logo img			{height:60px} /* 251204 qualification01.html 추가 */
	.beige .img_txt							{display: grid; gap:10px; margin-top:10px; grid-template-columns: repeat(2, 1fr);}
	.beige .img_txt > li					{width: 100%; flex: 1;  display: flex;  flex-direction: column; background:none}
	.beige .img_txt li .txt_wrap			{padding:16px 5px 20px 5px;}
	.beige .img_txt li p.tit				{margin-bottom: 4px; font-size: 16px; color: #333; font-weight: 700;}
	.beige .img_txt li p.txt				{font-size:15px; color:#777; font-weight:300 !important; display: block;  line-height:1.4} /*251204 qualification01.html*/
	
	.beige .img_txt.big					{gap:10px; grid-template-columns: repeat(1, 1fr);}
	.beige .img_txt.big > li			{background:#fff}
	.beige .img_txt.big li .txt_wrap	{padding:15px 20px 20px;}
	.beige .img_txt.big li p.tit		{font-size:20px;}
	.beige .img_txt.big li p.txt		{font-size:16px;}
	
	.beige .img_txt_nobg					{display: grid; gap:10px; margin-top: 30px; grid-template-columns: repeat(2, 1fr);}
	.beige .img_txt_nobg > li				{width: 100%; flex: 1;  display: flex;   flex-direction: column;}
	.beige .img_txt_nobg li p.tit			{margin-bottom: 4px; font-size: 18px; color: #333; font-weight: 600;}

	.quali02_bg								{max-width:1350px; margin:50px auto 0; gap:50px; border-radius:20px; background-size:cover; padding:10% 0 0  0; color:#fff; min-height:510px; font-size:23px; font-weight:200; display: flex; flex-direction: column; justify-content: flex-end; align-items: center;}
	.quali02_bg	.quali02_img				{padding:0 5%;}
	.quali02_bg	.quali02_list				{padding:10% 5%; width:100%; display:block;  border-radius:0 0 20px 20px;  background: rgba(255, 255, 255, 0.3); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);}
	.quali02_bg	.quali02_list ul li			{position:relative; padding:0 0 4px 10px; font-size:16px; line-height:1.5; color:#222; font-weight:400; text-align:left; }
	.quali02_bg	.quali02_list ul li:before	{position:absolute; content:''; width:3px; height:3px; border-radius:50%; background:#999; top:10px; left:0; color:#555}
	



	.bar_step							{flex-direction: column; gap:40px; counter-reset: li;}
	.bar_step > li .step				{font-size:17px; margin-bottom:15px; padding:5px 20px 5px 32px; border-radius:15px !important; height:auto; }
	.bar_step > li .step::before		{position:absolute; left:15px; display:inline-block; content:counter(li) '.'; counter-increment: li;  text-align:center; font-size:16px; line-height:16px; margin-top:4px; color:#fff;}
	.bar_step > li:not(:last-child) .step::after	{display:none;}
	.bar_step > li .info				{padding:0 20px 0 30px; min-height:auto;}
	.bar_step > li .info + .info		{margin-top:20px;}
	.bar_step > li .info .cate			{font-size:14px; margin:0 0 10px -12px;}
	.bar_step > li .info .tt			{font-size:15px; margin-bottom:5px;}
	.bar_step > li .info .st			{font-size:15px;}
	.bar_step > li .info .st + .st		{margin-top:5px;}

	.dot_list li sup		{font-size:12px;}
	
	.dot_list > li				{font-size:15px; padding-left:7px}
	.dot_list > li::before		{top:10px;}
	.dot_list16 > li			{font-size:15px;}
	.no_dot_list > li			{font-size:15px; color:#bbb; font-weight:300}
	
}

/* 고객사 & 사례 */
.client_case				{display:flex; justify-content: space-between; min-height:100dvh; gap:5%}
.sub_content:has(.client_case){background-attachment: fixed;}
.client_case .sticky		{position:sticky; top:180px; width:30%; height:fit-content; transition:0.2s;}
.scroll-up .client_case .sticky{top:240px}
.client_case .sticky h3		{color:#fff; line-height:1.3}

.client_case .list_wrap								{width:65%; max-width:830px; gap:50px; display:flex;}
.client_case .list_wrap .glassList					{width:100%;}
.client_case .list_wrap .glassList:nth-child(2)		{margin-top:200px;}
.client_case .glassList > li						{display:flex; flex-direction: column; justify-content: flex-end; min-height:400px; margin-bottom:50px; position:relative; padding:100px 45px 50px; 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;}
.client_case .glassList > li:hover					{background:#ffffffE6;}
.client_case .glassList > li:hover .tit				{color:#222; font-weight:700;}
.client_case .glassList > li:hover .tit span		{color:var(--Primary); font-weight:500}
.client_case .glassList > li:hover .dot_list > li	{color:#777; font-weight:300;} 
.client_case .glassList > li:hover .no_dot_list > li	{color:#777; font-weight:300}
/*.client_case .glassList > li:after				{opacity:0; position:absolute; content:'';top:0; right:35px; width:70px; height:70px; border-radius:50%; background:var(--Primary);transition:0.2s; }
.client_case .glassList > li:hover:after		{opacity:1; top:-35px}*/


.client_case .glassList > li .tit		{font-size:26px; font-weight:600; color:#fff; margin-bottom:15px;}
.client_case .glassList > li .tit span	{display:block; font-size:16px; font-weight:300}
.client_case .glassList .dot_list > li	{color:#ffffff98; font-weight:200;}
.client_case .glassList .dot_list > li::before		{background:#ffffff80;}
.client_case .glassList li:hover .dot_list > li::before	{background:#777;}


@media only screen and (max-width: 1200px) {
	.client_case .glassList > li	{padding:60px 35px 35px}
}

/* Tablet */
@media only screen and (max-width: 1024px) {
	.client_case		{display:block;}
	.client_case .sticky{width:100%; max-width:revert; position:relative; top:revert !important;}
	
	.client_case .list_wrap					{width:100%; max-width:100%; gap:30px;}
	.client_case .list_wrap .glassList:nth-child(1){margin-top:-60px;}
	.client_case .list_wrap .glassList:nth-child(2){margin-top: 60px; order: -1;}
	.client_case .glassList > li			{margin-bottom:30px; min-height:360px;}
	.client_case .glassList > li .tit		{font-size:24px;}
}

/* Mobile */
@media only screen and (max-width: 720px) {	
	.client_case .list_wrap			{display:block; gap:15px;margin-top:20px;}
	.client_case .list_wrap .glassList:nth-child(1){margin-top:0;}
	.client_case .list_wrap .glassList:nth-child(2){margin-top: 0; order: 0;}
	.client_case .glassList > li	{padding:40px 20px 25px; margin-bottom:15px;  min-height:auto;}
	.client_case .glassList > li:after		{right:15px; width:50px; height:50px;}
	.client_case .glassList > li:hover:after	{top:-20px}
	.client_case .glassList > li .tit		{font-size:18px; margin-bottom:10px}
	.client_case .glassList > li .tit span	{font-size:15px}
}

/* 문의하기 */
.sub_content.inquiry_wrap	{background:url('/kpc/_img/cont/inquiry_bg.png') no-repeat 50% -200%/cover; background-attachment: fixed;}
.inquiry_wrap .content		{display:flex; justify-content: space-between; gap:5%}
.inquiry_wrap .sticky		{position:sticky; top:180px; width:30%; height:fit-content; transition:0.2s;}
.scroll-up .inquiry_wrap .sticky{top:240px}

.inquiry_wrap .inquiry		{width: 65%; max-width: 785px;}
.inquiry_input .two			{display:flex; justify-content: space-between; align-items: flex-end; gap:5%;}
.inquiry_input .two > div	{flex:1; width:100%;}
.inquiry_input .tt			{font-size:20px; font-weight:600; margin:30px 0 10px;}
.inquiry_input .tt sup		{color:var(--Primary);}
.sel						{position:relative;}
.sel .select_btn			{display:block; border-bottom:solid 2px #222; background-color:transparent; padding:14px 0 12px; position:relative; color:#222}
.sel .select_btn::after		{position:absolute; content:''; width:24px; height:24px; background:url('/kpc/_img/comn/sel_arrow.svg') no-repeat 50% 50%; right:0; top:50%; margin-top:-12px; transition:0.2s;}
.sel .select_btn.on::after	{transform:rotate(180deg)}
.sel ul.select				{display:none; background:#fff; position:absolute; width:100%; z-index: 99;}
.sel ul.select a			{display:block; padding:10px 15px; font-size:16px; color:#222; transition:0.2s; border-top:solid 1px #f5f5f5}
.sel ul.select a:hover		{background:#f5f5f5}

.inquiry_input input[type='text']{width:100%; border:0; border-bottom:solid 2px #222; background:transparent; height:50px; font-size:16px; outline:none;}
.inquiry_input input[type='text']::placeholder	{color:#bbb}
.inquiry_input textarea					{border:0; border-bottom:solid 2px #222; padding:10px 0; background:transparent; width:100%; min-height:320px; color:#222; outline:none; line-height: 2;}
.inquiry_input textarea::placeholder	{color:#bbb}

.inquiry .check_v												{margin-top:10px;}
.inquiry .check_v input[type="checkbox"] + label:before			{width:21px; height:21px; vertical-align: -5px; }
.inquiry .check_v input[type="checkbox"]:checked + label:before	{background-color:#222; border-color:#222;}
.inquiry .check_v sup		{color:var(--Primary);}
.inquiry .check_v a		{}
.inquiry .round_btn a	{min-width:200px;}
.inquiry .round_btn a.blue	{background:#172E55;}

.inquiry_tema					{background:url('/kpc/_img/cont/inquiry_bg02.jpg') no-repeat 50% 50%/cover; padding:100px 0;}
.inquiry_tema .round_btn		{margin-top:30px;;}
.inquiry_tema .round_btn a		{border:solid 1px #00000080; color:#222; background:transparent}
.inquiry_tema .round_btn a:hover{background:var(--Primary); color:#fff; border-color:var(--Primary)}

/* capcha */
.captcha_img	{display:flex; gap:10px; align-items: flex-end;}
.btn_refresh	{display:inline-flex; justify-content: center; align-items: center; gap:5px; padding:10px; background:#fff; border-radius:5px; color:#666; border:solid 1px #ddd; transition:0.2s;}
.btn_refresh:hover{color:#222; border:solid 1px #222;}

/* Tablet */ 
@media only screen and (max-width: 1024px) {
	.inquiry_wrap .sticky		{width:25%}
	.inquiry_wrap .inquiry		{width:70%}
}
/* Mobile */
@media only screen and (max-width: 720px) {	
	.inquiry_wrap .content		{display:block;}
	.inquiry_wrap .sticky		{width:100%; max-width:revert; position:relative; top:revert !important;}
	.inquiry_wrap .inquiry		{width:100%}
	.inquiry_input .two			{display:block;}
	.inquiry_input .tt			{font-size:15px; margin:20px 0 5px;}
	.sel .select_btn,
	.sel ul.select a,
	.inquiry_input input[type='text'],
	.inquiry_input textarea		{font-size:15px;}

	.inquiry .check_v input[type="checkbox"] + label:before	{width:18px; height:18px; vertical-align: -5px; }
	.inquiry_tema	{padding:60px 30px;}
	
	
	.btn_refresh	{font-size:15px;}
}



/* ----------------------------------------------------------------- service - consulting06 ----------------------------------------------------------------- */
/* 고객경험 & 브랜딩 */
/* PC */
.consulting06 .rounded_bg_box .line_box			{display: flex; padding: 40px; width: 100%; max-width: 1100px; /*position: relative; --percent: 90;  --border: 2px; --radius: 200px;*/}
.consulting06 .rounded_bg_box .line_box:before	{content:''; position: absolute; left: 0; top: 0; width: calc(100% - 4px); height: calc(100% - 4px); /*border: 2px dashed #fff;*/ border-radius: 500px; border: 2px dashed #fff;  /*mask: conic-gradient(#000 0 calc(var(--percent) * 1%), transparent calc(var(--percent) * 1%));*/}
.consulting06 .rounded_bg_box .line_box	span			{font-size: 26px; color: #222; font-weight: 500; width: 50px; position: absolute; left: calc(50% - 20px); top: -15px; z-index: 1;}
.consulting06 .rounded_bg_box .line_box	span:before		{content: ''; width: 101px; height: 6px; background: #d7d7d7; left: -25px; top: 14px; display: block; position: absolute; z-index: -1;} 
.consulting06 .rounded_bg_box .line_box p				{font-size: 25px; font-weight: 500; background: var(--Secondarty-900); opacity: 90%; width: 100%; height: 180px; border-radius: 500px; display: flex; align-items: center; justify-content: center; position: relative;}
.consulting06 .rounded_bg_box .line_box p:nth-of-type(1)	{margin-right: -55px;}
.consulting06 .rounded_bg_box .line_box p:nth-of-type(2)	{width: 100%; opacity: 60%; z-index: -1;}
.consulting06 .rounded_bg_box .line_box p:nth-of-type(3)	{margin-left: -55px;}

.logo_li			{display: flex; flex-wrap: wrap; gap: 10px 0.8%; margin-top: 60px;}
.logo_li li			{width: 16%;}
.logo_li li a		{display: flex; align-items: center; justify-content: center; width: 100%; height: 80px; border: 1px solid #ddd; border-radius: 5px; padding: 10px; transition: all .2s;}
.logo_li li a:hover	{border: 1px solid #222;}
.logo_li li a img	{max-width: 90%;}

.consulting06 #service01 .diagram_wrap + .dot_list		{margin: 50px 0 80px;}
.consulting06 #service02 .diagram_wrap						{margin-bottom: 110px;}

.dark .dot_list.small_dark > li			{font-size: 18px;}
.dark .dot_list.small_dark > li + li	{margin-top: 20px;}
.dark .dot_list.small_dark > li .color_w	{color: #fff;}

/* Tablet */
@media only screen and (max-width: 1024px) {
	.consulting06 .rounded_bg_box					{padding: 50px 30px;}
	.consulting06 .rounded_bg_box .line_box			{padding: 20px;}
	.consulting06 .rounded_bg_box .line_box	span			{font-size: 20px; top: -15px;}
	.consulting06 .rounded_bg_box .line_box	span:before		{width: 80px; left: -20px; top: 14px; background: #d3d3d5;}
	.consulting06 .rounded_bg_box .line_box p				{font-size: 19px; height: 160px;}
	.consulting06 .rounded_bg_box .line_box p:nth-of-type(1)	{margin-right: -45px;}
	.consulting06 .rounded_bg_box .line_box p:nth-of-type(3)	{margin-left: -45px;}

	.logo_li			{margin-top: 40px;  gap: 10px 1.3%;}
	.logo_li li			{width: 24%;}

	.consulting06 #service01 .diagram_wrap + .dot_list	{margin: 40px 0 80px;}
	.consulting06 #service02 .diagram_wrap					{margin-bottom: 80px;}
}

/* Mobile */
@media only screen and (max-width: 720px) {
	.consulting06 .rounded_bg_box					{padding: 50px 30px;}
	.consulting06 .rounded_bg_box .line_box			{padding: 20px; flex-wrap: wrap;}
	.consulting06 .rounded_bg_box .line_box:before	{border-radius: 50px;}
	.consulting06 .rounded_bg_box .line_box	span			{font-size: 20px; top: -12px;}
	.consulting06 .rounded_bg_box .line_box	span:before		{width: 80px; left: -20px; top: 12px; background: #c7c7c9;}
	.consulting06 .rounded_bg_box .line_box p				{font-size: 17px; height: auto; margin-top: -20px; padding: 40px 10px;}
	.consulting06 .rounded_bg_box .line_box p:nth-of-type(1)	{margin-top: 0; margin-right: 0;}
	.consulting06 .rounded_bg_box .line_box p:nth-of-type(3)	{margin-left: 0;}
	.consulting06 .rounded_bg_box .line_box p:before		{display: none;}

	.logo_li			{margin-top: 30px;  gap: 8px 2%;}
	.logo_li li			{width: 32%;}
	.logo_li li a		{height: 70px;}
	.logo_li li a img	{max-width: 80%;}

	.consulting06 #service01 .diagram_wrap + .dot_list		{margin: 20px 0 40px;}
	.consulting06 #service02 .diagram_wrap						{margin-bottom: 40px;}

	.dark .dot_list.small_dark > li			{font-size: 15px;}
	.dark .dot_list.small_dark > li + li	{margin-top: 10px;}
	
	.client_case .no_dot_list > li			{color:rgba(255, 255, 255, 0.8);}
}


/* ----------------------------------------------------------------- service - edu02 ----------------------------------------------------------------- */
/* 온라인 교육 */
/* PC */
.iconCard_flex					{display: flex; gap: 20px 1.33%; cursor: auto; touch-action: none;}
.iconCard_flex .card_list		{width: 24%; min-width: auto;}
.iconCard_flex .card_list .tit	{margin-top: 10px; margin-bottom: 0; line-height:1.3 !important}
.iconCard_flex.two				{display:grid; grid-template-columns: repeat(2, 1fr);}
.iconCard_flex.thr				{display:grid; grid-template-columns: repeat(3, 1fr);}
.iconCard_flex.two .card_list,
.iconCard_flex.thr .card_list	{width:100%;}

.beige .key_service .box_txt		{display: grid; gap: 15px; list-style: none; margin-top:20px;}
.beige .key_service .box_txt .dot_list.no	{padding:0;}
.beige .key_service .box_txt > li	{flex:1; padding: 40px 42px; background:var(--Beige2); border-radius: 10px; justify-content: center;}
.beige .key_service .box_txt.edu_best > li	{padding: 20px 30px;}
.beige .dot_list + .img_txt_nobg	{margin-top: 20px;}


.beige .more_box a				{display: block; background: #000; transition: all .2s; position: relative;}
.beige .more_box a img			{transition: all .2s;}
.beige .more_box a:hover img	{opacity: .4;}
.beige .more_box a span			{opacity: 0; font-size: 14px; font-weight: 500; padding: 0 15px; height: 32px; border-radius: 50px; position: absolute; left: 50%; transform: translateX(-50%); top: calc(50% - 16px); color: #fff; background: #E34861; display: flex; align-items: center; transition: all .2s;}
.beige .more_box a:hover span	{opacity: 1;}
.beige .more_box a span:after	{content: ''; width: 16px; height: 16px; display: inline-block; margin-left: 8px; background-image: url('../_img/cont/Open_more_icon.svg');}

.beige .img_txt_flex				{display: flex; gap: 20px; align-items: center;}
.beige .img_txt_flex .img_txt_nobg	{margin-top: 0;}

.beige .line_icon_box					{grid-template-columns: repeat(3, 1fr); display: grid; align-items: center; gap: 5px; align-items: stretch;}
.beige .line_icon_box .icon_box			{width: 100%; padding: 30px 5px; background: #EFE8E4; border-radius: 10px; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; text-align: center;}
.beige .line_icon_box .icon_box .icon	{margin-bottom: 8px; max-width: 32px;}
.beige .line_icon_box .icon_box .icon img	{display: block; width: 100%;}
.beige .line_icon_box .icon_box .tit		{font-size: 18px; font-weight: 500; color: #333; width: 100%;}
.beige .line_icon_box .icon_box .tit span	{font-weight: 300; display: block;}
.beige .line_icon_box .icon_box .txt01		{font-size: 16px; padding:4px 0 0 0; color:#777; font-weight: 400;}

.beige .line_icon_box .next				{max-width: 29px; width: 12%; display: flex; align-items: center; justify-content: center;}
.beige .line_icon_box .next img			{display: block; width: 100%;}



.beige .line_icon_box02					{display: flex; padding: 20px 0 0 0; align-items: center; gap: 5px; align-items: stretch;}
.beige .line_icon_box02 .icon_txt			{width: 100%;}
.beige .line_icon_box02 .icon_box			{width: 100%; padding: 30px 5px; background: #E4DAD5; border-radius: 10px; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; text-align: center;}
.beige .line_icon_box02 .icon_box .icon	{margin-bottom: 8px; max-width: 32px;}
.beige .line_icon_box02 .icon_box .icon img	{display: block; width: 100%;}
.beige .line_icon_box02 .icon_box .tit		{font-size: 18px; font-weight: 500; color: #333; width: 100%;}
.beige .line_icon_box02 .icon_box .tit span	{font-weight: 300; display: block;}
.beige .line_icon_box02 .icon_box .txt01		{font-size: 16px; padding:4px 0 0 0; color:#777; font-weight: 400;}

.beige .line_icon_box02 .next				{max-width: 29px; width: 12%; display: flex; align-items: center; justify-content: center;}
.beige .line_icon_box02 .next img			{display: block; width: 100%;}




.beige .edu_best li				{display: flex; gap: 20px;}
.beige .edu_best li .red		{font-size: 18px; width: 90px; font-weight: 500; color: #fff; padding: 0 15px; text-align: center; height: 33px; line-height: 33px; border-radius: 50px; background:#172E55;}
.beige .edu_best li .txt		{width: 100%; color: #555;}
.beige .edu_best li .txt .tit	{font-size: 20px; font-weight: 600;}
.beige .edu_best li .txt .tt	{font-size: 18px; font-weight: 300; margin-top: 2px;}

.beige h4.h_flex				{display: flex; align-items: center; justify-content: space-between; font-weight:600;}
.beige h4 .more_btn				{width:35px; height: 35px; display: flex; align-items: center; justify-content: center; border:1px solid #ccc; border-radius: 50px; transition: all .2s;}
.beige h4 .more_btn:after		{content: ''; width: 12px; height: 24px; display: inline-block; background: url('../_img/cont/h_more_btn.svg') no-repeat 50% 50% / 12px; transition: all .2s;}
.beige h4 .more_btn:hover		{background: var(--Primary); color: #fff; border: 2px solid var(--Primary);}
.beige h4 .more_btn:hover:after	{background: url('../_img/cont/h_more_btn_w.svg') no-repeat 50% 50% / 12px;}

/* Tablet */
@media only screen and (max-width: 1024px) {
	.iconCard_flex				{flex-wrap: wrap; gap: 15px 2%;}
	.iconCard_flex .card_list	{width: 49%; padding: 40px 30px 35px;}

	.beige .img_txt_flex .img_txt_nobg	{width: 90%;}
	
	.beige .line_icon_box						{padding: 15px 0px;}
	.beige .line_icon_box .icon_box				{padding: 20px 10px;}
	.beige .line_icon_box .icon_box .tit		{font-size: 17px;}
	.beige .line_icon_box .icon_box .tit span	{font-size: 16px;}
	.beige .line_icon_box .icon_box .txt01		{font-size: 16px;}
	.beige .line_icon_box .next				{width: 10%;}

	.beige .edu_best li				{gap: 15px;}
	.beige .edu_best li .red		{font-size: 17px; width: 85px; padding: 0 12px; height: 31px; line-height: 31px;}
	.beige .edu_best li .txt .tit	{font-size: 18px;}
	.beige .edu_best li .txt .tt	{font-size: 17px;}

	.beige h4 .more_btn				{width:30px; height: 30px; font-size: 17px;}
	.beige h4 .more_btn:after		{width: 10px; height: 20px; background: url('../_img/cont/h_more_btn.svg') no-repeat 50% 50% / 10px;}
	.beige h4 .more_btn:hover:after	{background: url('../_img/cont/h_more_btn_w.svg') no-repeat 50% 50% / 10px;}
}

/* Mobile */
@media only screen and (max-width: 720px) {
	.iconCard_flex						{gap: 10px; touch-action: auto; display:grid; grid-template-columns: repeat(2, 1fr);}
	.iconCard_flex .card_list			{width:100%; flex: 1; display: flex; box-sizing: border-box;    align-items: stretch; padding: 15px 20px 30px;}
	.iconCard_flex .card_list .icon		{flex: 0 0 100px;}
	.iconCard_flex .card_list .info		{}
	.iconCard_flex .card_list .txt		{font-size:14px; line-height:130%;}
	.iconCard_flex .card_list .tit		{ margin-top: 5px;}	
	
	.iconCard_flex.thr					{grid-template-columns: repeat(2, 1fr);}
	
	.beige .img_txt_flex				{flex-wrap: wrap;}
	.beige .img_txt_flex .img_txt_nobg	{width: 100%;}

	.beige .key_service .box_txt > li	{padding: 24px 20px;}
	.beige .key_service .box_txt.edu_best > li	{padding: 20px 20px;}
	
	.beige .line_icon_box					{flex-wrap: wrap; gap: 5px; justify-content: center; grid-template-columns: repeat(2, 1fr); display: grid;}
	.beige .line_icon_box .icon_box			{padding: 20px 12px;}
	.beige .line_icon_box .icon_box .tit		{font-size: 14px; line-height:1.3; }
	.beige .line_icon_box .icon_box .tit span	{font-size: 14px;}
	.beige .line_icon_box .icon_box .txt01		{font-size: 14px; line-height:1.3; padding:0 0 0 0; color:#777; font-weight: 400;}
	.beige .line_icon_box .next				{width: 100%; transform: rotate(90deg);}

	.beige .line_icon_box02						{flex-direction: column; align-items: center;}
	.beige .line_icon_box02 .next img			{transform: rotate(90deg);}
	
	.beige .edu_best li				{gap: 8px; flex-wrap: wrap; justify-content: flex-start !important;}
	.beige .edu_best li .red		{font-size: 14px; width: 70px; padding: 0 10px; height: 30px; line-height: 30px;}
	.beige .edu_best li .txt .tit	{font-size: 16px;}
	.beige .edu_best li .txt .tt	{font-size: 15px;}

}

@media only screen and (max-width: 380px) {
	.iconCard_flex,
	.iconCard_flex.thr					{grid-template-columns: repeat(1, 1fr);}
}
/* ----------------------------------------------------------------- service - edu03 / edu05 ----------------------------------------------------------------- */
/* 기업맞춤형 교육, 글로벌 교육 */
/* PC */

h4.edu05_tit					{padding:20px 0 0 0; font-size:24px !important; display: flex;  font-weight:700 !important;}

ul.signature					{display: grid; padding:15px 0 0 0;  gap: 15px;  list-style: none; grid-template-columns: repeat(3, 1fr);}
ul.signature > li				{padding:30px; background:var(--Beige2);  border-radius: 10px;}
ul.signature > li .month			{float:left; font-size:18px; font-weight:600; background:#E4DAD5; padding:4px 15px; border-radius:30px}
ul.signature > li .local			{float:right; font-size:18px; color:#777; font-weight:400; padding:0 0 0 17px;  background: url('../_img/cont/local.svg') no-repeat 0 50% / 13px;}
ul.signature h5						{padding:15px 0 0 0; font-size:20px; font-weight:600; color:#333;}
ul.signature > li > ul				{padding:15px 0 0 0;}
ul.signature > li > ul li			{position:relative; padding:0 0 6px 8px; font-size:18px; line-height:1.4; color:#555; font-weight:400; letter-spacing:-0.3px}
ul.signature > li > ul li:before	{position:absolute; content:''; width:3px; height:3px; border-radius:50%; background:#999; top:11px; left:0; color:#555}



.make03 .img_txt						{display: flex; gap: 40px; margin-top: 60px;}
.make03 .img_txt > li					{width: 100%; flex: 1;  display: flex;   flex-direction: column;}
.make03 .img_txt p.tit				{margin-bottom: 20px; font-size: 28px; color: #222; font-weight: 700;}
.make03 .img_txt p.tit span			{font-size:16px; color:#222; font-weight: 400; display: block}
.make03 .img_txt li p.thum			{position:relative; width: 100%; height: auto; overflow: hidden; margin-bottom: 21px;}
.make03 .img_txt li p.thum img		{width:100%; border-radius: 15px;}
.make03 .img_txt li .txt_wrap			{padding:0 15px;}
.make03 .img_txt .dot_list li			{margin-bottom:4px;}
.make03 .img_txt.v01 > li:not(:last-child)::after {content:''; background: url('/kpc/_img/cont/arrow.svg') no-repeat center / 20px; width:30px; height:25px; position: absolute; right: -35px; top: 50%;  transform: translateY(-50%); font-weight:700;   font-size: 24px;  color: #999;    z-index: 1;}

.make03 .img_txt.v01 .thum					{margin-bottom:0;}
.make03 .img_txt.v01 .thum img				{border-radius:0;}
.make03 .img_txt.v01 .txt_wrap				{background:#fff; padding: 30px 40px 40px 40px; flex: 1;}						
.make03 .img_txt.v01 .txt_wrap .txt			{font-size:18px; color:#777;}
.make03 .img_txt.v01 .txt_wrap .dot_list	{margin-top:20px;}
.make03 .img_txt.v01 .txt_wrap .dot_list li	{color:#555; font-weight: 500;}

.img_list				{grid-template-columns: repeat(3, 1fr); display: grid;  gap: 20px; margin-top:50px;}
.img_list img			{width:100%}
.img_list .tit			{text-align:center; padding:10px 0; font-size: 18px; color: #222; font-weight:400 }

.img_list02								{grid-template-columns: repeat(2, 1fr); display: grid;  gap: 20px;}
.img_list02 li							{ flex: 1;    display: flex;    background: #fff;      box-sizing: border-box;    align-items: stretch; }
.img_list02 li .img						{ width:40%; flex: 0 0 200px; }
.img_list02 li .img img					{width: 100%;    height: 100%;    object-fit: cover;    display: block; }
.img_list02 li .txt						{padding:20px 30px}
.img_list02 li .txt p					{font-size:18px; color:#222; font-weight:500; }
.img_list02 li .txt .t_list				{padding:10px 0 0 0;}
.img_list02 li .txt .t_list li			{position:relative;font-size:16px; color:#555; font-weight:300; padding:0 0 2px 7px;}
.img_list02 li .txt .t_list li:before	{position:absolute; content:''; width:3px; height:3px; border-radius:50%; background:#999; top:8px; left:0; color:#555}

.edu03 #service04 .img_txt li p.tit		{min-height:48px}


/* Tablet */
@media only screen and (max-width: 1024px) {
	ul.signature					{grid-template-columns: repeat(2, 1fr); padding:10px 0 0 0 ;}

	
	.make03 .img_txt							{gap:10px;}
	.make03 .img_txt li p.thum img				{border-radius: 7px;}
	.make03 .img_txt p.tit						{font-size:20px; min-height: 75px; line-height:1.3; margin-bottom: 10px;}
	.make03 .img_txt.v01 .txt_wrap				{padding: 20px; }
	.make03 .img_txt.v01 .txt_wrap .txt			{font-size:16px;}
	.make03 .img_txt.v01 p.tit					{min-height:0;}
	.make03 .img_txt.v01 > li:not(:last-child)::after {content: ''; background: url('/kpc/_img/cont/arrow.svg') no-repeat center / 18px; width:30px; height:25px;  position: absolute; right:-15px; top: 50%;  transform: translateY(-50%); font-weight:700;   font-size: 20px;  color: #999;    z-index: 1;}

	.img_list02 li .img						{flex: 0 0 150px; }
	.img_list02 li .txt						{padding:15px 16px}
}


/* Mobile */
@media only screen and (max-width: 720px) {
	h4.edu05_tit					{font-size:20px !important; }
	ul.signature					{grid-template-columns: repeat(1, 1fr); padding:10px 0 0 0 ;}
	ul.signature > li .month		{font-size:16px;}
	ul.signature > li .local		{font-size:16px;}
	ul.signature h5					{padding:15px 0 0 5px; font-size:18px;}
	ul.signature > li				{padding:20px;}
	ul.signature > li > ul			{padding:4px 0 0 0;}
	ul.signature > li > ul li		{font-size:16px; padding:0 0 2px 8px;}
	
	.make03 .img_txt							{gap:25px; display: flex; flex-direction: column; margin-top: 30px;}
	.make03 .img_txt p.tit						{min-height:0; margin-bottom: 5px; font-size: 18px;}
	.make03 .img_txt p.thum img					{height:150px}
	.make03 .img_txt li .txt_wrap				{padding: 15px 20px !important;}
	.make03 .img_txt li .txt_wrap .txt			{font-size:15px;}
	.make03 .img_txt.v01 > li:not(:last-child)::after {content: ''; background: url('/kpc/_img/cont/arrow.svg') no-repeat center / 18px; width:30px; height:25px; position: absolute; right: auto; top: auto; bottom: -25px; left: 50%;  transform: translateX(-50%) rotate(90deg); font-weight:700; font-size:20px;  color: #999; z-index: 1;}

	.img_list				{grid-template-columns: repeat(2, 1fr); display: grid;  gap: 10px; margin-top:30px;}
	.img_list .tit			{text-align:center; padding:3px 0; font-size: 14px; color: #222; font-weight:500 }

	.img_list02								{grid-template-columns: repeat(1, 1fr); }
	.img_list02 li .img						{flex: 0 0 130px; }
	.img_list02 li .txt						{padding:12px 16px}
	.img_list02 li .txt p					{font-size:16px; }
	.img_list02 li .txt .t_list				{padding:5px 0 0 0;}
	.img_list02 li .txt .t_list li			{font-size:14px;}
	
	.edu03 #service04 .img_txt li p.tit		{min-height:revert}
}




/* ----------------------------------------------------------------- service - business04 ----------------------------------------------------------------- */
/* 중소기업 지원 교육 */
/* PC */
.dark .minibox_i			{display: grid; grid-template-columns: repeat(5, 1fr); gap:10px; margin:20px 0 0 0;}
.dark .minibox_i > li		{display: flex;  justify-content: center; flex-direction: column; padding:30px 10px; background:#00000040; transition:0.2s;}
.dark .minibox_i > li:hover	{background:var(--Primary-OP-70)}
.dark .minibox_i .icon		{text-align:center; display:flex; flex-direction: column;  align-items: center; gap:15px; ;}
.dark .minibox_i .info		{padding:10px 0 0 0; font-size:18px; color:#eee; line-height:130%;  font-weight:400; text-align:center; }

/* Tablet */
@media only screen and (max-width: 1024px) {
	.dark .minibox_i			{display: grid; grid-template-columns: repeat(4, 1fr); gap:10px;}
}


/* Mobile */
@media only screen and (max-width: 720px) {
	.dark .minibox_i			{display: grid; grid-template-columns: repeat(3, 1fr); gap:10px;}
	.dark .minibox_i > li		{padding:20px 10px; background:#00000040}
	.dark .minibox_i .icon img	{width:20%}	
	.dark .minibox_i .info		{padding:5px 0 0 0; font-size:14px;}
}

/*  조직 & HR */
.consulting02 .diagram_wrap		{padding: 40px 0 50px;}
.consulting02 .bar_step.ver01 > li .info					{min-height:60px;}

.consulting02 .bar_step.ver02								{position:relative; padding-bottom: 23px; margin-bottom: 15px;}
.consulting02 .bar_step.ver02:after							{position:absolute; content:''; bottom:0; left:0; width:100%; border: 1px dashed #ffffff20;}
.consulting02 .bar_step.ver02 > li:first-child				{flex: 1.3;}
.consulting02 .bar_step.ver02 > li:first-child .step		{padding-left:98px;}
.consulting02 .bar_step.ver02 > li .info					{min-height:auto; padding: 4px 14px;}
.consulting02 .bar_step.ver02 > li .info p.tt				{margin-top:10px; font-size:18px; color:#ffffff80; font-weight:300}
.consulting02 .bar_step.ver02 > li .info p.tt:first-child	{margin-top:0;}
.consulting02 .bar_step.ver02 > li .first_wrap				{display: flex;}
.consulting02 .bar_step.ver02 > li .info .cate.no			{display:none;}
.consulting02 .bar_step.ver02.no							{align-items: center;}
.consulting02 .bar_step.ver02.no > li .first_wrap			{align-items: center;}
.consulting02 .bar_step.ver02.no:after						{display:none;}
.consulting02 .ver02 .b_box									{font-size:18px; color: #fff; background: #00000040; border-radius: 5px; padding:10px 0; margin-right: 14px; min-width:70px; display: flex; align-items: center; justify-content: center;}

/*.consulting02 .txt_wrap							{display:flex; justify-content: space-between; gap: 20px;}*/
.consulting02 .txt_wrap li						{position:relative; padding-left:10px; margin-bottom: 5px;}
.consulting02 .txt_wrap li::before				{position:absolute; content:''; width:3px; height:3px; border-radius:50%; background:#ccc; top:10px; left:0; color:#555}
.consulting02 .txt_wrap li p					{color: #ccc; font-size:19px;}
.consulting02 .txt_wrap li p span				{font-weight:500; color:#fff}
.consulting02 .txt_wrap li p.info				{color:#888;}

.consulting02 .line_box							{display:flex; flex-direction: column; gap: 3px;}
.consulting02 .line_box .wrap					{display: flex; gap: 3px;}
.consulting02 .line_box .wrap p					{color:#ccc; font-size: 18px; padding: 12px 24px;}
.consulting02 .line_box .wrap .b_tit			{color:#fff; background: #00000030; border:1px solid #ffffff20; width:140px; display: flex; align-items: center; justify-content: center; text-align:center}
.consulting02 .line_box .wrap .w_txt			{border:1px solid #ffffff20; width: calc(100% - 400px)}
.consulting02 .line_box .wrap .w_txt span		{display:block; color:#888;}
.consulting02 .line_box .wrap .w_txt.w			{width:320px;}

/* Tablet */
@media only screen and (max-width: 1024px) {

	.consulting02 .diagram_wrap		{padding: 50px 0 50px;}
	.consulting02 .info			{color:#777;}

}

/* Mobile */
@media only screen and (max-width: 720px) {	

	.consulting02 .diagram_wrap									{padding-top:30px;}
	.consulting02 .bar_step.ver01 > li .info					{min-height: auto;}
	.consulting02 .bar_step.ver02.no							{display:none;}
	.consulting02 .bar_step.ver02 > li:first-child .step		{padding-left: 32px;}	
	.consulting02 .bar_step.ver02 > li .info					{padding: 0 20px 0 30px; min-height: auto;}
	.consulting02 .bar_step.ver02 > li .first_wrap .b_box		{display:none;}	
	.consulting02 .bar_step.ver02 > li .info .cate.no			{display:block; margin:10px 0 0 -12px;}

	.consulting02 .txt_wrap							{flex-direction: column; gap:0;}
	.consulting02 .txt_wrap li p					{font-size:16px;}
	.consulting02 .txt_wrap .left					{width:100%;}
	.consulting02 .txt_wrap .right					{width:100%;}
	.consulting02 .txt_wrap li p.info				{color:#777;}

	.consulting02 .line_box							{flex-direction: column;}
	.consulting02 .line_box .wrap					{flex-direction: column;}
	.consulting02 .line_box .wrap p					{font-size:16px;         padding-left: 15px;}
	.consulting02 .line_box .wrap .b_tit			{width:100%;}
	.consulting02 .line_box .wrap .w_txt			{width:100%; border: 0;}
	.consulting02 .line_box .wrap .w_txt.w			{width:100%;}

	.consulting02 .line_btn a				{width:100%; font-size: 16px;}
	.consulting02 .line_btn a.down			{border: solid 1px #fff;}
	.consulting02 .line_btn a.down:after	{width:20px; margin-top: -14px;}

}



/*  ESG·지속가능경영 컨설팅 서비스 */
.consulting03 .pro .bar			{font-size: 19px; font-weight: 500; color: #fff; padding: 10px 35px; background: #586DD533; margin-bottom: 38px; border-radius:25px; text-align:center;}
.consulting03 .diagram_wrap		{padding: 20px 0 50px;}
.make.sesg .bar_step.no								{margin-top:0;}
.sesg .bar_step.no > li .info					{margin-top:9px;}
.make.sesg .bar_step.no > li .info .b_tit		{line-height: 23px;}
.sesg .bar_step.no > li .info .b_tit span		{font-size:16px;}
.sesg .key_li01									{display: flex; flex-wrap:wrap; gap:10px;}
.sesg .key_li01 li {flex:1; padding:36px 20px;}
.sesg .key_li01 li .icon {display: flex; flex-direction: column; align-items: center; color:#fff; font-size:19px; font-weight: 500; text-align:center;}
.sesg .key_li01 li .icon img {margin-bottom:20px;}
.sesg .box_bg01 {background: #ffffff10; border-radius: 5px;}

.esg_bg_gr			{position:relative; background:#f6f6f6; padding:60px 30px;  }
.about_esg			{max-width:1460px; margin:40px auto;  display: flex;  gap: 60px; align-items: center;}
.text-area			{  flex: 1; /* 남은 공간 차지 */}
.esg_img			{}
.esg_img img		{width: 100%;  height: auto;  display: block;  border-radius: 4px;}

.line_btn a.link_line			{padding-right:60px;}
.line_btn a.link_line:after	{position:absolute; display: inline-block;content:'';width:24px; height:24px; top:50%; right: 30px; margin-top:-12px; margin-left: 10px; background:url('/kpc/_img/cont/btn_link_w.svg') no-repeat 50% 50%/100%; transition:0.2s;}
.line_btn a.link_line:hover:after{background-image:url('/kpc/_img/cont/btn_link.svg')}
.line_btn a.link_line:hover	{background:#fff; color:#222}





/* Tablet */
@media only screen and (max-width: 1024px) {

	.consulting03 .pro .bar		{font-size:18px;}
	.sesg .key_li01 li			{flex:revert; width: calc((100% - 10px) / 2);}
	.sesg .key_li01 li .icon	{font-size:18px;}
	.sesg .key_li02 li .tit		{min-height:revert}
	
	.esg_bg_gr					{padding:50px 30px; }
	.about_esg					{flex-direction: column; gap: 30px; align-items: stretch; }
	.esg_img					{width:100%; margin-top:0}	
	
	
	.line_btn a.link_line			{font-size:17px;}
}

/* Mobile */
@media only screen and (max-width: 720px) {	

	.consulting03 .pro .bar		{font-size:16px; font-weight:400; padding:10px 35px;}
	.sesg .bar_step.no > li .info .st		{padding:0;}
	.sesg .key_li01 li						{padding: 20px;}
	.sesg .key_li01 li .icon				{font-size:16px;}
	
	.esg_bg_gr					{padding:50px 20px; }
	.text-area br				{display:none}
	.about_esg					{flex-direction: column; gap: 20px;}
	.esg_img					{width:100%; margin-top:0}	
	
	.line_btn a.link_line			{font-size:16px; width: 100%;}
}



/*  탄소중립 및 환경 컨설팅 */
.consulting04 .rounded_bg_box				{padding:0;}
.consulting04 .top_info						{background:#00000040; padding:40px; color:#aaa; font-size: 18px; margin:20px 0 50px;}
.consulting04 .photo_wrap					{display:flex; flex-wrap: wrap; gap:50px 20px; margin-top: 30px;}
.consulting04 .photo_wrap > li				{width: calc((100% - 20px) / 2);}
.consulting04 .photo_wrap li p.thum			{position:relative; width: 100%; height: auto; overflow: hidden; margin-bottom: 25px;}
.consulting04 .photo_wrap li p.thum img		{width:100%;}
.consulting04 .photo_wrap li p.thum span	{position:absolute; color:#fff; font-size: 24px; bottom: 20px; left: 30px; font-weight: 600;}
.consulting04 .photo_wrap li .thum_txt			{margin-bottom: 23px;}
.consulting04 .photo_wrap li .thum_txt .tit		{color: #ddd; font-size: 19px; font-weight:400}
.consulting04 .photo_wrap li .thum_txt li.stxt	{color:#aaa; font-size:18px;}
.consulting04 .photo_wrap li .thum_txt ul.dot_list	{padding-top:0px;}

/* Mobile */
@media only screen and (max-width: 720px) {	

	.consulting04 .top_info							{padding:25px;}
	.consulting04 .photo_wrap						{margin-top:25px; flex-direction: column; gap: 40px;}
	.consulting04 .photo_wrap > li					{width: 100%;}
	.consulting04 .photo_wrap li p.thum				{margin-bottom: 15px;}
	.consulting04 .photo_wrap li p.thum span		{font-size:18px; bottom: 10px; left: 15px;}
	.consulting04 .photo_wrap li .thum_txt .tit		{font-size:15px;}
	.consulting04 .photo_wrap li .thum_txt li.stxt	{font-size:14px;}

}



/* 제조 & 품질혁신 */
.make .diagram_wrap.con05			{margin: 50px 0 0 70px;}
.make .dia_txt						{display:flex; justify-content: space-evenly; margin-top: 94px;}
.make .dia_txt li					{color:#777; margin-bottom:10px; font-weight: 400;}
.make .img_txt						{display: flex; gap: 40px; margin-top: 60px;}
.make .img_txt > li					{width: 100%; flex: 1;  display: flex;   flex-direction: column;}
.make .img_txt p.tit				{margin-bottom: 10px; font-size: 24px; color: #222; font-weight: 700; display:flex; flex-direction: column; min-height:90px;}
.make .img_txt p.tit span			{font-size:16px; color:#222; font-weight: 400; display: block}
.make .txt_wrap.big p.tit			{font-size:28px; min-height:revert;}
.make .txt_wrap.big p.tit span		{font-size:22px; font-weight:300}
.make .img_txt li p.thum			{position:relative; width: 100%; height: auto; overflow: hidden; margin-bottom: 21px;}
.make .img_txt li p.thum img		{width:100%; border-radius: 15px;}
.make .img_txt li .txt_wrap			{padding:0 15px;}
.make .img_txt .dot_list li			{margin-bottom:4px;}
.make .bar_step > li .info			{min-height:0;}
.make .bar_step.no					{margin-top:50px;}
.make .bar_step.no > li				{margin-right:60px;}
.make .bar_step.no > li .info		{padding:0 20px 0 15px; min-height: 0;}
.make .bar_step.no > li .info .cate	{background:#586DD550;;}
.make .bar_step.no > li .info .b_tit{font-size:21px; font-weight:500; line-height: 30px; color:#fff;}

.make .img_txt.v01 .thum					{margin-bottom:0;}
.make .img_txt.v01 .thum img				{border-radius:0;}
.make .img_txt.v01 .txt_wrap				{background:#fff; padding: 40px 50px 50px 50px; flex: 1;}		
.make .img_txt.v01 p.tit					{font-size:28px; min-height:revert;}
.make .img_txt.v01 .txt_wrap .txt			{font-size:18px; color:#777;}
.make .img_txt.v01 .txt_wrap .dot_list		{margin-top:20px;}
.make .img_txt.v01 .txt_wrap .dot_list li	{color:#555; font-weight: 500;}

	
/* Tablet */
@media only screen and (max-width: 1024px) {


	.make .diagram_wrap.con05					{margin:50px 40px 0px;}
	.make .img_txt								{gap:10px;}
	.make .img_txt li p.thum img				{border-radius: 7px;}
	.make .img_txt p.tit						{font-size:22px; min-height: 75px;}
	
	.make .txt_wrap.big p.tit					{font-size:25px;}
	.make .txt_wrap.big p.tit span				{font-size:20px;}
	
	.make .img_txt.v01 .txt_wrap				{padding: 25px; }
	.make .img_txt.v01 .txt_wrap .txt			{font-size:17px;}
	.make .img_txt.v01 p.tit					{font-size:22px; min-height:0;}
	.make .bar_step.no > li						{margin-right:24px;}
	.make .bar_step.no > li:last-child			{margin-right:0;}
	.make .bar_step.no > li .info .b_tit		{font-size: 18px; line-height: 25px;}

}

/* Mobile */
@media only screen and (max-width: 720px) {	

	.make .diagram_wrap.con05				{margin: 30px 0px 0px;}
	.make .dia_txt							{flex-direction: column; margin:20px 0 0 15px;}
	.make .img_txt							{display: flex; flex-direction: column; margin-top: 30px; gap:30px}
	.make .img_txt p.tit					{min-height:0; margin-bottom: 10px; font-size: 20px;}
	.make .img_txt li .txt_wrap				{padding: 0 10px;}
	
	.make .txt_wrap.big p.tit				{font-size:20px;}
	.make .txt_wrap.big p.tit span			{font-size:17px;}

	.make .bar_step.no > li .info .b_tit	{font-size: 17px;}
	.make .img_txt.v01						{gap:10px;}
	.make .img_txt.v01 .txt_wrap			{padding:15px 20px 20px;}
	.make .img_txt.v01 .txt_wrap .txt		{font-size:16px;}
	.make .img_txt.v01 p.tit				{font-size:20px;}
	.make .img_txt.v01 .txt_wrap .dot_list	{margin-top:10px;}

}



/* 공개교육 */
.sub_content.pro_bg							{background: url('/kpc/_img/cont/pro_bg.jpg') no-repeat 50% 50% / cover; background-attachment: fixed;}
.count_edu									{margin-top:50px; border-radius:20px; min-height:360px;  padding:80px; display:flex; align-items:center; justify-content: center;}
.count_edu p								{color:#fff; font-size:30px; font-weight:600; margin-top:-20px;}
.count_edu p strong							{display:inline-block; min-width:370px; color:#FF4C67; font-size:90px; font-weight:700; font-family: "Lexend", sans-serif;}

.box_effect									{background: rgba(255, 255, 255, 0.2); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(10px); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); border: 2px solid rgba(255, 255, 255, 0.5);}
.pro_cont									{display:flex; justify-content: space-around; width: 100%; /* height: 606px; */ margin-top: 23px; padding: 30px 50px; border-radius: 50px;}
.pro_cont  ul.txt_box						{position:relative; border-radius:20px; padding: 24px 30px; margin-top: 20px; flex: 1;}
.pro_cont  ul.txt_box.box_effect			{box-shadow: none; border: 1px solid rgba(255, 255, 255, 0.5);}
.pro_cont  ul.txt_box.dot_list li			{padding-top:6px; font-weight: 400;}
.pro_cont  ul.txt_box.dot_list li:before	{top:14px;}
.pro_cont .txt_wrap					{padding-left: 10px;}
.pro_cont .txt_wrap p				{font-size: 28px; color: #222; font-weight: 700; margin-bottom: 8px;}
.pro_cont .txt_wrap span			{font-size: 18px; color: #555;}
.pro_cont .left						{width: 400px; padding: 40px 40px 50px;}
.pro_cont .center					{width: calc(100% - 800px); display:flex; align-items: center; justify-content: center;}
.pro_cont .center img				{width:100%; max-width:400px;}
.pro_cont .right					{width: 400px; padding: 40px 40px 50px; flex: 1; display: flex; flex-direction: column;}
.pro_cont .right ul.txt_box:before	{position:absolute; content:''; bottom:-65px; right:-43px; background:url('/kpc/_img/cont/edu01_icon01.svg') no-repeat 50% 50%/100%; width:250px; height:250px;}

.edu01 #section3 .h3_wrap			{margin-bottom:60px;}

.content.v01					{display:flex; justify-content: space-between;}
.content.v01 .sticky			{width:22%;}
.triangle_box					{display:flex; padding-top: 40px; position: relative; width: 100%; max-width: 1115px;}
.triangle_box p img				{width:100%; max-width:700px;}
.triangle_box ul				{position: absolute; right: 0; bottom: 0; content: ''; width: calc(100% - 540px); text-align: right;}
.triangle_box ul li				{border-bottom:1px dashed #ddd; padding:40px 100px 40px 0;}
.triangle_box ul li.tri_icon01	{background: url('/kpc/_img/cont/edu01_icon02.svg') no-repeat 95% 50% / 52px;}
.triangle_box ul li.tri_icon02	{background: url('/kpc/_img/cont/edu01_icon03.svg') no-repeat 95% 50% / 52px; margin-left: 50px;}
.triangle_box ul li.tri_icon03	{background: url('/kpc/_img/cont/edu01_icon04.svg') no-repeat 95% 50% / 52px; margin-left: 140px;}
.triangle_box ul li.tri_icon04	{background: url('/kpc/_img/cont/edu01_icon05.svg') no-repeat 95% 50% / 52px; margin-left: 230px;}
.triangle_box ul li	p			{font-size: 20px; color: #777;}
.triangle_box ul li	p.tit		{color: #222; font-weight: 600;}


@media only screen and (max-width: 1430px) {

	.content.v01					{flex-direction: column;}
	.content.v01 .sticky			{width:100%;}
	.content.v01 .sticky h3	.web	{display:none !important;}
	.triangle_box					{max-width: 100%;}
	.triangle_box ul				{width: calc(100% - 510px);}



}

@media only screen and (max-width: 1220px) {

	.pro_cont								{padding:30px;}
	.pro_cont .left							{width:50%}
	.pro_cont .center						{display:none;}
	.pro_cont .right						{width:50%}

}

@media only screen and (max-width: 1155px) {

	.triangle_box img					{max-width: 500px !important;}
	.triangle_box ul					{width: calc(100% - 400px);}
	.triangle_box ul li					{padding: 25px 100px 25px 0;}
	.triangle_box ul li.tri_icon02		{margin-left: 50px;}
	.triangle_box ul li.tri_icon03		{margin-left: 100px;}
	.triangle_box ul li.tri_icon04		{margin-left: 150px;}
	.triangle_box ul li p				{font-size:18px;}

}

@media only screen and (max-width: 941px) {	

	.triangle_box img			{max-width: 300px !important;}
	.triangle_box ul			{width: calc(100% - 200px); bottom: -60px;}
	.triangle_box ul li			{padding: 15px 100px 15px 0;}


}

/* Tablet */
@media only screen and (max-width: 1024px) {
	.count_edu								{margin-top:40px; min-height:300px; padding:70px; }
	.count_edu p							{font-size:22px; margin-top:-20px;}
	.count_edu p strong						{min-width:260px; font-size:60px;}
	
	
	.pro_cont .left							{width:50%; 25px 25px 30px}
	.pro_cont .center						{display:none;}
	.pro_cont .right						{width:50%}
	.pro_cont .txt_wrap p					{font-size: 24px;}
	.pro_cont .right ul.txt_box:before		{background: url('/kpc/_img/cont/edu01_icon01.svg') no-repeat 50% 50% / 100%; width: 200px; height: 200px;right: -30px; bottom: -51px;}
	
	
	.edu01 #section3 .h3_wrap			{margin-bottom:50px;}
}

/* Mobile */
@media only screen and (max-width: 720px) {	

	.count_edu								{margin-top:30px; min-height:240px; padding:50px; }
	.count_edu p							{font-size:18px; margin-top:0;}
	.count_edu p strong						{min-width:160px; font-size:36px;}
	
	.circle11					{border: 1px dashed #ffffff40; padding: 10px; border-radius: 15px;}
	.circle11 .black_tit		{font-size:17px; font-weight:500; background:#00000050; border-radius:10px; padding:20px 30px; color:#fff; text-align:center; margin-bottom:10px;}
	.circle11 .black_tit span	{display:block; font-size:15px; font-weight:200; color: #ffffff70; margin-top: 10px;}
	.circle11 ul.circle			{display:grid; grid-template-columns: 1fr 1fr; gap:10px;}
	.circle11 ul.circle li		{display:flex; flex-direction: column; justify-content: center; align-items: center; text-align:center; padding:15px; border-radius:10px; background:#586DD540; font-size:15px; color:#fff; font-weight:500;}
	.circle11 ul.circle li:last-child{grid-column: 1 / span 2;}
	
	
	.edu01 #section3 .h3_wrap			{margin-bottom:40px;}
	
	.pro_cont								{padding:10px 0px 10px; flex-direction: column; border-radius: 20px;}
	.pro_cont ul.txt_box					{padding: 20px;}
	.pro_cont .txt_wrap p					{font-size: 18px;}
	.pro_cont .txt_wrap span				{font-size: 16px;}
	.pro_cont .left							{width: 100%; padding: 20px;}
	.pro_cont .right						{width: 100%; padding: 20px;}
	.pro_cont .right ul.txt_box:before		{background: url('/kpc/_img/cont/edu01_icon01.svg') no-repeat 50% 50% / 100%; right: -13px; bottom: -30px; width: 130px; height: 130px;;}


	.triangle_box							{}
	.triangle_box img						{max-width: 130px !important;}
	.triangle_box ul						{width: calc(100% - 155px); bottom:0px;}
	.triangle_box ul li						{padding:13px 15px;}
	.triangle_box ul li.tri_icon01			{background:none;}
	.triangle_box ul li.tri_icon02			{margin-left:0; background:none;}
	.triangle_box ul li.tri_icon03			{margin-left:0; background:none;}
	.triangle_box ul li.tri_icon04			{margin-left:0; background:none;}
	.triangle_box ul li p					{font-size: 16px;}

}



/* CEO 교육 */
.img_down						{display: flex; gap: 40px; margin-top: 60px;}
.img_down > li					{width: 100%;}
.img_down li p.thum				{position:relative; width: 100%; height: auto; border-radius: 15px; overflow: hidden; margin-bottom: 21px;}
.img_down li p.thum a			{position:absolute; right:20px; bottom:20px;}
.img_down li p.thum img			{width:100%;}
.img_down li p.thum.yet:before	{position:absolute; content:'준비중'; width:100%; height:100%; background:rgba(0, 0, 0, 0.4); backdrop-filter: blur(2px); display:flex; justify-content: center; align-items: center; color: #fff; font-size:clamp(2vw, 28px, 6vw); font-weight: 500;}
.img_down li p.round_btn 		{margin-top:30px;}
.img_down li p.round_btn a		{min-width:revert;}

.beige .box_txt.v01 .line_icon_box02 .next	{align-items: flex-start; padding-top: 40px;}
.beige .key_li01							{display: flex; flex-wrap:wrap; gap:10px; margin-top:20px;}
.beige .key_li01 li							{flex:1; padding:36px 20px; background: #EFE8E4; border-radius: 5px;}
.beige .key_li01 li .icon					{display: flex; flex-direction: column; align-items: center; color:#222; font-size:20px; font-weight: 500; text-align:center;}
.beige .key_li01 li .icon img				{margin-bottom:10px;}

.beige .img_txt.two							{flex-wrap: wrap;}
.beige .img_txt.two > li					{width: 49%; flex: none;}

/* Tablet */
@media only screen and (max-width: 1024px) {

	.img_down							{gap:10px;}
	.img_down li p.thum img				{border-radius: 7px;}
	.img_down li p.round_btn 			{margin:10px 0 15px;}
	
	.beige .img_txt.two					{display: flex;}
	.beige .key_li01					{margin-top:10px;}

}

/* Mobile */
@media only screen and (max-width: 720px) {	
	.img_down							{display: flex; flex-wrap: wrap; margin-top: 30px;}
	.img_down > li						{width: 48%;}
	.img_down li p.thum					{margin-bottom: 0;}
	.img_down li p.round_btn 			{margin:10px 0 15px;}
	.img_down li p.round_btn a			{font-size: 14px;}
	
	.beige .box_txt.v01 .line_icon_box02				{flex-direction: column; align-items: center;}
	.beige .box_txt.v01 .line_icon_box02 .icon_txt	{width:100%;}
	.beige .box_txt.v01 .line_icon_box02 .next		{padding:0;}

	.beige .key_li01 li						{width: 31%; flex: none; padding: 15px;}
	.beige .key_li01 li .icon				{font-size:15px;}

	.beige .img_txt.two > li				{width: 100%;}

}



/* 청년/노인/외국인 일자리 지원 */
.business03 #section1 .rounded_bg_box + h3				{margin: 180px 0 40px;}
.one_stop												{width:100%; display: flex; position: relative; gap: 35px; justify-content: space-between;}
.one_stop .img											{width:50%; position:sticky; top:120px; height:fit-content; text-align:center}
.one_stop .img img										{width:100%; max-width:fit-content}
.one_stop .net_info										{width:100%;}
.one_stop .net_info h4									{font-size:28px; font-weight:600; margin:50px 0 15px;}
.one_stop .glassList							{width:22%;}
.one_stop .glassList:nth-child(2)				{margin-top:200px;}
.one_stop .glassList > li						{margin-bottom:40px; position:relative; padding:40px 35px 94px; background:#f0f0f0; border-radius: 10px;}
.one_stop .glassList > li:after					{position:absolute; content:''; bottom:20px; right:20px;  width:80px; height:80px; transition:0.2s;}
.one_stop .glassList.left > li:nth-child(1):after	{background: url('/kpc/_img/cont/business03_icon01.svg') no-repeat 50% 50% / 100%;}
.one_stop .glassList.left > li:nth-child(2):after	{background: url('/kpc/_img/cont/business03_icon02.svg') no-repeat 50% 50% / 100%;}
.one_stop .glassList.left > li:nth-child(3):after	{background: url('/kpc/_img/cont/business03_icon03.svg') no-repeat 50% 50% / 100%;}
.one_stop .glassList.left > li:nth-child(4):after	{background: url('/kpc/_img/cont/business03_icon04.svg') no-repeat 50% 50% / 100%;}
.one_stop .glassList.right > li:nth-child(1):after	{background: url('/kpc/_img/cont/business03_icon05.svg') no-repeat 50% 50% / 100%;}
.one_stop .glassList.right > li:nth-child(2):after	{background: url('/kpc/_img/cont/business03_icon06.svg') no-repeat 50% 50% / 100%;}
.one_stop .glassList.right > li:nth-child(3):after	{background: url('/kpc/_img/cont/business03_icon07.svg') no-repeat 50% 50% / 100%;}
.one_stop .glassList.right > li:nth-child(4):after	{background: url('/kpc/_img/cont/business03_icon08.svg') no-repeat 50% 50% / 100%;}
.one_stop .glassList > li:hover:after			{bottom:50px}
.one_stop .glassList > li .tit 					{font-size:24px; font-weight:600; color:#222; margin-bottom:15px;}
.one_stop .glassList > li .txt					{font-size:18px; font-weight:300; color:#777;}

.business03 .photo_txt_box						{text-align: center; margin-top: 40px; display: flex; gap: 11px;}
.business03 .photo_txt_box li					{width: 32.6%;}
.business03 .photo_txt_box li .thum img			{display: block; width: 100%;}
.business03 .photo_txt_box li .tit				{color: #fff; margin-top: 10px; font-size: 18px;}
.business03 .blue_target ul li:nth-child(4)		{margin-left: -30px; background: rgb(88,109,213,.4);}
.business03 .photo_txt_box .dot_list span.txt	{display:block;}

.business03 .client_case .glassList > li								{padding: 0;}
.business03 .client_case .glassList > li p.thum img						{border-top-left-radius: 10px;  border-top-right-radius: 10px;  border-bottom-right-radius: 0px;  border-bottom-left-radius:0px; display: block; width: 100%;}
.business03 .client_case .glassList > li .txt_wrap						{padding: 40px 45px 50px;}
.business03 .client_case .glassList .dot_list > li span.blurry			{color:#ffffff50; font-weight: 300;}
.business03 .client_case .glassList .dot_list > li span.txt				{display:block; }
.business03 .client_case .glassList > li:hover .txt_wrap li				{color:#333; font-weight: 500;}
.business03 .client_case .glassList > li:hover .txt_wrap span.blurry	{color:#777; font-weight: 300;}

/* Tablet */
@media only screen and (max-width: 1024px) {

	.business03 .photo_txt_box li .tit		{font-size:17px;}
	.business03 .photo_txt_box				{flex-wrap: wrap; gap:20px 2%;}
	.business03 .photo_txt_box li			{width:49%;}
	.business03 .blue_target ul li			{font-size:17px;}
	
	.one_stop										{gap:10px; flex-direction: column; align-items: center;}
	.one_stop .img									{width:65%; position:revert;}
	.one_stop .glassList							{width:100%; gap:10px; display:grid; grid-template-columns: repeat(2, 1fr);}
	.one_stop .glassList > li						{margin-bottom:0; padding: 30px;}
	.one_stop .glassList > li:after					{bottom:15px; right:15px; width:72px; height:72px;}
	.one_stop .glassList > li:hover:after			{bottom:30px}
	.one_stop .glassList > li .tit					{font-size: 18px; margin-bottom:10px;}
	.one_stop .glassList > li .txt					{font-size: 16px; padding-right:40px;}

}

/* Mobile */
@media only screen and (max-width: 720px) {	
	.business03 #section1 .rounded_bg_box + h3				{margin: 70px 0 40px}

	.business03 .client_case .glassList > li .txt_wrap		{padding:25px 20px;}
	.business03 .photo_txt_box								{margin-top: 20px; gap: 20px;}
	.business03 .photo_txt_box li							{width:100%;}
	.business03 .blue_target ul li:nth-child(4)				{margin-left: 0px;}

	.one_stop								{flex-direction: column; background: linear-gradient(#fff, #f6f6f6);}
	.one_stop .img							{order:-1; width:100%; max-width:540px; margin-top:-20px; margin-bottom:30px;}
	.one_stop .glassList					{grid-template-columns: repeat(1, 1fr);}
	.one_stop .glassList > li				{padding: 25px;}
	.one_stop .glassList > li .tit			{font-size:16px;}
	.one_stop .glassList > li .txt 			{font-size:14px;}
	.one_stop .glassList > li:after			{bottom: 10px; right: 10px; width:60px; height:60px;}
	.one_stop .glassList > li:hover:after	{bottom: 10px;}

}



/*  중소기업 지원 교육*/
.slider-container		{max-width: 1460px; width: 100%; position: relative;}
.slider-wrapper			{position: relative;overflow: hidden; margin-top: 40px;}
.slides					{display: flex; transition: transform 0.5s ease-in-out;}
.slide					{min-width: 100%;}
.slide img				{width: 100%; object-fit: cover;/*  display: block; */}
.swiper_num				{display: flex; align-items: center; justify-content: center; margin-top: 30px;}
.swiper-but-prev,
.swiper-but-next		{position: relative; cursor: pointer; display: flex; align-items: center; justify-content: center;text-align: center; width:38px; height:38px;}
.swiper-but-prev:after,
.swiper-but-next:after		{display:inline-block; font-size:0; min-width:38px; height:38px; }
.swiper-but-prev:after		{position:absolute; content:''; background:url('/kpc/_img/cont/swiper-prev.svg') no-repeat 50% 50%;}
.swiper-but-next:after		{position:absolute;  content:''; background:url('/kpc/_img/cont/swiper-next.svg') no-repeat 50% 50%;}
.swiper-but-prev:hover:after	{background:url('/kpc/_img/cont/swiper-prev-on.svg') no-repeat 50% 50%;}
.swiper-but-next:hover:after	{background:url('/kpc/_img/cont/swiper-next-on.svg') no-repeat 50% 50%;}
.swiper-pagination02							{color:#222; padding:0 13px; border-radius: 20px; font-size: 14px; font-weight: 500; display: flex;  align-items: center; gap: 5px; }
.swiper-pagination02 span.pagination-total		{color:#999;}





/* pc */
/* consulting07 AI & DX */
.f_28 {font-size: 28px; font-weight:400; line-height:130%;}
.consulting07 #section2 {padding-bottom:130px;}
.consulting07 #section2 .ax_point3:before {background: url(/kpc/_img/cont/deco_o2.svg) no-repeat 50% 50% / cover;}

.consulting07 .sub_content.gray_bg {background: linear-gradient(#f4f4f4, #fff);}

.consulting07 .sub_tit {color:#222; font-weight: 600; line-height:140%;}
.consulting07 .sub_tit.w {color:#fff;}
.consulting07 .sub_txt {margin: 30px 0 0 0; color:#888;}

.consulting07 .box_bg01 {background: #ffffff10; border-radius: 5px;}
.consulting07 .box_bg02 {background: #00000025; border-radius: 5px;}

.consulting07 .key_tit {display: block; width: 100%; padding: 20px; border-radius: 50px; background: #586DD520; font-size:20px; font-weight:500; color:#fff; text-align:center; margin-bottom:20px;}
.consulting07 .key_tit > span {display: block; font-size: 18px; font-weight:200;}

.consulting07 .top_info {background:#00000040; padding:40px; color:#aaa; font-size: 18px; margin:20px 0 50px;}
.consulting07 .key_li01 {display: flex; flex-wrap:wrap; gap:10px;}
.consulting07 .key_li01 li {flex:1; padding:36px 20px;}
.consulting07 .key_li01 li .icon {display: flex; flex-direction: column; align-items: center; color:#fff; font-size:19px; font-weight: 500; text-align:center;}
.consulting07 .key_li01 li .icon img {margin-bottom:10px;}
.consulting07 .con07_arw {text-align:center; margin: 20px 0 25px 0;}

.consulting07 .key_li02 {display: flex; flex-wrap:wrap; gap:10px;}
.consulting07 .key_li02 li {flex:1; padding:20px; display: flex; flex-direction: column; justify-content: center; color:#fff; font-size:19px; font-weight: 500; text-align:center;}
.consulting07 .key_li02 li .tit{font-size:19px; font-weight: 500; display:flex; align-items:center; justify-content: center; min-height:80px;}
.consulting07 .key_li02 li .txt{font-size:16px;}

.consulting07 .photo_wrap {display: flex; flex-wrap:wrap; gap:30px 10px;}
.consulting07 .photo_wrap li {width: calc((100% - 20px) / 3);}
.consulting07 .photo_wrap li .thum_txt {margin-top:20px;}
.consulting07 .photo_wrap li .thum_txt .tit {color:#fff; font-size: 19px; font-weight: 500;}
.consulting07 .photo_wrap li .thum_txt .txt {color:#777; font-size: 16px; line-height:1.4; font-weight: 400; margin-top:10px;}

.consulting07 .key_li02.f_t	li		{justify-content: flex-start;}
.consulting07 #service01 .key_li02 li {min-height:125px;}
 
.consulting07 #service05 .key_li02 li {min-height:150px;}
.consulting07 #service05 .key_li02 li p:nth-child(1), 
.consulting07 #service07 .key_li02 li p:nth-child(1) {margin-bottom:10px;}
.consulting07 #service05 .key_li02 li p:nth-child(2), 
.consulting07 #service07 .key_li02 li p:nth-child(2) {color:#777;}
.consulting07 #service05 .key_li02 li .tit{min-height:70px;}

.consulting07 #service05 .photo_wrap li {width: calc((100% - 30px) / 4);}

@media only screen and (max-width: 1530px) {

/* consulting07 AI & DX */
.consulting07 .photo_wrap {gap: 40px 10px;}
.consulting07 .photo_wrap li {width: calc((100% - 10px) / 2); min-height:auto;}
.consulting07 .photo_wrap li .thum img {width: 100%;}

}

/* Tablet */
@media only screen and (max-width: 1024px) {

/* consulting07 AI & DX */
.f_28 {font-size: 26px;}
.consulting07 #section2 {padding-bottom:100px;}

.consulting07 .key_li01 li {flex:revert; width: calc((100% - 10px) / 2);}
.consulting07 .key_li02 li {flex:revert; width: calc((100% - 10px) / 2);}
.consulting07 .key_li02 li .tit		{min-height:revert}
.consulting07 #service01 .key_li02 {display: grid; grid-template-columns: 1fr 1fr 1fr;}
.consulting07 #service01 .key_li02 li {width:100%; min-height:auto;}

.consulting07 #service02 .key_li01 li {flex:1; width: 100%;}

.consulting07 #service03 .key_li01 li {flex:1; width: auto;}

.consulting07 #service03 .key_li02 li, 
.consulting07 #service04 .key_li02 li, 
.consulting07 #service06 .key_li02 li {flex:1; width: auto;}

.consulting07 #service05 .photo_wrap li {width: calc((100% - 10px) / 2); min-height: auto;}

.consulting07 #service05,
.consulting07 #service07 br {display: none;}

.consulting07 #service06 .key_li01 li {flex:1; width: auto;}

}

/* Mobile */
@media only screen and (max-width: 720px) {

/* consulting07 AI & DX */
.f_28 {font-size: 20px;}
.consulting07 #section2 {padding-bottom:60px;}

.consulting07 .sub_tit {padding: 0 15px;}
.consulting07 .sub_txt {margin: 20px 0 40px 0;}

.consulting07 br {display: none;}

.consulting07 .top_info {padding:25px;}
.consulting07 .key_tit {padding: 15px 20px; font-size: 18px; margin-bottom:15px;}
.consulting07 .con07_arw {text-align:center; margin: 15px 0 10px 0;}

.consulting07 .key_li01 li {flex:revert; padding: 15px;}
.consulting07 .key_li02 li {flex:revert; font-size: 17px; padding: 15px;}
.consulting07 .key_li02.mt20 {margin-top:15px;}

.consulting07 .key_li01 li .icon,
.consulting07 .key_li01 li p, 
.consulting07 .key_li02 li p {font-size: 15px;}
.consulting07 .key_li02 li .tit{font-size:16px;}
.consulting07 .key_li02 li .txt{font-size:15px;}
.consulting07 .key_tit > span {font-size: 14px;}

.consulting07 #service01 .key_li02 {grid-template-columns: 1fr 1fr;}
.consulting07 #service01 .key_li02 li:last-child {grid-column: 1 / span 2;}

.consulting07 #service02 .key_li01 {gap:5px;}
.consulting07 #service02 .key_li01 li {width:calc((100% - 10px) / 3); padding: 15px;}
.consulting07 #service02 .key_li01 li .icon {font-size: 14px;}
.consulting07 #service02 .key_li01 li .icon img {height: 40px; margin-bottom:8px;}

.consulting07 #service03 .key_li01 li {width: calc((100% - 20px) / 3); display: flex; align-items:center; justify-content: center;} 
.consulting07 #service03 .key_li02 li {width: calc((100% - 10px) / 2); flex: revert;} 

.consulting07 #service06 .key_li01 {display: grid; grid-template-columns: 1fr 1fr;}
.consulting07 #service06 .key_li01 li {width: 100%;}
.consulting07 #service06 .key_li01 li:last-child {grid-column: 1 / 2 span;}

.consulting07 #service05 .key_li02 li p:nth-child(1), 
.consulting07 #service07 .key_li02 li p:nth-child(1) {margin-bottom:5px;}

.consulting07 #service07 .key_li02 li {width: 100%; min-height:auto;}

.consulting07 .photo_wrap {gap: 30px 0;}
.consulting07 .photo_wrap li {width:100%;}
.consulting07 .photo_wrap li .thum_txt {margin-top:15px;}
.consulting07 .photo_wrap li .thum_txt .tit {font-size: 17px;}
.consulting07 .photo_wrap li .thum_txt .txt {font-size: 15px; margin-top:5px;}

}


/* membership 유료법인회원제도 */
.membership {}
.membership h4 {font-size: 24px; color: #222; font-weight: 600; margin: 50px 0 15px; position: relative;}
.membership h4:after {position:absolute; content:''; width: 8px; height: 8px; background: var(--Primary); border-radius: 50%; top: 0; margin-left: 3px;}

.membership .sub_content.gray_bg{background: linear-gradient(#f4f4f4, #fff);}

.membership .tab_box {}
.membership .tab_box			{margin: 100px auto 0; padding: 0; max-width:1020px; display: flex; flex-wrap:wrap; gap: 30px; justify-content: center; background: none; border: none;}
.membership .tab_box li			{width: calc((100% - 60px) / 3); border-radius: 20px;}
.membership .tab_box li a		{display: block; padding: 30px 15px; height: auto; border: 1px solid #eee; font-weight: 600; font-size: 16px; border-radius: 20px; transition: all .2s; text-align:center;}
.membership .tab_box li a > span	{color: #999;}
.membership .tab_box li a > p	{font-weight: 700; font-size: 24px; color:#222; margin-top: 5px;}
.membership .tab_box li a:hover	{border: 1px solid var(--Primary); box-shadow: none; /* box-shadow: 6px 8px 16px rgba(0,0,0,.1); */}
.membership .tab_box li a:hover span {color: var(--Primary);}
.membership .tab_box li a:hover > em {text-decoration:underline;}
.membership .tab_box li.on a	{background: none; border: 1px solid var(--Primary); box-shadow: none; /* box-shadow: 6px 8px 16px rgba(0,0,0,.1); */}
.membership .tab_box li.on a > span	{color: var(--Primary);}

.table_wrap {}
.basic_tbl {display: table; width:100%; text-align: center; vertical-align:middle; table-layout: fixed;}
.basic_tbl th {padding: 20px 10px; font-size: 20px; color: #222; font-weight:500; border-top: 1px solid #222; background: #f5f5f5;}
.basic_tbl th:not(:first-child) {border-left: 1px solid #ddd;}
.basic_tbl td {padding: 20px 10px; font-size: 18px; color: #444; border-bottom: 1px solid #ddd; vertical-align: middle;}
.basic_tbl td:not(:first-child) {border-left: 1px solid #ddd;}

.membership .basic_li {border-top: 1px solid #222; margin-top: 60px;}
.membership .basic_li li {border-bottom: 1px solid #ddd; padding: 25px 10px; display: flex; flex-wrap:wrap; text-align:center;}
.membership .basic_li li span {font-size:16px; color:#888;}
.membership .basic_li li:nth-child(1) .bas_tit {width: 33.33333%;}
.membership .basic_li li:nth-child(1) .bas_tit p {font-size: 20px; color:#222; font-weight: 600;}
.membership .basic_li li:nth-child(2) {padding: 35px 10px;}
.membership .basic_li li:nth-child(2) .bas_sub {width: 33.33333%;}
.membership .basic_li li:nth-child(2) .bas_sub strong {font-size: 40px; color: var(--Primary); font-weight: 700;}

.membership .down_list {display: flex; gap: 20px; margin-top:60px;}
.membership .down_list li {width: 100%;}
.membership .down_list li .down_o_btn a:before {right: 20px; left: auto;}
.membership .down_list li a {display: block; width:100%; padding: 30px; border-radius: 5px; border: 1px solid #ddd; font-size: 18px; color:#222; font-weight: 500; transition: .5s;}
.membership .down_list li a:hover {border: 1px solid #222; color:#222; text-decoration: underline;}

.membership .cont_info {margin-top: 30px;}
.membership .cont_info span {font-size: 18px; font-weight: 600; color:#fff; padding: 5px 15px; background: #222; border-radius: 50px; margin-right: 20px;}
.membership .cont_info p {display: inline-block; font-size: 18px; color:#444; position: relative; padding-left: 10px;}
.membership .cont_info p > strong {color: #222; padding-right: 8px;}
.membership .cont_info p:before {position: absolute; content:''; width: 4px; height: 4px; background: var(--Primary); border-radius:50%; top: 10px; left: 0; }
.membership .cont_info p:not(:last-child) {margin-right: 20px;}

.bank_logo			{width: 30px; height:30px; font-size: 0; display: inline-block; vertical-align:middle; margin-right: 5px;}
.bank_logo.kb		{background: url('/kpc/_img/cont/kb_ico.svg')no-repeat 50% 50% / contain;}
.bank_logo.ibk		{background: url('/kpc/_img/cont/ibk_ico.svg')no-repeat 50% 50% / contain;}
.bank_logo.woori	{background: url('/kpc/_img/cont/woori_ico.svg')no-repeat 50% 50% / contain;}
.bank_logo.keb		{background: url('/kpc/_img/cont/keb_ico.svg')no-repeat 50% 50% / contain;}
.bank_logo.shinh	{background: url('/kpc/_img/cont/shinh_ico.svg')no-repeat 50% 50% / contain;}
.bank_logo.post		{background: url('/kpc/_img/cont/post_ico.svg')no-repeat 50% 50% / contain;}
.bank_logo.hana		{background: url('/kpc/_img/cont/hana_ico.svg')no-repeat 50% 50% / contain;}
.bank_logo.nh		{background: url('/kpc/_img/cont/nh_ico.svg')no-repeat 50% 50% / contain;}

.membership .process_li li:nth-child(1):before {background-image: url('/kpc/_img/cont/st01_ico.svg');}
.membership .process_li li:nth-child(2):before {background-image: url('/kpc/_img/cont/st02_ico.svg');}
.membership .process_li li:nth-child(3):before {background-image: url('/kpc/_img/cont/st03_ico.svg'); background-size: contain;}
.membership .process_li li:nth-child(4):before {background-image: url('/kpc/_img/cont/st04_ico.svg');}

@media only screen and (max-width:1150px) {

.membership .down_list {flex-wrap:wrap; gap: 20px;}
.membership .down_list li {width: calc((100% - 20px) / 2);}
.membership .down_list li .down_o_btn {margin-top:0;}

}

@media only screen and (max-width:1024px) {

.membership h4 {font-size: 22px;}

.membership .tab_box {}
.membership .tab_box			{margin: 60px auto 0; max-width:100%; gap: 15px;}
.membership .tab_box li			{width: calc((100% - 30px) / 3); border-radius: 10px;}
.membership .tab_box li a		{display: block; padding: 20px 10px; font-size: 14px; border-radius: 20px;}
.membership .tab_box li a > p	{font-weight: 700; font-size: 20px; color:#222; margin-top: 3px;}

.basic_tbl th {padding: 15px 10px; font-size: 18px;}
.basic_tbl td {padding: 15px 10px; font-size: 16px;}

.bank_logo			{width: 24px; height:24px; font-size: 0; display: inline-block; vertical-align:middle; margin-right: 3px;}

.membership .basic_li									{margin-top: 50px;}
.membership .basic_li li								{padding: 15px 10px;}
.membership .basic_li li span							{font-size:14px;}
.membership .basic_li li:nth-child(1) .bas_tit p		{font-size: 18px;}
.membership .basic_li li:nth-child(2)					{padding: 20px 10px;}
.membership .basic_li li:nth-child(2) .bas_sub strong	{font-size: 30px;}


}

@media only screen and (max-width:720px) {

.membership h4			{font-size: 18px; margin: 30px 0 10px; position: relative;}
.membership h4:after	{position:absolute; content:''; width: 6px; height: 6px; background: var(--Primary); border-radius: 50%; top: 0; margin-left: 3px;}

.membership .down_list							{display: flex; flex-wrap:wrap; gap: 10px;}
.membership .down_list li						{width: 100%;}
.membership .down_list li a						{padding: 15px; font-size: 16px;}
.membership .down_list li a:before				{margin-top: -15px;}
.membership .down_list li .down_o_btn			{margin-top:0;}
.membership .down_list li .down_o_btn a:before	{right: 15px; left: auto; background-size: 18px;}

.membership .tab_box			{}
.membership .tab_box			{margin: 40px auto 0; max-width:100%; gap: 5px;}
.membership .tab_box li			{width: calc((100% - 10px) / 3); border-radius: 10px;}
.membership .tab_box li a		{display: block; padding: 20px 10px; font-size: 13px; border-radius: 20px;}
.membership .tab_box li a > p	{font-weight: 700; font-size: 16px; color:#222; margin-top: 3px;}

.membership .basic_li									{margin-top: 40px;}
.membership .basic_li li								{padding: 10px 5px;}
.membership .basic_li li span							{font-size:12px;}
.membership .basic_li li:nth-child(1) .bas_tit			{}
.membership .basic_li li:nth-child(1) .bas_tit p		{font-size: 16px;}
.membership .basic_li li:nth-child(1) .bas_tit span		{display: inline-block; line-height: 1.2;}
.membership .basic_li li:nth-child(2)					{padding: 15px 0;}
.membership .basic_li li:nth-child(2) .bas_sub strong	{font-size: 16px;}

.membership .cont_info						{margin-top: 20px;}
.membership .cont_info span					{font-size: 16px; padding: 5px 15px; margin-right: 0;}
.membership .cont_info p					{display: block; font-size: 16px; padding-left: 10px;}
.membership .cont_info p:nth-child(2)		{margin-top:10px;}
.membership .cont_info p > strong			{padding-right: 5px;}
.membership .cont_info p:before				{position: absolute; content:''; width: 3px; height: 3px; background: var(--Primary); border-radius:50%; top: 10px; left: 0; }
.membership .cont_info p:not(:last-child)	{margin-right: 0;}

.bank_logo		{margin-right: 0;}

.table_wrap		{}
.basic_tbl th	{padding: 10px 5px; font-size: 16px; border-top: 1px solid #222; background: #f5f5f5;}
.basic_tbl td	{padding: 10px 5px; font-size: 14px; border-bottom: 1px solid #ddd; vertical-align: middle;}

}

/* ----------------------------------------------------------------- business01 --------------------------------------------------------------- */
/* PC */
.rounded_bg_box.min-h400	{min-height: 400px;}

.box_icon + .box_icon	{margin-top: 10px;}
.dark .txt + .box_icon	{margin-top: 50px;}

.dark .step_li								{display: flex; justify-content: space-between; margin-top: 50px; padding: 0 15px; gap: 30px;}
.dark .step_li li							{text-align: center; width: 100%;}
.dark .step_li li .icon						{color: #fff; font-size: 16px; width: 100%; aspect-ratio: 1 / 1; border-radius: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; position: relative;}
.dark .step_li li .icon:before				{content: ''; width: 28px; border: 1px dashed rgba(255,255,255,.3); display: block; position: absolute; right: -30px;}
.dark .step_li li .icon:after				{content: ''; width: 9px; height: 14px; display: block; position: absolute; right: -20px; background-image: url('../_img/cont/dark_step_next.svg');}
.dark .step_li li:last-child .icon:before,
.dark .step_li li:last-child .icon:after	{display: none;}
.dark .step_li li:nth-child(1) .icon		{background: rgba(88,109,213,.4);}
.dark .step_li li:nth-child(2) .icon		{background: rgba(106,125,217,.4);}
.dark .step_li li:nth-child(3) .icon		{background: rgba(125,141,223,.4);}
.dark .step_li li:nth-child(4) .icon		{background: rgba(143,157,227,.4);}
.dark .step_li li:nth-child(5) .icon		{background: rgba(162,174,232,.4);}
.dark .step_li li .icon img					{display: block; margin: 10px auto 0;}
.dark .step_li li .txt					{margin-top: 20px;}
.dark .step_li li .txt .tit				{font-size: 22px; color: #fff; font-weight: 500;}
.dark .step_li li .txt .tt				{font-size: 18px; color: #cfcfcf; font-weight: 500;}
.dark .step_li li .txt .s_tt			{font-size: 18px; color: #999; font-weight: 400; margin-top: 4px; line-height: 1.2; display: block;}
.dark .step_li li .txt .top_line:before	{content: ''; display: block; width: 30px; height: 1px; background: rgba(255,255,255,.2); margin: 10px auto;}

.dark .blue_target				{margin-top: 50px; text-align: center;}
.dark .blue_target ul			{display: flex; justify-content: center; position: relative;}
.dark .blue_target ul:before	{content: ''; width: 100%; height: 90px; display: block; position: absolute; bottom: -70px; left: 50%; transform: translateX(-50%); background: url('../_img/cont/dark_target_goal.svg') no-repeat 50% 50%;}
.dark .blue_target ul li		{font-size: 20px; color: #fff; font-weight: 500; max-width: 300px; width: 100%; height: 180px; border-radius: 300px; display: flex; gap: 15px; align-items: center; justify-content: center; flex-direction: column;}
.dark .blue_target ul li:nth-child(1),
.dark .blue_target ul li:nth-child(3)	{background: rgb(125,141,223,.4);}
.dark .blue_target ul li:nth-child(2)	{background: rgb(88,109,213,.4);}
.dark .blue_target ul li:nth-child(1)	{margin-right: -30px;}
.dark .blue_target ul li:nth-child(3)	{margin-left: -30px;}

.dark .goal	{margin-top: 80px; padding: 25px 40px; font-size: 18px; color: #fff; background: rgba(0,0,0,.25); border-radius: 10px;}

/* 고객사&사례 */
.client_case .glassList li:hover .bold	{color: #333; font-weight: 500;}

/* Tablet */
@media only screen and (max-width: 1024px) {
	.rounded_bg_box.min-h400	{min-height: 200px;}
	
	.dark .step_li					{padding: 0; flex-wrap: wrap; justify-content: center;}
	.dark .step_li li				{width: calc(33% - 20px);}
	.dark .step_li li .icon			{font-size: 15px;}
	.dark .step_li li:nth-child(3) .icon:before	{display: none;}
	.dark .step_li li:nth-child(3) .icon:after	{display: none;}
	.dark .step_li li .txt			{margin-top: 16px;}
	.dark .step_li li .txt .tit		{font-size: 20px;}
	.dark .step_li li .txt .tt		{font-size: 18px;}
	.dark .step_li li .txt .s_tt	{font-size: 18px;}

	.dark .blue_target ul:before	{bottom: -50px;}
	.dark .blue_target ul li		{font-size: 18px; height: 170px; gap: 15px;}
	.dark .blue_target ul li:nth-child(1)	{margin-right: -25px;}
	.dark .blue_target ul li:nth-child(3)	{margin-left: -25px;}

	.dark .goal	{margin-top: 60px; padding: 25px 30px; font-size: 17px;}
}

/* Mobile */
@media only screen and (max-width: 720px) {
	.dark .txt + .box_icon	{margin-top: 30px;}
	
	.dark .step_li					{margin-top: 30px; gap: 40px 10%;}
	.dark .step_li li				{width: 45%}
	.dark .step_li li:nth-child(1)	{order: 0;}
	.dark .step_li li:nth-child(2)	{order: 1;}
	.dark .step_li li:nth-child(3)	{order: 3;}
	.dark .step_li li:nth-child(4)	{order: 2;}
	.dark .step_li li:nth-child(5)	{order: 4;}
	.dark .step_li li .icon			{font-size: 14px;}
	.dark .step_li li .icon:after	{right: -26px;}
	.dark .step_li li .icon:before	{display: none;}
	.dark .step_li li:nth-child(2) .icon:after	{display: none;}
	.dark .step_li li:nth-child(3) .icon:after	{display: block; transform: rotate(180deg); right: calc(100% + 20px);}
	.dark .step_li li:nth-child(4) .icon:after	{display: none;}
	.dark .step_li li .txt			{margin-top: 15px; position: relative;}
	.dark .step_li li:nth-child(2) .txt:after	{content: ''; width: 9px; height: 14px; display: block; position: absolute; right: calc(50% - 5px); bottom: -29px; transform: rotate(90deg); background-image: url('../_img/cont/dark_step_next.svg');}
	.dark .step_li li:nth-child(4) .txt:after	{content: ''; width: 9px; height: 14px; display: block; position: absolute; left: calc(85% - 5px); bottom: -20px; transform: rotate(45deg); background-image: url('../_img/cont/dark_step_next.svg');}
	.dark .step_li li .txt .tit		{font-size: 17px;}
	.dark .step_li li .txt .tt		{font-size: 16px;}

	.dark .blue_target				{margin-top: 30px;}
	.dark .blue_target ul			{flex-wrap: wrap;}
	.dark .blue_target ul:before	{bottom: -40px; background: url('../_img/cont/dark_target_goal.svg') no-repeat 50% 100% / 90%;}
	.dark .blue_target ul li		{font-size: 15px; color: #fff; margin-top: -10px; max-width: 80%; width: 100%; height: auto; padding: 25px 10px}
	.dark .blue_target ul li:nth-child(1)	{margin-right: 0px; margin-top: 0;}
	.dark .blue_target ul li:nth-child(3)	{margin-left: 0px;}
	.dark .blue_target ul li img	{max-width: 45px;}

	.dark .goal	{margin-top: 50px; padding: 20px 15px; font-size: 15px;}
}



/* ----------------------------------------------------------------- business02 --------------------------------------------------------------- */
/* PC */
.business02 #section1 .rounded_bg_box + h3						{margin: 180px 0 40px;}
.business02 #section1 .rounded_bg_box + h3 + .img_txt			{margin-top: 0; gap: 30px;}
.business02 #section1 .rounded_bg_box + h3 + .img_txt .txt_wrap	{padding: 40px 40px 50px 50px;}
.business02 #section1 .img_txt + .plus_txt	{margin-top: 100px; font-size: 28px; color: #222; font-weight: 600; text-align: center;}

.dark .dark_box		{padding: 40px 45px; margin-top: 50px; border-radius: 10px; background: rgba(0,0,0,.25); display: block;}
.dark .dark_box	h4	{margin-top: 0;}

.dark .dark_box .photo_txt_wrap		{text-align: center; margin-top: 40px; display: flex; flex-wrap: wrap; gap: 25px 1%;}
.dark .photo_txt_wrap li			{width: 32.6%;}
.dark .photo_txt_wrap li .thum img	{display: block; width: 100%;}
.dark .photo_txt_wrap li .tit		{color: #fff; margin-top: 10px; font-size: 18px;}

/* Tablet */
@media only screen and (max-width: 1024px) {
	.business02 #section1 .rounded_bg_box + h3						{margin: 50px 0 20px;}
	.business02 #section1 .rounded_bg_box + h3 + .img_txt			{gap: 10px;}
	.business02 #section1 .rounded_bg_box + h3 + .img_txt .txt_wrap	{padding: 25px;}
	.business02 #section1 .img_txt + .plus_txt	{margin-top: 40px; font-size: 22px;}

	.dark .dark_box .photo_txt_wrap		{margin-top: 30px; gap: 20px 2%;}
	.dark .photo_txt_wrap li			{width: 49%;}
	.dark .photo_txt_wrap li .tit		{font-size: 17px;}
}

/* Mobile */
@media only screen and (max-width: 720px) {
	.business02 #section1 .rounded_bg_box + h3						{margin: 30px 0 10px;}
	.business02 #section1 .rounded_bg_box + h3 + .img_txt .txt_wrap	{padding: 15px 10px;}
	.business02 #section1 .img_txt + .plus_txt	{margin-top: 30px; font-size: 18px;}

	.dark .dark_box						{padding: 24px 20px; margin-top: 20px;}
	.dark .dark_box .photo_txt_wrap		{margin-top: 20px; gap: 20px;}
	.dark .photo_txt_wrap li			{width: 100%;}
	
	.business02 .bar_step + .bar_step			{margin-top: 40px;}
	.business02 .bar_step > li .step			{padding: 5px 20px;}
	.business02 .bar_step > li .step::before	{display: none;}
}




/* 담당자 연락처 */
.manage .round_btn				{margin-top:10px;}
.manage .round_btn.l			{justify-content: flex-start;}
.manage .round_btn button,
.manage .round_btn a			{cursor:pointer; display:inline-block; border:0; position:relative; padding:7px 10px; border-radius:10px; background:#333; color:#fff; font-size:14px; font-weight:400; min-width:100px; text-align:center; transition:0.2s;}
.manage .round_btn a.link		{padding-right: 31px;}
.manage .round_btn a.link:after	{right: 6px;}

.manage .basic_tbl th			{vertical-align: middle;}
.manage .basic_tbl td			{border-left: 1px solid #ddd;}
.manage .basic_tbl .br0			{border-left:none;}

.manage .cont_info				{display: flex; justify-content: space-between; align-items: flex-end;}
.manage .cont_info span 		{font-size: 18px; font-weight: 400; color:#fff; padding: 5px 15px; background: #777; border-radius: 50px; margin-bottom: 15px; height: 35px; display: inline-block;}



/* Tablet */
@media only screen and (max-width: 1024px) {

	.manage .cont_info span		{font-size: 16px; height: 30px;}
	
}

/* Mobile */
@media only screen and (max-width: 720px) {

	.manage .round_btn a.link		{font-size: 14px; padding: 5px; min-width:100%; border-radius: 10px;}
	.manage .round_btn a.link:after	{display:none;}
	
	.manage .tbl_wrap				{overflow-x: scroll;}
	.manage .basic_tbl				{table-layout: fixed; min-width: 700px;}
	.manage .basic_tbl th			{font-size: 15px;}
	
	.manage .cont_info				{flex-direction: column; align-items: flex-start;}
	.manage .cont_info h4			{margin-bottom:7px;}
	.manage .cont_info span			{font-size: 15px;}

}



/* 개인정보취급방침 */
.mbragr p.h3_txt					{font-size: 21px;line-height: 31px; margin-bottom: 30px;}
.mbragr p.h3_txt span.point			{font-weight:600; color:#222; display:block;}

.mbragr .list_wrap					{background: #f2f2f2; padding:30px; border-radius: 10px;}
.mbragr .dot_list.v02				{display:flex; flex-wrap: wrap; padding: 0;}
.mbragr .dot_list.v02 li			{width: 33.3%; font-size: 17px; color: #222; font-weight: 500; padding: 4px 0 4px 10px;}

.mbragr .basic_tbl.v02 td			{border-right: 1px solid #ddd; }
.mbragr .basic_tbl.v02 .br0			{border-right: 0;}

.mbragr .sp_box_w p						{font-size:18px;}
.mbragr .sp_box_w .dot_list li a		{color: #333;}
.mbragr .sp_box_w .dot_list li a:hover	{text-decoration: underline; color:var(--Primary);}
.mbragr .tbl_wrap						{margin-top:20px;}			
.mbragr .round_btn						{justify-content: flex-start; margin-top:0;}
.mbragr .sp_box_w p						{line-height:30px;}
.mbragr .basic_tbl.v02 span.txt_wrap	{display:block;}


/* Tablet */
@media only screen and (max-width: 1024px) {

	.mbragr p.h3_txt					{font-size:18px; line-height: 27px;}
	
	.mbragr .dot_list.v02 li			{width:50%;}
	.mbragr .basic_tbl.v02				{min-width: 700px;}
	.mbragr .tbl_wrap					{overflow-x: scroll;}
	.mbragr .sp_box_w p					{font-size:17px;}
	
}


/* Mobile */
@media only screen and (max-width: 720px) {
	
	.mbragr .list_wrap					{padding:20px;}
	.mbragr p.h3_txt					{font-size:16px; line-height: 24px; margin-bottom: 20px;}
	.mbragr .dot_list.v02 li			{width:100%; padding: 2px 0 2px 10px; font-size: 15px; font-weight: 400;}
	.mbragr .basic_tbl th				{font-size: 15px;}
	.mbragr .sp_box_w p					{font-size: 16px; line-height: 23px;}
	.mbragr .round_btn a.down			{text-align:left;}
	.mbragr .round_btn a.down:after		{right: 30px;}
	
}