@charset "utf-8";

/* 공통 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 h3 {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 h3 span {display:block;}
	.charter_wrap h3 span.__bg {opacity:0.3;}
	.charter_wrap h3 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("/public/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 {max-width:450px;}
	.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;}
	.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:url("/public/images/company/company_intro_sec5.webp") no-repeat center / cover;}
	.value_wrap .container:has(.__list) {display:flex; justify-content:space-between; align-items:flex-start;}
	.value_wrap .__list {flex-basis:55%;}
	.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("/public/images/company/company_intro_ceo.png") 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 picture {width:100%;  min-height:100%; position:absolute; left:50%; transform:translateX(-50%);}
	.history .img_wrap picture img {max-width:initial; width:100%; height:100%; 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("/public/images/company/company_history_bg.png") 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: 60px; 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%);  }
	.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:120px;}
	.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;}
	.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:not(.none_arrow)::after {content:""; margin-left: 20px; width:32px; height:32px; display: inline-block; border-radius:50%; border:2px solid #000; background:url("/public/images/common/ico_arrow_right_top.svg") no-repeat -34px -2px / 64px;}
	.btn_link.none_arrow {cursor:default;}
	.affi_item .link {flex-shrink:0;}
	.affi_item .btn_link:hover::after {animation:1s arrowUp infinite;}
	.affi_item h6  {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 h6 {font-size: 20px; 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;}

.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%; 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('/public/images/business/business_affi_bg.png') 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('/public/images/business/business_affi_raredisease.webp') no-repeat 0% 0% / cover; z-index:-2;}
	.contri_other_wrap ul.type2 li::before {background:url('/public/images/business/business_affi_volunteer.webp') no-repeat 0% 0% / cover; z-index:-2;}
	.contri_other_wrap ul.type3 li::before {background:url('/public/images/business/business_affi_volleyball.webp') 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 {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 h3,
	.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 h3 {padding:50px 0;}
		.charter_wrap h3 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;}
		.vision_wrap.container {padding-top:100px;}
		.vision_wrap ul li {max-width:initial;}
		.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 picture 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('/public/images/business/business_affi_raredisease.png')}
		.contri_other_wrap ul li[data-type="2"]::before {background-image:url('/public/images/business/business_affi_volunteer.png');}
		.contri_other_wrap ul li[data-type="3"]::before {background-image:url('/public/images/business/business_affi_volleyball.png');}
		.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 h3 {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 h6 {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 picture {left: 0; transform: none; width: 100%;}
		.history .img_wrap picture img {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 */



/*------------------------------------*\
	STYLE
	- 레이아웃, 서브 페이지

	font-family : 'Pretendard Variable', sans-serif;
\*------------------------------------*/

:root{
	--color-active: #FF4848;
	--max-width: min(100vw, 1460px);
	--easing1 : cubic-bezier(0.68, 0.03, 0.33, 1);
	--ease-in-out-quart: cubic-bezier(0.645, 0.045, 0.355, 1);
}

.container {position:relative; width:100%; max-width:var(--max-width); padding:0 20px; margin:0 auto;}

/* 헤더 */

