@charset "utf-8";

.w_round_bg						{background:#fff; border-radius:10px; padding:20px 25px;}
.gray_round_bg					{background:#f5f5f5; border-radius:10px; padding:20px 25px;}
.gray_round_bg .dot_list		{padding:0;}

/* ====================================================== */
/* About */
/* About KPC */
.about h2				{font-size:56px; line-height:1.3;}
.about .ax_mv .content	{padding-top:120px; padding-bottom:120px;}
.about .ax_mv .f_22		{color:#666; margin-top:10px;}
.about .ax_mv .tab_box	{margin: 40px auto;}
.about .cover_wrap h3	{text-shadow:0px 4px 15px rgba(0, 0, 0, 0.06)}
.about .mv_img			{border-radius:30px 30px 0 0; min-width:96vw}
.about .mv_img, 
.about .mv_img picture	{height:560px; --target-height: 560px; min-height:560px;}
.about .mv_img:before	{position:absolute; content:''; width:100%; height:100%; background:#000; top:0; left:0; z-index:1; opacity:0.08}

.about .ax_mv			{height:940px;}
.about .pin-spacer:has(.ax_mv) + div{margin-top: -380px;}

.kpc_info						{}
.kpc_info p						{color:#999; font-size:50px; font-weight:600}
.kpc_info span					{color:#222;}
.kpc_txt_img					{display:flex; justify-content: space-between; margin-top: 30px;}
.kpc_txt_img .about_img 		{width:45%}
.kpc_txt_img .about_img img		{width:100%; max-width:fit-content;}
.kpc_txt_img .big_txt			{font-size:80px; color:rgba(34, 34, 34, 0.15); font-weight: 700; width: 440px; line-height: 100px;}
.kpc_txt_img .wrap					{width:48%}
.kpc_txt_img .wrap .tit				{font-size:42px; color:#606060; font-weight:200; border-bottom:1px solid #ddd; padding-bottom:40px; width: 100%;}
.kpc_txt_img .wrap .tit b			{font-weight:700; color:#222; display:block;}
.kpc_txt_img .wrap ul li.info		{display: flex; border-bottom:1px solid #ddd; padding:30px 20px;}
.kpc_txt_img .wrap ul li.info p		{font-size:18px; font-weight:500;}
.kpc_txt_img .wrap ul li.info p.l_txt	{color:#222; width: 100px;}
.kpc_txt_img .wrap ul li.info p.r_txt	{color:#777; font-weight:400;}


.about_kpc .pink_bg .circle_ani .circle						{position:relative;}
.about_kpc .pink_bg .circle_ani .circle strong				{font-size:37px;}
.about_kpc .pink_bg .circle_ani .circle + .circle			{gap:20px; margin-left: 100px;}
.about_kpc .pink_bg .circle_ani.active .circle:first-child	{gap:20px;}
.about_kpc .pink_bg .circle_ani.active .circle:nth-child(2):after	{position:absolute; content:''; left:-70px; width:40px; height:40px; background: url('/kpc/_img/cont/about_kpc_icon01.svg') no-repeat 50% 50% / 100%;}
.about_kpc .pink_bg .circle_ani.active .circle:nth-child(2):before	{position:absolute; content:''; right:-70px; width:40px; height:40px; background: url('/kpc/_img/cont/about_kpc_icon01.svg') no-repeat 50% 50% / 100%;}

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

	.about_kpc .pink_bg .circle_ani .circle strong						{font-size:32px;}
	.about_kpc .pink_bg .circle_ani .circle span						{font-size:18px;}
	.about_kpc .pink_bg .circle_ani .circle + .circle					{margin-left:70px;}
	.about_kpc .pink_bg .circle_ani.active .circle:nth-child(2):before	{right: -51px; width: 30px; height:30px;}
	.about_kpc .pink_bg .circle_ani.active .circle:nth-child(2):after	{left: -51px; width: 30px; height:30px;}

}

/* Tablet */
@media only screen and (max-width: 1024px) {
	.about h2				{font-size:42px;}
	.about .mv_img, 
	.about .mv_img picture	{height:480px; --target-height: 480px;}
	.about .pin-spacer:has(.ax_mv) + div{margin-top: -600px;}

	.about .ax_mv						{height:800px;}
	.about .ax_mv .tab_box				{margin: 40px auto;}
	.about .pin-spacer:has(.ax_mv) + div{margin-top:-320px;}

	.kpc_info p							{font-size:35px;}
	.kpc_txt_img						{margin-top:0; flex-direction: column; gap:30px;}
	.kpc_txt_img .wrap,
	.kpc_txt_img .about_img				{width:100%;}
	.kpc_txt_img .about_img img			{max-width:revert; aspect-ratio: 1 / 0.4;}
	.kpc_txt_img .about_txt				{width:100%;}
	.kpc_txt_img .about_txt .tit		{font-size:28px;}
	.kpc_txt_img .about_txt .tit span	{color:#999;}
	.kpc_txt_img .big_txt				{display:none;}
	.kpc_txt_img .wrap ul li.info p		{font-size:16px;}
	.kpc_txt_img .wrap ul li.info p.l_txt	{width:70px;}
	
	.about_kpc .pink_bg .circle_ani .circle strong			{font-size: 25px;}
	.about_kpc .pink_bg .circle_ani .circle span			{font-size: 16px;}
	.about_kpc .pink_bg .circle_ani .circle + .circle		{margin-left: 40px;}
	.about_kpc .pink_bg .circle_ani.active .circle:nth-child(2):after		{left: -33px; width: 22px; height: 22px;}
	.about_kpc .pink_bg .circle_ani.active .circle:nth-child(2):before		{right: -33px; width: 22px; height: 22px;}
}

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

	.about_kpc .pink_bg .circle_ani .circle strong			{font-size: 25px;}
	.about_kpc .pink_bg .circle_ani .circle span			{font-size: 14px;}
	.about_kpc .pink_bg .circle_ani .circle + .circle		{margin-left: 20px;}
	.about_kpc .pink_bg .circle_ani.active .circle:nth-child(2):after		{left: -22px; width: 22px; height: 22px;}
	.about_kpc .pink_bg .circle_ani.active .circle:nth-child(2):before		{right: -22px; width: 22px; height: 22px;}
}

/* Mobile */ 
@media only screen and (max-width: 720px) {	
	.about h2				{font-size:32px;}
	.about .ax_mv			{height:820px;}
	.about .ax_mv .content	{padding-top:60px; padding-bottom:60px;}
	.about .ax_mv .tab_box	{margin: 30px auto;}
	.about .ax_mv .tab_box li{width: 50%;}
	.about .mv_img, 
	.about .mv_img picture	{height:420px; --target-height: 420px;}
	.about .pin-spacer:has(.ax_mv) + div{margin-top: -380px;}
	
	.about .ax_mv						{height:600px;}
	.about .pin-spacer:has(.ax_mv) + div{margin-top: -180px;}
	.about.pr .pin-spacer:has(.ax_mv) + div,
	.about.ceo .pin-spacer:has(.ax_mv) + div,
	.about.history .pin-spacer:has(.ax_mv) + div{margin-top: 0;}

	.kpc_info p							{font-size:24px;}
	.kpc_txt_img .about_img				{width:100%;}
	.kpc_txt_img .wrap					{gap: 20px;}
	.kpc_txt_img .wrap ul li.info		{padding:10px;}
	

	.about_kpc .pink_bg .circle_ani .circle + .circle							{margin-left:0; margin-top:50px; gap: 10px;}
	.about_kpc .pink_bg .circle_ani.active .circle:first-child					{gap: 10px;}
	.about_kpc .pink_bg .circle_ani.active .circle:nth-child(2):after			{left: 124px; width: 22px;  height: 22px; top: -38px;}
	.about_kpc .pink_bg .circle_ani.active .circle:nth-child(2):before			{right: 124px; width: 22px;  height: 22px; bottom: -38px;}
	
}

/* 연혁 */
.about.history .ax_mv			{height:1000px;}
.about.history .pin-spacer:has(.ax_mv) + div{margin-top: -420px;}

@keyframes flowBgAnim { 
	0% { transform: translateX(0); }
  100% { transform: translateX(-50%); } 
}
.timeline								{position:relative; overflow:hidden;}
.timeline h2							{margin-bottom:60px;}
.timeline .flowBackground	{position: absolute; top: 602px; bottom: 0; left: 0; width: 19072px; background: url('/kpc/_img/cont/timeline_bg.png') repeat-x; background-size: auto 527px; animation: flowBgAnim linear 120s infinite; }
.timeline ol							{display:flex; flex-wrap:wrap; box-shadow: 0 0 18px 16px rgba(255, 255, 255, 0.5); border-radius: 50px; background: rgba(255, 255, 255, 0.3); backdrop-filter: blur(11px);  -webkit-backdrop-filter: blur(11px);}
.timeline ol li							{width:calc(100% / 6); min-height:180px; position: relative; box-sizing: border-box; padding: 30px 0 30px 20px; border-top: 1px solid rgba(0, 0, 0, 0.08); opacity: 0; transform: translateY(50px); transition: all 0.8s ease;}

.timeline ol li:before {content: ''; display: block; position: absolute; z-index:-1; top: -3px; left: 20px; height: 6px; width: 6px; border-radius: 100%; background: #000; }
.timeline ol li h4	{font-size:16px; color:var(--Primary-700)}
.timeline ol li p	{font-size: 18px; margin-top: 7px; color: #666; }

.timeline.active ol li:nth-child(-n+6)					{transition-delay: 0.3s; transform: translate(0, 0); opacity: 1; }
.timeline.active ol li:nth-child(n+7):nth-child(-n+12)	{transition-delay: 0.5s; transform: translate(0, 0); opacity: 1; }
.timeline.active ol li:nth-child(n+13):nth-child(-n+18) {transition-delay: 0.7s; transform: translate(0, 0); opacity: 1; }
.timeline.active ol li:nth-child(n+19):nth-child(-n+24) {transition-delay: 0.7s; transform: translate(0, 0); opacity: 1; }
.timeline.active ol li:nth-child(n+25):nth-child(-n+30) {transition-delay: 0.7s; transform: translate(0, 0); opacity: 1; }

.about-nav								{width:100%; position:fixed; transform:translateY(-100%); top:0; z-index:3; transition:0.6s;}
.about-nav.active,			
.about-nav.active .page_tab				{transform:translateY(0); border-radius:0; border:0; flex-wrap:nowrap;}
.about-nav.active .page_tab	a:not(.on)	{color:#555}

.history .page_tab								{background-color: rgba(255, 255, 255, 0.04); gap:10px; flex-wrap: wrap !important;}
.history .about-nav.active .page_tab a:not(.on)	{color:#fff}

.history_wrap			{overflow: hidden; position: relative; z-index: 2; height: auto}
.history_cont			{position: relative; z-index: 2; height: 100%}
.history_intro			{position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100vh}
.history_intro_bg		{position: fixed; z-index: 0; width: 100%; height: 100vh}
.history_intro_bg img	{width: 100%; height: 100vh}
.history_intro_dim		{position: absolute;top: 0; left: 0; z-index: 1; width: 100%; height: 100vh; background-color: rgba(0,0,0,0.5)}

.history_intro_info		{display: flex; flex-direction: column; align-items: center; justify-content: center; position: absolute; top: 0; left: 0; z-index: 3; width: 100%; height: 100%; color:#fff; text-align: center}
.history_intro_year		{font-weight: 700; font-size: 120px;}
.history_intro_title	{margin-top: 20px; font-weight: 700; font-size: 72px;}
.history_intro_desc		{margin-top: 20px; font-weight: 500; font-size: 22px; color:rgba(255, 255, 255, 0.7)}

.history-sequence		{position: relative; z-index: 1; min-height:100vh;}

.sequence-scroll				{height: 100dvh;}
.sequence-aside					{position: relative; z-index: 3; width: 50%; padding:0 60px 0 0; margin-top:50px; height: 100%; color: #fff; transition:0.2s; display: flex; flex-direction: column; justify-content: center;}
/* .scroll-up .sequence-aside		{transform:translateY(60px)} */
.sequence-aside .sequence-photo-year{font-size:60px; font-weight:600; }
.sequence-aside .sequence-photo-desc{font-size:27px; font-weight:500; margin-bottom:25px;}
.sequence-aside .aside-info					{transition: 0.2s ease-in-out; opacity: 1; /* height:auto; transform:translateY(0) */}
.sequence-aside .aside-info.hide-info		{opacity: 0; height:0px;/*  transform:translateY(-100%); */}

.history-image				{position:relative; overflow: hidden; height:650px; transition: 0.2s ease-in-out;}
.history-image img			{position: absolute; top: 0; left: 0; opacity: 0; transition: 0.2s ease-in-out;}
.history-image img.active	{opacity: 1; z-index: 2;}

.sequence				{display: flex; flex-direction: column; position: absolute; top: 0; left: 50%; z-index: 3; width: 50%; max-width: 1450px; height: 100%; padding-top: 150px; color: #fff; transition:0.2s;}
/* .scroll-up .sequence	{padding-top:200px;} */
.sequence-item			{position: relative; padding:0 0 60px 50px;}
.sequence-year			{display: inline-block; font-weight: 700; font-size: 58px;}
.sequence-title			{margin-top: 15px; font-weight: 500; font-size: 27px;}
.sequence-desc			{margin-top: 20px; font-weight: 200; font-size: 18px; color:rgba(255, 255, 255, 0.7)}
.sequence-img			{height:0; overflow:hidden;}


.sequence-progress			{position: absolute; top: 43px; left: 0; width: 1px; height: 100%; background-color: rgba(255, 255, 255, 0.3);}
.sequence-dot				{position: absolute; top: -18px; left: 0; width: 36px; height: 36px; background:url('/kpc/_img/cont/deco_o_w.svg') no-repeat 50% 50%/cover; transform: translateX(-50%)}
.sequence-bar				{width: 1px; height: 100%; background-color: #fff}
.sequence .sequence-section:last-child .sequence-item:last-child .sequence-progress {background-color: transparent}
.sequence .sequence-section:last-child .sequence-item:last-child .sequence-bar {display: none}

/* 역대원장 */
.history_ceo				{display:flex; justify-content:space-between; padding:180px 30px}
.history_ceo h2				{font-size:60px; color:#fff;}
.ceo_list					{display:flex; gap:20px; flex-wrap:wrap; justify-content: flex-end; margin-top:160px;}
.ceo_list > li:first-child	{width:100%; text-align:right;}
.ceo_list > li a			{display:inline-block; text-align:center; padding:25px; color:#fff; background-color: rgba(255, 255, 255, 0.08); border: solid rgba(255, 255, 255, 0.08) 1px; box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.06); border-radius: 10px; backdrop-filter: blur(11px); -webkit-backdrop-filter: blur(11px);transition:0.2s;}
.ceo_list > li .img			{overflow:hidden; height:0; transition:0.2s;}
.ceo_list > li .name		{font-size:22px; font-weight:400; color:#fff; transition:0.2s;}
.ceo_list > li .name span	{display:block; font-weight:100; font-size:16px; color:rgba(255, 255, 255, 0.6)}

.ceo_list > li a:focus,
.ceo_list > li a:hover		{background-color:rgba(255, 255, 255, 0.7); margin-top:-160px}
.ceo_list > li a:focus .img,
.ceo_list > li a:hover .img	{height:150px;}
.ceo_list > li a:focus .name,
.ceo_list > li a:hover .name{color:#333; font-weight:600; margin-top:10px; }
.ceo_list > li a:focus .name span,
.ceo_list > li a:hover .name span	{color:#777; font-weight:200; }


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

	.about.history .ax_mv			{height:800px;}
	.about.history .pin-spacer:has(.ax_mv) + div{margin-top: -320px;}

	.timeline ol li					{width:calc(100% / 5); min-height:160px; padding: 25px 0 25px 20px;}
	.timeline ol li h4				{font-size:15px;}
	.timeline ol li p				{font-size: 17px;}

	.history .page_tab								{gap:6px; }

	.history_intro_year		{font-size: 90px;}
	h2.history_intro_title		{font-size: 42px; margin-top:15px;}
	.history_intro_desc		{font-size: 20px;}
	
	.sequence-aside .sequence-photo-year{font-size:38px; }
	.sequence-aside .sequence-photo-desc{font-size:22px; margin-bottom:20px;}
	.history-image			{height:50vw;}
	.history-image img	{width:100%}

	.sequence-aside		{display:none;}
	.sequence					{width:100%; left:15px; padding-top: 210px;}
	.sequence-item			{padding: 0 35px 30px 20px;}
	.sequence-year			{font-size: 36px;}
	.sequence-title			{margin-top: 5px; font-size: 22px;}
	.sequence-desc			{margin-top: 10px; font-size: 17px;}
	.sequence-img			{opacity:1; height:auto; margin-top:15px;}
	.sequence-img img	{width:100%; max-width:300px;}	
	.sequence-progress	{top:30px;}
	.sequence-dot			{top: -12px; width: 24px; height: 24px;}

	.history_ceo			{display:block; padding:120px 30px}
	.history_ceo h2		{font-size:42px;}
	.ceo_list				{margin-top:30px}
	.ceo_list				{gap:15px;}

}

/* Mobile */
@media only screen and (max-width: 720px) {	
	.about.history .ax_mv			{height:700px;}

	.timeline h2					{margin-bottom:40px;}
	.timeline ol li					{width:calc(100% / 2); min-height:auto; padding: 20px 0 25px 15px;}
	.timeline ol li h4				{font-size:15px;}
	.timeline ol li p				{font-size:16px;}
/* 
	.about-nav					{padding:5px;}
	.about-nav a					{font-size:12px; padding: 6px 12px; border-radius: 8px;}
	.scroll-up .about-nav.active	{top:64px;} */
	
	.about-nav .page_tab			{justify-content: center}
	.about-nav .page_tab li			{width:auto; flex:1;}
	.about-nav .page_tab a			{display:flex; font-size:13px; border-radius:8px; padding:8px 12px; height: 100%; align-items: center; justify-content: center;}

	.history .page_tab				{padding:5px; flex-wrap:wrap !important;}
	.history .page_tab li			{flex:revert !important;}
	.history .page_tab a			{ font-size:12px; padding: 6px 12px; border-radius: 8px;}

	.history_intro_year		{font-size: 58px;}
	h2.history_intro_title	{font-size: 28px; margin-top:10px;}
	.history_intro_desc		{font-size: 16px; padding:0 30px;}

	.sequence				{padding-top: 160px;}
	/* .scroll-up .sequence	{padding-top: 160px;} */
	.sequence-year			{font-size: 28px;}
	.sequence-title			{margin-top: 5px; font-size: 17px;}
	.sequence-desc			{margin-top: 8px; font-size: 16px;}
	
	.sub_content:has(.history_ceo){background-image:url('/kpc/_img/cont/history_ceo_bg_M.jpg') !important}
	.history_ceo h2		{font-size:28px;}
	.ceo_list				{gap:10px;}
 	.ceo_list > li			{width:calc(50% - 5px) !important}
	.ceo_list > li a		{width:100% !important; padding:20px}
	.ceo_list > li .img img	{width:100%; max-width:116px; margin:0 auto;}
	.ceo_list > li .name		{font-size:17px;}
	.ceo_list > li .name span	{font-size:14px;}
}


/* CEO 메시지 */
/* .about.ceo .mv_img::after				{position:absolute; z-index:1; bottom:10%; left:50%; content:''; width: calc(100% - 60px);  transform: translateX(-50%);  max-width:1420px; height:40px; background:url('/kpc/_img/cont/ceo_sign_kor.svg') no-repeat left 30px bottom; padding: 0 30px;}
 */

.ceo_message							{display:flex; justify-content: space-between; gap:5%; padding: 160px 30px !important;}
.ceo_message .tt						{font-size:42px; font-weight:700; width:45%}
.ceo_message .message					{width:50%;}
.ceo_message .message p					{font-size:22px; font-weight:200;}
.ceo_message .message p + p				{margin-top:30px;}
.ceo_message .message .sign				{position:relative; font-weight:500; text-align:right}
.ceo_message .message .sign strong		{font-size:28px; margin-left:10px;}
.ceo_message .message .sign::after		{position:absolute; z-index:1; bottom:-40px; right:0; content:''; width:120px; height:27px; background:url('/kpc/_img/cont/ceo_sign_kor.svg') no-repeat 50% 50%;}

/* Tablet */
@media only screen and (max-width: 1024px) {
	.about.ceo .mv_img picture img			{background: url('/kpc/_img/cont/ceo_mv_bg.jpg') no-repeat 70% 50%/cover !important;}
	.ceo_message 							{display:block; padding: 100px 30px 140px !important;}
	.ceo_message .tt						{width:100%; font-size:36px; margin-bottom:30px; min-width:300px}
	.ceo_message .message					{width:100%}
	.ceo_message .message p					{font-size:20px;}
	.ceo_message .message .sign strong		{font-size:24px}
	
}

/* Mobile */
@media only screen and (max-width: 720px) {
	.about.ceo .mv_img picture img			{background: url('/kpc/_img/cont/ceo_mv_bg.jpg') no-repeat 90% 50%/cover !important;}

	.ceo_message 							{padding: 60px 15px 100px !important;}
	.ceo_message .tt						{font-size:28px; min-width:100%}
	.ceo_message .message					{width:100%}
	.ceo_message .message p					{font-size:17px;}
	.ceo_message .message p + p				{margin-top:20px;}
	.ceo_message .message .sign strong		{font-size:19px}
	.ceo_message .message .sign::after		{position:absolute; z-index:1; bottom:-40px; right:0; content:''; width:120px; height:27px; background:url('/kpc/_img/cont/ceo_sign_kor.svg') no-repeat 50% 50% / 95px;}


}


/* PR */
.pink_bg				{background:#272E37; color:#fff; padding-top:100px}
.pink_bg:before			{position:absolute; content:''; width:100%; height:100px; border-radius:0 0 100px 100px; background:#fff; top:0; left:0; box-shadow:0px 10px 10px rgba(0,0,0, 0.06);}
.gray_bg + .pink_bg:before,
.gray_bg02 + .pink_bg:before{background:#f5f5f5}
.pink_bg .f_22			{color:rgba(255, 255, 255, 0.7)}

.network .pink_bg h3	{color: #fff;}

.pr_vedio video	{display: block; margin:0 auto; border-radius:30px; width:100%; max-width:1000px;}

.down_o_btn		{display:flex; align-items: center; gap:30px; margin-top:30px;}
.down_o_btn.c	{justify-content: center;}
.down_o_btn.w a	{color:#fff}
.down_o_btn a	{display:inline-block; font-size:18px; color:#333; padding-left:50px; position:relative; transition:0.2s;}
.down_o_btn a:before{position:absolute; content:''; left:0; top:50%; margin-top:-20px; width:40px; height:40px; border-radius:50%; background:#222 url('/kpc/_img/cont/download_w.svg') no-repeat 50% 50%; transition:0.2s;}
.down_o_btn a.g:before{background:#f6f6f6 url('/kpc/_img/cont/download.svg') no-repeat 50% 50%;}
.down_o_btn a:not(:last-child)			{margin-right:30px;}
.down_o_btn a:not(:last-child):after	{position:absolute; content:''; width:1px; height:15px; background:#DDDDDD; right:-30px; top:50%; margin-top:-7px;}
.down_o_btn.w a:not(:last-child):after	{background:rgba(255,255,255,0.2)}

.down_o_btn:not(.w) a:hover			{color:var(--Primary)}
.down_o_btn a:hover:before	{background:var(--Primary) url('/kpc/_img/cont/download_w.svg') no-repeat 50% 50%}

.pr_ci .pink_bg .content{display:flex; align-items: center; justify-content: space-between;}
.pr_ci .pink_bg p		{color:rgba(255, 255, 255, 0.7)}
.pr_ci .pink_bg .h2_wrap{width:60%;}
.pr_ci .pink_bg .ci_img	{width:40%;}

.pr_ci .img				{background:#fff; border-radius:20px; display:flex; align-items: center; justify-content: center; padding:100px 50px; max-height:370px; height:25vw}
.pr_ci .img.line		{border:solid 1px #eee;}
.pr_ci .img img			{max-width:fit-content; width:100%;}

.ci_flex				{display:flex;}
.ci_flex + .ci_flex		{margin-top:130px;}
.ci_flex h3				{width:20%; padding-right:50px}
.ci_flex .ci_content	{width:80%;}

.ci_flex  h4			{font-size:28px; margin-bottom:15px;}
.ci_flex .f_22			{color:#777}
.ci_flex .flex			{display:flex; justify-content: space-between; gap:50px;}
.ci_flex .flex.thr		{gap:30px}
.ci_flex .flex.thr .img	{max-height:320px;}
.ci_flex .flex .box		{width:100%;}
.ci_flex .txt			{margin-top:40px;}
.ci_flex .txt p + p		{margin-top:20px;}

.ci_flex .red_tt		{color:var(--Primary-800); font-size:24px; font-weight:600; margin:20px 0 5px}
.ci_flex .slogan .box	{display:flex; flex-direction: column; justify-content: center; padding-bottom:60px}

.ci_flex .color_flex				{display:flex; gap:20px; margin-top:30px;}
.ci_flex .color_flex .box			{flex:1; min-height:300px; border-radius:20px; padding:35px; display:flex; flex-direction: column; justify-content: space-between; color:#fff;}
.ci_flex .color_flex .box.red		{background:var(--Primary);}
.ci_flex .color_flex .box.salmon	{background:#F3776F;}
.ci_flex .color_flex .box.gray		{background:#808285;}
.ci_flex .color_flex .box.w			{background:#fff; border:solid 1px #ddd; color:#222}

.ci_flex .color_flex .box .tt		{font-size:24px; font-weight:600}
.ci_flex .color_flex .box p			{font-size:22px; font-weight:500}
.ci_flex .color_flex .box.w .code	{color:#888}

/* Tablet */
@media only screen and (max-width: 1024px) {
	.pink_bg				{padding-top:80px}
	.pink_bg:before			{height:80px; border-radius:0 0 80px 80px;}

	.down_o_btn a						{font-size:16px;}

	.pr_vedio .down_o_btn				{display:grid; grid-template-columns: repeat(2, 1fr);}
	.pr_vedio .down_o_btn a				{margin:0;}
	.pr_vedio .down_o_btn a:before		{position:relative; display:inline-block; margin: -10px 10px 0 -60px; top: revert; vertical-align: top;}
	.pr_vedio .down_o_btn a:after		{right:-15px;}
	.pr_vedio .down_o_btn a:nth-child(2):after	{display:none;}
	
	.pr_ci .pink_bg .content	{gap:5%;}
	.pr_ci .pink_bg .h2_wrap	{width:50%;}
	.pr_ci .pink_bg .ci_img		{width:45%;}

	.ci_flex				{display:block;}
	.ci_flex + .ci_flex		{margin-top:100px;}
	.ci_flex h3				{width:100%; padding-right:0; margin-bottom:20px;}
	.ci_flex .ci_content	{width:100%;}
	
	.ci_flex h4				{font-size:22px; margin-bottom:10px;}
	
	.ci_flex .flex.grid .img			{padding:80px 0}
	.ci_flex .flex.slogan 				{flex-direction: column; gap:30px;}
	.ci_flex .flex.slogan .img			{min-height:fit-content; padding:50px 30px;}
	.ci_flex .flex.slogan .box			{padding:0;}
	.ci_flex .red_tt					{font-size:22px;}
	.ci_flex .flex,
	.ci_flex .flex.thr					{gap:10px;}
	

	.ci_flex .color_flex				{flex-wrap:wrap; gap:10px;}
	.ci_flex .color_flex .box			{flex:revert; width:calc(50% - 5px)}
	.ci_flex .color_flex .box .tt		{font-size:22px;}
	.ci_flex .color_flex .box p			{font-size:18px;}
}

/* Mobile */
@media only screen and (max-width: 720px) {
	.pink_bg				{padding-top:60px}
	.pink_bg:before			{height:60px; border-radius:0 0 30px 30px;}
	
	.hidden_txt				{display:none;}
	.down_o_btn a			{font-size:15px; padding-left:40px;}
	.down_o_btn a:before	{width:34px; height:34px; background-size:18px;}
	.down_o_btn a:after		{display:none;}
	
	.pr_ci .img							{padding:80px 40px}
	.pr_ci .pink_bg .content			{display:block;}
	.pr_ci .pink_bg .h2_wrap			{width:100%;}
	.pr_ci .pink_bg .ci_img				{width:100%;}
	.pr_ci .pink_bg .ci_img	img			{max-width:300px;}
	.pr_ci .pink_bg .down_o_btn			{flex-wrap:wrap; align-items: flex-start;}
	.pr_ci .pink_bg .down_o_btn a		{margin:0;}

	.ci_flex + .ci_flex		{margin-top:80px;}
	.ci_flex .flex,
	.ci_flex .flex.thr		{flex-direction: column; gap:40px}
	.ci_flex h4				{font-size:19px;}

	.ci_flex .flex.slogan .img			{padding:30px;}
	.ci_flex .red_tt					{font-size:19px;}
	
	.ci_flex .color_flex .box			{width:100%; min-height:160px; padding:25px;}
	.ci_flex .color_flex .box .tt		{font-size:17px;}
	.ci_flex .color_flex .box p			{font-size:15px;}
}

/* 네트워크 */
.net_map													{display:flex; position:relative; gap:60px;}
.net_map .img												{width:100%; position:sticky; top:70px; height:fit-content;}
.scroll-up .net_map .img									{top:130px}
.net_map .img img											{width:100%; max-width:fit-content}
.net_map .net_info											{width:100%; margin-top: 30px;}
.net_map .net_info h4										{font-size:28px; font-weight:600; margin:50px 0 15px;}
.line_ul_info												{border-top:solid 2px #222;}
.line_ul_info .w50											{width:50%;}
.line_ul_info > li											{display:flex; align-items: center; border-bottom:solid 1px #ddd; padding:20px;}
.line_ul_info > li p.th										{font-size:18px; font-weight:500; width:120px;}
.line_ul_info > li .td										{font-size:18px; font-weight:300; width:calc(100% - 120px); color:#777}
.line_ul_info > li .td.flex									{display:flex;}

.network .content			{padding: 60px 30px;}
.network .tab_box           {margin:0px auto 80px;}
.network .tab_box li a      {font-size: 20px; height: 80px;}
.network .tab_box li.on a   {font-weight: 600;}
.network .net_wrap			{margin:60px 0; text-align:center; width: 100%;}
.network .h2_wrap.w			{color:#fff;}
		
.swiper_w100												{width:100%; overflow:hidden; padding:160px 8.33vw;}
.about_swiper .swiper-wrapper								{gap: 50px; cursor: none;}
.about_swiper .swiper-wrapper .swiper-slide					{width: 32.3vw; height:revert; overflow: hidden;} 
.about_swiper .swiper-wrapper .item							{display: flex; flex-direction: column; justify-content: space-between; width:100%; min-height: 22.4vw;  background:#f6f6f6; padding: 60px 50px; border-radius: 20px; position: relative; transition:0.2s;}
.about_swiper .swiper-wrapper .item .icon_container			{display: flex; justify-content: flex-end; margin:-20px -10px 0 0}
.about_swiper .swiper-wrapper .item .icon_container .hover	{display:none;}
.about_swiper .swiper-wrapper .item > div					{z-index:1;}
.about_swiper .swiper-wrapper .item .icon_container img		{width: 100%; max-width: 150px;} 
.about_swiper .swiper-wrapper .item .text_container .tt		{color:#222; font-size: 24px; font-weight: 600; margin-bottom: 15px;} 
.about_swiper .swiper-wrapper .item .text_container	.num	{display:block; margin-bottom:8px; font-size:16px; font-weight:700; color:var(--Primary)}
.about_swiper .swiper-wrapper .item .text_container .num.blue	{color:var(--Secondarty)}
.about_swiper .swiper-wrapper .item .text_container .num.green	{color:var(--Tertiary)}
.about_swiper .swiper-wrapper .item .text_container	.num.blue02	{color:#2F38DE}
.about_swiper .swiper-wrapper .item .text_container	.num.purple	{color:#B805A5}
.about_swiper .swiper-wrapper .item .text_container .desc	{color:#888; font-size:19px;} 

.about_swiper .swiper-wrapper .item:hover							{background:#272E37;}
.about_swiper .swiper-wrapper .item:hover .text_container .tt,
.about_swiper .swiper-wrapper .item:hover .text_container .num	{color:#fff; }
.about_swiper .swiper-wrapper .item:hover .text_container .desc		{color:rgba(255, 255, 255, 0.7); }
.about_swiper .swiper-wrapper .item:hover .icon_container .default	{display:none;}
.about_swiper .swiper-wrapper .item:hover .icon_container .hover	{display:block;}

.cursor_hover			{position: fixed; top:50%; left:50%; transform: translate(-50%, -50%); width:20px; height:20px; border-radius:50%; background:#272E37; transition:width .3s ease, height .3s ease, opacity .3s ease; z-index:9999; opacity:0; user-select: none; pointer-events: none;}
.cursor_hover:after		{position:absolute; content:''; width:100%; height:100%; top:50%; left:50%;  transform: translate(-50%, -50%); background:url('/kpc/_img/cont/icon-drag.svg') no-repeat 50% 50%; }
.cursor_hover.drag		{cursor: none; opacity:1; pointer-events: none;  width:120px; height:120px; border-radius:50%; border:solid 1px #272E37; background:rgba(255, 255, 255, 0.8); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); transition:width .3s ease, height .3s ease, opacity .3s ease; display:inline-block; z-index:9999}


/* Tablet */
@media only screen and (max-width: 1024px) {
	
	.net_map								{display:block;}
	.scroll-up .net_map .img				{top:0}
	.net_map .img							{position:relative; top:revert; text-align:center;}
	.net_map .img img						{width:75%;}
	.net_map .net_info h4					{font-size:24px;}
	.line_ul_info > li p.th					{font-size:17px;}
	.line_ul_info > li .td					{font-size:17px;}
	
	.network .content		{padding: 60px 25px;}
	.network  .tab_box   	{margin:0px auto 60px;}
    .network  .tab_box li   {width: 50%;}
    .network .tab_box li a	{height: 50px;}
    .network .net_wrap		{margin:0 0 20px;}
    
    
	.swiper_w100												{padding:120px 30px;}
	.about_swiper .swiper-wrapper								{gap: 15px;}
	.about_swiper .swiper-wrapper .swiper-slide					{width: 42vw;} 
	.about_swiper .swiper-wrapper .item							{height: 100%; padding: 50px 40px;}
	.about_swiper .swiper-wrapper .item .icon_container img		{max-width: 80px;} 
	.about_swiper .swiper-wrapper .item .text_container .tt		{font-size: 21px; margin-bottom: 12px;} 
	.about_swiper .swiper-wrapper .item .text_container	.num	{font-size:15px;}
	.about_swiper .swiper-wrapper .item .text_container .desc	{font-size:17px;} 
	
	.cursor_hover:after		{background-size:60%;}
	.cursor_hover.drag		{width:100px; height:100px;}
}

/* Mobile */
@media only screen and (max-width: 720px) {
	.net_map .img img							{width:100%;}
	.net_map .net_info h4						{font-size:19px; margin:40px 0 10px;}
	
	.line_ul_info .w50							{width:50%;}
	.line_ul_info > li							{display:block; padding:12px 15px;}
	.line_ul_info > li p.th						{width:100%; font-size:16px; margin-bottom:5px;}
	.line_ul_info > li .td						{width:100%; font-size:16px;}
	
	
	.network .content						{padding: 40px 15px;}
	.network .net_wrap h2.servi_h3					{margin-bottom:5px;}
	.network .tab_box li a                {font-size: 16px; height: 45px;}
	
	.swiper_w100												{padding:50px 15px 80px;}
	.about_swiper .swiper-wrapper								{gap: 10px;}
	.about_swiper .swiper-wrapper .swiper-slide					{width: 70vw;} 
	.about_swiper .swiper-wrapper .item							{padding: 40px 30px;}
	.about_swiper .swiper-wrapper .item .icon_container			{margin:-10px -10px 0 0}
	.about_swiper .swiper-wrapper .item .icon_container img		{max-width: 60px;} 
	.about_swiper .swiper-wrapper .item .text_container .tt		{font-size: 18px; margin-bottom: 10px;} 
	.about_swiper .swiper-wrapper .item .text_container	.num	{margin-bottom:5px; font-size:14px;}
	.about_swiper .swiper-wrapper .item .text_container .desc	{font-size:16px;} 
	
	.cursor_hover:after		{background-size:60%;}
	.cursor_hover.drag		{width:100px; height:100px;}
}

/* mou */
.client_case h2									{color:#fff;}
.client_case:has(.mouList) .sticky				{width:35%;}
.client_case .list_wrap:has(.mouList)			{max-width:880px}
.client_case .list_wrap .mouList				{width:100%;}
.client_case .list_wrap .mouList > li:nth-child(2)	{margin-top:200px;}

.mouList					{/* display:flex; flex-direction: column; *//*  display:grid; grid-template-columns: repeat(2, minmax(0,1fr)); */ gap:50px;}
.mouList > li				{width:50%; padding:25px;}
.mouList > li > a			{display:block; backdrop-filter: blur(11px); -webkit-backdrop-filter: blur(11px); background-color: rgba(255, 255, 255, 0.04); box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.06); border-radius:10px; overflow:hidden;}

.mouList .img				{background-color:#fff; padding:40px 20px; min-height:140px; text-align:center; display:flex; flex-direction: column; justify-content: center; align-items: center; transition:0.7s cubic-bezier(0.4, 0.2, 0.2, 1);}
.mouList .img img			{width:100%; /* opacity:0; transform:translateY(20px); */ max-width:fit-content; transition:0.7s cubic-bezier(0.4, 0.2, 0.2, 1);}

.mouList .mou_info			{background-color:#272E37;padding:25px;width:100%; min-height:180px; position:relative;transition:0.7s cubic-bezier(0.4, 0.2, 0.2, 1);display: flex;flex-direction: column;justify-content: center;}
.mouList .tit				{font-size:24px; font-weight:700; color:#fff;}
.mouList .txt				{font-size:18px; font-weight:100; color:rgba(255, 255, 255, 0.8)}
.mouList .loc_date			{color:rgba(255, 255, 255, 0.8); font-size:18px; font-weight:100; margin-top:20px;}
.mouList .loc_date span		{display:inline-block; /* transition:0.7s cubic-bezier(0.4, 0.2, 0.2, 1); */}
.mouList .loc				{margin-right:20px;}
.mouList .date				{/* opacity:0; transform:translateY(20px); */}
.mouList .loc::before		{content:url('/kpc/_img/cont/local.svg'); display:inline-block; margin:2px 5px 0 0; vertical-align:top;}
.mouList .date::before		{content:url('/kpc/_img/cont/date_w.svg'); display:inline-block; margin:2px 5px 0 0; vertical-align:top;}

/* .mouList > li > a:hover .img		{background-color:#fff;}
.mouList > li > a:hover .img img,
.mouList > li > a:hover	.date		{opacity:1; transform:translateY(0);}
.mouList > li > a:hover .mou_info	{background-color:#272E37;}
.mouList > li > a:hover .txt		{color:rgba(255, 255, 255, 0.7)} */

/* Tablet */
@media only screen and (max-width: 1024px) {
	.client_case:has(.mouList) .sticky		{width:100%;}
	.client_case .list_wrap:has(.mouList)	{margin-top:30px;}
	
	.mouList					{gap:30px;}
	.mouList > li				{padding:10px;}
	.mouList > li > a			{background-color: rgba(255, 255, 255, 0.06);}
	.mouList .img				{min-height:120px;}
	.mouList .img img			{opacity:1;}
	.mouList .mou_info			{padding:20px;}
	.mouList .tit				{font-size:21px; margin-bottom:5px;}
	.mouList .txt				{font-size:17px;}
}

/* Mobile */
@media only screen and (max-width: 720px) {
	.mouList					{gap:10px; grid-template-columns: repeat(1, minmax(0,1fr));}
	
	.mouList > li				{width:100%; padding:5px 0; margin-top:0 !important;}
	.mouList .mou_info			{min-height:revert; display:block;}
	.mouList .img				{min-height:revert; padding:30px 15px;}
	.mouList .img img			{width:80%}
	.mouList .tit				{font-size:19px;}
	.mouList .txt				{font-size:16px;}
	.mouList .loc_date			{font-size:15px;}
}

/* apo */
.apo_flex				{display:flex; gap:6%; flex-wrap: wrap; padding-bottom:100px !important; justify-content: center;}
.apo_flex .img			{width:37%}
.apo_flex .img img		{border-radius:0 100px 0 0; width:100%; max-width:fit-content;}
.apo_flex .apo_intro									{width:57%; display:flex; flex-direction: column; justify-content: space-between; padding:30px 0; align-items: flex-start;}
.apo_flex .apo_intro .h2_wrap p + p						{margin-top:25px}
.apo_flex .apo_intro .bottom_txt .logo					{margin-bottom:20px;}
.apo_flex .apo_intro .bottom_txt p:not(:last-child)		{margin-bottom:10px;}

.apo_flex .apo_flex2	{display: flex; gap: 6%;}

.sub_content.apo .content	{padding:80px 30px;}
.sub_content.apo .round_btn	{margin-top:30px;}
.sub_content.apo h3			{font-size:48px;}
.sub_content.apo h3 span	{font-weight:100;}
.sub_content.apo .h3_cate	{color:#A9A9A9; font-size:24px;}

/* pink 원 */
.pink_bg .circle_ani					{display:flex; align-items: center; justify-content: center;}
.pink_bg .circle_ani .circle			{width:29%; border:dashed 1px #ffffff80; color:#fff; border-radius:50%; background:rgba(255, 255, 255, 0.1); backdrop-filter: blur(11px); -webkit-backdrop-filter: blur(11px); aspect-ratio: 1 / 1; display:flex; flex-direction: column; align-items: center; justify-content: center; transition: 0.6s ease-in-out;}
.pink_bg .circle_ani .circle + .circle	{margin-left:-40px;}
.pink_bg .circle_ani .circle strong		{font-size:54px; display:block;}
.pink_bg .circle_ani .circle span		{font-size:20px;}

.pink_bg .circle_ani .circle:first-child			{transform:translateX(calc(100% - 40px));}
.pink_bg .circle_ani.active .circle:first-child		{transform:translateX(0)}

.pink_bg .circle_ani .circle:last-child				{transform:translateX(calc(-100% + 40px));}
.pink_bg .circle_ani.active .circle:last-child		{transform:translateX(0)}

/* wave */
.about-wave						{position:relative; overflow:hidden;}
.about-wave .wave				{position:absolute; top: 360px; left: 50%; transform:translateX(-50%); width: 100%; z-index: -1; opacity: 0.3;} 
.about-wave .wave img			{width:100%;}
.wave-commerce					{display:flex; height:100vh; /* width:570vw; */}
.wave-commerce .panel .content	{display:flex !important; justify-content: space-between; width:100%; padding-bottom:50px;}
.wave-commerce .panel .txt_box	{display: flex; flex-direction: column; justify-content: flex-end; gap:100px;}
.wave-commerce .panel .panel-stxt{min-height:150px}
.wave-commerce .panel .f_22			{color:#666;}

.sub_content .about-wave .h3_cate	{margin-bottom:0;}
.sub_content .about-wave h3			{font-size:60px;}
.wave-commerce .panel .count		{margin-top:40px; color:#999; font-size:14px;}
.wave-commerce .panel .count b		{color:#222}
.wave-commerce .panel .img img		{width:100%; max-width:fit-content;}

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

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


/* Tablet */
@media only screen and (max-width: 1024px) {
	.apo_flex .img img		{border-radius:0 60px 0 0;}
	.apo_flex .apo_intro	{padding:0;}
	.apo_flex .apo_intro .h2_wrap p + p	{margin-top:20px}
	.apo_flex .apo_intro .bottom_txt .logo img{width:100px}
	
	.apo_flex				{gap: 0; padding-bottom:80px}
	.apo_flex .apo_flex2	{gap: 50px;}

	.sub_content.apo .content	{padding:40px 30px;}
	.sub_content.apo h3			{font-size:38px;}
	.sub_content.apo h3 span	{font-weight:100;}
	.sub_content.apo .h3_cate	{color:#A9A9A9; font-size:21px;}

	/* pink 원 */
	.pink_bg .circle_ani .circle			{width:35%;}
	.pink_bg .circle_ani .circle + .circle	{margin-left:-20px;}
	.pink_bg .circle_ani .circle strong		{font-size:38px;}
	.pink_bg .circle_ani .circle span		{font-size:19px;}

	/* wave */
	.about-wave .wave				{top: 28%;} 
	.about-wave .wave img			{width:120%;}
	.wave-commerce					{/* width:fit-content; */ width:revert; height:auto;}
	.wave-commerce .panel .content	{/* flex-direction: column; */ padding-bottom:120px;}
	.wave-commerce .panel .txt_box	{gap:100px; padding-bottom: 5%; width:540px}
	.wave-commerce .panel .img		{width:40%}
	.sub_content .about-wave h3		{font-size:42px;}
	.wave-commerce .slick-dots		{bottom:80px;}
}

/* Mobile */
@media only screen and (max-width: 720px) {
	.apo_flex				{flex-direction: column; padding-bottom:50px}
	.apo_flex .img			{display:none;}
	.apo_flex .apo_intro						{width:100%;}
	.apo_flex .apo_intro .bottom_txt 			{position:relative; padding:20px; border-radius:10px; background:rgba(0, 0, 0, 0.05)}
	.apo_flex .apo_intro .bottom_txt .logo		{position:absolute; left:0; top:0; display:none;}
	.apo_flex .apo_intro .bottom_txt .logo img	{width:60px}

	/* .apo_intro .round_btn		{width:100%;} */

	.sub_content.apo .content	{padding:20px 15px;}
	.sub_content.apo .h3_cate	{font-size:18px;}
	.sub_content.apo h3			{font-size:24px;}

	/* pink 원 */
	.pink_bg .circle_ani					{flex-direction: column;}
	.pink_bg .circle_ani .circle			{width:100%; max-width:270px;}
	.pink_bg .circle_ani .circle + .circle	{margin-left:0; margin-top:-50px;}

	.pink_bg .circle_ani .circle:first-child,
	.pink_bg .circle_ani .circle:last-child				{transform:revert;}

	.pink_bg .circle_ani .circle strong		{font-size:28px;}
	.pink_bg .circle_ani .circle span		{font-size:17px;}
	
	.network .pink_bg .circle_ani			{flex-direction: revert; flex-wrap:wrap; padding-left:50px; margin-top:80px;}
	.network .pink_bg .circle				{margin-top:-50px; margin-left:-50px !important;}

	/* wave */
	.about-wave .wave				{top:20%} 
	.about-wave .wave img			{width:280%;}
	.wave-commerce					{height:revert; flex-direction: column; margin: 0 auto;}
	.wave-commerce .slick-track		{display:flex;}
	.wave-commerce .panel .content	 {flex-direction: column; padding-bottom:80px;}
	.wave-commerce .panel .txt_box	{width:100%; max-width:540px; gap:20px; padding-bottom:30px;}
	.wave-commerce .panel .img		{width:100%; order:-1; margin-bottom:30px;}
	.wave-commerce .panel .panel-stxt		{min-height:revert;}
	.wave-commerce .panel .panel-stxt br	{display:none;}
	.sub_content .about-wave h3		{font-size:32px;}
}

/* 서비스 원 */
.system_sect					{overflow: hidden;}
.system_sect .cont				{width:50vw; max-width:800px; margin:100px auto -270px; position: relative;}
.system_sect .cont .cir_wrap	{padding-top: 100%; transition: transform 0.5s linear;}
	
.system_sect .cont .cir_wrap .cir_line {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.system_sect .cont .cir_wrap .cir_line img	{width:100%;}
.system_sect .cont .cir_wrap .cir_bg { position: absolute; left: 50%; top: 50%; width: 85%; height: 85%; transform: translate(-50%,-50%) ;background:#e9e9e9 /* radial-gradient(circle,rgba(230,230,230,0),rgba(230,230,230,1)) */; border-radius: 50%;}

.system_sect .cont.num1 .light_txt .copy_txt span.num1,
.system_sect .cont.num2 .light_txt .copy_txt span.num2,
.system_sect .cont.num3 .light_txt .copy_txt span.num3,
.system_sect .cont.num4 .light_txt .copy_txt span.num4,
.system_sect .cont.num5 .light_txt .copy_txt span.num5,
.system_sect .cont.num6 .light_txt .copy_txt span.num6,
.system_sect .cont.num7 .light_txt .copy_txt span.num7	{background:#272E37;background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent; opacity: 1;}

.system_sect .cont.num1 .cir_wrap {transform: rotate(-160deg);}
.system_sect .cont.num2 .cir_wrap {transform: rotate(-135deg);}
.system_sect .cont.num3 .cir_wrap {transform: rotate(-100deg);}
.system_sect .cont.num4 .cir_wrap {transform: rotate(-60deg);}
.system_sect .cont.num5 .cir_wrap {transform: rotate(-20deg);} 
.system_sect .cont.num6 .cir_wrap {transform: rotate(10deg);}
.system_sect .cont.num7 .cir_wrap {transform: rotate(40deg);}

.system_sect .cont .txt_wrap				{position: absolute; left: 0; top: 0; width: 100%; height: 100%;}

.system_sect .cont .light_txt				{text-align:center; width:100%; font-size: clamp(50px, 90px, 5vw); font-weight: 700; color: #fff; position: absolute; left: 50%; bottom: 30%; transform: translateX(-50%); color: #fff;}
.system_sect .cont .light_txt::after		{content: attr(data-text); position: absolute; bottom: 0; left: 0;width: 100%; height: 100%; color: transparent; text-shadow: 0 0 12px rgba(255,255,255,0.9); pointer-events: none;}
.system_sect .cont .light_txt .h3_cate		{margin-bottom:0; color:#272E37;}
.system_sect .cont .light_txt span			{display:inline-block; transition:  0.3s ease-in-out;}
.system_sect .cont .light_txt .copy_txt		{position: absolute; left: 0; bottom: -27px; width: 100%; height: 100%; z-index: 2;}
.system_sect .cont .light_txt .copy_txt span {opacity: 0; transition: opacity 0.3s ease-in-out}


.system_sect .cont .txt_wrap .txt_cont			{text-align:center; position: absolute; width:50%; color: rgba(0,0,0,0.3); font-weight: 700; font-size:20px; display: flex; flex-direction: column; align-items: center; justify-content: center; transition: color 0.3s ease-in-out;}
.system_sect .cont .txt_wrap .txt_cont.left 	{text-align:right; align-items: flex-end;}
.system_sect .cont .txt_wrap .txt_cont.right	{text-align:left; align-items: flex-start;}
.system_sect .cont .txt_wrap .txt_cont .num		{font-weight: 700; font-size: 16px; margin-bottom:10px; width: 35px; height: 35px; background-color: #fff; color: rgba(0,0,0,0.2); display: flex; align-items: center; justify-content: center; border-radius: 50%; transition: color 0.3s ease-in-out , background-color 0.3s ease-in-out;}

.system_sect .cont .txt_wrap .txt_cont.active		{z-index: 5; color: #222;}
.system_sect .cont .txt_wrap .txt_cont.active .num	{color: #fff; background-color:#272E37;}

.system_sect .cont .txt_wrap .txt_cont.num1		{left: -52%;bottom: 35%;}
.system_sect .cont .txt_wrap .txt_cont.num2		{left: -50%;top: 29%;}
.system_sect .cont .txt_wrap .txt_cont.num3		{left: -30%;top: 1%;}
.system_sect .cont .txt_wrap .txt_cont.num4		{left: 50%; top: -11%; transform:translateX(-50%); width:100%;}
.system_sect .cont .txt_wrap .txt_cont.num5		{right: -30%;top: 1%;}
.system_sect .cont .txt_wrap .txt_cont.num6		{right: -50%;top: 29%;}
.system_sect .cont .txt_wrap .txt_cont.num7		{right: -52%;bottom: 35%;}

@media only screen and (max-width: 1200px) {
	.system_sect .cont							{margin-bottom:-17vw;}
	.system_sect .cont .txt_wrap .txt_cont		{width:18vw}
	.system_sect .cont .txt_wrap .txt_cont.num1,
	.system_sect .cont .txt_wrap .txt_cont.num7	{bottom:30%;}
	.system_sect .cont .txt_wrap .txt_cont.num4	{top: -17%;}
}

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

	.system_sect .cont				{width:56vw; margin:80px auto -20vw}
	.system_sect .cont .light_txt .copy_txt		{bottom:-26px;}
	.system_sect .cont .txt_wrap .txt_cont		{font-size:18px;}
	.system_sect .cont .txt_wrap .txt_cont .num	{font-size:16px;}

	.system_sect .cont .txt_wrap .txt_cont.num1		{left: -40%; bottom: 30%;}
	.system_sect .cont .txt_wrap .txt_cont.num2		{left: -40%;}
	.system_sect .cont .txt_wrap .txt_cont.num3		{left:-27%; top: -2%; width:25vw;}
	.system_sect .cont .txt_wrap .txt_cont.num5		{width:25vw;}
	.system_sect .cont .txt_wrap .txt_cont.num6		{right: -40%; top: 25%;}
	.system_sect .cont .txt_wrap .txt_cont.num7		{right: -40%; bottom: 30%;}
}

/* Mobile */
@media only screen and (max-width: 720px) {
	.system_sect .cont							{width:100%; margin:0}
	.system_sect .cont	.cir_wrap				{display:none;}
	.system_sect .cont .light_txt				{position:revert; transform: translateX(0); font-size:32px; margin-bottom:20px;}
	.system_sect .cont .light_txt span			{text-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
	.system_sect .cont .light_txt .copy_txt		{bottom:-21px;}
	.system_sect .cont .txt_wrap				{position:revert; display:flex; flex-wrap:wrap; gap:10px;} 
	.system_sect .cont .txt_wrap .txt_cont.left, 
	.system_sect .cont .txt_wrap .txt_cont.right{text-align:left; }

	.system_sect .cont .txt_wrap .txt_cont		{font-size:16px; position:revert; transform:revert !important; justify-content: flex-start; align-items: center !important; flex-direction:row; width:calc(50% - 5px) !important; gap:8px; padding:15px; border-radius:5px; background:#e9e9e9}
	.system_sect .cont .txt_wrap .txt_cont .num	{font-size:14px; width:30px; min-width:30px; height:30px; order:-1 !important; margin:0;}

	.system_sect .cont.num1 .txt_cont.num1,
	.system_sect .cont.num2 .txt_cont.num2,
	.system_sect .cont.num3 .txt_cont.num3,
	.system_sect .cont.num4 .txt_cont.num4,
	.system_sect .cont.num5 .txt_cont.num5, 
	.system_sect .cont.num6 .txt_cont.num6,
	.system_sect .cont.num7 .txt_cont.num7 {background:#fff}
}


@media only screen and (max-width: 420px) {
	.system_sect .cont .txt_wrap .txt_cont{width:100% !important}
}	

/* esg */
.esg					{background:#fff;}
.esg .about_wrap h3		{font-size:42px; margin-bottom:15px;}
.esg .about_wrap h4		{font-size:28px; margin:40px 0 10px;}
.esg .about_wrap .f_22	{color:#666;}

.esg_rule					{margin-top:140px; width:fit-content; margin:0 auto; position:relative; }
.esg_rule .esg_circle_bg	{position:relative; text-align:center;  color:#fff; font-size:20px; font-weight:100; margin:180px 0 20px;}
/* .esg_rule .esg_circle_bg::before{position:absolute; z-index:0; content:''; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); width:calc(100% + 60px); height:calc(100% + 60px); border-radius:200px; background:var(--Tertiary-50)} */
.esg_rule .esg_circle_bg > p	{position:relative; z-index:1; background:#439C43CC; border-radius:180px; border:solid 30px #f6f6f6; padding: 50px; min-width:600px; min-height:390px; display:flex; align-items: center; flex-direction: column; justify-content: center;}
.esg_rule .esg_circle_bg > p b	{font-weight:600;}
.esg_rule .esg_circle_bg img{margin-bottom:10px;}

.esg_circle	> li				{width:21vw; display: flex; flex-direction: column; position:absolute; z-index:1;}
.esg_circle	> li .tt			{font-size:20px; font-weight:500; color:#222; background:rgba(255, 255, 255, 0.4); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); border-radius:50%; text-align:center; min-width:178px; width:178px; min-height:178px; height:178px; border:dotted 2px var(--Tertiary-700); display:flex; align-items: center; flex-direction: column; justify-content: center;}
.esg_circle	> li .tt strong		{font-size:52px; font-weight:700; color:#222;}
.esg_circle	> li .tt strong,
.esg_circle	> li .st b span		{color:var(--Tertiary)}
.esg_circle	> li.s .tt strong,
.esg_circle	> li.s .st b span	{color:var(--Tertiary)}
.esg_circle	> li.g .tt strong,
.esg_circle	> li.g .st b span	{color:var(--Tertiary)}
.esg_circle	> li .st			{font-size:20px; color:#777; margin-top:15px; text-align:left; font-weight:300;}
.esg_circle	> li .st b			{display:block; font-size:28px; color:#222;}

.esg_circle	> li.e .st,
.esg_circle	> li.ee .st			{text-align:right;}

.esg_circle	> li.e				{top:calc(50% - 90px); right:calc(100% - 70px); align-items: flex-end;}
.esg_circle	> li.e .st			{margin-right:30px}

.esg_circle	> li.g				{top:calc(50% - 90px); left:calc(100% - 70px);}
.esg_circle	> li.g .st			{margin-left:30px}

.esg_circle	> li.ee				{top:calc(100% - 70px); left:calc(50% - 90px); align-items: center; flex-direction: row;}
.esg_circle	> li.ee .st			{position:absolute; margin-top: 50%; right: 95%; width: 20vw;}

.esg_circle	> li.s				{bottom:calc(100% - 70px); left:calc(50% - 90px); align-items: center;  flex-direction: row; gap:20px}
.esg_circle	> li.s .st			{margin-bottom:60px;}

.line_box_list		{display:grid; grid-template-columns: repeat(4, minmax(0,1fr)); text-align:center; gap:10px;}
.line_box_list > li	{border:solid 3px rgba(0, 0, 0, 0.07); padding:20px; border-radius:10px; font-size:19px; font-weight:700; color:#222;}


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

	.esg .about_wrap h3		{font-size:30px; margin-bottom:12px;}
	.esg .about_wrap h4		{font-size:24px; margin:30px 0 10px;}

	.esg_rule					{margin-top:120px; padding:0 14%}
	.esg_rule .esg_circle_bg	{font-size:19px; margin:120px 0 20px;}
	.esg_rule .esg_circle_bg > p	{min-width:revert; padding:40px; min-height:320px;}

	.esg_circle	> li				{width:auto}
	.esg_circle	> li .tt			{font-size:18px; min-width:128px; width:128px; min-height:128px; height:128px; }
	.esg_circle	> li .tt strong		{font-size:40px; line-height:1; display:block;}
	.esg_circle	> li .st			{font-size:18px; margin-top:10px;}
	.esg_circle	> li .st b			{font-size:24px;}

	.esg_circle	> li.e				{right: calc(100% - 60px); top:calc(50% - 70px);}

	.esg_circle	> li.g				{left: calc(100% - 60px); top:calc(50% - 70px);}

	.esg_circle	> li.ee				{left: calc(50% - 60px); top:calc(100% - 60px);}
	.esg_circle	> li.ee .st			{margin-top: 55%; right: 105%;}

	.esg_circle	> li.s				{left: calc(50% - 60px); bottom:calc(100% - 60px); width:40vw}

	.line_box_list > li				{display:flex; align-items: center; justify-content: center; font-size:17px; padding:18px;}

}

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

	.esg .about_wrap h3		{font-size:24px; margin-bottom:10px;}
	.esg .about_wrap h4		{font-size:19px; margin:30px 0 8px;}

	.esg_rule						{padding:0; margin-top:50px;}
	.esg_rule .esg_circle_bg		{font-size:16px; margin:0;}
	.esg_rule .esg_circle_bg::before{display:none;}
	.esg_rule .esg_circle_bg > p	{min-width:revert; padding:30px; min-height:auto; border:solid 20px #f6f6f6; display:block;}
	.esg_rule .esg_circle_bg > p img	{width:40px; display:block; margin:0 auto 15px;}
	
	.esg_circle						{display:grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap:10px; margin-top:15px;}
	.esg_circle	> li				{position:revert; flex-direction: column !important; align-items: center !important; gap:15px !important; width:100% !important;}
	.esg_circle	> li .tt			{font-size:15px; min-width:88px; width:88px; min-height:88px; height:88px; }
	.esg_circle	> li .tt strong		{font-size:28px;}
	.esg_circle	> li.s .tt			{border-color:var(--Tertiary)}
	.esg_circle	> li.e .tt			{border-color:var(--Tertiary)}
	.esg_circle	> li.ee .tt			{border-color:var(--Tertiary)}
	.esg_circle	> li.g .tt			{border-color:var(--Tertiary)}

	.esg_circle	> li .st			{font-size:15px; margin:0 !important; position:revert !important; text-align:center !important; width:100% !important; }
	.esg_circle	> li .st b			{font-size:18px;}
	
	.line_box_list	{grid-template-columns: 1fr 1fr; gap:5px;}
	.line_box_list > li{font-size:16px; padding:12px 10px;}

}	

@media only screen and (max-width: 520px) {
	.esg_circle						{grid-template-columns: 1fr;}
	.esg_circle	> li				{flex-direction: row !important;}
	.esg_circle	> li .st			{text-align:left !important;}

}

/* 간격 있는 테이블 */ 
.gap_table.v_m td	{vertical-align: middle;}
.gap_table			{width:calc(100% + 20px); margin:-10px 0 0 -10px; table-layout:fixed; border-collapse: separate; border-spacing: 10px 10px;}
.gap_table thead + tbody{margin-top:-10px;}
.gap_table th		{/* height:75px;  */color:#fff; background:#557C55; font-size:20px; font-weight:500; vertical-align:middle; padding:18px 20px; border-radius:10px;}
.gap_table .dep2	{color:#222; background:var(--Tertiary-200);}
.gap_table .dep3	{color:#222; background:var(--Tertiary-50); mix-blend-mode:multiply;}

.gap_table.navy th		{background:#172E55;}
.gap_table.navy .dep2	{color:#222; background:#DFDFDF;}
.gap_table.navy .dep3	{color:#222; background:#f0f0f0;}

.gap_table th span	{display:block; font-size:16px; font-weight:300; color:#666}
.gap_table td		{height:75px; color:#333; background:var(--Tertiary-50); font-size:18px; font-weight:400; padding:18px 20px; border-radius:10px; }
.gap_table td.line	{background:none; border:solid 3px #E8DDD6; font-weight:600; color:#222}
.gap_table td.line .flex		{display:flex; align-items: center; gap:15px;}
.gap_table td.line .num			{font-size:24px; font-weight:900; color:#E6D8CE; vertical-align:middle; min-width:fit-content;}
.gap_table td.line.pink			{border-color:var(--Primary-OP-20)}
.gap_table td.line.pink .num	{color:var(--Primary-OP-20);}
.gap_table ul.dot_list			{color:#555; padding-top:0;}
.gap_table td:has(ul.dot_list)	{padding:24px 30px}

.gap_table:has(.gap_table)			{border-spacing:0}
.gap_table td.pd0,
.gap_table td:has(.gap_table)		{padding:0 !important; background:none !important;}
.gap_table .gap_table				{width:calc(100% + 10px); height: 100%; margin:0;}
.gap_table .gap_table td			{height:100%;}
.esg .table_cate							{font-size:16px; color:#777; margin-top:10px;}

/* Tablet */
@media only screen and (max-width: 1024px) {
	.gap_table			{border-spacing: 8px 8px;}
	.gap_table th,
	.gap_table td		{font-size:17px; padding:15px; height:60px}
	.gap_table td:has(ul.dot_list)	{padding:20px}
	

	.gap_table td.line .num{font-size:18px;}
}

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

/* Mobile */
@media only screen and (max-width: 720px) {	
	.gap_table							{border-spacing:5px; width:calc(100% + 10px); margin:-5px 0 0 -5px;}
	.gap_table:not(.no_block)			{border-spacing:0; width:100%; margin-left:0;}
	.gap_table:not(.no_block) colgroup	{display:none;}
	.gap_table:not(.no_block) th,
	.gap_table:not(.no_block) td		{display:block; height:auto}
	.gap_table:not(.no_block) .dep1		{margin-top:15px;}
	.gap_table:not(.no_block) .gap_table .dep1{margin-top:0;}

	.gap_table th		{font-size:15px; margin-bottom:5px; border-radius:8px; padding:12px 15px;}
	.gap_table td		{font-size:15px; margin-bottom:5px; border-radius:8px; padding:12px 15px;}
	.gap_table td:has(ul.dot_list)	{padding:18px}
	.gap_table th span	{display:inline-block; font-size:14px;}
	.esg .table_cate			{font-size:14px; margin-top:5px;}
}

/* 오시는 길 */
.kpc_map													{display:flex; flex-direction: column; position:relative;}
.kpc_map img												{width:100%; position:sticky; top:30px; height:fit-content;}
.kpc_map .net_info											{width:100%;}
.kpc_map .gray_round_bg .bold								{font-size: 18px; font-weight: 500; margin-bottom: 10px; color:#222;}
.kpc_txt													{margin-top:30px;}
.kpc_txt .adress 											{color:#222; font-size:20px; font-weight:500; background: #f2f2f2;}
.kpc_txt span												{color:#222; font-weight: 500;}
.kpc_txt .line_ul_info										{border-top:solid 2px #222;}
.kpc_txt .line_ul_info > li									{position:relative; display:flex; align-items: center; border-bottom:solid 1px #ddd; padding:20px;}
.kpc_txt .line_ul_info > li:first-child						{padding: 20px 20px 20px 50px;}
.kpc_txt .line_ul_info > li:first-child:before				{position:absolute; content:''; top:22px; left:20px; background:url('/kpc/_img/cont/map_icon01.svg') no-repeat 50% 50%/100%; width:24px; height:24px;}
.kpc_txt .line_ul_info > li .th								{font-size:18px; font-weight:500; width: 200px; padding-right: 30px;}
.kpc_txt .line_ul_info > li .td								{font-size:18px; font-weight:300; width:calc(100% - 160px); color:#777}
.kpc_txt .line_ul_info > li .td.flex						{display:flex;}
.kpc_txt .line_ul_info > li ul li							{margin-bottom:5px;}

.tab_box.v02												{margin:0 0 30px;}
.map h4														{font-size: 28px; font-weight: 600; margin:60px 0 20px 10px;;}
.kpc_map .gray_round_bg										{border-top-left-radius: 0; border-top-right-radius: 0;}

/* Tablet */
@media only screen and (max-width: 1024px) {
	
	.kpc_txt .adress						{font-size:17px;}
	.kpc_txt .line_ul_info > li .th			{font-size:17px; width: 180px;}
	.kpc_txt .line_ul_info > li .td			{font-size:17px;}
	.kpc_txt .line_ul_info > li:first-child:before		{top: 22px;}
	.kpc_map .gray_round_bg .bold			{font-size:17px;}
	.map h4									{font-size:24px; margin: 40px 0 10px 10px;}	
}

/* Mobile */
@media only screen and (max-width: 720px) {	
	
	.kpc_txt								{margin-top: 20px;}
	.kpc_txt .adress						{font-size:16px;}
	.kpc_txt .line_ul_info > li				{flex-direction: column; align-items: flex-start;}
	.kpc_txt .line_ul_info > li .th			{font-size:16px; width: 180px;}
	.kpc_txt .line_ul_info > li .td			{font-size:16px; width:100%;}
	.kpc_txt .line_ul_info > li:first-child:before		{top: 22px;}
	.kpc_map .gray_round_bg .bold			{font-size:16px;}
	
	.tab_box.v02							{margin:0 0 20px;}
	.map h4									{font-size:19px; margin:20px 0 5px 10px;}	
	.map .tab_box li						{width:50%;}

}



/* 조직도 */
.organ_cont b			{font-size: 20px; max-width: 230px; width: 100%; height: 64px; font-weight: 600; border-radius: 10px; display: flex; justify-content: center; align-items: center; color: #fff; position: relative;} 
.organ_cont b.red		{background: #C72C3F;}
.organ_cont b.orange	{background: #fff; color: #222; border: 3px solid #172E55;}
.organ_cont b.dark_navy	{background: #364150; margin-left: 175px;}

.organ_cont b.red:before			{content: ''; width: 110px; left: 115px; top: calc(100% + 68px); height: 1px; background: #ccc; display: block; position: absolute;}
.organ_cont b.dark_navy:before		{content: ''; width: 60px; left: -60px; top: 33px; height: 1px; background: #ccc; display: block; position: absolute;}

.organ_cont > div					{position: relative;}
.organ_cont > div:before			{content: ''; width: 1px; left: 115px; top: 64px; height: calc(100% - 414px); background: #ccc; display: block; position: absolute;}
.organ_cont > div > ul				{margin-left: 255px; position: relative;}
.organ_cont > div > ul:before		{content: ''; width: 1px; left: -30px; top: 33px; height: 75px; background: #ccc; display: block; position: absolute;}
.organ_cont > div > ul > li			{position: relative;}
.organ_cont > div > ul > li:before	{content: ''; width: 30px; left: -30px; top: 33px; height: 1px; background: #ccc; display: block; position: absolute;}
.organ_cont ul.team > li:before		{width: 60px; left: -60px;}
.organ_cont ul.team > li:nth-child(5):before	{width: 140px; left: -140px;}

.organ_cont .or_1:before{height: 100%;}
.organ_cont .or_2		{display: flex; flex-direction: column; gap: 30px;}

.organ_cont ul			{display: flex; flex-direction: column; gap: 10px;}
.organ_cont ul li		{gap: 10px; position: relative;}
.organ_cont ul li p		{font-size: 18px; max-width: 230px; width: 100%; height: 64px; padding: 0 5px; text-align: center; line-height: 120%; font-weight: 400; border-radius: 3px; display: flex; justify-content: center; align-items: center;}
.organ_cont .cursor		{cursor: pointer;}

.organ_cont ul.b_gray li p		{color: #333; font-weight: 600; background: #DFDFDF; border: 1px solid rgba(0,0,0,.1);}
.organ_cont ul.team				{gap: 16px; position: relative;}
.organ_cont ul.team:before		{content: ''; width: 1px; left: -60px; top: 33px; height: calc(100% - 64px); background: #ccc; display: block; position: absolute;}
.organ_cont ul.team > li		{display: flex;}
.organ_cont ul.team > li > p	{width: 25%; color: #fff; font-weight: 600; background: #6782A4;}

.organ_cont ul.list				{flex-direction: row; width: 100%;}
.organ_cont ul.list > li		{max-width: 230px; width: 25%; display: flex; flex-direction: column;}
.organ_cont ul.list > li > p	{color: #333; background: #ecedf0; border: 1px solid rgba(0,0,0,.1);}
.organ_cont ul.list .li_no		{opacity: 0; height: 0; overflow: hidden;}
.organ_cont ul.list .pc_no		{display: none;}

.organ_cont ul.team > li:nth-child(1) > p			{position: relative;}
.organ_cont ul.team > li:nth-child(1) > p:before	{content: ''; width: 1px; left: 50%; bottom: -115px; height: 115px; background: #ccc; display: block; position: absolute;}
.organ_cont ul.team > li:nth-child(1) > p:after		{content: ''; width: 50%; left: 0; top: 65px; height: 130px; background: #fff; position: absolute; display: block; z-index: 1;}
.organ_cont ul.team > li:nth-child(1) ul.list > li:nth-child(1) > ul > li:before	{content: ''; width: 125px; left: -125px; bottom: 33px; height: 1px; background: #ccc; display: block; position: absolute;}

.organ_cont ul.list ul li p			{color: #777; background: #F9F9FA; border: 1px solid rgba(0,0,0,.1);}
.organ_cont ul.list ul.small		{gap: 3px;}
.organ_cont ul.list ul.small li p	{height: 31px; font-size: 16px; background: #fff;}

.organ .pop_cont							{padding: 0px 35px 35px;}
.organ .pop_cont .cont_wrap					{height: auto; margin-top: 0;}
.organ .pop_cont .cont_wrap td:nth-child(2)	{text-align: center;}



/*  */
@media only screen and (max-width: 1124px) {
	.organ_cont				{display: flex; flex-direction: column; gap: 10px;}
	.organ_cont .or_1		{display: flex; flex-direction: column; gap: 10px;}
	
	.organ_cont b			{max-width: 180px;}
	.organ_cont b.red:before{width: 45px; left: 90px; top: calc(100% + 78px);}
	.organ_cont b.dark_navy	{margin-left: 125px;}
	.organ_cont b.dark_navy:before{width: 35px; left: -35px;}
	.organ_cont > div:before{left: 90px;}
	.organ_cont > div > ul	{margin-left: 165px;}

	.organ_cont ul						{gap: 10px;}
	.organ_cont ul li					{gap: 8px;}
	.organ_cont ul li p					{font-size: 16px; max-width: 180px;}
	.organ_cont ul.list ul.small li p	{font-size: 14px;}
	
	.organ_cont ul.team:before							{left: -40px;}
	.organ_cont ul.team > li:before						{width: 40px; left: -40px;}
	.organ_cont ul.team > li:nth-child(5):before		{width: 75px; left: -75px;}
	.organ_cont ul.team > li:nth-child(1) > p:before	{bottom: -113px; height: 113px;}
}

/* Tablet */
@media only screen and (max-width: 1024px) {
	.organ_cont				{gap: 20px; align-items: center;}
	.organ_cont .or_1		{width: 100%; align-items: center;}
	.organ_cont .or_2		{gap: 20px; width: 100%; align-items: center;}
	.organ_cont > div:before		{left: 50%; top: 0; height: calc(100% - 100px);}
	.organ_cont .or_1:before		{top: 55px;}
	.organ_cont > div > ul:before	{display: none;}
	
	.organ_cont b					{font-size: 19px; max-width: 230px;}
	.organ_cont b.red:before		{display: none;}
	.organ_cont b.dark_navy			{margin-left: 0px;}
	.organ_cont b.dark_navy:before	{display: none;}
	.organ_cont > div > ul			{margin-left: 0px;}
	.organ_cont > div > ul > li:before	{display: none;}
	
	.organ_cont ul li		{gap: 8px;}
	.organ_cont ul li p		{max-width: 100%;}
	
	.organ_cont ul.b_gray			{width: 100%; max-width: 230px;}
	.organ_cont ul.b_gray li		{display: flex; justify-content: center;}
	.organ_cont ul.team				{width: 100%; gap: 30px;}
	.organ_cont ul.team > li		{flex-direction: column;}
	.organ_cont ul.team > li > p	{width: 100%; max-width: 100%;}
	
	.organ_cont ul.team > li:nth-child(1) > p:after	{display: none;}
	.organ_cont ul.team > li:nth-child(1) ul.list > li:nth-child(1) > ul > li:before	{display: none;}
	
	.organ_cont ul.list				{gap: 10px;}
	.organ_cont ul.list > li		{width: 100%; max-width: 100%;}
	.organ_cont ul.list .no			{display: none;}
	.organ_cont ul.list .pc_no		{display: flex; margin-top: 6px;}
	.organ_cont ul.list .mo_no		{display: none;}
	.organ_cont ul.list .ta_o		{display: flex;}
	.organ_cont ul.list .ta_no		{display: none;}
	
	.organ_cont ul.list ul			{gap: 6px;}
	
	
	
}

/* Mobile */
@media only screen and (max-width: 720px) {	
	.organ .pop_cont		{padding: 0px 20px 20px;}
	.organ_cont b			{font-size: 18px; height: 55px;}
	.organ_cont ul.list		{flex-direction: column;}
	.organ_cont ul li p		{height: 55px;}
	.organ_cont > div:before{height: 100%;}
	
	.organ_cont ul.list .li_no	{opacity: 1; height: auto; display: flex;}
	.organ_cont ul.list .ta_o	{display: none;}
	.organ_cont ul.list .ta_no	{display: flex;}
}


/* 담당자 연락처 */
.scroll-up .manage .page_tab.fixed	{transform: translateY(80px);}

/* Tablet */
@media only screen and (max-width: 1024px) {
	.scroll-up .manage .page_tab.fixed	{transform: translateY(75px);}
}

/* Mobile */
@media only screen and (max-width: 720px) {	
	.scroll-up .manage .page_tab.fixed	{transform: translateY(64px);}
}