/* 공통 START */


.btn_round_plus {padding:15px 26px 15px 38px; font-size: 24px; font-weight: 700; border-radius:100px; background:#fff; display:inline-flex; gap:21px; align-items:center; height:62px;}


/* 마우스 반응 - 배경 차오르는 효과 */
.btn_circle_fill {transition:0.3s; position:relative; overflow:hidden; box-sizing:border-box;}
	.btn_circle_fill .button-fullup__flair {bottom: 0; left: 0; pointer-events: none; position: absolute; right: 0; top: 0; transform: scale(0); transform-origin: 0 0; will-change: transform;}
	.btn_circle_fill .button-fullup__flair:before {aspect-ratio: 1/1; background: #FF4848; border-radius: 50%; content: "";  display: block; left: 0; pointer-events: none; position: absolute; top: 0; transform: translate(-50%, -50%); width: 170%;}
	.btn_circle_fill .button-fullup__label {position: relative; text-align: center; display: block; font-weight: 600; z-index:5;}
	.btn_circle_fill:hover .button-fullup__label {color: #fff; transition: color 0.15s var(--ease-in-out-quart);}
	.btn.bd_black.btn_circle_fill .button-fullup__flair:before ,
	.btn.btn_download.btn_circle_fill .button-fullup__flair:before {background:#000;}
	.btn.bg_black.btn_circle_fill .button-fullup__flair:before {background:#fff;}
	.btn.bg_black.btn_circle_fill:hover {border:1px solid #000;}
	.btn.bg_black.btn_circle_fill:hover .button-fullup__label {color: #000;}
	.btn.btn_download.btn_circle_fill .button-fullup__label {background:url("../images/common/ico_download.svg") no-repeat right 20px center; text-align:left;}
	.btn.btn_download.btn_circle_fill:hover .button-fullup__label {background-image:url("../images/common/ico_download_white.svg");}

/* 공통 END */



/*---------------------------
	그룹소개 > 그룹소개
-----------------------------*/

@keyframes mission_1 {
	0% {width: 0;}
	100% {width: calc((100vw - 1200px) / 2);}
}

@keyframes mission_1240 {
	0% {width: 0;}
	100% {width: calc((100vw - 900px) / 2);}
}

@keyframes mission_1024 {
	0% {width: 0;}
	100% {width: calc((100vw - 600px) / 2);}
}

@keyframes mission_769 {
	0% {width: 0;}
	100% {width: 100%;}
}

@keyframes mission_2 {
	to {stroke-dashoffset : 0;}
}

.company_1 {padding:220px 0 50px;}
.intro .company_1 {padding-bottom:100px;}
	.company_1 .container {padding:0 24px;}
	.company_1 .title_01 {text-align:left;}

.charter_wrap {text-align: center; background:#000; border-radius:20px; width:calc(100vw - 60px); max-width:1420px; margin:0 auto; display:flex; flex-direction:column; justify-content:center; padding-top:72px; padding-bottom:80px;}
	.charter_wrap .container {display:flex; flex-direction:column; align-items:center; }	
	.title_clipping {position:relative; aspect-ratio:400 / 352;}
	.title_clipping .border_svg {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; height:100%;}
	.charter_wrap .__title {position:relative; aspect-ratio:400/352; display:flex; align-items:center; justify-content:center; color:#fff; font-size:56px; line-height:76px; line-height:1.36; text-align:center; padding:100px 0;}
	.charter_wrap .__title span {display:block;}
	.charter_wrap .__title span.__bg {opacity:0.3;}
	.charter_wrap .__title span.__fr {position:absolute; top:0; bottom:0; left:0; right:0; display:flex; align-items:center; justify-content:center; clip-path:url(#brandClipPath); -webkit-clip-path: url(#brandClipPath);}
	.charter_wrap p {color:rgba(255,255,255,0.6); font-size: 24px; line-height: 38px; margin-bottom:60px;}

.layer_pop.char_pop.__system .__head,
	.layer_pop.char_pop.__system .__body {padding:0 66px;}
	.layer_pop.__system.char_pop .layer_content .container .layer_inner_container {padding:88px 0 0;}
	.layer_pop.char_pop.__system .layer_content .layer_inner_container {box-shadow: 4px 8px 40px 0px #00000014; box-sizing:border-box; border-radius: 20px; text-align: center;}
	.layer_pop.char_pop.__system .layer_content .container {background:#EBEDF0;}
	.layer_pop.char_pop.__system .__body {background:url("../images/company/intro_char_bg.svg") no-repeat center 57px / cover; padding-top: 210px; margin-top: 0;}
	.layer_pop.char_pop .__body h5 {font-size: 20px; font-weight: 700; margin-bottom: 12px;}
	.layer_pop.char_pop .__body > p {font-size: 16px; line-height: 25px; font-weight: 400; margin-bottom: 49px;}
	.char_pop .bg_white {border-radius:20px; background:#fff; padding:35px 93px 34px; margin-bottom:24px;}
	.char_pop .content {padding-top: 210px;}
	.char_pop .content > p {margin-bottom: 49px;}
	.char_pop .value.bg_white {padding:58px 93px 59px;}
	.char_pop .value ul {display:flex; flex-wrap:wrap; gap:12px; margin-top: 18px;}
	.char_pop .value ul li {border:1px solid #EAEAEA; width:calc(50% - 6px); border-radius:20px; height:128px; padding: 24px; box-sizing:border-box; display: inline-flex; gap: 20px; align-items: center;}
	.char_pop .value .alphabet {background:#EBEDF0; width:70px; height:70px; border-radius:20px; display:inline-flex; justify-content:center; align-items:center; font-size: 28px; font-weight: 700;}
	.char_pop .value ul li > div:not(.alphabet) {display:inline-flex; align-items:center; flex-direction:column; gap:4px; align-items: flex-start;}
	.char_pop .behavior.bg_white {padding:62px 93px;}
	.char_pop .behavior ul {margin-top: -13px;}
	.char_pop .behavior li {text-align:left; padding:27px 42px; border-bottom: 1px solid #CBCBCB;}
	.char_pop .behavior li strong {font-size: 16px; font-weight: 700; display: inline-block; margin-bottom: 1px;}
	.char_pop .behavior li p {font-size: 16px; line-height: 25px; font-weight: 400;}
	.char_pop .behavior li:last-child {border-bottom: none;}
	.layerpop_bg {position:absolute; left:0; top:0; bottom:0; right:0; background:rgba(0,0,0,0.6); display: none;}

.purpose_wrap h2 {margin-bottom: 105px; font-size: 52px; line-height: 68px; font-weight: 700;}
	.title_label {margin-bottom: 10px; font-size: 30px; line-height: 40px; color:rgba(0,0,0,0.4); display: inline-block; font-family: var(--font-Proxima); text-transform:uppercase; font-weight: 700 ;}
	.title_sub {font-size: 42px; line-height: 60px; font-weight: 700; margin-bottom: 38px;}
.vision_wrap.container {width: 100%;  padding-top : 140px; padding-bottom: 100px;}
	.vision_wrap ul {display:flex; justify-content:space-between; gap:30px;}
	.vision_wrap ul li {flex:1; max-width:450px;}
	.vision_wrap ul li img {width:100%; height:auto;}
	.vision_wrap ul li h5 {text-transform:uppercase; font-size: 32px; line-height:1.25; font-weight: 700; margin:30px 0 7px;}
	.vision_wrap ul li p {font-size: 20px; line-height:1.4; font-weight: 500;}
.mission_wrap {position:relative; overflow:hidden; height:100vh; margin-bottom: 127px;}
	.mission_wrap > div {display:flex; align-items:center; height:100%;}
	.mission_wrap .title_sub {margin-bottom:30px;}
	.mission_wrap .title_sub + p {color:#777; font-size:24px; line-height:40px;}
	.mission_content {position:relative; background:#fff; clip-path: inset(0% 0% 0% 0%); z-index:3;}
	.mission_content::before {content:''; position:absolute; top:-2px;; left:0; right:0; height:5px; background:#fff; -webkit-filter:blur(1px); filter:blur(1px);}
	.mission_content .container {position:relative; z-index:1;}
	.mission_content .mission_dim {position:absolute; top:0; bottom:0; left:0; right:0; background:#fff;}
	.mission_banner {position:absolute; top:0; left:0; width:100%; height:100%; }
	.mission_banner .container {z-index:2;}
	.mission_banner .title_label {color:rgb(255 255 255 / 40%);}
	.mission_banner .title_sub {color:#fff;}
	.mission_banner .title_sub + p {color:rgb(255 255 255 / 60%);}
	.mission_banner .mission_dim {z-index:1; opacity:0; position:absolute; top:0; bottom:0; left:0; right:0; background:rgb(0 0 0 / 70%);}
	.mission_banner picture {position:absolute; top:0; left:0; width:100%; height:100%;}
	.mission_banner picture img {width:100%; height:100%; object-fit:cover;}
.pps_wrap {margin-bottom: 240px;}
	.pps_wrap .title_sub {margin-bottom:76px;}
	.pps_wrap ul {width:100%; margin-top:20px; display:flex; justify-content:center; position:relative;}
	.pps_wrap ul li {background:#fff; width:400px; height:404px; display: inline-block; display:flex; justify-content:center; align-items:center; flex-direction:column; gap:40px; position:relative;}
	.pps_wrap ul li h5 {font-size: 28px; font-weight: 700;}
	.pps_wrap ul li p {margin:0 29px; font-size: 20px; font-weight: 500; color:#444; line-height: 1.2; text-align: center;   }
	.pps_wrap svg {position:absolute; left:-4px; top:0; width: 408px; height:auto; stroke-dasharray : 1270; stroke-dashoffset : 1270;}
	.pps_wrap li:nth-child(1) svg {animation-delay:0.35s;}
	.pps_wrap li:nth-child(2) svg {animation-delay:0.7s;}
	.pps_wrap li:nth-child(3) svg {animation-delay:1.05s;}
	.pps_wrap ul::after,
	.pps_wrap ul::before {content:""; width:0; height:1px; background:#000; position:absolute; top:50%; z-index:-1; left:0;}
	.pps_wrap ul::after {left:calc(50vw + 593px);}
 
	.pps_wrap.active ul::after,
	.pps_wrap.active ul::before {animation:mission_1 1s forwards var(--easing1);}
	.pps_wrap.active ul::after {animation-delay:1.95s;}
	.pps_wrap.active svg {animation:mission_2 1s forwards var(--easing1);}

.value_wrap {margin-bottom: 140px;}
	.value_wrap .show_m {display: none;}
	.value_wrap .title_02 {text-align:left; padding-right:5%;}
	.value_wrap .title_02 .title_label {text-transform:capitalize;}
	.value_wrap .title_02 .title_sub {margin-bottom:24px;}
	.value_wrap .title_02 .title_sub + p {font-size: 24px; line-height: 34px; font-weight: 700; font-weight: 500;}
	.value_wrap .img_wrap {border-radius:20px; height:259px; margin:60px 0 107px; background:no-repeat center / cover; background-image:url("../images/company/company_intro_sec5.svg");
		background-image:image-set(
			url("../images/company/company_intro_sec5.svg") 1x,
			url("../images/company/company_intro_sec5.svg") 2x
		);
	}
	.value_wrap .container:has(.__list) {display:flex; justify-content:space-between; align-items:flex-start;}
	.value_wrap .__list {flex-basis:55%; flex-shrink:0;}
	.value_wrap dl {margin-bottom: 58px; display:flex; border-top:2px solid #000;}
	.value_wrap dl dt {width:32%; font-size: 32px; font-weight: 600; padding-top: 28px;}
	.value_wrap dl dd {flex:1;}
	.value_wrap li {padding:28px 0; border-bottom: 1px solid #CBCBCB;}
	.value_wrap li:last-child {border-bottom: none;}
	.value_wrap li span {font-size: 18px; font-weight: 700;}
	.value_wrap li p {line-height: 19px; font-size: 16px; font-weight: 700; margin-top: 7px;}

.ceo_wrap {background:#262b37; overflow:hidden; width:calc(100% - 80px); max-width:1420px; margin:150px auto 240px; border-radius:30px;}
	.ceo_wrap .container {display:flex; flex-direction:column; gap:min(7vw, 120px); padding:min(8vw, 150px) 20px; padding-left:138px; background:url("../images/company/company_intro_ceo.svg") no-repeat 100% -23%/ 767px;}
	.ceo_wrap h3 {color:#fff; font-size: 48px; font-weight: 700; line-height: 68px;}
	.ceo_wrap h3 span {display:block; font-family:var(--font-Proxima); color:rgb(255 255 255 / 20%); font-size:30px; line-height:30px; margin-bottom:5px;}
	.ceo_wrap .btn_round_plus {width:320px; color:#000; justify-content:space-between; padding-left:24px; padding-right:24px;}
	.ceo_wrap .__sign {position:absolute; right:95px; bottom:54px; display:flex; align-items:center; gap:24px; color:#fff; font-size:20px; line-height:54px; font-weight:700; }
	.ceo_wrap .__sign p {white-space:nowrap; }
	
	.ceo_pop .layer_content .container .layer_inner_container {padding:90px 70px;}
	.layer_pop.ceo_pop.__system .__body {padding-top:0;}
	.ceo_content {display:flex; align-items:flex-start; gap:110px;}
	.ceo_content .__title {position:sticky; top:0; flex:1 0 auto; font-size:20px; line-height:24px; font-weight:500;}
	.ceo_content .__title strong {display:block; font-size:36px; line-height:46px; font-weight:700; margin-bottom:20px;}
	.ceo_content .text_wrap {color:rgb(0 0 0 / 40%); font-size: 16px; line-height: 25px; font-weight: 400; word-break:keep-all;}
		



/*---------------------------
	그룹소개 > 연혁
-----------------------------*/
@keyframes upText {
	0% {transform:translateY(100px);}
	100% {transform:translateY(0);}
}


.history .sec1 {position:relative; margin-bottom: 101px; flex-direction:column; height:100vh;}
	.history .sec1 .container {height:100%; display:flex; flex-direction:column; justify-content:center;}
	.history .__primary {overflow:hidden; text-align:left; transform:translateY(-23vh);}
	.history .__primary span {transform:translateY(100px); display: inline-block; animation:upText 1.2s forwards;}
	.history .__primary:last-child span {animation-delay : 0.5s;}

	.history .cover_wrap {position:absolute; left: 0; top: 0; bottom: 0; right: 0; width:100%; height:100%; clip-path: inset(42.5% 0% 0% 0%);}
	.history .__primary.white {color:#fff;}
	.history .img_wrap {overflow:hidden; width: calc(100vw - 120px); height:47.5vh; margin:0 auto; position:absolute; top:42.5%; left:50%; transform:translateX(-50%); border-radius:20px; z-index:-1;}
	.history .img_wrap img {width:100%;  min-height:100%; position:absolute; left:50%; transform:translateX(-50%); object-fit:cover; }
	.history .title_01 p {position:absolute; top:50%; margin-top: 63px; font-size: 32px; line-height: 46px; font-weight: 500; color:#fff; text-align:left; opacity:0; transform:translateY(100px);}
	.history .img_wrap .bg_black {position:absolute; left: 0; bottom: 0; top: 0; right: 0; background:rgba(0,0,0,0.6); display: inline-block; opacity:0;} 


.history .sec2 {display:flex; align-items:center; width:100vw; height:100vh;}
	.history .sec2 .img_wrap {position:absolute; left:0; right:0; margin:0; background: linear-gradient(to right, rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url("../images/company/company_history_bg.svg") no-repeat 50% 100% / cover; width: 100%; height:100%;}
	.history .sec2 .title_01 {color:#fff;}
	.history .sec2 p {margin-top: 63px; font-size: 32px; line-height: 46px; font-weight: 700;}
	.history_area.container {margin:169px auto 320px; display:flex; align-items: flex-start; justify-content:center; gap:84px; flex-direction: row-reverse; padding-bottom: 120px;}
	.history_area::after {content:""; width:1px; height:100%; background: rgba(0,0,0,0.2); display: inline-block; position:absolute; left:53%; top:0;}
	.history_area .term .year_text {font-size: 28px; font-weight: 600; line-height: 40px; display: flex; background:#fff; align-items: center;}
	.history_area .term h4 {font-size: 42px; line-height: 1.43; font-weight: 700; margin: 9px 0 40px; background:#fff;}
	.history_area .term .thumb {max-width:546px; height: 359px; position:relative; overflow:hidden; border-radius:22px;}
	.history_area .term .thumb img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); height:auto; }
	.history_area .term .lbl {font-size: 16px; line-height: 28px; color:rgba(0,0,0,0.4); font-weight: 500; display:flex; background:#fff;}
	.history_area .years {width:534px; padding-left: 36px;}
	.history_area .years ~ .years {padding-top: 420px;}
	.history_area .year {display:flex; gap: 46px;}
	.history_area .year h5 {font-size: 24px; line-height: 40px; font-weight: 700;}
	.history_area .year ul {margin-bottom: 18px;}
	.history_area .year li {font-size: 20px; line-height: 1.4; font-weight: 500; padding:6px 0; margin-bottom: 12px; word-break: keep-all;}
	.term_wrap {position:relative; width:546px; height:605px;}
	.term_wrap .term {position:absolute; left:0; top:0; width:100%; height:100%; opacity:0;}
	.term_wrap .term.show {opacity:1;}
	.term_wrap .term[data-years="2020"] {opacity:1;}
	.history_area .term .thumb img {transition:clip-path 1.5s; display: inline-block; clip-path: ellipse(50% 0% at 50% 100%);} 
	.term_wrap .term.show .thumb img {clip-path: ellipse(300% 300% at 50% 100%);}
	.hnav_wrap {opacity:0; visibility:hidden; transform:translateY(-100%); position:fixed; top:0; left:0; right:0; height:80px; background:#fff; transition:0.3s; z-index:999;}
	.hnav_wrap::before {content:""; position:absolute; left:0; right:0; bottom:0; height:1px; background:#acacac;}
		[data-header="visible"] .hnav_wrap {top:80px;}
		[data-gnb-hover="true"] .hnav_wrap,
		.gnb_on .hnav_wrap {z-index:1;}
	.hnav_wrap ul {display:flex; justify-content:center; max-width:var(--max-width); margin:0 auto;}
	.hnav_wrap ul li {position:relative; flex:1 0 auto; color:#acacac; font-size:16px; line-height:21px; font-weight:600; text-align:center; padding-top:24px; padding-bottom:13px; transition:0.3s; cursor:pointer;}
	.hnav_wrap ul li:hover {text-decoration:underline;}
	.hnav_wrap ul li span {display:block;}
	.hnav_wrap ul li::before,
	.hnav_wrap ul li::after {content:""; position:absolute; transition:0.3s;}
	.hnav_wrap ul li::before {left:calc(50% - 5px); bottom:-5px; width:10px; height:10px; border-radius:50%; background:#acacac;}
	.hnav_wrap ul li.active {color:#000;}
	.hnav_wrap ul li.active::before {background:var(--color-primary);}
	.hnav_wrap ul li.active::after {right:50%; bottom:-1px; width:100vw; height:1px; background:var(--color-primary);} 
	.hnav_wrap:has(ul li.active) {opacity:1; visibility:visible; transform:none;}

	.sub_wrap.history.odometer-auto-theme, .sub_wrap.history.odometer-inside, .sub_wrap.history.odometer-digit, .sub_wrap.history.odometer-digit-spacer, .sub_wrap.history.odometer-digit-inner, .sub_wrap.history.odometer-ribbon, .sub_wrap.history.odometer-ribbon-inner, .sub_wrap.history.odometer-value, .sub_wrap.history.odometer span, .odometer.odometer-auto-theme, .odometer.odometer-theme-default {font-family: var(--font-set) !important; line-height: 1.5 !important;}


/*---------------------------
	사업분야 > 계열사
-----------------------------*/

@keyframes arrowUp {
	0% {background-position: -34px -2px;}
	100% {background-position:-2px -34px}
}

@keyframes tabshowContent {
	0% {opacity: 0; transform: translateY(-100px); visibility:hidden;}
	100% {opacity: 1; transform: translateY(0); visibility:visible;}
}

.affiliate_wrap.container {padding-top:0px;}

	.affiliate_wrap .__item {padding:50px 0;}
	.affiliate_wrap .__item ~ .__item {border-top:1px solid #C6CCD2;}
	.affiliate_wrap .__item .container {display:flex; align-items:flex-start; gap:60px; justify-content:space-between;}
	.affiliate_wrap .__item .__title {flex-shrink:0; font-size:18px; line-height:40px; padding:0 12px; border:1px solid; border-radius:5px;}
	.affiliate_wrap .__item .__content {flex:1; max-width:min(calc(100% - 200px), 1200px);}
	.affiliate_wrap .__item .affi_item ~ .affi_item {padding-top:100px;}

	.affi_item .thumb {position:relative; width:100%; height:0%; padding-bottom:41.79%;  overflow:hidden; border-radius:10px;}
	.affi_item .thumb img {position:absolute; width:100%; object-fit:cover;}
	.affi_info {display:flex; justify-content:space-between; gap:5%;  margin-top: 40px;}
	.affi_item .btn_link {font-size: 32px; font-weight: 700; display:flex; align-items:center;}
	.affi_item .btn_link.none_arrow {cursor:default;}
	.affi_item .btn_link:not(.none_arrow)::after {content:""; margin-left: 20px; width:32px; height:32px; display: inline-block; border-radius:50%; border:2px solid #000; background:url("../images/common/ico_arrow_right_top.svg") no-repeat -34px -2px / 64px;}
	.affi_item .btn_link:hover::after {animation:1s arrowUp infinite;}
	.affi_item .link {flex-shrink:0;}
	.affi_item .link span {font-size: 24px; font-weight: 500;}
	.affi_item p {flex:1; max-width:760px; font-size: 20px; line-height: 30px; font-weight: 400; color:#444; word-break:keep-all;}
	
	.business_area {border-top:1px solid rgba(0,0,0,0.2); padding-top: 49px; margin-top: 40px; margin-bottom:50px;}
		.business_area h4 {font-size: 24px; font-weight: 700;  margin-bottom: 21px;}
		.business_area li {border-radius:10px; padding:40px 60px; background:#F3F3F3; margin-bottom: 20px;}
		.business_area li:last-child {margin-bottom: 0;}
		.business_area .btn_link {font-size: 24px;}
		.business_area h5 {font-size: 20px; font-weight:500;margin: 11px 0 21px;}
		.business_area p {color:#999999; font-size: 16px; line-height: 24px; max-width:100%;}



/*---------------------------
	사업분야 > 사회공헌
-----------------------------*/

@keyframes hidediv {
	0% {opacity:0; transform:translateY(50px);}
	100% {opacity:1; transform:translateY(0);}
}

.contribute .affi_item {padding-bottom: 0;}
	.contri_wrap {padding-bottom:140px;}
	.contri_wrap h2 {padding: 220px 0 100px; font-size: 56px; line-height: 76px; font-weight: 700; text-align:center;}
	.contri_wrap p {font-size: 18px; line-height: 26px; color:#000; padding-right:20%;}
	.contri_wrap .affi_item .btn_link {font-size: 28px; margin:40px 0 20px; gap:14px; align-items:flex-start;}
	.contri_wrap .affi_item .btn_link::after {margin-left: 0; margin-top: 6px;}
	.contri_wrap ul {display:flex; justify-content:center; gap:40px;}
	.contri_wrap ul li {flex:1;}
	.contri_wrap .img_wrap img {aspect-ratio:690 / 400; height:auto;}

.contribute_2 {background:#f6f6f6; display:flex; align-items:center; padding:calc((100vh - 418px) * 0.5) 0;}
	.contribute_2 .title_02 {display:none;}
	.slider_3 {overflow:hidden; position:relative; padding-left:4.2%;}
	.slider_3 .__title .__primary {font-size:42px; line-height:1.3; margin-bottom:0.9em;}
	.slider_3 .__title .__secondary {font-size: 28px; line-height:1.2; margin-bottom:0.75em; font-weight: 700; letter-spacing: 0.05em;}
	.slider_3 .__p {font-size:18px; line-height:1.45em; padding-right:5%;}
	.slider_3 ul {}
	.slider_3 ul li {display:flex; justify-content:space-between;}
	.slider_3 ul li .__image {flex-basis:50%; max-width:668px; transform:translateY(10%); transition:0.5s; opacity:0;}
	.slider_3 ul li .__image img {width:100%; height:100%; object-fit:cover; border-radius:min(3vw, 20px);}
	.slider_3 ul li .__text {flex:1; padding-top:6%; padding-left:6.7%; padding-right:4%; transition:0s;}
	.slider_3 ul li .__text .__title .__secondary,
	.slider_3 ul li .__p {transition:0.5s; transform:translateY(50%); opacity:0;}
	.slider_3 ul li .__p {transition:0s; transform:translateY(30px);}
	.slider_3 ul li.__active .__image {transform:translateY(0); opacity:1;}
	.slider_3 ul li.__active .__text .__title .__secondary,
	.slider_3 ul li.__active .__p {transform:translateY(0); opacity:1; }
	.slider_3 ul li.__active .__p {transition:0.5s; transition-delay:0.1s;}
	.slider_3 .__pagination,
	.slider_3 .slider_3_pagination {position:absolute; top:0; bottom:0; left:0; right:auto; width:auto; display:flex; flex-direction:column; justify-content:center; gap:6px; margin-top: 20px;}
	.slider_3 .slider_3_pagination {display:none;}
	.slider_3 .__pagination span,
	.slider_3 .slider_3_pagination span {width:10px; height:10px; border-radius:10px; background:#C9CDD0; background:rgb(0 0 0 / 15%); text-indent:-999999em; overflow:hidden; transition:0.3s; opacity:1;}
	.slider_3 .__pagination span.__active,
	.slider_3 .slider_3_pagination span.__active {height:50px; background:#364146;}

.contri_other_wrap {background:#f6f6f6; padding:180px 0; position:relative;}
	.contri_other_wrap::before {display:none; content:""; width:100%; height:100%; background:url("../images/business/business_affi_bg.svg") no-repeat center / cover; position:absolute; z-index:-1; left:0; top: 0; bottom: 0; right: 0;}
	.contri_other_wrap h5 {font-size: 56px; line-height: 76px; font-weight: 700;}
	.contribute .contri_other_wrap .container > p {font-size: 32px; font-weight: 400; margin-bottom: 50px; line-height: 38px;}
	.contri_other_wrap ul {display:flex; gap:16px;}
	.contri_other_wrap li {overflow: hidden; width:174px; height:546px; border-radius:10px; position:relative; z-index:2; cursor:pointer; transition:0.5s;} 
	.contri_other_wrap li::before,
	.contri_other_wrap li::after {content:""; width:100%; height:100%; position:absolute; left: 0; right: 0; bottom: 0; top: 0; z-index:-1; background:rgba(0,0,0,0.4); transition:0.5s;}
	.contri_other_wrap ul.type1 li::before {background:url("../images/business/business_affi_raredisease.svg") no-repeat 0% 0% / cover; z-index:-2;}
	.contri_other_wrap ul.type2 li::before {background:url("../images/business/business_affi_volunteer.svg") no-repeat 0% 0% / cover; z-index:-2;}
	.contri_other_wrap ul.type3 li::before {background:url("../images/business/business_affi_volleyball.svg") no-repeat 0% 0% / cover; z-index:-2;}
	.contri_other_wrap ul li::after {backdrop-filter: blur(25px);}
	.contri_other_wrap .type1 [data-type="1"],
	.contri_other_wrap .type2 [data-type="2"],
	.contri_other_wrap .type3 [data-type="3"] {width:1040px;}
	.contri_other_wrap .type1 [data-type="2"]::before,
	.contri_other_wrap .type1 [data-type="3"]::before {background-position: 50% 50%;}
	.contri_other_wrap .type2 [data-type="3"]::before {background-position: 100% 100%;}
	.contri_other_wrap .type1 [data-type="2"]::after,
	.contri_other_wrap .type1 [data-type="3"]::after,
	.contri_other_wrap .type2 [data-type="1"]::after,
	.contri_other_wrap .type2 [data-type="3"]::after,
	.contri_other_wrap .type3 [data-type="1"]::after,
	.contri_other_wrap .type3 [data-type="2"]::after {background:rgba(0,0,0,0.2);}
	.contri_other_wrap .type1 [data-type="1"] div,
	.contri_other_wrap .type2 [data-type="2"] div,
	.contri_other_wrap .type3 [data-type="3"] div {animation:hidediv 0.7s forwards; animation-delay:0.5s;}
	.contri_other_wrap .type1 [data-type="1"]::after,
	.contri_other_wrap .type2 [data-type="2"]::after,
	.contri_other_wrap .type3 [data-type="3"]::after {backdrop-filter: blur(0);}
	.contri_other_wrap .type1 [data-type="1"] .vertical_title,
	.contri_other_wrap .type2 [data-type="2"] .vertical_title,
	.contri_other_wrap .type3 [data-type="3"] .vertical_title {display: none;}
	.contri_other_wrap li div {position:absolute; left:60px; bottom:60px; right:60px; opacity:0; transform:translateY(50px);}
	.contri_other_wrap li h3 {font-size: 28px; color:#fff; margin-bottom: 20px;}
	.contri_other_wrap li p {color:#fff; font-weight: 400;}
	.vertical_title {color: #fff;  font-weight: 700; font-size: 28px; position: absolute; left: 50%; transform: rotate(90deg);  width: 100%;  transform-origin: left center; top: 20px; min-width: 500px; letter-spacing: 0.05em;}
	.contri_paging {display:none;}


/*---------------------------
	미디어 > 뉴스
-----------------------------*/

.news_wrap {margin-bottom: 240px;}
	.news_wrap h2 {margin-top:120px; margin-bottom:120px; text-align: center; font-size: 56px; line-height:76px; font-weight: 700; font-family:"Proxima";}
	.news_wrap h2:has(span) {line-height: 0; margin-top: 173px; text-transform:capitalize;}
	.news_wrap h2 span {font-size: 26px; opacity: 0.2; font-weight: 700; display: inline-block; margin-bottom: 48px; text-transform:capitalize;}
	.news_wrap .sub_tit {font-weight: 700; font-size: 30px; line-height: 37px; margin-bottom: 14px; font-family:"Proxima";}
	.newest_wrap {width:100%; display:flex; justify-content:space-between; position:relative;}
	.news_wrap .card_wrap ul li strong {font-size: 16px; color:#FF3033; font-weight: 500;}
	.news_wrap .module_gallery_2 {display: flex; flex-direction: column-reverse; align-items: center;}
	.paging a:has(strong),
	.paging a:has(strong):hover {background:#FF3033;}
	.paging strong {color:#fff; font-weight: 500;}

	.news_wrap .date {font-size: 18px; font-weight: 400; color:#999; display:flex; align-items:center; gap:14px;}
	.news_wrap h5 {font-size: 28px; line-height: 1.36; font-weight: 700; margin: 24px 0 12px; letter-spacing:-0.02em;}
	.newest_wrap .thumb {display:block; aspect-ratio:700/410; width:700px; border-radius:15px; overflow:hidden;  }
	.newest_wrap .thumb img {min-width:100%; min-height:100%;}
	.newest_wrap .text_swiper strong {color:#FF3033; font-weight: 500; font-size: 18px;}
	.text_swiper {z-index:3; width:400px;  box-sizing:border-box; overflow:hidden;}
	.thumb_swiper {width:700px; position:relative;}
	.thumb_swiper::before {content:""; width:100vw; height:100%; background:#fff; position:absolute; right:100%; top:0; z-index:2;}
	.slider_controller {position:absolute; bottom: 45px; z-index:4; width:400px; display:flex;}
	.slider_controller img {transition:0.2s;}
	.slider_controller .swiper-prev img {transform:rotate(180deg);}
	.slider_controller [aria-disabled="true"] img {opacity:0.2;}
	.slider_controller .pagination {font-weight: 700; font-size: 20px; color:rgba(0,0,0,0.2);}
	.slider_controller .pagination .swiper-pagination-current {color:rgba(0,0,0,1);} 
	.newest_slide_button {display: flex; gap: 15px; min-width: 100px; justify-content: flex-end;}

/*---------------------------
	미디어 > 스토리
-----------------------------*/

.media_list {margin-top: 204px;}
	.media_list .form_element select {width:150px; border:none;}
	.media_list .search_wrap {display:flex;}
	.media_list .search_wrap .search_box {position:relative; flex:1;}
	.media_list .search_wrap .search_box input[type="search"] {border:none; padding-left: 46px; border-bottom:rgba(0,0,0,0.4); width:100%; border-bottom: 1px solid rgba(0, 0, 0, 0.4);  }
	.search_box input[type="search"]::placeholder {color:rgb(0 0 0 / 40%); font-weight: 500; font-size: 24px;}
	.media_list .search_wrap .search_box .btn {width:24px; height:24px; position:absolute; left: 0; top: 50%; transform: translateY(-50%);}
	.media_list .no_result {width:100%; padding:146px 0 98px; text-align: center;}
	.media_list .no_result span {color:rgba(0,0,0,0.4); font-size: 28px; line-height: 38px; font-weight: 500;}
	.card_wrap {margin:60px 0 0;}
	.card_wrap ul {margin-bottom: 120px;}
	.card_wrap ul li {}
	.card_wrap ul li a {display:flex; align-items:flex-start; gap:70px; padding:54px 0;}
	.card_wrap ul li ~ li {border-top:1px solid #C6CCD2;}
	.card_wrap ul li .date {flex-shrink:0; font-size:24px; line-height:38px;}
	.card_wrap ul li h5 {margin:0; flex:1; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
	.card_wrap ul li h5 .ico_new {font-family:var(--font-Proxima); color:#fff; border-radius:50px; background:#FF3033; font-size: 18px; font-weight: 600; width:76px; height:32px; margin:4px 0; display:inline-flex; align-items:center; justify-content: center; vertical-align:top;}
	.card_wrap ul li .thumb {flex-basis:40%; max-width:540px; background:#ccc; border-radius:10px; aspect-ratio:1.6875 / 1;}
	.card_wrap ul li .thumb img {min-height:100%; width:100%; border-radius:10px; object-fit:cover;}

	.gallery_wrap {margin-top:206px;}
	.module_gallery_1 li {display:flex; align-items:center;}
	.module_gallery_1 li ~ li {margin-top:28px;}
	.module_gallery_1 .item_text {flex:1; padding-right:11.2%;}
	.module_gallery_1 .item_title {margin-bottom:28px;}
	.module_gallery_1 .item_title h5 {font-size:28px; line-height:34px; font-weight:700; margin-bottom:14px;}
	.module_gallery_1 .item_title .title_date {color:#999; font-size:18px; line-height:22px; font-weight:400;}
	.module_gallery_1 .item_content_text {color:#444; font-size:18px; line-height:1.25;}
	.module_gallery_1 .item_thumb {width:50%; max-width:486px; height:284px; background:#d9d9d9;}

	.module_gallery_1 .item_thumb img {width:100%; height:100%; object-fit:cover;}

	.module_gallery_2 {margin-bottom:120px; position:relative; text-align: center; padding-top: 10px;}
	.module_gallery_2 ul {display:flex; flex-wrap:wrap; gap:30px; margin-bottom:60px;}
	.module_gallery_2 ul.list {flex-wrap: wrap; gap: 80px 30px;}
	.module_gallery_2 ul li {width:calc(100% / 3 - 20px); border-radius: 16px; overflow: hidden; box-shadow: 0px 0px 10px 0px #0000001A; transition:0.3s;}
	.module_gallery_2 ul li:hover {box-shadow: 0px 0px 10px 7px #0000001A;}
	.module_gallery_2 .item_thumb {width:100%; height:220px; background:#d9d9d9; overflow:hidden;}
		.module_gallery_2 .item_thumb picture {height:100%; max-width:initial;}
	.module_gallery_2 .item_thumb img {width:100%; height:100%; object-fit:cover; transition:0.3s;} 
	.module_gallery_2 ul li:hover .item_thumb img {transform:scale(1.1);}
	.module_gallery_2 .item_title {padding:22px 24px 28px; box-sizing:border-box; display:flex; align-items:flex-start; flex-direction:column; height:220px;}
	.module_gallery_2 .item_title h5 {font-size:24px; margin:0; line-height:1.25; text-align:left;}
	.module_gallery_2 .item_title .date {color:#999; font-size:18px; line-height:1.25; margin-top:auto;}
	.module_gallery_2 .item_title .lbl {text-align: center; font-size: 16px; background:rgba(0,0,0,0.1); color:#999; display: inline-block; margin-bottom:14px; padding:5px 7px; min-width:63px; box-sizing:content-box; border-radius:50px;}
	#slideService.module_gallery_2 {display:flex; align-items:center;}



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

	.slider_controller,
	.text_swiper,
	.thumb_swiper,
	.newest_wrap .thumb {width:100%;}
	.newest_wrap {flex-direction:column; gap:40px;}
	.newest_wrap .slider_controller {bottom: 0; left: 0; width: 100%; padding: 20px;  align-items: flex-end;}
	.newest_wrap .thumb img {width: 100%; max-width: initial;  min-width: initial;}
	.card_wrap {margin-top:30px;}
	.card_wrap ul li a {flex-direction:column; gap:0; padding:20px 0;}
	.card_wrap ul li .date {font-size:18px; line-height:1.4; margin-bottom:5px;}
	.card_wrap ul li h5 {font-size: 20px; line-height:1.4;}
	.card_wrap ul li h5 .ico_new {font-size:14px; height:24px; line-height:24px; padding:0 10px; width:auto; margin:2px 0 0; }
	.card_wrap ul li .thumb {margin-top:10px;}
	.pps_wrap ul li {width:300px; height:304px; gap: 20px;}
	.pps_wrap svg {width:308px;}
	.pps_wrap ul li h5 {font-size: 21px;}
	.pps_wrap ul li p {font-size: 15px; line-height: 1.5;}
	.pps_wrap.active ul::after,
	.pps_wrap.active ul::before {animation-name:mission_1240 ;}
	.pps_wrap.active ul::after {left: calc(50vw + 438px); animation-delay : 1.95s;}
	.charter_wrap {height:auto; padding:40px 0 60px;}
	.history_area::after {left:47%;}
	
	.value_wrap .title_02 {padding-right:0; margin-bottom:40px;}
	.value_wrap .container:has(.__list) {display:block;}
	.value_wrap .container:has(.__list) .title_02 {position:static; transform:none;}
	.value_wrap dl {flex-direction: column;}
	
	.ceo_wrap .container {background-position:100% -58%; background-size: 555px; padding-left:80px;}

} /* 1240 END */


@media screen and (max-width : 1024px) {
	.visual_circle h3,
	.purpose_wrap h2,
	.ceo_wrap h3,
	.affiliate_wrap h2,
	.affiliate_wrap h3,
	.visual_circle.bg h4 {font-size:clamp(28px, 5vw, 60px); line-height:clamp(40px, 6vw, 80px); font-size:28px; line-height:40px;}
	.grow_text p,
	.left_text h4 {font-size:clamp(20px, 4vw, 32px); line-height:1.5; font-size:20px;}
	.charter_wrap .__title,
	.ceo_wrap h3,
	.title_sub {font-size:clamp(28px, 3.5vw, 48px); line-height:1.5; font-size:28px; }	
	.ceo_content .__title strong {font-size:clamp(28px, 3.5vw, 36px); line-height:1.3; font-size:28px;}
	.charter_wrap p,
	.title_label,
	.mission_wrap .title_sub + p,
	.vision_wrap ul li h5,
	.vision_wrap ul li p,
	.value_wrap .title_02 .title_sub + p,
	.ceo_wrap h3 span,
	.ceo_content .__title,
	.left_text p,
	.visual_circle.bg p,
	.history .title_01 p {font-size:clamp(16px, 3vw, 21px); letter-spacing:-0.03em; line-height:1.5; font-size:16px;}
	
	/* 그룹소개 > 그룹소개 */
	.intro .company_1 {padding:166px 0 82px;}
	.charter_wrap {padding:30px 0 50px;}
		.charter_wrap .__title {padding:50px 0;}
		.charter_wrap .__title img {width:38vw; min-width:264px;}
		.charter_wrap p {margin-bottom:30px;}
		.btn_round_plus {padding: 9px 26px 9px 24px; font-size: 18px; height: 51px; gap: 8px;}
		.btn_round_plus img {width:23px; height:auto;}
		.vision_wrap.container {padding-top:100px;}
		.vision_wrap ul li h5 {margin-top: 10px; font-size: 21px; margin-top:15px;}
		.vision_wrap ul li p {font-size: 14px;}
		.vision_wrap ul li img {width:100% ;}
		.pps_wrap ul li {width:220px; height:224px; gap: 10px;}
		.pps_wrap svg {width: 225px;}
		.pps_wrap ul li p {margin: 0px 20px;}
		.pps_wrap.active ul::after, 
		.pps_wrap.active ul::before {animation-name: mission_1024;}
		.pps_wrap.active ul::after {left: calc(50vw + 318px);}
		.pps_wrap ul li h5 {font-size: 17px;}
		.pps_wrap ul li p {font-size: 13px;}
		.value_wrap dl dd {width : 100%;}
		.value_wrap {margin-bottom:110px;}

		.char_pop .layer_content .btn_x {right:20px; top:10px;}
		.char_pop .bg_white,
		.char_pop .value.bg_white,
		.char_pop .behavior.bg_white {padding:20px 30px;}
		.char_pop .behavior li {padding:20px;}
		.layer_pop.char_pop .__body h5 {font-size: 18px;}
		.layer_pop.char_pop .__body p {font-size: 14px;}
		.layer_pop.char_pop .__body p br {display: none;}
		.char_pop .value ul li {flex-direction: column; align-items: center; gap: 10px;  justify-content: center; height:auto;}
		.char_pop .value ul li > div:not(.alphabet) {align-items: center;}
		.ceo_wrap {margin:110px auto 100px; padding: 0; text-align: center; height: 650px; border-radius: 20px;}
		.ceo_wrap .container {height: 100%; background-size: 425px ; background-position:50% 178%; gap: 30px; padding: 50px 0;}
		.ceo_wrap .btn_round_plus { width: 224px; font-size: 16px; padding: 0; justify-content: center; gap: 26px; height: 46px; margin: 0 auto;}
		.ceo_wrap .btn_round_plus img {width:24px; }
		.ceo_wrap .__sign {font-size:16px; line-height:24px; left:50%; bottom:30px; transform:translateX(-50%); justify-content: center;}
		.ceo_wrap .__sign img {width:min(26vw, 166px);}
		.layer_pop.__system.ceo_pop .layer_content .container .layer_inner_container {padding:60px;}
		.ceo_content {gap:60px;}
		

	/* 연혁 */
	.history .img_wrap {width:calc(100vw - 40px);}
	.history .img_wrap img {object-position:center right;}
		.history_area.container {flex-direction: column-reverse; margin:80px auto; align-items:center;}
		.history .title_01 .__primary {line-height: 1.5; font-size: 35px;}
		.history_area::after {display: none;}
		.visual_circle.bg p br {display: none;}
		.history_area .term h4 {text-align: center; font-size: 25px; line-height: 1.4; margin: 0px 0 36px;}
		.history_area .term .year_text {font-size: 16px; line-height: 1.5; justify-content:center;}
		.history_area .term .thumb {min-height:250px; height: 250px; width:90vw; border-radius:10px;}
		.history_area .term .thumb img {top:0; transform:translateX(-50%);}
		.term_wrap {width:100vw; height:auto;}
		.term_wrap .term {height:auto; padding-top: 64px;}
		.term_wrap .term::before {content:""; display: block; width:100vw; height:100%; position:absolute; left:0; top: 0; bottom: 0; right: 0; background:#fff; z-index:-1;}
		.term_wrap .box {max-width:546px; width:90vw; margin:0 auto; padding-top: 20px; padding-bottom: 20px; transition: padding-top 0.5s;}
		.history_area .term_list {padding-top: 481px;} 
		.history_area .year {flex-direction:column; gap:10px;}
		.history_area .years ~ .years {padding-top: 100px;}
		.history_area .years {position:relative;}
		.history_area .years::before {content:""; width:1px; height:100%; background: rgba(0,0,0,0.2); position:absolute; left:0; top:-7px; display: block;}
		.history_area .year h5 {font-size: 16px;}
		.history_area .year li {font-size: 14px;}
		.hnav_wrap {height:47px; padding:0 20px;}
		/* [data-header="visible"][data-scroll="up"] .hnav_wrap {top:0; transform:translateY(-150%);} */
		
		[data-header="visible"] .hnav_wrap {top:64px;}
		.hnav_wrap ul li {font-size:12px; line-height:21px; font-weight:500; padding-top:16px; padding-bottom:10px;}
		.hnav_wrap ul li::before {width:6px; height:6px; left:calc(50% - 3px); bottom:-3px;}
		.hnav_wrap ul li.active::after {bottom:0;}
		.hnav_wrap ul li span {display:none;}

	/* 사업분야 > 계열사 */
	.company_1 {padding:166px 0 0;}
	.affiliate_wrap h3 {margin: 0;}
		.affiliate_wrap.container {padding-bottom:120px;}
		
		.contri_wrap > .container {padding-top:100px;}
		.right_thumb {width:100%; max-width: initial;}
		.right_thumb .thumb img {max-height: initial; width:100%;}
		.contributes {margin-left:20px;}
		.contri_wrap {padding-bottom:100px;}
		.contri_wrap ul {flex-direction:column; }
		.contribute .affi_item {padding:0 10px;}
		.contribute p {padding-right:0;}

	
	/* 사업분야 > 사회공헌 */
	.contri_wrap li,
		.contri_wrap li.align_right {flex-direction:column; margin-bottom:0; gap:0;}
		.contri_wrap .img_wrap {width: 100%; min-width: initial; max-height: 350px; display: flex; justify-content: center; align-items: center;  overflow: hidden; border-radius: 20px;}
		.contri_wrap .img_wrap img {width:100%;}
		.contri_wrap h2 {padding: 126px 0 40px; font-size: 36px; line-height: 46px;} 
		.contri_other_wrap {margin-top: 10px;}
		.contri_other_wrap h5 {font-size: 46px; line-height: 56px; word-break:keep-all;}
		.contribute .contri_other_wrap .container > p {font-size: 20px; line-height: 30px; margin-top: 10px;}

	/* 뉴스, 스토리 */
	.news_wrap {margin-bottom:100px;}
	.card_wrap {margin-top:32px;}
	.card_wrap ul li .thumb {margin-bottom:16px;}
	.module_gallery_2 ul li {width:calc(50% - 15px);}
		.media_list .search_wrap {gap: 10px; justify-content:space-between;}
		.media_list .form_element select {width: 100px !important;}
		.media_list .search_wrap a {width: 80px !important; padding-left: 0;}
		.media_list .search_wrap .search_box .btn {width: 24px !important; padding:0;}
		.media_list .search_wrap .search_box input[type="text"] {padding-left: 34px;}
		.search_box input[type="text"]::placeholder {font-size: 16px;}
	.news_wrap .sub_tit {font-size:22px;}
	.news_wrap .module_gallery_2 {padding-top:0;}
	.module_gallery_2 {margin-bottom:127px;}
	.module_gallery_2 ul {gap:23px; margin-bottom:30px;}

} /* 1024 END */

@media screen and (max-width : 769px) {
	.show_tbl {display: block;}

	
		/* 스토리, 뉴스 */
	.news_wrap h5 {font-size: 20px;}
	.card_wrap ul li h5 {margin: 0;}
	.module_gallery_2 ul li {width:100%;} 
	
	/* 그룹소개 > 그룹소개 */
	.layer_pop.char_pop.__system .__body {padding: 180px 20px 88px;}
		.vision_wrap ul {flex-direction:column; align-items: center; gap:60px;}
		.pps_wrap ul {flex-direction: column; align-items: center;}
		.pps_wrap ul li p {font-size: 13px;}
		.pps_wrap ul li {background:transparent;}
		.pps_wrap.active ul::before,
		.pps_wrap.active ul::after {display: none;}
		.ceo_content .text_wrap {font-weight: 500; line-height: 1.8; font-size: 16px;}
		.affi_item .btn_link:hover::after {animation:none;}
		
		.mission_wrap,
		.pps_wrap,
		.value_wrap.__value_1 {text-align:center;}
		
		.mission_wrap > .container {margin-bottom:40px;}
		.mission_wrap .title_sub {margin-bottom:16px;}
		.mission_wrap .title_sub + p {width:min(80vw, 330px); margin:0 auto; font-size:14px; line-height:20px; padding:0 30px;}
		.mission_wrap .title_sub + p br {display:none;}
		.mission_wrap .img_banner {height:240px;}
		
		.ceo_wrap {padding:0;}
		.ceo_wrap .container {padding-left:20px; padding-right:20px; padding-bottom:min(73vw, 400px); /* background-size:85%; */}
	
		.layer_pop.__system.ceo_pop .layer_content .container .layer_inner_container {padding:min(7vw, 60px);}
		.ceo_content {flex-direction:column; gap:40px;}
		.ceo_content .__title {position:static;}

	/* 사업분야 > 사회공헌 */
	.contri_wrap h2 {font-size: 30px; line-height: 40px;}
		.contri_other_wrap {padding:80px 0 107px;}
		.contri_other_wrap li div {left: 30px; bottom: 50px; right: 30px;}
		.contri_other_wrap h5 {text-align: center; font-size: 30px; line-height: 40px;}
		.contribute .contri_other_wrap .container > p {font-size: 18px; line-height: 26px; text-align: center; margin-top: 15px;}
		.contributes .affi_item {width:75vw;}
		.contri_other_wrap ul {position:relative; padding-left:10px; gap:14px;}
		.contri_other_wrap ul li {display: flex; align-items: flex-end; flex: 1 1 0; min-width: 314px; height:446px; padding:26px;}
		.contri_other_wrap li h3 {font-size: 20px;}
		.contribute p {font-size: 14px; line-height: 22px;}
		.contri_other_wrap li div {position:static;}
		.contri_other_wrap .type1 [data-type="2"]::after, .contri_other_wrap .type1 [data-type="3"]::after, .contri_other_wrap .type2 [data-type="1"]::after, .contri_other_wrap .type2 [data-type="3"]::after, .contri_other_wrap .type3 [data-type="1"]::after, .contri_other_wrap .type3 [data-type="2"]::after {background: rgba(0, 0, 0, 0.4);     backdrop-filter: blur(0);}
		.contri_other_wrap ul li[data-type="1"]::before {background-image:url("../images/business/business_affi_raredisease.svg")}
		.contri_other_wrap ul li[data-type="2"]::before {background-image:url("../images/business/business_affi_volunteer.svg");}
		.contri_other_wrap ul li[data-type="3"]::before {background-image:url("../images/business/business_affi_volleyball.svg");}
		.vertical_title {display: none;}
		.contri_other_wrap li div {opacity:1; transform:none;}
		.contri_paging {display:flex; justify-content:center; gap:6px; margin-top: 20px;}
		.contri_paging span {width:10px; height:10px; border-radius:50px; background:rgba(0,0,0,0.2); display: inline-block; text-indent:-999999em; overflow:hidden; transition:0.3s;}
		#contriSlide.type1 + .contri_paging span:first-child,
		#contriSlide.type2 + .contri_paging span:nth-child(2),
		#contriSlide.type3 + .contri_paging span:last-child {width:36px; background:#000;}
		.contri_other_wrap .type1 [data-type="2"]::before, 
		.contri_other_wrap .type1 [data-type="3"]::before,
		.contri_other_wrap .type2 [data-type="1"]::before, 
		.contri_other_wrap .type2 [data-type="3"]::before,
		.contri_other_wrap .type3 [data-type="1"]::before, 
		.contri_other_wrap .type3 [data-type="2"]::before {background-position:0% 0%;}
		.contri_other_wrap .type1 [data-type="1"] div, .contri_other_wrap .type2 [data-type="2"] div, .contri_other_wrap .type3 [data-type="3"] div {animation:none;}
		.contri_other_wrap ul li {width:80vw; min-width:80vw;}

} /* 768 END */

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

	.btn[class *= bd],
	.btn[class *= bg],
	.btn {max-width: 128px; font-size: 16px; line-height: 40px;}
	.btn_download {max-width:228px; line-height:44px; padding-left:18px;}

	.show_m {display: block;}
	.visual_circle h3,
	.value_wrap dl dt {font-size:28px; line-height: 1.5;}
	.ceo_wrap h3 {font-size:24px; line-height:36px;}
	.grow_text p,
	.history .title_01 p {font-size:20px; line-height:1.5;}
	.charter_wrap .__title {font-size:28px; line-height:1.5;}
	.charter_wrap p,
	.value_wrap .title_02 .title_sub + p,
	.ceo_content .text_wrap {font-size:16px; line-height:1.5;}
	.value_wrap dl {margin-bottom: 20px;}
	
	.grow_text p br {display: none;}
	
	
	

	/* 연혁 */
	.history .cover_wrap {clip-path: inset(48% 0% 0%);}
	.history .img_wrap {top:48%;}
		.history .title_01 .__primary {font-size: 30px; line-height:40px;}
		.history .title_01 p {font-size: 17px;}
		.history .title_01 p br {display: none;}
		.history_area .years {padding-left: 20px; width:100%;}
		.history_area .year {gap: 15px;}
		.history_area .year ul {margin-bottom: 42px;}
		.history_area .term h4 {font-size: 22px;}
		.history_area .term .lbl {font-size: 12px; line-height:1; margin-top: 12px;}
		.history_area .year h5 {font-size: 17px; line-height: 1; font-weight: 700;}
		.term_wrap .box {padding: 10px 0;}
		.history_area .term_list {padding-top: 54vh;} 
	

	/* 사업분야 > 계열사 */
	.business_area {padding-top: 26px;}
	.business_area li {padding: 28px 30px;}
	.contri_wrap .affi_item .btn_link {gap:0;}
	.contri_wrap .affi_item .btn_link::after {margin-top:3px;}
	.contributes .affi_item .thumb {height: 350px;}
	.contributes .affi_item .thumb img {max-width:initial; width:auto; min-height: 100%; min-width: 100%;}
	.card_wrap ul li {width:100%;}
	.business_area h5 {font-size: 16px; margin: 0;}
	.business_area p {font-size: 14px; line-height: 1.5;}

	/* 그룹소개 > 그룹소개 */
	.ceo_wrap { width:calc(100% - 44px); }
		.ceo_wrap .__sign {bottom:30px;}
		.ceo_content .text_wrap {font-size: 14px; line-height: 24px; word-break:break-all; letter-spacing:0;}
		.mission_wrap {margin-bottom: 145px;}
		.pps_wrap {margin-bottom: 145px;}
		
		.value_wrap .show_m {display: block;}
		.value_wrap .img_wrap {margin: 30px 0 91px; width:100%; height:152px; border-radius:0; background-size:cover; background-position:46% center;}
		/*.value_wrap dl {margin :0 20px;} */
		.value_wrap dl dt {padding-top: 26px; line-height: 26px; font-size: 20px; font-weight: 700; padding-bottom: 14px;}
		.value_wrap li {padding:16px 0;}
		.value_wrap li p {font-weight: 500; color:rgba(0,0,0,0.6); font-size: 14px;}
		.value_wrap dd ul {padding-bottom: 8px;}
		.value_wrap li span {font-size: 16px; font-weight: 600;}
		.purpose_wrap > div:nth-child(4) {margin-top: 82px;}
		.affi_item {padding-bottom: 30px;}
		.charter_wrap {width:100%; border-radius:0;}
		.charter_wrap .text_wrap p br {display: none;}
		.charter_wrap .text_wrap p br.show_m {display: block;}
		.title_label {font-size: 18px; line-height: 22px; margin-bottom: 3px;}
		.title_sub {font-size: 28px; line-height: 36px; margin-bottom: 19px;}
		.vision_wrap ul li h5 {font-size: 18px; line-height: 30px; margin-bottom: 6px;}
		.vision_wrap ul li p {font-size: 18px; line-height: 26px;}
		.vision_wrap.container {padding-bottom: 210px;}
		.pps_wrap ul {margin-top: 36px;}
		.pps_wrap ul li {width:290px; height:292px; gap:17px;}
		.pps_wrap ul li h5 {font-size: 20px;}
		.pps_wrap ul li p {font-size: 16px; line-height: 20px;}
		.pps_wrap ul li svg {width:295px; animation:none; stroke-dasharray : 0;}
		.value_wrap .title_sub {font-size: 24px;}
	
		
	/* 그룹소개 > 연혁 */
	.history .sec1 .container {padding-top: 166px; padding-bottom:82px;}
		.history .img_wrap img {left: 0; transform: none; width: 100%;}
		.history .title_01 p {display: none;}
		.history_desc {font-size: 20px; line-height: 30px;}
		.history .history_area.container {padding:0 30px; margin-top:160px; margin-bottom:100px;}

	/* 사업분야 > 사회공헌 */
	.contri_wrap .affi_item .btn_link {margin: 19px 0 16px;}
	.contri_wrap .affi_item p {color:#444; line-height: 22px;}
	
	/* 뉴스 스토리 */
	.news_wrap h2 {margin-bottom: 56px; font-size: 32px; line-height: 40px;}
		.newest_wrap {flex-direction:column-reverse; gap:0;}
		.news_wrap li h5 {margin: 16px 0 8px;}
		.news_wrap .date {font-size: 14px;}
		.newest_wrap .slider_controller {bottom: -98px; padding: 0 0 50px; border-bottom:1px solid rgba(0, 0, 0, 0.2);}
		.newest_slide_button {gap:10px;}
		.newest_slide_button button img {width:26px;}
		.slider_controller .pagination {font-size: 14px;}
		.module_gallery_2 .item_thumb {height:204px;}
		.module_gallery_2 .item_title {padding:20px; height:156px;}
		.module_gallery_2 .item_title .lbl {font-size: 14px; line-height: 14px; padding:6px 7px; padding: 6px 15px; box-sizing: border-box; margin-bottom: 12px;}
		.module_gallery_2 .item_title h5 {font-size: 20px;}
		.module_gallery_2 .item_title .date {font-size: 14px;}
	
} /* 500 END */

@media screen and (max-width : 414px) {
	.history_area .term .thumb {min-height: 210px; height: 210px; width:calc(100vw - 60px); margin:0 auto;}
	.history_area .term .lbl {margin-left:10px;}
	.char_pop .layer_content .btn_x {right: 10px;}
	
	.ceo_wrap .container { background-size: 426px; background-position: 55% 175%;} 
} /* 414 END */




















/* placeholder-rewritten clone of style2.css — 이미지 참조는 자작 플레이스홀더 SVG */