/* 초기 상태 설정 - 서브 메뉴 없을 때 - 홈, 스스로, 개인정보처리방침 */
.header_wrap {position:fixed; top:0; left:0; right:0; height:80px; min-height:80px; z-index:999; background:#fff; transition:height 0.2s, box-shadow 0.3s, transform 0.3s, background 0.3s; transform:translateY(0); overflow:hidden;}
.header_wrap > * {z-index:1;}

.header_container {position:relative; max-width:1460px; margin:0 auto; padding:0 20px;}
.header_logo {position:absolute; left:20px;}
.header_logo a {display:flex; align-items:center; justify-content:center; width:90px; height:80px; background:url("../images/common/logo_jei_black.svg") no-repeat left center / 40px; font-size:0;}
.gnb_container {padding:0; margin-left:90px;}

body:has(.header_transparent) .header_wrap {background:transparent;}
body:has(.header_transparent) .gnb_main ul li a {color:#fff;}
body:has(.header_transparent) .header_logo a {background-image: url("../images/common/logo_jei_white.svg");}
body:has(.header_transparent) .header_btns .btn_menu {background-image: url("../images/common/btn_hamburger_white.svg");}

.gnb_main {display:inline-flex;}
.gnb_main ul {display:flex;}
.gnb_main ul li {position:relative;}
.gnb_main ul li a {position:relative; display:block; color:#000; line-height:80px; font-size:18px; font-weight:600; z-index:2; transition: color 0.2s;}
.gnb_main ul li.__active > a,
.gnb_main ul li a.__active {color:var(--color-active) !important;}
.gnb_main > ul > li > a {padding-right:60px;}

.gnb_sub {opacity:0; visibility:hidden; position:absolute; left:0; right:0; transform:translateY(14px); transition:opacity 0.2s 0.2s, transform 0.5s 0.0s, visibility 0.2s 0.1s;}
.gnb_sub ul {flex-direction:column; align-items:flex-start;}
.gnb_sub ul li {}
.gnb_sub ul li ~ li {margin-left:0;}
.gnb_sub ul li a {display:flex; gap:3px; color:#444; font-size:16px; line-height:40px; font-weight:500; z-index:1;}
.gnb_sub ul li a.__active {font-weight:700;}
.gnb_sub ul li a span {}


.header_btns {position:absolute; top:0; right:20px; display:flex;}
.header_btns a {height:80px;}
.header_btns a.btn_lang {position:relative; width:60px; text-align:center; line-height:80px; transition:0.2s;}
.header_btns a.btn_lang::before {content:''; position:absolute; top:calc(50% - 20px); left:calc(50% - 20px); width:40px; height:40px; border:1px solid #000; z-index:-1; transition:0.2s;}
.header_btns a.btn_lang:hover {color:#fff;}
.header_btns a.btn_lang:hover::before {background:#000;}

.nav_section {display:none; flex-direction:row; gap:50px;}
	[data-mode="mobile"] .nav_section {display:none !important;}
.nav_section button {color:#565656; font-size:18px; font-weight:400; transition:color 0.2s;}
.nav_section button:hover,
.nav_section button.__active {color:#000; font-weight:600;}

/* 초기 상태 - 서브 메뉴 있을 때 */
[selected-gnb-sub] .header_wrap {background:#fff; transition:height 0.2s, box-shadow 0.3s, transform 0.3s, background 0.3s;}

/* 초기상태 - 다크 */
[data-theme="dark"] .header_wrap {background:none;}
[data-theme="dark"] .header_logo a {background-image:url("../images/common/logo_jei_white.svg");}
[data-theme="dark"] .gnb_main ul li a {color:#fff;}
[data-theme="dark"] .header_btns a.btn_lang {color:#fff;}
[data-theme="dark"] .header_btns a.btn_lang::before {border:1px solid #fff;}
[data-theme="dark"] .header_btns .btn_menu {background-image: url("../images/common/btn_hamburger_white.svg");}

/* 스크롤 할 때 */
[data-header="visible"][data-scroll] .header_wrap {box-shadow:0 4px 10px rgb(0 0 0 / 10%);}
[data-header="visible"][data-scroll="top"] .header_wrap {box-shadow:none;}

/* 스크롤 내릴 때 - 헤더 사라짐 */
[data-header="hidden"] .header_wrap {transform:translateY(-80px);}
[data-header="hidden"][selected-gnb-sub] .header_wrap {transform:none; box-shadow:0 4px 10px rgb(0 0 0 / 10%); background:rgba(255,255,255,0.8); backdrop-filter:blur(10px);}
[data-header="hidden"][selected-gnb-sub] .header_logo,
[data-header="hidden"][selected-gnb-sub] .gnb_main > ul > li > a,
[data-header="hidden"][selected-gnb-sub] .header_btns {opacity:0; visibility:hidden;}
[data-header="hidden"][selected-gnb-sub] .gnb_sub {transform:none;}
[data-header="hidden"] .gnb_main > ul > li:has(a.__active)  { opacity:1;}
[data-header="hidden"] .gnb_sub ul li:not(:has(a.__active)) {display:none;}
[data-header="hidden"] .gnb_main:not(.hnav_on) ul li a.__active + .gnb_sub {display: block;}
[data-header="hidden"] .gnb_sub {display: none; position:fixed; top:0; left:0; right:0; width: 100%; opacity: 1; visibility: visible; padding-top: 0; transition:0s; z-index:3;}
[data-header="hidden"] .gnb_sub ul {max-width:var(--max-width); margin:0 auto; padding:0 20px; height: 80px; display:flex; flex-direction:row; align-items:center;}
[data-header="hidden"] .gnb_sub ul li {display:block;}
[data-header="hidden"] .gnb_sub ul li a {width:auto; color:#000 !important; font-size:24px; font-weight:700; pointer-events:none;}
[data-header="hidden"] .gnb_sub ul li:has(a.__active) {display:flex; justify-content:space-between; align-items:center; width:100%;}
[data-header="hidden"] .gnb_sub ul li:has(a.__active) .nav_section {display:flex;}

/* 스크롤 올릴 때 - 헤더 나타남 */
[data-scroll="up"][data-theme="dark"] .header_logo a {background-image:url("../images/common/logo_jei_black.svg");}
[data-scroll="up"][data-theme="dark"] .gnb_main ul li a {color:#000;}
[data-scroll="up"][data-theme="dark"] .header_btns a.btn_lang {color:#000;}
[data-scroll="up"][data-theme="dark"] .header_btns a.btn_lang::before {border:1px solid #000;}
[data-scroll="up"][data-theme="dark"] .header_btns .btn_menu {background-image:url("../images/common/btn_hamburger_black.svg");}
[data-scroll="up"][data-theme="dark"].gnb_on .gnb_main ul li a {color:#000;}
[data-scroll="up"][data-header="visible"] .header_wrap {background:#fff;}

/* PC ONLY */
[data-mode="desktop"] .header_btns .btn_menu {display:none;}
[data-mode="desktop"] .gnb_main > ul > li:hover > a {color:var(--color-active);}
[data-mode="desktop"] .gnb_sub ul li a:hover {text-decoration:underline;}
[data-mode="desktop"] .header_wrap::before {opacity:0; content:''; position:absolute; left:-50%; right:-50%; top:80px; height:1px; background:#C6CCD2; transform:scale(.5); transition:0.3s;}
[data-mode="desktop"][data-gnb-hover="true"] .header_wrap::before {opacity:1;}
[data-mode="desktop"][data-gnb-hover="true"] .header_wrap .gnb_sub {opacity:1; visibility:visible;}
/* PC - 포커스 */
[data-mode="desktop"] .header_wrap:has(.gnb_main:focus-within) {overflow:visible; height:300px !important;}
[data-mode="desktop"] .header_wrap:has(.gnb_main:focus-within) .gnb_sub {opacity:1; visibility:visible;}

/* 마우스 호버 */
[data-gnb-hover="true"][data-header="visible"] .header_wrap {box-shadow:0 4px 10px rgb(0 0 0 / 10%);}
[data-header-hover="true"][data-theme="dark"] .header_wrap {background:#fff;}
[data-header-hover="true"][data-theme="dark"] .header_logo a {background-image:url("../images/common/logo_jei_black.svg");}
[data-header-hover="true"][data-theme="dark"] .header_btns .btn_menu {background-image:url("../images/common/btn_hamburger_black.svg");}
[data-header-hover="true"][data-theme="dark"] .header_btns a.btn_lang {color:#000;}
[data-header-hover="true"][data-theme="dark"] .header_btns a.btn_lang::before {border-image:conic-gradient(#000, #000) 1;}
[data-header-hover="true"][data-theme="dark"] .gnb_main ul li a {color:#000;}
[data-header-hover="true"][data-theme="dark"] .gnb_main > ul > li:hover > a {color:var(--color-active);}

/* 푸터 */
.footer_wrap {padding:60px 0; color:rgb(0 0 0 / 60%); background:#fff; border-top:1px solid rgb(0 0 0 / 10%);}
.footer_wrap .container {display:flex; justify-content:space-between;}
.footer_wrap .__left { }
	.footer_wrap address {margin-bottom:110px;}
	.footer_wrap address h2 {line-height:28px; margin-bottom:20px;}
	.footer_wrap address h2 img {height:28px;}
	.footer_wrap address p {display: flex; flex-wrap: wrap; align-items: center; color:rgb(0 0 0 / 60%); font-size:14px; line-height:24px; font-weight:400;}
	.footer_wrap address p a {color: inherit;}
	.footer_wrap address p span {position: relative; padding-right: 10px; margin-right: 10px;}
	.footer_wrap address p span::after {content: '';    position: absolute;    top: 50%;    right: 0;    width: 1px;    height: 12px;    background: rgb(0 0 0 / 40%); transform: translateY(-50%);}
	.footer_wrap address p span:last-child {padding-right:0; margin-right:0;}
	.footer_wrap address p span:last-child::after {display:none;}
	.footer_wrap address p span a.btn {display:block; padding:0 6px; color:#fff; background:#999; border-radius:4px; font-size:inherit; line-height:24px;}
	.footer_wrap address p.copy  {font-family:var(--font-Proxima); line-height:20px; margin-top:16px; word-break:keep-all;}
	.footer_wrap address p.copy img {height:10px;}
	.footer_wrap .__copy {color:rgb(0 0 0 / 60%); font-size:14px; line-height:24px;}
	.footer_wrap .__copy p {display:flex; align-items:center;}
.footer_wrap .__right {}
	.footer_family_wrap {text-align:right; margin-bottom:12px;}
	.footer_family_wrap .btn_family {position:relative; cursor:pointer; display:inline-block; color:rgb(0 0 0 / 40%); width:174px; font-size:14px; line-height:40px; text-align:left; padding-left:12px; background:#ECECEC; border-radius:30px; font-weight:600;}
	.footer_family_wrap .btn_family::before {content:''; position:absolute; top:calc(50% - 12px); right:8px; width:24px; height:24px; background:url("../images/common/ico_plus_gray.svg") no-repeat center;}
	.footer_family_wrap .btn_family.on::before {transform:rotate(45deg);}

	.footer_family_wrap .__include .family,
	.footer_family_wrap .family_sub::before,
	.footer_family_wrap .__include .btn_family {display:none;}

	.footer_family_wrap .family_sub { border: 1px solid rgba(0, 0, 0, 0.1); display:none; transform:none; width:auto; height:auto; position:absolute; top:-320px; right:20px; /*  padding:38px 48px; */ padding:0; background:#fff; box-shadow: 0px 0px 10px 0px #0000000D; border-radius:15px; backdrop-filter:none !important;}
	.footer_family_wrap .family_sub .btn_footer {display: none;}
	.footer_family_wrap .family_sub ul li a {padding-left: 0; font-weight:500;}
	.footer_family_wrap .family_sub > ul {display:flex; text-align:left;}
	.footer_family_wrap .family_sub > ul > li {float:none; width:auto; border-left:none;height:auto;}
	.footer_family_wrap .family_sub > ul > li > span {background:rgba(0,0,0,0.05); line-height: 50px; color:rgba(0,0,0,0.3); padding: 0; font-size: 14px; font-size: 14px; font-weight: 600; letter-spacing: -0.04em;}
	.footer_family_wrap .family_sub > ul > li > span em {padding-left:0;}
	.footer_family_wrap .family_sub > ul > li:first-child,
	.footer_family_wrap .family_sub ul li,
	.footer_family_wrap .family_sub ul li.third,
	.footer_family_wrap .family_sub ul li.fourth,
	.footer_family_wrap .family_sub ul li.last {width:auto !important;}
	.footer_family_wrap .family_sub > ul > li > ul {padding-top:16px; padding-bottom:16px; padding-right: 60px; display: flex; flex-direction: column;}
	.footer_family_wrap .family_sub > ul > li.last > ul {padding-right: 58px;}
	.footer_family_wrap .family_sub > ul > li:first-child > ul,
	.footer_family_wrap .family_sub > ul > li:first-child > span {padding-left: 48px;}
	.footer_family_wrap .family_sub > ul > li > ul > li ~ li {margin-top:0;}
	.footer_family_wrap .family_sub > ul > li > ul > li a {display:block; color:#000; font-size:14px; line-height:32px;}
	.footer_family_wrap .family_sub > ul > li > ul > li a:hover {color:var(--color-active); text-decoration:none; font-weight:500;}

	.footer_wrap .__sns {display:flex; justify-content:flex-end; gap:20px; margin-bottom:90px; margin-right:-5px;}
	.footer_wrap .__sns a {transition:0.2s;}
	.footer_wrap .__sns a:hover {transform:scale(1.1);}

	.footer_wrap .__links a {display:inline-block; vertical-align:top;}
	.footer_wrap .__links a:first-child {color:var(--color-active); font-weight:700; margin-right:32px;}
	.footer_wrap .__links a:nth-of-type(3) {position: relative; padding-left: 8px; margin-left: 4px;}
	.footer_wrap .__links a:nth-of-type(3)::before {content: '';    position: absolute;    top: 50%;    left: 0;    width: 1px;    height: 12px;    background: rgb(0 0 0 / 40%); transform: translateY(-50%);}
	.footer_wrap .__links a:hover {text-decoration:underline;}


/* 본문 */
#contentWrap { min-height:calc(100vh - 350px);}
.section {position:relative;}

/*---------------------------
	메인
-----------------------------*/

/* 메인 비주얼 */
.main_visual {position:relative; height:100vh;}
.main_visual .swiper-wrapper .container {position:absolute; top:0; bottom:0; left:0; right:0; display:flex; align-items:center; color:#fff; z-index:1;}
.main_visual .title_01 {text-align:left; transform:translateY(8vh);}
.main_visual .title_01 .__primary {font-size:60px; line-height:calc(1 + (1 / 3)); margin-bottom:0.584em;}
.main_visual .title_01 .__primary a {display:flex; flex-direction:column; align-items:flex-start; gap:22px;}
.visual_slider {height:100%;}
.visual_slider .swiper-slide {height:100%; background:no-repeat center top / cover;}
.visual_slider .swiper-slide::before {content:''; position:absolute; top:0; bottom:0; left:0; right:0; background:rgb(0 0 0 / 30%); z-index:1;}
.visual_slider .swiper-slide video,
.visual_slider .swiper-slide picture {position:absolute; inset:0; width:100vw; height:100vh; object-fit:cover;}
.visual_slider .swiper-slide picture img {width:100vw; height:100vh; object-fit:cover;}
.visual_slider .title_01 .__primary {opacity:0; transform:translateY(30%);}
.visual_slider .swiper-slide-active .title_01 .__primary {animation:visualContentShow 0.7s ease-in forwards;}
@keyframes visualContentShow {
	from {opacity:0; transform:translateY(50%);}
	to {opacity:1; transform:none;}
}
.visual_slider .slide_1::before {background:rgb(0 0 0 / 40%);}
.visual_slider .swiper-slide-visible {position:relative;}
.swiper_controls {position:absolute; top:50%; transform:translateY(28vh); left:0; right:0; z-index:1;}
.swiper_controls div {position:static; width:auto; margin:0;}
.swiper_controls div.container {display:flex; align-items:center; gap:21px; margin:0 auto;}
	
.swiper_controls .swiper-index {display:block; width:29px; color:#fff; font-size:24px; line-height:40px; font-weight:700; text-align:center;}
.swiper_controls .swiper-progress {position:relative; display:flex; align-items:center; width:122px; height:2px; background:rgb(255 255 255 / 40%);}
.swiper_controls .swiper-progress span {position:absolute; top:0; left:0; height:100%; width:calc(100% * var(--progress)); background:#fff;}
.swiper_controls [class ^= swiper-button] {width:24px; height:24px; background:url("../images/common/btn_arrow3_white.svg") no-repeat center 100%;}
.swiper_controls [class ^= swiper-button]::before {opacity:0; content:''; position:absolute; width:40px; height:40px; background-color:rgb(0 0 0 / 10%); border-radius:50%; transition:opacity 0.2s;}
.swiper_controls [class ^= swiper-button]:hover::before {opacity:1;}
.swiper_controls .swiper-button-prev {transform:scaleX(-1);}

/* 끊임없는 변화 / 도전하는 자세 / 스스로의 가치 */
.main_1 {margin-bottom:272px; background:#000;}
.border_svg {position:absolute; top:0; left:0; width:100%; height:100%;}

.m2_title_wrap {height:100lvh; z-index:2;}
	.m2_title_wrap .container {position:absolute; top:0; bottom:0; left:0; right:0; padding:0; max-width:none;}
	.m2_title_wrap .title_01 {width:100%; height:100%; max-width:1200px; margin:0 auto;}
	.m2_title_wrap .title_01 .__primary {position:relative; height:100%; color:#fff; font-size:48px; line-height:68px; text-align:center;}
	.m2_title_wrap .title_01 .__primary p {position:absolute; top:50%; left:0; right:0; text-align:center; transform:translateY(-50%);}
	.m2_title_wrap .title_01 .__primary p:first-child {transform:translateY(calc(-50% - 1.5em));}
	.m2_title_wrap .title_01 .__primary p:nth-child(3) {transform:translateY(calc(-50% + 1.5em));}
	.m2_title_wrap .title_01 .__primary p span {display:inline-block;}

	.m2_title_wrap .m2_t0 {opacity:0;}
	.m2_title_wrap .m2_t1 .title_01 {max-width:none;}
	.m2_title_wrap .m2_t1 .clipped_wrapper {width:100%; height:100%;}
	.m2_title_wrap .m2_t1 .clipped_content {overflow:hidden; position:absolute; top:50%; left:50%; width:100vmax; height:100vmax; transform:translate(-50%, -50%); clip-path:url(#clipPath);-webkit-clip-path: url(#clipPath);}
	.m2_title_wrap .m2_t2,
	.m2_title_wrap .m2_t2 .title_out {opacity:0;}

	.m2_title_wrap .m2_t3 {opacity:0;}
	.m2_title_wrap .m2_t3 .title_01 .__primary p {color:rgb(255 255 255 / 40%); font-weight:700; text-align:left; transition:color 0.2s}
	.m2_title_wrap .m2_t3 .title_01 .__primary p.active {color:#fff;}

.m2_img_wrap .__spacing {height:500vh;}
.m2_img_wrap .__images {position:relative;}
.m2_img_wrap .__images .__img span {position:relative; display:block;}
.m2_img_wrap .__images .__img span::before {content:''; position:absolute; top:0; bottom:0; left:0; right:0; background:rgb(0 0 0 / 30%); z-index:1;}
.m2_img_wrap .__images .__img:first-child span::before {background:linear-gradient(to right, rgb(0 0 0 / 10%), transparent);}
.m2_img_wrap .__images .__img span picture {text-align:center;}
.m2_img_wrap .__images .__img span img {transform:scale(0.8); height:100%; border-radius:min(50px, 10vw); object-fit:cover;}

/* 궁금증을 해결하는 과정에서 / 새로움을 발견하는 경험까지 */
.main_2 {margin-bottom:256px;}
.main_2 > .container {overflow:hidden; width:100%; max-width:none; padding:0;}
.main_2 .title_02 {margin-bottom:60px;}
.slider_01 {width:100%; max-width:1200px; height:600px; margin:0 auto; text-align:center;}
.slider_01 ul {display:flex; height:100%; transition:0.5s;}
.slider_01 ul li {aspect-ratio:2 / 1; flex:1 0 auto; width:calc((100vw - 100%) / 4); cursor:pointer; transition:0.5s;}
.slider_01 ul li ~ li {margin-left:20px;}
.slider_01 ul li .container {overflow:hidden; height:100%; display:flex; align-items:center; justify-content:center; border-radius:15px;}
.slider_01 ul li .container::before,
.slider_01 ul li .container::after {content:''; position:absolute; top:0; bottom:0; left:0; right:0;}
.slider_01 ul li .container::before {background:no-repeat center / cover; transition:0.2s;}
.slider_01 ul li .container::after {opacity:0; background:rgb(0 0 0 / 40%); transition:0.2s;}
.slider_01 .slide_1 .container::before {
	background-image:image-set(
		url("../images/main/main_slider_01_1_2x.webp") 2x,
		url("../images/main/main_slider_01_1.webp") 1x
	);
}
.slider_01 .slide_2 .container::before {
	background-image:image-set(
		url("../images/main/main_slider_01_2_2x.webp") 2x,
		url("../images/main/main_slider_01_2.webp") 1x
	);
}
.slider_01 .slide_3 .container::before {
	background-image:image-set(
		url("../images/main/main_slider_01_3_2x.webp") 2x,
		url("../images/main/main_slider_01_3.webp") 1x
	);
}
.slider_01 .slide_4 .container::before {
	background-image:image-set(
		url("../images/main/main_slider_01_4_2x.webp") 2x,
		url("../images/main/main_slider_01_4.webp") 1x
	);
}
.slider_01 .slide_5 .container::before {
	background-image:image-set(
		url("../images/main/main_slider_01_5_2x.webp") 2x,
		url("../images/main/main_slider_01_5.webp") 1x
	);
}
.slider_01 ul li .slide_title {position:relative; visibility:hidden; opacity:0; color:#fff; transition:0.5s; cursor:pointer; z-index:1;}
.slider_01 .__primary {font-size:44px; line-height:53px; margin-bottom:17px; white-space:nowrap;}
.slider_01 .__secondary {position:relative; font-size:24px; line-height:38px; font-weight:600; display:inline-block; padding-right:68px; transition:0.3s; vertical-align:top;}
.slider_01 .__secondary::before {opacity:1; content:''; position:absolute; top:0; right:0; width:38px; height:38px; background:url("../images/common/ico_arrow_right_circle.svg") no-repeat right center; transition:0.4s;}
.slider_01 ul li.active {width:100%; cursor:default;}
.slider_01 ul li.active .container::before {transform:scale(1.2); transition:0.5s 0.3s;}
.slider_01 ul li.active .container::after {opacity:1;}
.slider_01 ul li.active .slide_title {opacity:1; visibility:visible;}
.slider_01 ul li.active .slide_title:hover .__secondary::before {opacity:1; right:0;}
.slider_01 ul li.active .slide_title:not(:hover) .__secondary::before {transition:opacity 0.1s, transform 0.4s;}
.slider_01_nav {display:flex; justify-content:center; max-width:1200px; margin:40px auto 0; padding:0 40px;}
.slider_01_nav button {font-family:var(--font-Proxima); flex:1 1 auto; color:rgb(0 0 0 / 20%); font-size:24px; line-height:24px; font-weight:700; text-align:center; transition:0.2s;}
.slider_01_nav button.active {color:#000;}

.main_3 {margin-bottom:320px;}
.main_3 .container {max-width:1472px;}
.main_3 .title_02 {margin-bottom:60px;}
.card_01 {display:flex; justify-content:space-between; gap:28px;}
.card_01 .card_item {flex:1; cursor:pointer;}
.card_01 .item_img {position:relative; overflow:hidden; padding-top:100%; margin-bottom:20px; border-radius:15px; transition:0.2s;}
.card_01 .item_img img {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;}
.card_01 .__title {font-size:28px; line-height:34px; margin-bottom:8px;}
.card_01 .__desc {color:#444; font-size:20px; line-height:1.6;}
	[data-mode="desktop"] .card_01 .card_item:hover .item_img {transform:translateY(-10px); box-shadow:0 2px 8px 0 rgb(0 0 0 / 10%);}

.main_4 {margin-bottom:240px;}
.main_4 .title_02 {margin-bottom:60px;}
.banner_01 {color:#fff; text-align:center;}
.banner_01 .container {max-width:100%; display:flex; padding:0; background:no-repeat center / cover;
	background-image:image-set(
		url("../images/main/main_banner_1_2x.webp") 2x,
		url("../images/main/main_banner_1.webp") 1x
	); transition:0.5s;}
.banner_01 .container::before {content:""; position:absolute; top:50%; left:50%; width:1px; height:calc(100% - 40px); max-height:224px; background:rgb(255 255 255 / 40%); transform:translateY(-50%);}
.banner_01 .banner_item {width:50%; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:82px 0; transition:0.5s;}
.banner_01 .banner_item > * {transform:translateY(50px); transition:0.5s;}
.banner_01 .banner_item .__primary {font-size:22px; font-weight:500; margin-bottom:40px;}
.banner_01 .banner_item .__primary b {font-family:var(--font-Proxima); display:block; font-size:34px; font-weight:700;}
.banner_01 .banner_item a {opacity:0; transition:0.5s;}
.banner_01 .container:hover .banner_item {opacity:0.5;}
.banner_01 .container:hover .banner_item:hover {opacity:1;}
.banner_01 .banner_item:hover > * {transform:none;}
.banner_01 .banner_item:hover a {opacity:1;}
	.banner_01.active .container {width:calc(100% - 40px); max-width:1470px; border-radius:24px;}

/*---------------------------
	스스로
-----------------------------*/

.ssro_wrap {}
.ssro_visual {position:relative; height:100vh; background:url("../images/ssro/ssro_visual_1.webp") no-repeat center / cover;}
.ssro_visual::before {opacity:0; content:''; position:absolute; top:0; bottom:0; left:0; right:0; background:rgb(0 0 0 / 50%);}
.ssro_visual .container {position:relative; height:100%; display:flex; align-items:center; z-index:1;}
.ssro_visual .title_01 {text-align:left; color:#fff;}
.ssro_visual .title_01 .__primary {font-size:60px; line-height:calc(1 + (1 / 3));}
.ssro_1 {padding:160px 0 190px; background:#fff;}
	.ssro_1 .container {max-width:1280px;}
	.ssro_1 .title_02 {margin-bottom:40px;}
	.ssro_1 .title_02 .__primary {font-size:48px; line-height:68px;}
	.ssro_1 .title_02 .__secondary {color:#777; font-size:24px; line-height:1.67; margin-top:24px;}
	.ssro_1_btn {display:flex; gap:30px; justify-content:center; margin-bottom:116px;}
	.ssro_1_btn button {width:300px;}
	.ssro_1_img {width:min(80%, 976px); margin:0 auto;}
	.ssro_1_img img {width:100%;}
.ssro_2 {padding:115px 0; background:#f6f6f6;}
	.ssro_2 .container {max-width:1240px;}
	.ssro_2 .title_02 {margin-bottom:86px;}
	.module_content_card {display:flex; flex-wrap:wrap; gap:60px 50px;}
	.module_content_card .module_item {width:calc(100% / 3 - 100px / 3);}
	.module_content_card .module_item:nth-child(3) ~ .module_item {width:calc(50% - 25px);}
	.module_content_card .item_img {margin-bottom:24px;}
	.module_content_card .item_title {font-size:24px; font-weight:700; margin-bottom:20px;} 
	.module_content_card .item_desc {color:#444;}
.ssro_3 {color:#fff; background:#000; padding:180px 0 266px;}
.ssro_3::before {opacity:0; visibility:hidden; transition:0.3s; content: ''; position: fixed; top:0; bottom:0; left:0; right:0; background:#000;}
.ssro_3.__active::before {opacity:1; visibility:visible;}
	.ssro_3 .title_02 {text-align:left; margin-bottom:80px;}
	.ssro_3 .title_02 .__secondary {color:#999; font-weight:400; margin-top:15px;}
	.system_wrap {position:relative; display:flex; align-items:center; padding:112px 0 88px;}
	.system_wrap .system_title {flex-shrink:0; position:relative; transform:translateY(-55px);}
	.system_wrap .system_title::before {content:''; position:absolute; top:102px; left:0; width:100vw; height:2px; background:#fff;}
	.system_wrap .system_title .item_title {font-size:24px; line-height:40px; font-weight:700; margin-bottom:58px;}
	.system_wrap .system_title .item_title span {display:block; font-size:16px; line-height:30px; font-weight:400;}
	.system_wrap .system_title .step_nav {display:flex; gap:4px; font-size:18px; line-height:30px; font-weight:500; color:rgb(255 255 255 / 40%);}
	.system_wrap .system_title .step_nav .step_now {color:#fff;}
	.system_wrap .system_title .step_nav .step_total {}
	.steps_module {position:absolute; width:100vw; height:468px; left:calc(50% - 220px); transform:translateY(-70px);}
	.steps_module .__wrap {overflow:hidden;  position:relative; display:flex; align-items:center; height:100%; border-radius:300px 0 0 300px; transform:translateY(72px);}
	.steps_module .__wrap::after {content:''; position:absolute; top:0; left:0; bottom:0; width:774px; border: 1px solid #fff; border-radius: 300px;}
	.steps_module ol {display:flex; width:100%; height:auto; will-change:transform; transition:0.2s;}
	.steps_module ol li {position:relative; width:700px; padding-left:160px; padding-right:80px; word-break:keep-all;}
	.steps_module ol li .__title {position:relative; font-size:24px; line-height:40px; font-weight:700; margin-bottom:50px; z-index:1;}
	.steps_module ol li .__title::before {opacity:0; transition:0.2s; content:''; position:absolute; bottom:-30px; left:0; width:15px; height:15px; background:#fff; border-radius:50%; filter:drop-shadow(0 0 5px #fff);}
	.steps_module ol li .__desc {position:relative; font-size:16px; line-height:28px; z-index:1;}
	.steps_module ol li.__active .__title::before {opacity:1;}
	.steps_pagination {display:none;}	
.ssro_4 {padding:160px 0 240px;}
	.ssro_4 .container {max-width:min(100%, 1190px);}
	.ssro_4 .title_02 {margin-bottom:80px;}
	.ssro_4 .title_02 .__secondary {color:#777;}
	.module_content_card.style_v2 {gap:0;}
	.module_content_card.style_v2 .module_item {overflow:hidden; position:relative; width:50% !important; padding:50px; background:#fff; border-bottom:1px solid #dbdbdb; transition:background 0.4s;}
	.module_content_card.style_v2 .module_item:nth-child(even) {border-left:1px solid #dbdbdb;}
	.module_content_card.style_v2 .item_img {position:absolute; right:30px; bottom:30px; margin-bottom:0; transition:0.8s;}
	.module_content_card.style_v2 .item_title {margin-bottom:30px;}
	.module_content_card.style_v2 .item_title span {display:block; font-size:18px; font-weight:400;}
	.module_content_card.style_v2 .item_desc {opacity:0; visibility:hidden; transform:translateY(50px); color:rgb(255 255 255 / 70%); transition:0.4s;}
	[data-mode="desktop"] .module_content_card.style_v2 .module_item {cursor:pointer;}
	[data-mode="desktop"] .module_content_card.style_v2 .module_item:hover {color:#fff; background:#000;}
	[data-mode="desktop"] .module_content_card.style_v2 .module_item:hover .item_img {opacity:0; visibility:hidden; transform:translateY(200%);}
	[data-mode="desktop"] .module_content_card.style_v2 .module_item:hover .item_desc {opacity:1; visibility:visible; transform:none;}
.layer_pop {display:none; position:fixed; top:0; bottom:0; left:0; right:0; z-index:999;}
.layer_bg {opacity:0; visibility:hidden; position:absolute; top:0; bottom:0; left:0; right:0; background:rgb(0 0 0 / 40%); transition:0.5s;}
.layer_content {position:absolute; top:0; bottom:0; left:0; right:0; display:flex; align-items:center;}
.layer_content .container {opacity:0; visibility:hidden; transform:translateY(50px); width:calc(100% - 40px); height:100%; max-width:800px; max-height:calc(100% - 160px); padding:40px 20px 50px; background:#fff; border-radius:10px; box-shadow:4px 4px 20px rgb(0 0 0 / 20%); transition:0.5s;}
.layer_content .container .layer_inner_container {display:flex; flex-direction:column; height:100%; overflow:auto;}
.btn_x {position:relative; display:inline-block; width:42px; height:42px; font-size:0;}
.btn_x::before, 
.btn_x::after {content:''; position:absolute; top:calc(50% - 1px); left:calc(50% - 14px); width:28px; height:1px; background:#998; transform:rotate(45deg);}
.btn_x::after {transform:rotate(-45deg);}
.layer_content .btn_x {position:absolute; top:24px; right:24px; z-index:2;}
	.layer_pop.active .layer_bg,
	.layer_pop.active .layer_content .container {opacity:1; visibility:visible;}
	.layer_pop.active .layer_content .container {transform:none;}
.layer_pop.__system {}
.layer_pop.__system .layer_bg {background:rgb(0 0 0 / 60%);}
.layer_pop.__system .layer_content .container {overflow:hidden; max-width:980px; background:#fbfbfb; padding:0;}
.layer_pop.__system .layer_content .container .layer_inner_container {padding:80px 66px;}
.layer_pop.__system .__head {padding-bottom:30px;}
.layer_pop.__system .__head .title_01 .__primary {font-size:36px; line-height:1.2;}
.layer_pop.__system .__body {padding-top:40px;}
.keyword_list_module.__style_01 {max-width:700px; margin:0 auto; text-align:center;}
.keyword_list_module.__style_01 ul {}
.keyword_list_module.__style_01 ul li {color:#fff; font-size:22px; line-height:1.4; font-weight:500; text-align:center; padding:25px 0; background:rgb(0 0 0 / 30%); border-radius:10px;}
.keyword_list_module.__style_01 ul li ~ li {margin-top:20px;}
.keyword_list_module.__style_01 ul li:nth-child(2) {background:rgb(0 0 0 / 40%);}
.keyword_list_module.__style_01 ul li:nth-child(3) {background:rgb(0 0 0 / 50%);}
.keyword_list_module.__style_01 ul li:nth-child(4) {background:rgb(0 0 0 / 60%);}
.keyword_list_module.__style_01 ul li:nth-child(5) {background:rgb(0 0 0 / 70%);}
.keyword_list_module.__style_01 ul li:nth-child(6) {background:rgb(0 0 0 / 80%);}
.keyword_list_module.__style_01 ul li:last-child {font-size:24px; background:#000;}
#system_pop_1 {}
#system_pop_1::before {display:none;  content:''; position:absolute; top:0; left:0; right:0; height:50%; background:#EAEAEA; clip-path:polygon(0 0, 100% 0, 100% 100%, 50% 80%, 0 100%);}
#system_pop_1 .layer_inner_container {position:relative; z-index:1;}
#system_pop_1 .layer_inner_container .__body .__image {text-align:center;}
#system_pop_1 .layer_inner_container .__body .__image img {width:77%; max-width:640px;}
#system_pop_1 .keyword_list_module.__style_01 {margin-top:70px;}
/* 레이어팝업 - 스스로 - 효과 */
.layer_pop.__ratio .layer_content .container {height:min(calc((100vw - 40px) * 0.7), 690px);}
.layer_pop.__system #system_pop_2 .__body {padding-top:0;}
.layer_pop.__system .layer_content .container #system_pop_2 .layer_inner_container {padding-bottom:40px;}
.effect_pagination {display:none;}
.img_info_list {}
.img_info_list .__content {}
.img_info_list .__content .__item {}
.img_info_list .__content .__item ~ .__item {display:none;}
.img_info_list .__content .__item .__item_content {display:flex; flex-direction:column; align-items:center;}
.img_info_list .__content .__item img {margin-bottom:30px;}
.img_info_list .__content .__item strong {font-size:20px; line-height:1.2; margin-bottom:10px;}
.img_info_list .__content .__item p {width:min(calc(100% - 40px), 450px); font-size:16px; line-height:25px;}
/* 레이어팝업 - 스스로 - 10가지 좋은점 */
.dl_list_02 {position:relative; overflow:hidden;}
.dl_list_02::before,
.dl_list_02::after{content:''; position:absolute; left:0; width:100%; height:1px; background:#000; transform:scale(1.5);}
.dl_list_02::before {top:0;}
.dl_list_02::after {bottom:0;}
.dl_list_02 dl {display:flex; align-items:center; gap:30px; padding:30px 10px;}
.dl_list_02 dl ~ dl {border-top:1px solid #cbcbcb;}
.dl_list_02 dl .__image {flex:0 0 auto;}
.dl_list_02 dl .__info {}
.dl_list_02 dl .__info dt {font-size:20px; line-height:1.2; font-weight:700; margin-bottom:12px;}
.dl_list_02 dl .__info dd {font-size:16px; line-height:25px;}

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

/* 그룹소개 - 브랜드 */
.brand_wrap {padding-top:220px;}
.brand_wrap .title_01 {text-align:left;}
.brand_wrap .title_02 {text-align:left; margin-bottom:30px;}
.brand_wrap .title_02 .__primary {font-size:28px; line-height:33px;}
.brand_1 {margin-bottom:180px;}	
.brand_1 .container {display:flex; gap:min(8vw, 140px); }
.brand_1 .__title_wrap {display:flex; flex-direction:column; justify-content:flex-end; flex:1 1 auto;}
.brand_1 .__title_wrap .title_01 {margin-bottom:auto;}
.brand_1 .__title_wrap .text_01 {word-break:keep-all;}
.brand_1 .__img_wrap {flex:1 0 auto; width:min(46%, 552px);}
.brand_1 .__img_wrap img {border:1px solid #dfdfdf; border-radius:20px;}

/* 클리핑 미사용
.brand_clipping {position:relative; height:600px; background:#000;}
.brand_clipping img {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:scale-down;}
.brand_clipping img.__i1 {z-index:1;}
.brand_clipping img.__i2 {opacity:0; visibility:hidden;}

	.brand_clipping img.__i1 {clip-path: url(#brandClipPath);}
	.brand_clipping .clipped_content {position:absolute; top:0; bottom:0; left:0; right:0;} */

.brand_2 {padding:110px 0 100px; background:#FAFAFA;}
.identity_wrap {display:flex; flex-direction:column; gap:100px;}
.identity_wrap .__item {flex:1; display:flex; gap:90px;}
.identity_wrap .__text {flex-basis:50%; display:flex; flex-direction:column;}
.identity_wrap .__title {font-size:24px; line-height:29px; margin-bottom:10px;}
.identity_wrap .__text .btn {margin-top:50px;}
.identity_wrap .__logo {flex-basis:74%; max-width:790px; height:300px; background:#fff; border-radius:10px;}
.identity_wrap .__logo img {width:100%; height:100%; object-fit:scale-down;}
.identity_wrap p {font-size:16px; line-height:26px;}
.brand_btn_wrap {display:flex; justify-content:center; gap:28px;}

/* 그룹소개 - Contact us */
.contact_wrap {padding-top:206px;}
.contact_wrap .title_01 {text-align:left; margin-bottom:80px;}
.contact_wrap .title_01 .__primary {font-size:48px; line-height:68px;}
.contact_wrap .title_02 {text-align:left; margin-bottom:50px;}
.contact_wrap .title_02 .__primary {font-size:38px;}

.contact_map {width:100%; height:55vh; min-height:280px; max-height:555px; margin-bottom:80px;}
.contact_1 {border-bottom:1px solid rgb(0 0 0 / 20%); padding-bottom:40px; margin-bottom:80px;}
.contact_list ul li {display:flex; justify-content:space-between; padding:38px 0; font-weight:500; border-bottom:1px solid #CBCBCB;}
.contact_list ul li:first-child {padding-top:0;}
.contact_list ul li:first-child:last-child {border-bottom:0;}
.contact_list .contact_label {width:36.5%; font-size:24px; font-weight:600;}
.contact_list .contact_label button {overflow:hidden; position:relative; color:#000; padding-right:30px; text-align:left;}
.contact_list .contact_label button:hover {text-decoration:underline;}
.contact_list .contact_label button::before {transform:translateY(100%); opacity:0;  content:""; position:absolute; top:calc(50% - 13px); right:0; width:26px; height:26px; background:url("../images/common/map_picker.svg") no-repeat center / contain; transition:0.3s; filter:grayscale(1);}
	.contact_list ul li:hover .contact_label button::before {transform:none; opacity:0.5;}
	.contact_list .contact_label button.__active::before {transform:none; opacity:0.5; filter:none;}
.contact_list .contact_address {flex:1;}
.contact_list .contact_address p {font-size:18px;}
.contact_list .contact_address p span {color:rgb(0 0 0 / 40%);}
.contact_list .contact_address p ~ p {margin-top:30px;}
.contact_2 {margin-bottom:240px;}
.contact_2 .contact_list {margin-bottom:50px;}
.contact_3 {margin-bottom:80px;}
	/* 검색 */
	.title_wrap {display:flex;justify-content:space-between; align-items:center; margin-bottom:80px;}
	.title_wrap .title_02 {margin-bottom:0;}
	.title_wrap .title_02 .__primary {line-height:60px;}
	.search_wrap {display:flex; gap:16px;}
	.title_wrap .btn.search_trigger {display:none;}
.board_list_01 {border-top:1px solid #000; width:100%; font-size:16px; line-height:68px; text-align:center;}
.board_list_01 ul li {display:flex; border-bottom:1px solid #CBCBCB;}
.board_list_01 ul li.__important {color:var(--color-active); font-weight:500;}
.board_list_01 .list_num {width:80px;}
.board_list_01 .list_title {flex:1; max-width:calc(100% - 200px); text-align:left; padding-left:70px;}
.board_list_01 .list_title a {display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.board_list_01 .list_title a:hover {text-decoration:underline;}
.board_list_01 .list_date {width:120px; color:#B4B4B4;}
.paging {margin:40px auto; display:flex; justify-content:center; gap:4px;}
	.paging a {font-family:var(--font-Proxima); min-width:30px; line-height:30px; padding:0 5px; text-align:center;}
	.paging a.btn {position:relative; width:30px; padding:0; font-size:0;}
	.paging a.btn::before {content:''; position:absolute; top:0; bottom:0; left:0; right:0; background:url("../images/common/ico_prev_2.svg") no-repeat center;}
	.paging a.btn_first::before,
	.paging a.btn_last::before {background-image:url("../images/common/ico_first.svg");}
	.paging a.btn_first {order:-2; background-position:center 14px;}
	.paging a.btn_prev {order:-1;}
	.paging a.btn_next {order:1;}
	.paging a.btn_next::before,
	.paging a.btn_last::before {transform:scaleX(-1);}
	.paging a.btn_last {order:2;}	
	.paging a.btn img {position:absolute; opacity:0; visibility:hidden;}
	.paging a:hover {background-color:rgb(0 0 0 / 10%);}

.contact_4 {margin-bottom:290px;}
	.sec_banner .container {display:flex; flex-direction:column; align-items:center; justify-content:center; padding:64px 0 54px; cursor:pointer;}
	.sec_banner .title_02 {position:relative; text-align:center; z-index:1;}
	.contact_wrap .sec_banner .title_02 {margin-bottom:26px;}	
	.sec_banner .title_02 .__primary {color:#fff; font-size:28px; line-height:33px; margin-bottom:8px;}
	.sec_banner .title_02 .__secondary {color:#fff; font-size:18px; line-height:20px;}
	.sec_banner .btn.link {position:relative; z-index:1;}
	.contact_4 .container {overflow:hidden; border-radius:20px;}
	.contact_4 .container::before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:url("../images/customer/company_contact_qna.webp") no-repeat center / cover; transition:0.5s;}
	.contact_4 .container::after {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgb(0 0 0 / 60%);}
	.contact_4 .container:hover::before {transform:scale(1.2);}

/* 그룹소개 - Contact us - 뷰 */
.view_wrap {padding-top:185px; margin-bottom:80px;}
.view_wrap .title_01 {text-align:left; margin-bottom:40px;}
.view_head {display:flex; flex-direction:column;color:#B4B4B4; font-size:18px; line-height:70px; padding-bottom:16px; padding-right:16px; border-bottom:1px solid #000;}
.view_head > span {padding:0 20px;}
.view_head .view_tags {}
.view_head .view_tags span {color:#F40102; font-size: 16px; font-weight: 600; line-height: 19px;}
.view_head .view_title {flex:1; color:#000; font-size:38px; line-height:46px; font-weight:500; margin-bottom:50px;}
.view_head .__subtitle {display:flex; gap:14px; color:rgb(119 119 119 / 60%); font-size:14px; line-height:32px; font-weight:500;}
.view_head .view_count {}
.view_head .view_date {}
.view_file {color:rgb(0 0 0 / 60%); padding:10px 10px 10px 40px; background:#f8f8f8 url("../images/common/ico_attach_file.svg") no-repeat 15px 10px;}
.view_file a {color:#1683e9; text-decoration:underline;}
.view_con {overflow:auto; font-size:18px; padding:58px 0 100px; border-bottom:1px solid #CBCBCB;}
.view_bottom {display:flex; justify-content:space-between; margin-bottom:50px; font-size:18px; line-height:70px;}
.view_bottom {display:flex;}
.view_bottom a {padding:8px 0 8px 30px; background:url("../images/common/ico_prev.svg") no-repeat left center;}
.view_bottom a:nth-child(2) {padding-left:0; padding-right:30px; background:url("../images/common/ico_next.svg") no-repeat right center;}
.view_bottom a:hover {text-decoration:underline;}
.view_bottom a span + span {display:none;}
.view_bottom .view_bottom_none {padding:8px 0; background:none; opacity:0.5;}
.view_bottom .view_bottom_none:hover {text-decoration:none; cursor:default;}

/* 그룹소개 - 문의하기 */
.qna_wrap {padding-top:122px; margin-bottom:240px;}
	.qna_wrap .title_01 {position:relative; display:flex; flex-direction:column; justify-content:center; width:calc(100% - 80px); max-width:1420px; height:364px; color:#fff; margin:0 auto 80px; background:url("../images/customer/company_qna.webp") no-repeat center / cover; border-radius:20px; overflow:hidden;}
	.qna_wrap .title_01::before {content:''; position:absolute; top:0; bottom:0; left:0; right:0; background:rgb(0 0 0 / 60%);}
	.qna_wrap .title_01 > * {position:relative;}
	.qna_wrap .title_01 .__primary {font-size:48px;}
	.qna_wrap .title_01 .__secondary {font-weight:400;}
	.qna_wrap .container {max-width:1020px;}
	.qna_wrap .title_02 {text-align:left; margin-bottom:10px;}
	.qna_wrap .title_02 .__primary {font-size:22px; line-height:26px;}
	.qna_wrap textarea {height:142px; font-size:18px; line-height:1.2; font-weight:500;}

	.privacy_scroll_wrap {margin-bottom:50px;}
	.privacy_scroll_wrap .privacy {height:170px;}
	.privacy_scroll_wrap .privacy {margin-bottom:10px;}
	.privacy_scroll_wrap .form_element label {color:rgb(0 0 0 / 40%);}

	.privacy {font-size:18px; line-height:26px; color:rgb(0 0 0 / 40%);background:#f7f7f7;padding:20px 36px;padding-bottom:0;overflow:auto;}
	.privacy h5 {font-size:18px; font-weight:500; margin-bottom:5px;}
	.privacy ul {margin-bottom:10px;}
	.privacy ul li {font-size:18px;}
	.privacy p {margin-bottom:5px;}

	.table_01 {border-top:1px solid #000; padding-top:30px; padding-bottom:30px; margin-bottom:50px;}
	.table_01 table {table-layout:fixed; font-size:18px; text-align:left;}
	.table_01 table input[type="text"] {height:46px; padding:0 18px; border:1px solid transparent;}
	.table_01 table input[type="text"]:focus {outline:none; border-color:#000;}
	.table_01 table select {height:46px; padding-left:18px;}
	.table_01 table tbody th, 
	.table_01 table tbody td {height:46px; line-height:46px; padding:10px 0;}
	.table_01 table tbody th {font-weight:600; vertical-align:top;}
	.table_01 table tbody th span {display:block;}
	.table_01 table tbody th span.__required::after {content:"*"; position:absolute; color:var(--color-active); font-size:18px; font-weight:600;}
	.table_01 table tbody td {}

	.qna_table input[type="text"] {width:100%;}
	.qna_code_list {padding:12px 5px; padding-left:18px; display:flex; flex-wrap:wrap; gap:14px 24px;}

	.table_01 .file_input_div {position:relative; font-weight:500;}
	.table_01 .file_input_div input[type="text"] {border:1px solid rgb(0 0 0 / 10%); background:url("../images/common/ico_attach_file.svg") no-repeat right 13px center;}
	.table_01 .file_input_div input[type="text"]::placeholder {color:rgb(0 0 0 / 20%);}
	.table_01 .file_input_div input[type="file"] {position:absolute; clip-path:rect(0 0 0 0);}
	.table_01 .file_input_div label {position:absolute; top:0; bottom:0; left:0; right:0; font-size:0; cursor:pointer;}

	.bottom_btns {display:flex; justify-content:center; gap:15px;}

/*---------------------------
	사람&문화
-----------------------------*/

.people_visual {margin-bottom:160px;}
.people_visual .title_01 {text-align:left;}
.people_visual .__visual_1 {position:absolute; top:0; left:0; width:100%; height:460px; padding-top:80px; background:#fff; z-index:1;}
.people_visual .__visual_2 {position:relative; height:100vh; background:url("../images/people/people_top_visual.webp") no-repeat center / cover; transform:translateY(25vh);}
.people_visual .__visual_2::before {opacity:0; content:''; position:absolute; top:0; bottom:0; left:0; right:0; background:rgb(0 0 0 / 70%); transition:0.5s;}
.people_visual .__visual_2 .title_01 {opacity:0; transform:translateY(200%); margin-bottom:0; transition:1s;}
.people_visual .__visual_2 .title_01 .__secondary {color:#fff; font-size:36px; line-height:1.5; font-weight:400; margin-top:0;}
.people_visual .__visual_2.active::before {opacity:1;}
.people_visual .__visual_2.active .title_01 {opacity:1; transform:none;}
.people_visual .container {display:flex; align-items:center; height:100%;}

.people_wrap .section .title_01,
.people_wrap .section .title_02,
.people_wrap .section .title_03 {text-align:left;}

.tab_btn_module {position:relative; z-index:2;}
.tab_btn_module.__style_01 {margin-bottom:120px; background:#fff; box-shadow:0 4px 8px rgb(0 0 0 / 5%);}
.tab_btn_module .container {display:flex; gap:20px; padding-top:24px; padding-bottom:24px;}
.tab_btn_module a {display:block; width:110px; color:rgb(0 0 0 / 20%); font-size:20px; line-height:52px; font-weight:500; padding:0 5px; text-align:center; border-radius:50px; cursor:pointer;}
.tab_btn_module a.active {color:#fff; font-weight:600; background:var(--color-active);}

/* 인재상 - 3카드 슬라이더 */

.people_1 {display:flex; flex-direction:column; margin-bottom:125px;}
.people_1 .title_02 {margin-bottom:60px;}
.people_1 .title_02 .__primary {margin-bottom:24px;}
.people_1 .btn {width:300px; margin:40px auto 0;}

.key_info_wrap {display:flex; justify-content:center; padding:130px min(8%, 105px); background:#F6F6F6; border-radius:20px;}
.key_info_wrap .__key {position:relative; flex-shrink:0; width:min(50%, 518px);}
.key_info_wrap .__shadow {position:absolute; top:90%; left:0; right:0; height:100%;}
.key_info_wrap .__shadow div {position:absolute; top:0; bottom:0; left:0; right:0; transform:translateY(-90%) scale(0.98);}
.key_info_wrap .__shadow div::before,
.key_info_wrap .__shadow div::after {content:''; position:absolute; top:5%; bottom:-5%; left:0; right:0; border-radius:0 0 48% 48% / 20%;}
.key_info_wrap .__shadow div::before {background:linear-gradient(to bottom, rgb(0 0 0 / 0%), rgb(0 0 0 / 50%)); filter:drop-shadow(0px 4px 10px #000) blur(20px);}
.key_info_wrap .__shadow div::after {background:linear-gradient(to bottom, rgb(255 255 255 / 5%), rgb(255 255 255 / 30%)); filter:blur(20px); z-index:1;}
.key_info_wrap .__key ul {position:relative; display:flex; flex-direction:column; height:100%; z-index:2;}
.key_info_wrap .__key ul li {position:relative; flex:1; display:flex; flex-direction:column; justify-content:center; align-items:center; color:#fff; text-align:center;}
.key_info_wrap .__key ul li:first-child {z-index:2;}
.key_info_wrap .__key ul li:nth-child(2) {z-index:1;}
.key_info_wrap .__key ul li:nth-child(3) {}
.key_info_wrap .__key ul li::before {content:''; position:absolute; top:-26px; bottom:-26px; left:0; right:0; border-radius:50%; z-index:-1;}
.key_info_wrap .__key ul li:first-child::before {background:#000;}
.key_info_wrap .__key ul li:nth-child(2)::before {background:#3B3B3B;}
.key_info_wrap .__key ul li:nth-child(3)::before {background:#6F6F6F;}
.key_info_wrap .__key ul li strong {font-family:var(--font-Proxima); font-size:24px; line-height:30px; font-weight:700;}
.key_info_wrap .__key ul li span {display:none; font-size:14px; line-height:20px;}
.key_info_wrap .__info {position:relative; padding-left:min(11%, 111px); z-index:2;}
.key_info_wrap .__info ul li {position:relative; display:flex; flex-direction:column; justify-content:center; min-height:140px;}
.key_info_wrap .__info ul li::before {content:''; position:absolute; top:50%; left:0; width:min(37%, 145px); height:1px; background:rgb(0 0 0 / 20%); transform:translateX(calc(-100% - 24px));}
.key_info_wrap .__info ul li strong {font-size:20px; line-height:1.2; font-weight:700; margin-bottom:8px;}
.key_info_wrap .__info ul li span {color:rgb(0 0 0 / 60%); font-size:18px; line-height:1.5; word-break:keep-all;}

.card_02 {display:flex; justify-content:space-between; gap:50px;}
.card_02 .card_item {flex:1;}
.card_02 .item_img {position:relative; overflow:hidden; padding-top:100%; margin-bottom:40px; border-radius:10px; transition:0.2s;}
.card_02 .item_img img {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;}
.card_02 .__title {font-size:32px; line-height:38px; margin-bottom:24px;}
.card_02 .__title span {display:block; color:#FF3838; font-size:20px; line-height:1.2; margin-bottom:16px;}
.card_02 .__desc {color:#444; font-size:18px; line-height:1.6;}

.slider_02 {width:100%; max-width:1200px; height:420px; margin:0 auto; text-align:left;}
.slider_02 ul {display:flex; height:100%; transition:0.5s;}
.slider_02 ul li {flex:1 0 auto; width:calc(100% / 3 / 2 - 20px); cursor:pointer; transition:0.5s;}
.slider_02 ul li.active {width:calc(100% / 3 * 2); cursor:default;}
.slider_02 ul li ~ li {margin-left:20px;}
.slider_02 ul li .container {display:flex; flex-direction:column; justify-content:space-between; overflow:hidden; height:100%; padding:min(56px); border-radius:15px; background:no-repeat center / cover;}
.slider_02 ul li .container::before,
.slider_02 ul li .container::after {content:''; position:absolute; top:0; bottom:0; left:0; right:0;}
.slider_02 ul li .container::before {background:no-repeat center / cover; transition:0.5s;}

.slider_02 .slide_1 .container::before {background-image:url("../images/people/people_home_slider_1.jpg");}
.slider_02 .slide_2 .container::before {background-image:url("../images/people/people_home_slider_2.jpg");}
.slider_02 .slide_3 .container::before {background-image:url("../images/people/people_home_slider_3.jpg"); background-position:66% 50%;}

.slider_02 ul li .container::after {background:rgb(0 0 0 / 60%);}
.slider_02 ul li .slide_title {position:relative; visibility:hidden; opacity:0; color:#fff; cursor:pointer; z-index:1;}
.slider_02 ul li:not(.active):hover .container::before {opacity:1;}
.slider_02 ul li .__primary {font-size:32px; line-height:1.2; white-space:nowrap;}
.slider_02 ul li .__primary span {display:block; color:#FF3838; font-size:20px; line-height:1.2; margin-bottom:0.8em;}
.slider_02 ul li p {visibility:hidden; opacity:0; position:relative; color:#fff; font-size:18px; line-height:28px; font-weight:500; z-index:1;}
	.slider_02 ul li.active .container::before {transform:scale(1.2); transition:0.5s 0.4s;}
	.slider_02 ul li.active .slide_title,	
	.slider_02 ul li.active p {transition:0.5s 0.5s; opacity:1; visibility:visible;}

/* 인재상 - 우리는 */
.people_2 {padding:120px 0; background:#f6f6f6}
.people_2 .container {display:flex; justify-content:space-between; gap:50px;}
.people_2 .dl_list_wrap {flex:1; max-width:774px;}
.dl_list_wrap .title_03 {margin-bottom:40px;}
.dl_list_wrap .dl_list_01:not(:last-child) {margin-bottom:120px;}
.dl_list_01 {border-top:2px solid #000; border-bottom:2px solid #000;}
.dl_list_01 dl {display:flex; gap:61px; padding:40px 0;}
.dl_list_01 dl ~ dl {border-top:1px solid rgb(0 0 0 / 20%);}
.dl_list_01 dl dt {font-size:24px; line-height:35px; font-weight:700;}
.dl_list_01 dl dd {flex:1;}
.dl_list_01 dl dd ul {}
.dl_list_01 dl dd ul li {}
.dl_list_01 dl dd ul li ~ li {margin-top:28px;}
.dl_list_01 dl dd ul li strong {font-size:18px; line-height:1.4; font-weight:500;}
.dl_list_01 dl dd ul li p {font-size:16px; line-height:1.4;}

/* 인재상 - 스스로교육디렉터 팝업 */
.layer_pop.__director .layer_content .container {overflow:hidden; padding:0; max-width:974px; background:#ebedf0;}
.layer_pop.__director .__head {padding:116px 92px 42px; background:#EBEDF0;}
.layer_pop.__director .__head .title_01 {padding-bottom:54px;}
.layer_pop.__director .__head .title_01 .__primary {font-size:36px; line-height:43px; margin-bottom:20px;}
.layer_pop.__director .__body {padding:56px 92px 92px; background:#fff; clip-path:rect(0% 100% 100% 0% round 10px);}
.layer_pop.__director .__body .title_02 {text-align:center; margin-bottom:34px;}
.layer_pop.__director .__body .title_02 .__primary {font-size:28px; line-height:33px;}
.tabs_nav {display:flex; justify-content:center; gap:10px; margin-bottom:64px;}
.tabs_nav a {display:block; min-width:100px; color:#CFD5DF; font-size:14px; line-height:34px; font-weight:400; padding:0 12px; text-align:center; background:#EFF2F7; border-radius:20px; transition:0.2s;}
.tabs_nav a.active {color:#fff; font-weight:600; background:#232323;}
.tabs_content ~ .tabs_content {display:none;}
.dl_box {display:flex; flex-direction:column; gap:14px;}
.dl_box dl {display:flex; gap:77px; padding:34px 100px; background:#fff; border-radius:20px;}
.dl_box dl dt {flex-shrink:0; font-size:18px; line-height:21px; font-weight:700;}
.dl_box dl dd {flex:1; font-size:18px; word-break:keep-all;}

.dl_box.__style_02 {}
.dl_box.__style_02 dl {display:flex; gap:60px; padding:34px 80px;border:1px solid #CFD5DF; border-radius:20px;}
.dl_box.__style_02 dl dt {width:auto; }
.dl_box.__style_02 dl dd {font-size:16px; line-height:25px;}
.dl_box.__style_02 dl dd div {}
.dl_box.__style_02 dl dd div ~ div {padding-top:27px; margin-top:27px; border-top:1px solid #CBCBCB;}
.dl_box.__style_02 dl:has(dd.keyword_module) dt {padding-top:13px;}
.keyword_module {display:flex; flex-wrap:wrap; gap:10px;} /* 아이덴티티 - 핵심가치*/
.keyword_module > div {display:flex; align-items:center; gap:25px; width:calc(50% - 5px); padding:20px; background:#F7F9FB; border-radius:20px; border-top:0 !important; margin:0 !important;}
.keyword_module > div span {display:flex; justify-content:center; align-items:center; width:64px; line-height:62px; border:1px solid #CFD5DF; border-radius:20px;}
.keyword_module > div span strong {font-size:28px; font-weight:700;}

/* 스스로교육디렉터 팝업 - 스스로학습지도법 */
.dl_box.__style_02 dl.__style_02 {flex-direction:column; gap:4px; padding:60px 130px;}
.dl_box.__style_02 dl.__style_02 dt {width:100%; font-size:16px;}
.dl_box.__style_02 dl.__style_02 dt ~ dt {padding-top:26px; margin-top:26px; border-top:1px solid #CBCBCB;}
.dl_box.__style_02 dl.__style_02 dd {flex:1; font-size:16px;}

/* 복지 */
.benefit_1 {padding-top:200px; margin-bottom:15px;}
.benefit_1 .title_01 {margin-bottom:90px;}
.benefit_1 .title_02 {margin-bottom:80px;}
.benefit_1 .title_03 {}
.img_banner {position:relative; height:320px; margin-bottom:15px;}
.img_banner picture {width:100%; height:100%;}
.img_banner img {width:100%; height:100%; object-fit:cover; max-width:none;}
.img_banner video {width:100%; height:100%; object-fit:cover; object-position:center 70%;}
.img_banner.__video::before {content:''; position:absolute; top:0; bottom:0; left:0; right:0; background:rgb(0 0 0 / 20%);}
.benefit_1 .info_list_module ~ .info_list_module {border-top:1px solid #bdbdbd;}
.info_list_module {display:flex; justify-content:space-between; padding:80px 0 70px;}
.info_list_module ul {flex:1; max-width:60%; display:flex; flex-wrap:wrap; gap:60px 50px;}
.info_list_module ul li {width:calc(100% / 2 - 25px);}
.info_list_module ul li img {display:block; margin-bottom:10px;}
.info_list_module ul li strong {display:block; font-size:18px; line-height:1.25; font-weight:700; margin-bottom:8px;}
.info_list_module ul li p {color:#444; font-size:16px; line-height:1.625; word-break:keep-all;}
.benefit_2 {position:relative; overflow:hidden;}
.benefit_2 .__video {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; object-position:center 70%;}
.benefit_2 .__content {padding:174px 0 220px; transform:translateY(100%);}
.benefit_2 .__bg {opacity:0; position:absolute; top:0; bottom:0; left:0; right:0; background:rgb(0 0 0 / 80%);}
.benefit_2 .container {display:flex; height:100%; align-items:center;}
.info_list_module.__style_02 {flex-direction:column; gap:60px; padding:127px 0;}
.info_list_module.__style_02 ul {max-width:100%; gap:73px;}
.info_list_module.__style_02 ul li {width:auto; flex:1;}
.info_list_module.__style_02 ul li strong {margin-bottom:15px;}
.benefit_2 .img_banner {height:auto;\;}

/* 직무소개 */
.task_1 {padding-top:200px; margin-bottom:200px;}
.task_1 .title_01 {margin-bottom:163px;}
.img_clip_visual {margin-bottom:200px;}
.img_clip_visual .container {height:100%;}
.img_clip_visual .__image {height:460px; background:url("../images/people/people_visual.webp") no-repeat center / cover; font-size:0;}
.nav_info_list {display:flex; justify-content:space-between; gap:100px;}
.nav_info_list .__nav {display:flex; flex-direction:column; align-items:flex-start; gap:35px;}
.nav_info_list .__nav button {position:relative; font-family:var(--font-Proxima); color:rgb(0 0 0 / 30%); font-size:32px; line-height:38px; font-weight:600; transition:0.2s;}
.nav_info_list .__nav button::before {content:''; position:absolute; bottom:0; left:0; height:2px; background:transparent; transition:0.3s ease-out;}
.nav_info_list .__nav button.__active {color:#000; font-weight:700;}
.nav_info_list .__nav button.__active::before {right:0; background:#000;}
.info_list_module.__style_03 {max-width:910px;}
.info_list_module.__style_03 ul {max-width:none; gap:20px 50px;}
.info_list_module.__style_03 ul li {width:calc(50% - 25px);}
.info_list_module.__style_03 ul li strong {font-size:24px; margin-bottom:22px;}
.info_list_module.__style_03 ul li p {line-height:1.5; min-height:200px;}
.nav_info_list .__info_list {margin-bottom:200px;}
.nav_info_list .__info_list .info_list_module {padding-bottom:40px;}
.nav_info_list .__info_list .info_list_module ~ .info_list_module {padding-top:100px; border-top:1px solid #bdbdbd;}
.people_wrap .task_2 .title_01 {text-align:center; margin-bottom:52px;}
.people_wrap .task_2 .gallery_module_01 {margin-bottom:216px;}

.gallery_module_01 {}
.gallery_module_01 ul {display:flex; gap:28px;}
.gallery_module_01 ul li {flex:1;}
.gallery_module_01 ul li a {}
.gallery_module_01 ul li .__thumb {height:210px; background:#d9d9d9; margin-bottom:26px;}
.gallery_module_01 ul li .__thumb img {width:100%; height:100%; object-fit:scale-down; filter:gray(0);}
.gallery_module_01 ul li .__title {}
.gallery_module_01 ul li .__title strong {display:block; font-size:24px; line-height:1.2; font-weight:700; margin-bottom:8px;}
.gallery_module_01 ul li .__title p {color:#444; font-size:18px; line-height:1.45;}
.gallery_module_01.__style_02 ul {flex-wrap:wrap; gap:60px 28px;}
.gallery_module_01.__style_02 ul li {flex:0 0 auto; width:calc(100% / 3 - 56px / 3 );}
.gallery_module_01.__style_02 ul li .__title {display:flex;}
.gallery_module_01.__style_02 ul li .__title strong {margin-bottom:0; line-height:30px;}
.gallery_module_01.__style_02 ul li .__title p {position:relative; padding-left:26px; color:#999; font-size:24px; line-height:30px; font-weight:700;}
.gallery_module_01.__style_02 ul li .__title p::before {content:''; position:absolute; left:10px; top:calc(50% - 9px); width:1px; height:18px; background:#cbcbcb;}
/* 직무소개 - 인터뷰*/
#interviewContainer {height:100%;}
.view_wrap.__style_02 {margin-bottom:0;}
.view_wrap.__style_02 .view_head {flex-direction:column; border:0; margin-bottom:30px;}
.view_wrap.__style_02 .view_head .view_tags {display:flex; margin-bottom:16px; gap:6px;}
.view_wrap.__style_02 .view_head .view_tags span {color:#fff; font-size:16px; line-height:30px; background:#000; padding:0 10px;}
.view_wrap.__style_02 .view_head .view_title {font-size:38px; line-height:46px; margin-bottom:30px;}
.view_wrap.__style_02 .view_head .view_date {color:rgb(119 119 119 / 60%); font-size:14px; line-height:17px; font-weight:500;}
.view_wrap.__style_02 .view_con {flex:1; overflow:auto; padding:20px; background:#f5f5f5; border-radius:10px; margin-bottom:0;}
.view_wrap.__style_02 .view_bottom {display:flex; justify-content:space-between;}
.view_wrap.__style_02 .view_bottom li {flex-direction:column; gap:0; border-bottom:0; padding:0;}
.view_wrap.__style_02 .view_bottom li a {padding-left:30px; background:url("../images/common/ico_prev.svg") no-repeat left center;}
.view_wrap.__style_02 .view_bottom li ~ li a {padding-left:0; padding-right:30px; background:url("../images/common/ico_next.svg") no-repeat right center;}
.view_wrap.__style_02 .view_bottom li a.view_bottom_none {padding:0; background:none; opacity:0.5;}
.view_wrap.__style_02 .view_bottom li a.view_bottom_none:hover {text-decoration:none; cursor:default;}

/* 채용안내 */
.recruit_1 {padding-top:200px;}
.recruit_1 .title_01 {text-align:left; margin-bottom:80px;}
.recruit_1 .title_01 .__primary {font-family:var(--font-Proxima); font-size:54px; line-height:66px;}
.recruit_1 .title_01 .__secondary {color:#777; font-weight:400;}
.recruit_1 .img_banner {margin-bottom:116px;}
.recruit_2 .process_module {margin-bottom:90px;}
.process_module {}
.process_module ol {display:flex; justify-content:space-between; align-items:center;}
.process_module ol li {position:relative;}
.process_module ol li div {display:flex; flex-direction:column; align-items:center; justify-content:center; width:260px; height:260px; border-radius:50%;}
.process_module ol li:first-child div {background:#f4f4f4;}
.process_module ol li:nth-child(2) div {background:#e8e8e8;}
.process_module ol li:nth-child(3) {padding:10px; box-shadow:0 0 1px 1px #000; border-radius:200px;}
.process_module ol li:nth-child(3) div {background:#dedede; width:auto; border-radius:200px;}
.process_module ol li:nth-child(3) ol li {padding:0;}
.process_module ol li:nth-child(3) ol li::before {display:none;}
.process_module ol li:nth-child(3) ol li:first-child div {width:210px; background:none; transform:translateX(10px);}
.process_module ol li:nth-child(3) ol li:nth-child(2) div {width:260px; background:#cfcfcf;}
.process_module ol li:nth-child(4) div {background:#000; color:#fff;}
.process_module ol li ~ li::before {content:''; position:absolute; top:calc(50% - 12px); left:-31px; width:24px; height:24px; background:url("../images/common/ico_arrow_right_black_single.svg") no-repeat center -11px;
	display:none;
}
.process_module ol li span {font-size:22px; font-weight:700;}
.process_module ol li strong {font-size:20px; font-weight:600;}

.recruit_2 .toggle_content_list {display:flex; gap:40px; margin-bottom:200px;}
.recruit_2 .toggle_content_list .__list_wrap {flex:1;}
	.recruit_2 .toggle_content_list .__list_wrap li:nth-child(even) {display:none;}
	.recruit_2 .toggle_content_list .__list_wrap + .__list_wrap li:nth-child(even) {display:block;}
	.recruit_2 .toggle_content_list .__list_wrap + .__list_wrap li:nth-child(odd) {display:none;}
.toggle_content_list .__list_wrap {display:flex; flex-direction:column;}
.toggle_content_list .__list_wrap li {border-bottom:1px solid #cbcbcb; cursor:pointer; transition:0.3s; padding:14px 0;}
.toggle_content_list .__list_wrap li .__title {position:relative; display:flex; align-items:center; font-size:22px; line-height:25px; font-weight:600; padding:28px 0; padding-right:50px; background:url("../images/common/ico_plus.svg") no-repeat right 20px center;}
.toggle_content_list .__list_wrap li .__title span {width:48px; font-weight:700;}
.toggle_content_list .__list_wrap li .__content {display:none;}
.toggle_content_list .__list_wrap li .__content p {color:#777; background:#f4f4f4; padding:36px 44px; border-radius:16px;}
	.toggle_content_list .__list_wrap li.on {padding-bottom:42px;}
	.toggle_content_list .__list_wrap li.on .__title {color:#FF3033; background-image:url("../images/common/ico_x.svg");}

	.toggle_content_list.__style_02 .__list_wrap {gap:0;}
	.toggle_content_list.__style_02 .__list_wrap li {width:100%;}
	.toggle_content_list.__style_02 .__list_wrap li .__title {line-height:1.5; padding:19px 0; padding-right:50px;}

.recruit_3 {margin-bottom:186px;}
.recruit_3 .title_02 {text-align:left; margin-bottom:40px;}
.recruit_3 .title_02 .__primary {font-size:42px; line-height:50px;}

/*---------------------------
	개인정보처리방침
-----------------------------*/

.privacy_wrap .title_01 {margin-bottom:40px;}
.join_agree{padding:22px 0; padding-top:0; margin:0 auto 20px auto;}
.join_agree h4 {margin-bottom:15px; font-weight:600; font-size:18px;}
.join_agree h5 {font-weight:600;font-size:18px;padding:30px 0 5px 0;height:1%;overflow:hidden;}
.join_agree h6 {font-weight:600;padding:10px 0 5px 0;font-size:18px;margin:0;height:1%;overflow:hidden;}
.join_agree p {margin:8px 0;}
.number_styleWrap {overflow:hidden; zoom:1; padding:10px 10px 0; margin-bottom:10px; background:#f2f2f2;}
.join_agree ul {height:1%;overflow:hidden;}
.join_agree ul.number_style1 {float:left; width:49%; font-size:16px;}
.join_agree ul.number_style1 ~ ul {margin-left:2%;}
.join_agree ul.number_style1 li {padding-left:15px; margin-bottom:10px;}
.join_agree ul.number_style1 li a {display:block; line-height:1.4; padding:5px 0;}
.join_agree ul.number_style1 li a:hover {text-decoration:underline;}
.join_agree ul.number_style1 li ul {margin:10px 0;}
.join_agree ul.number_style1 li ul li {list-style:none;margin-left:0;}
.join_agree ul li .number_style1 li {margin-left:20px;}
.join_agree li {margin-bottom:5px;}
.join_agree .info_box {border:solid 1px #e7e7e7; background-color:#f7f7f7;padding:0 20px 20px 20px;margin-top:20px;}
.join_agree .tbl01 {text-align:center;}
.join_agree .tbl01 table {width:100%;}
.join_agree .tbl01 table thead th,
.join_agree .tbl01 table tbody td {height:40px; padding:5px;}
.join_agree .tbl01 table thead th {font-weight:600; background:#f2f2f2;}
.join_agree .tbl01 table tbody td {border-bottom:1px solid #e7e7e7; padding:0 5px;}
.join_agree .tbl01 table tbody td.td_left {text-align:left;}