/********************************************************
■ 메인 비주얼
********************************************************/
#visual {height: 100vh; min-height: 50rem; color: var(--Text-Color-White); background-color: #000; position: relative;}
.visual_swp {height: 100%;}
.visual_swp .swiper-slide {background: no-repeat center/cover;}
.visual_swp .swiper-slide .inner {height: 100%; padding-top: 30vh;}
.visual_swp .txt_wrap span {display: block;}
.visual_swp .txt_wrap > span {overflow: hidden;}
.visual_swp .txt_wrap .anim {transform: translateY(100%);}
.visual_swp .vs_t01 {font-size: var(--font-size-20);}
.visual_swp .vs_t02 {margin: clamp(1.875rem, 1.75rem + 0.63vw, 2.5rem) 0 clamp(1.25rem, 1.1rem + 0.75vw, 2rem); font-size: var(--font-size-60); line-height: 1;}
.visual_swp .vs_t03 {font-size: var(--font-size-20); font-weight: 300;}
.visual_swp .swp_pg_wrap {position: absolute; top: calc(30vh + 18rem); left: 0; width: 100%; z-index: 1;}
.visual_swp .swp_pg {display: flex; gap: clamp(0.375rem, 0.325rem + 0.25vw, 0.625rem);}
.visual_swp .swp_pg .swiper-pagination-bullet {margin: 0; width: 0.375rem; height: 0.375rem; opacity: 0.6; background-color: #FFF; border-radius: 0.375rem; transition: width 0.3s;}
.visual_swp .swp_pg .swiper-pagination-bullet-active {width: clamp(1.5rem, 1.4rem + 0.5vw, 2rem); opacity: 1;}
.visual_swp .swiper-slide-active .vs_t01 .anim {animation: 0.8s vsTxtUp forwards;}
.visual_swp .swiper-slide-active .vs_t02 .anim {animation: 0.8s vsTxtUp 0.3s forwards;}
.visual_swp .swiper-slide-active .vs_t03 .anim {animation: 0.8s vsTxtUp 0.5s forwards;}
@keyframes vsTxtUp {
	0% {transform: translateY(100%);}
	100% {transform: translateY(0);}
}
#visual .scroll_down {position: absolute; bottom: 0; left: 5rem; font-size: var(--font-size-14); font-weight: 300; z-index: 1; opacity: 0.8;}
#visual .scroll_down .upper {writing-mode: vertical-rl;}
#visual .scroll_down .line_wrap {display: block; width: 1px; height: clamp(3.75rem, 3.375rem + 1.88vw, 5.625rem); margin: 0.625rem auto 0; background-color: rgba(255, 255, 255, .5); position: relative; overflow: hidden;}
#visual .scroll_down .line_wrap .line {display: block; width: 100%; height: 100%; background: linear-gradient(to bottom, transparent, #fff); transform: translateY(-100%); animation: scrollAni 2s infinite;}
@keyframes scrollAni {
	0% {transform: translateY(-100%);}
	85% {transform: translateY(100%);}
	100% {transform: translateY(100%);}
}

@media (max-width: 1486px){
	.visual_swp .swiper-slide {background-position: 55% center; background-size: auto 100%;}
	#visual .scroll_down {left: var(--side-padding);}
}
@media (max-width: 1030px){
	#visual {min-height: 37.5rem;}
	.visual_swp .swiper-slide .inner {padding-top: 12rem;}
	.visual_swp .swp_pg_wrap {top: 26rem;}
	
}
@media (max-width: 768px){
	.visual_swp .swiper-slide::before {content: ''; display: block; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); position: absolute; top: 0; left: 0;}
}

/********************************************************
■ 메인 공통
********************************************************/
.inner {max-width: var(--main-width);}
.mid {padding: 9.125rem 0; position: relative;}
.mid_title_wrap {margin-bottom: clamp(2rem, 1.2rem + 4vw, 6rem);}
.mid_title_sml {display: block; margin-bottom:clamp(1.5rem, 1.288rem + 1.063vw, 2.563rem); font-family: var(--ff-heading); font-size: clamp(1.25rem, 1.125rem + 0.63vw, 1.875rem);}
.mid_title {font-family: var(--ff-heading); line-height: 1.38; font-size: clamp(1.75rem, 1.475rem + 1.38vw, 3.125rem); font-weight: 400;}
.mid_title .t_blue {color: #344BC2;}
.hash_list {display: flex; flex-wrap: wrap; gap: 1rem;}
.hash_list li {padding: 0.28125rem var(--num-20); font-weight: 300; background-color: rgba(255, 255, 255, 0.14); border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 10rem;}
.hash_list li::before {content: '#';}
@media (max-width: 1486px){}
@media (max-width: 1030px){
	.mid {padding: 7.5rem 0;}
}
@media (max-width: 768px){
	.mid {padding: 5rem 0;}
}

/********************************************************
■ About SDMI
********************************************************/
.mid_about {min-height: 100vh; color: var(--Text-Color-White); overflow: hidden;}
.mid_about .mid_title {font-size: clamp(2rem, 1.6rem + 2vw, 4rem);}
.mid_about .about_bg {width: 100%; height: 100vh; background: url('/images/default/main/about_bg_pattern.jpg') repeat; position: absolute; top: -9.125rem; left: 0;}
.mid_about .about_bg .floating1 {width: clamp(37.5rem, 25.3rem + 61vw, 98.5rem); aspect-ratio: 1576/1219; filter: blur(0.625rem); background: url('/images/default/main/about_floating_left.png') no-repeat center/cover; position: absolute; top: -10%; left: -25%;}
.mid_about .about_bg .floating2 {width: clamp(31.25rem, 19.238rem + 60.06vw, 91.313rem); aspect-ratio: 1461/1510; filter: blur(0.625rem); background: url('/images/default/main/about_floating_right.png') no-repeat center/cover; position: absolute; top: 40%; right: -34%;}
.mid_about .sticky_wrap {position: relative;}
.mid_about .inner {display: flex; justify-content: space-between; align-items: center; gap: 2rem clamp(5rem, 3.5rem + 7.5vw, 12.5rem); height: calc(100vh - (9.125rem * 2));}
.mid_about .img_wrap {width: clamp(15rem, 11.313rem + 18.44vw, 33.438rem); aspect-ratio: 535/300; position: relative;}
.mid_about .img_wrap .bg_box {width: 100%; height: 100%; background: no-repeat center/cover; transition: transform 0.8s, right 0.8s;}
.mid_about .img_wrap .bg1 {background-image: url('/images/default/main/about_img1.png'); position: relative; z-index: 3;}
.mid_about .img_wrap .bg2 {background-image: url('/images/default/main/about_img2.png'); position: absolute; top: 0; right: 0; transform: scale(0.7); z-index: 2;}
.mid_about .img_wrap .bg3 {background-image: url('/images/default/main/about_img3.png'); position: absolute; top: 0; right: 0; transform: scale(0.4); z-index: 1;}
.mid_about .img_wrap.anim .bg2 {right: 30%;}
.mid_about .img_wrap.anim .bg3 {right: 60%;}
.mid_about .hash_list {margin-top: clamp(1.5rem, -0.025rem + 7.63vw, 9.125rem);}
.mid_about .t_big {margin-bottom: clamp(1.5rem, 1.05rem + 2.25vw, 3.75rem); font-size: clamp(1.375rem, 1.212rem + 0.81vw, 2.188rem); font-weight: var(--font-weight-semibold); }
.mid_about .t_big .fill_txt {display: block; width: max-content; color: #5E7BB8; position: relative; transform: translateZ(0);}
.mid_about .t_big .fill_txt::before {content: attr(data-text); position: absolute; inset: 0; color: #fff; width: var(--fill); overflow: hidden; white-space: nowrap;}
.mid_about .t_sml {font-size: var(--font-size-24); font-weight: 300;}
.mid_about .t_sml + .t_sml {margin-top: 1.5rem;}

@media (max-width: 1526px){
	.mid_about {background: url('/images/default/main/about_bg_pattern.jpg') repeat;}
	.mid_about .inner {flex-direction: column; align-items: flex-start; height: auto;}
	.mid_about .left_area {width: 100%;}
	.mid_about .about_bg {height: 100%; background: none;}
	.mid_about .about_bg .floating1 {left: -40%;}
	.mid_about .about_bg .floating2 {top: 70%; right: -50%;}
	.mid_about .img_wrap {aspect-ratio: 3/2; margin: 0 auto 2rem;}
	.mid_about .img_wrap .bg_box {border-radius: 0.625rem;}
	.mid_about .img_wrap .bg1 {background-image: url('/images/default/main/about_img1_mob.jpg');}
	.mid_about .img_wrap .bg2 {background-image: url('/images/default/main/about_img2_mob.jpg');}
	.mid_about .img_wrap .bg3 {background-image: url('/images/default/main/about_img3_mob.jpg');}
	.mid_about .img_wrap.anim .bg1 {transform: rotate(-3deg)}
	.mid_about .img_wrap.anim .bg2 {right: 80%; transform: rotate(7deg) scale(0.7);}
	.mid_about .img_wrap.anim .bg3 {right: -80%; transform: rotate(4deg) scale(0.7);}
	.mid_about .t_sml {font-size: var(--font-size-22);}
}
@media (max-width: 1030px){
	.mid_about .inner {height: auto;}
	.mid_about .about_bg {top: -7.5rem;}
	.mid_about .about_bg .floating1 {left: -70%;}
	.mid_about .about_bg .floating2 {right: -70%;}
	.mid_about .t_sml {font-size: var(--font-size-21);}
}
@media (max-width: 768px){
	.mid_about .about_bg {top: -5rem;}
	.mid_about .hash_list {gap: 0.5rem;}
}

/********************************************************
■ Solutions
********************************************************/
.mid_solution {padding-top: clamp(4rem, 2.725rem + 6.375vw, 10.375rem); padding-bottom: clamp(18.75rem, 18.125rem + 3.13vw, 21.875rem); background: linear-gradient(to bottom, #FFFFFF 35%, #E9F0FF);}
.mid_solution .inner {max-width:109.1875rem;}
.mid_solution .bg_wrap {width: 100%; height: calc(100vh - 9.125rem); position: sticky; top: 9.125rem; left: 0;}
.mid_solution .bg_wrap::before {content: ''; display: block; width: 100%; height: 100%; background: url('/images/default/main/solution_wave.svg') no-repeat left center/calc(100% - 6.25rem) auto;}
.mid_solution .inner {display: flex; align-items: flex-start; gap: clamp(5rem, 4.075rem + 4.625vw, 9.625rem); justify-content: space-between; margin-top: calc(-100vh + 9.125rem);}
.mid_solution .mid_title_wrap {display: flex; flex-direction: column; justify-content: center; flex-shrink: 0; height: calc(100vh - 9.125rem); position: sticky; top: 0;}
.mid_solution .mid_title {font-size: var(--font-size-42);}
.solution_list {display: flex; flex-wrap: wrap; align-items: flex-start; gap: var(--num-40) var(--gap-42); max-width: 65.125rem;}
.solution_list li {display: flex; align-items: flex-end; width: calc(50% - (var(--gap-42) / 2)); aspect-ratio: 50/53; padding: 0 1rem clamp(1rem, 0.313rem + 3.438vw, 4.438rem); border-radius:clamp(0.75rem, 0.65rem + 0.5vw, 1.25rem); overflow: hidden; position: relative;}
.solution_list li:nth-of-type(even) {transform: translateY(clamp(6.25rem, 4.825rem + 7.12vw, 13.375rem));}
/*.solution_list li a {display: flex; align-items: flex-end; width: 100%; height: 100%; padding: 0 1rem clamp(1rem, 0.2rem + 4vw, 5rem); position: relative;}*/
.solution_list li::before {content: ''; display: block; width: 100%; height: 100%; background: linear-gradient(to bottom, transparent 30%, #15255B 75%); opacity: 0.46; position: absolute; bottom: 0; left: 0; z-index: 1;}
.solution_list li .bg_box {width: 100%; height: 100%; object-fit: cover; background: no-repeat center/cover; position: absolute; top: 0; left: 0; transition: transform .5s;}
.solution_list li .bg01 {background-image: url('/images/default/main/solution_card01.jpg');}
.solution_list li .bg02 {background-image: url('/images/default/main/solution_card02.jpg');}
.solution_list li .bg03 {background-image: url('/images/default/main/solution_card03.jpg');}
.solution_list li .bg04 {background-image: url('/images/default/main/solution_card04.jpg');}
.solution_list li .bg05 {background-image: url('/images/default/main/solution_card05.jpg');}
.solution_list li .bg06 {background-image: url('/images/default/main/solution_card06.jpg');}
.solution_list li .txt_wrap {display: flex; flex-direction: column; gap:clamp(0.75rem, 0.713rem + 0.188vw, 0.938rem); width: 100%; color: var(--Text-Color-White); text-align: center; position: relative; z-index: 1;}
.solution_list li .txt_wrap .solution_title {font-size: var(--font-size-34); font-weight: 400;}
.solution_list li .txt_wrap .solution_txt {font-size: var(--font-size-20); line-height: 1.2; font-weight: 300;}
.solution_list li .txt_wrap .solution_txt .br_tab {display: none;}
.solution_list li:hover .bg_box {transform: scale(1.15);}

@media (max-width: 1840px){
	.solution_list {margin-right: 0;}
}
@media (max-width: 1526px){
	.solution_list {gap: var(--num-32);}
	.solution_list li {width: calc(50% - (var(--num-32) / 2));}
	.solution_list li .txt_wrap .solution_title {margin-bottom: 0.25rem;}
	.solution_list li .txt_wrap .solution_txt {font-size: var(--font-size-18);}
	.solution_list li .txt_wrap .solution_txt .br_tab {display: inline;}
}
@media (max-width: 1200px){
	.mid_solution {padding-bottom: 10.5rem;}
	.mid_solution .mid_title br:not(.not-hide) {display:none;}
	.mid_solution .inner {display: block; margin-top: 0;}
	.mid_solution .bg_wrap {height: 100vh; position: absolute; top: 0; left: 0; overflow: hidden;}
	.mid_solution .bg_wrap::before {width: 180%; background-position: center top;}
	.mid_solution .mid_title_wrap {height: auto; position: static;}
	.solution_list {max-width: 100%;}
	.solution_list li {width: calc((100% / 3) - (var(--num-32) / 3 * 2)); aspect-ratio: 4/5;}
	.solution_list li:nth-of-type(even) {transform: none;}
	.solution_list li:nth-of-type(3n + 2) {transform: translateY(3rem);}
	.solution_list li .txt_wrap .solution_title {margin-bottom:0; line-height: 1.3;}
	.solution_list li .txt_wrap .solution_txt {line-height:1.5;}
	.solution_list li .txt_wrap .solution_txt br,
	.solution_list li .txt_wrap .solution_txt .br_tab {display:none;}
}
@media (max-width: 768px){
	.mid_solution {padding-bottom: calc(4rem + 4rem);}
	.solution_list {gap: var(--num-20);}
	.solution_list li {width: calc(50% - (var(--num-20) / 2)); aspect-ratio: 5/7;}
	.solution_list li:nth-of-type(even) {transform: translateY(4rem);}
	.solution_list li:nth-of-type(5) {transform:translateY(0)}
	.solution_list li::before {background: linear-gradient(to bottom, transparent, #15255B 75%); opacity: 0.7;}
}
@media (max-width: 640px){
	.mid_solution {padding-bottom: 4rem;}
	.solution_list li {padding: clamp(1rem, 0.313rem + 3.438vw, 4.438rem) 1rem; width:100%; aspect-ratio: 5/3;}
	.solution_list li:nth-of-type(even),
	.solution_list li:nth-of-type(3n + 2) {transform:unset;}
}
@media (max-width: 390px){
	.mid_solution .mid_title .not-hide {display:none;}
}
/********************************************************
■ Experience
********************************************************/
.mid_experience {padding-bottom: 5rem; color: var(--Text-Color-White); background: url('/images/default/main/experience_bg.jpg') no-repeat center/cover;}
.mid_experience .cursor_img {width: clamp(6.25rem, 5.75rem + 2.5vw, 8.75rem); aspect-ratio: 1; background: url('/images/default/main/drag_earth.svg') no-repeat center/cover; border-radius: 50%; position: fixed; top: 0; left: 0; z-index: 5; transition: opacity 0.3s; display: none; pointer-events: none; will-change: transform;}
.exp_swp {--exp-width: 29.563rem; width: calc(100% + (var(--exp-width) * 0.2)); transform: translateX(calc((var(--exp-width) * -1) * 0.2));}
.exp_swp .swiper-wrapper {align-items: center;}
.exp_swp .swiper-slide {width: var(--exp-width); height: auto; min-height: 30rem; background-color: rgba(255, 255, 255, 0.2); border: 1px solid rgba(255, 255, 225, 0.2); border-radius: clamp(1.25rem, 1.125rem + 0.63vw, 1.875rem); overflow: hidden; backdrop-filter: blur(0.25rem); box-shadow: 0 0.25rem 0.25rem rgba(0, 0, 0, 0.25);}
.exp_swp .swiper-slide a {display: flex; flex-direction: column; align-items: flex-start; height: 100%; padding: clamp(1.5rem, 1rem + 2.5vw, 4rem) clamp(1rem, 0.6rem + 2vw, 3rem) 0; position: relative;}
.exp_swp .swiper-slide .arr_box {display: flex; justify-content: center; align-items: center; width: clamp(2.5rem, 2.25rem + 1.25vw, 3.75rem); aspect-ratio: 1; background-color: var(--Brand-Color-navy); border-radius: 50%; position: absolute; top: clamp(1.5rem, 1.175rem + 1.63vw, 3.125rem); right: clamp(1.5rem, 0.925rem + 2.88vw, 4.375rem); opacity: 0; overflow: hidden;}
.exp_swp .swiper-slide .arr_box i {width: 1.688rem; aspect-ratio: 1; background-color: #FFF; position: absolute; top: calc(50% - 0.844rem); left: calc(50% - 0.844rem);transition: transform .5s;}
.exp_swp .swiper-slide .arr_box i:nth-of-type(1) {transform: translate(-150%, 150%);}
.exp_swp .swiper-slide .icon_box {margin-left: auto; margin-bottom: clamp(1.5rem, 1.175rem + 1.63vw, 3.125rem); overflow: hidden;}
.exp_swp .swiper-slide .icon_box i {display: block; background: no-repeat center/cover;}
.exp_swp .swiper-slide .icon_box i.icon01 {width: 3.75rem; aspect-ratio: 60/49; background-image: url('/images/default/main/experience_icon01.svg');}
.exp_swp .swiper-slide .icon_box i.icon02 {width: 2.938rem; aspect-ratio: 47/52; background-image: url('/images/default/main/experience_icon02.svg');}
.exp_swp .swiper-slide .icon_box i.icon03 {width: 3.938rem; aspect-ratio: 63/54; background-image: url('/images/default/main/experience_icon03.svg');}
.exp_swp .swiper-slide .icon_box i.icon04 {width: 2.813rem; aspect-ratio: 45/68; background-image: url('/images/default/main/experience_icon04.svg');}
.exp_swp .swiper-slide .numbering {display: block; font-size:var(--font-size-30); font-weight: var(--font-weight-bold);}
.exp_swp .swiper-slide .exp_title {margin: var(--gap-24) 0 var(--num-20); font-size: var(--font-size-32); font-weight: var(--font-weight-normal);}
.exp_swp .swiper-slide .txt_default {font-size: var(--font-size-21);}
.exp_swp .swiper-slide .txt_active {display: none; padding-top: var(--num-24); font-size: var(--font-size-20);}
.exp_swp .swiper-slide .txt_active ul li {padding-left: 1.25rem; position: relative;}
.exp_swp .swiper-slide .txt_active ul li::before {content: ''; display: block; width: 0.5rem; aspect-ratio: 1; background: url('/images/default/main/ico_bul_triangle.svg') no-repeat center/cover; position: absolute; top: 0.5em; left: 0;}
.exp_swp .swiper-slide .txt_active ul li + li {margin-top: var(--gap-20);}
.exp_swp .swiper-slide-active {width: calc(var(--exp-width) * 1.2); height: 40rem; background-color: var(--Brand-Color-main); transform: none;}
.exp_swp .swiper-slide-active a {padding-top: 4rem;}
.exp_swp .swiper-slide-active .arr_box {opacity: 1;}
.exp_swp .swiper-slide-active .icon_box {display: none;}
.exp_swp .swiper-slide-active .exp_title {font-size: clamp(1.375rem, 1.15rem + 1.13vw, 2.5rem);}
.exp_swp .swiper-slide-active .numbering {font-size:var(--font-size-34);}
.exp_swp .swiper-slide-active .txt_default {display: none;}
.exp_swp .swiper-slide-active .txt_active {display: block;}
.exp_swp .swiper-slide-active:hover .arr_box i:nth-of-type(1) {transform: translate(0, 0);}
.exp_swp .swiper-slide-active:hover .arr_box i:nth-of-type(2) {transform: translate(150%, -150%);}

@media (width > 768px){
	.exp_swp,
	.exp_swp * {cursor: none;}
}
@media (max-width: 1526px){
	.exp_swp {--exp-width: 25rem;}
	.exp_swp .swiper-slide { min-height: 28rem;}
	.exp_swp .swiper-slide a {padding-left: 2.5rem; padding-right: 2.5rem;}
	.exp_swp .swiper-slide-active {height: 38rem;}
}
@media (max-width: 1030px){
	.exp_swp {--exp-width: 24rem;}
	.exp_swp .swiper-slide { min-height: 26rem;}
	.exp_swp .swiper-slide a {padding-left: 1.5rem; padding-right: 1.5rem;}
	.exp_swp .swiper-slide-active {height: 34rem;}
}
@media (max-width: 768px){
	.exp_swp {--exp-width: 22.5rem; width: 100%; padding: 0 var(--side-padding); transform: translateX(0);}
	.exp_swp .swiper-wrapper {align-items: stretch;}
	.exp_swp .swiper-slide {min-height: 24rem;}
	.exp_swp .swiper-slide a {padding-bottom: clamp(1.5rem, 0.8rem + 3.5vw, 5rem);}
	.exp_swp .swiper-slide .txt_default {display: none;}
	.exp_swp .swiper-slide .txt_active {display: block;}
	.exp_swp .swiper-slide-active {width: var(--exp-width); height: auto;}
}
@media (max-width: 640px){
	.mid_experience::before {content: ''; display: block; width: 100%; height: 100%; background-color: var(--Brand-Color-navy); opacity: 0.3; position: absolute; top: 0; left: 0;}
	.mid_experience .mid_title br {display: none;}
	.exp_swp {--exp-width: 18.75rem;}
	.exp_swp .swiper-slide {}
}
@media (max-width: 480px){
	.exp_swp {--exp-width: calc(100% - (var(--side-padding) * 2));}
	.exp_swp .swiper-slide {min-height: 0;}
	.exp_swp .swiper-slide a {padding-bottom: clamp(1.5rem, 0.8rem + 3.5vw, 5rem);}
	.exp_swp .swiper-slide .txt_default {display: none;}
	.exp_swp .swiper-slide .txt_active {display: block;}
}

/********************************************************
■ Performance
********************************************************/
.mid_performance .mid_title_wrap .t_sup {display: block; margin-top: var(--gap-24); font-size: var(--font-size-18); color: #9A9A9A;}
.perf_wrap ul {display: flex; gap: clamp(1.25rem, 1rem + 1.25vw, 2.5rem);}
.perf_wrap ul li {flex: 1; display: flex; flex-direction: column; justify-content: flex-end; height: clamp(18.75rem, 12.75rem + 30vw, 48.75rem);} /* height: 300px ~ 780px */
.perf_wrap ul li .txt_wrap {display: flex; flex-direction: column; justify-content: flex-end; gap: 1rem; height: clamp(5.625rem, 4.25rem + 6.88vw, 12.5rem); padding-left: clamp(0.625rem, 0.45rem + 0.88vw, 1.5rem); padding-bottom: clamp(0.625rem, 0.125rem + 2.5vw, 3.125rem); line-height: 1;} /* height: 160px ~ 200px */
.perf_wrap ul li .t_sml {font-size: clamp(1.125rem, 0.912rem + 1.063vw, 2.188rem);font-weight: var(--font-weight-semibold);}
.perf_wrap ul li .t_big {font-size: clamp(1.424rem, 1.084rem + 1.701vw, 3.125rem); font-weight: var(--font-weight-bold); color: var(--Brand-Color-blue);}
.perf_wrap ul li .t_big strong {font-size: 2em; font-weight: var(--font-weight-bold);}
.perf_wrap ul li .prg_box {height: 0; border-radius:clamp(0.75rem, 0.525rem + 1.125vw, 1.875rem) clamp(0.75rem, 0.525rem + 1.125vw, 1.875rem) 0 0;}
.perf_wrap ul li:nth-of-type(1) .prg_box {background: url('/images/default/main/performance_prg.jpg') no-repeat left bottom/calc(200% + clamp(1.25rem, 1rem + 1.25vw, 2.5rem)) auto; --height: calc((100% - clamp(5.625rem, 4.25rem + 6.88vw, 12.5rem)) * 0.8);}
.perf_wrap ul li:nth-of-type(2) .prg_box {background: url('/images/default/main/performance_prg.jpg') no-repeat right bottom/calc(200% + clamp(1.25rem, 1rem + 1.25vw, 2.5rem)) auto; --height: calc((100% - clamp(5.625rem, 4.25rem + 6.88vw, 12.5rem)) * 1);}

@media (max-width: 768px){
	.perf_wrap ul li .t_big strong {font-size: 1.2em;}
	.perf_wrap ul li .txt_wrap {gap: 0.5rem; padding-left: 0;}
}
@media (max-width: 390px){
	.mid_performance .mid_title br {display:none;}
}
/********************************************************
■ Research
********************************************************/
.mid_research {padding: 0; background: url('/images/default/main/research_bg.jpg') no-repeat center/cover;  color: var(--Text-Color-White); position: relative;}
.research_title_zone {padding-top: clamp(4rem, 3.188rem + 4.063vw, 8.063rem); transition: all 0.5s;}
.research_title_zone.is-pinned {padding-top:3rem;}
.scroll-trigger-container { padding-bottom: clamp(4rem, 3.188rem + 4.063vw, 8.063rem);  width: 100%; position: relative;}
.mid_research .mid_title_wrap {margin-bottom:clamp(2rem, 1.775rem + 1.125vw, 3.125rem); position: relative;}
.mid_research .mid_title_sml {margin-bottom:clamp(1rem, 0.762rem + 1.188vw, 2.188rem);}
.mid_research .max_1920 {width: 100%; max-width: 120rem; margin: 0 auto; overflow: hidden; position: relative; z-index: 2;}
.mid_research .research_wrap {position: relative;}
.mid_research .research_wrap .inner {display: flex;  gap: 1.25rem; position: relative;}
.mid_research .research_wrap .fixed_area {width: clamp(18.75rem, 15.725rem + 15.13vw, 33.875rem);}
.mid_research .research_wrap .scroll_area {width: calc(100% - clamp(18.75rem, 15.725rem + 15.13vw, 33.875rem) - var(--gap-20)); height: 100%;}
.mid_research .img_slider {position: relative;}
.mid_research .img_item {display: flex; flex-direction: column; justify-content: center; }
@keyframes imgItemFadeIn {
	0% {opacity: 0; transform: translateY(3rem);}
	100% {opacity: 1; transform: translateY(0);}
}
.mid_research .img_box {width: 100%; aspect-ratio: 542/418; background: no-repeat center/cover; border-radius: clamp(0.5rem, 0.35rem + 0.75vw, 1.25rem); position: relative; overflow: hidden;}
.mid_research .img_box.img1 {background-image: url('/images/default/main/research_img1.jpg');}
.mid_research .img_box.img2 {background-image: url('/images/default/main/research_img2.jpg');}
.mid_research .img_box.img3 {background-image: url('/images/default/main/research_img3.jpg');}
.mid_research .img_box a {display: block; width: 100%; height: 100%; }
.mid_research .img_box .img_label {display: inline-block; padding: clamp(0.375rem, 0.194rem + 0.906vw, 1.281rem) var(--num-32); font-size: clamp(1rem, 0.9rem + 0.5vw, 1.5rem); line-height: 1; background: linear-gradient(-30deg, rgba(28, 69, 41, 0.67) 15%, rgba(7, 48, 20, 0.67) 80%); border-radius: 0 10rem 10rem 0; position: absolute; top: clamp(0.5rem, 0.325rem + 0.875vw, 1.375rem); transition: left 0.5s, opacity 0.5s; overflow: hidden;}
.mid_research .hash_list {gap: 0.75rem var(--gap-20); margin-top: clamp(1.25rem, 1.15rem + 0.5vw, 1.75rem)}
.mid_research .hash_list li {border-color: #FFF; background-color: rgba(0, 0, 0, 0.4);}
.mid_research .res_btn_wrap {display: flex; flex-direction: column; gap: 3.75rem; padding: 0 3rem 0 5rem; position: absolute; top:calc(50% - (9.125rem / 1.5)); right: 0; transform: translateY(-50%);}
.mid_research .res_btn_wrap::before {content: ''; display: block; width: 100%; height: 1px; background-color: rgba(255, 255, 255, 0.5); position: absolute; top: 50%; right: 0;}
.mid_research .res_btn_wrap .res_btn {appearance: none; border: none; background: none;}
.mid_research .res_btn_wrap .res_btn i {width: clamp(1.5rem, 1.4rem + 0.5vw, 2rem); aspect-ratio: 1; background-color: #FFF;}
.research_txt_swp {margin-top: -9.125rem; width: calc(100% - clamp(18.75rem, 15.725rem + 15.13vw, 33.875rem) - 1.25rem); height: clamp(26.25rem, 23.7rem + 12.75vw, 39rem); overflow: hidden;}
.research_txt_swp .swiper-slide {display: flex; justify-content: flex-end; align-items: center; font-size: var(--font-size-40); text-align: right;}
.research_txt_swp .swiper-slide .txt {display: block; width: 100%; transform-origin: right; transform: scale(0.5); opacity: 0.6; transition: transform 0.5s, opacity 0.5s;}
.research_txt_swp .swiper-slide-prev .txt,
.research_txt_swp .swiper-slide-next .txt {transform: scale(0.8); opacity: 1;}
.research_txt_swp .swiper-slide-active .txt {transform: scale(1); opacity: 1; -webkit-text-stroke: #FFF thin;}

@media (max-width: 1800px){
	.research_txt_swp {padding-right: 6rem;}
	.mid_research .res_btn_wrap {padding: 0 1.5rem;}
	.mid_research .scroll_area {padding-right: clamp(6.25rem, 6.9rem + -3.25vw, 3rem);}
}
@media (max-width: 1440px){
	.research_title_zone.is-pinned {padding-top:6rem;}

	.research_txt_swp .swiper-slide {font-size: var(--font-size-32);}
	.research_txt_swp .swiper-slide-prev .txt, .research_txt_swp .swiper-slide-next .txt {transform: scale(0.7);}
}
@media (max-width: 1030px){
	.mid_research {background: url('/images/default/main/research_bg.jpg') no-repeat center/cover;}
	.mid_research::before {content: ''; display: block; width: 100%; height: 100%; background-color: var(--Brand-Color-navy); opacity: 0.3; position: absolute; top: 0; left: 0;}
	
	.mid_research .research_wrap .inner {flex-direction: column; align-items: flex-start; gap: 2rem;}
	.mid_research .research_wrap .fixed_area {width:100%;}
	.mid_research .img_item {flex-direction: row; align-items: flex-start;}
	.mid_research .img_box {aspect-ratio: 542 / 300;}
	.mid_research .hash_list {align-items: baseline; justify-content: flex-start; margin-top:0; margin-left:clamp(1.25rem, 1.15rem + 0.5vw, 1.75rem)}
	.research_txt_swp {margin-top: 0; width: 100%; height:clamp(16rem, 15.75rem + 1.25vw, 17.25rem);}
	.research_txt_swp .swiper-slide {height:auto;}
	.research_txt_swp .swiper-slide .txt {padding:0.5rem 0; transform-origin: left; text-align: left;}
	.research_txt_swp .swiper-slide .txt .web {display:block;}
	.mid_research .res_btn_wrap {top:75%;}
}
@media (max-width: 768px){
	.mid_research .research_wrap .inner {flex-direction: column; align-items: stretch;}
	.mid_research .research_wrap .fixed_area {width: 100%;}
	.mid_research .img_box {width: 30rem;}
	.research_txt_swp {flex: none; width: 100%; padding-right: 0;}
	.research_txt_swp .swiper-slide {justify-content: center; text-align: center;}
	.research_txt_swp .swiper-slide .txt {opacity: 1; letter-spacing: -0.05em;}
	.research_txt_swp .swiper-slide-prev .txt,
	.research_txt_swp .swiper-slide-next .txt {opacity: 0.6;}
	.mid_research .res_btn_wrap {display: none;}
	.mid_research .hash_list {margin-top: 0; gap: 0.5rem;}
	.mid_research .hash_list li {font-size:0.88875rem;}
}
@media (max-width: 640px){
	.mid_research .img_item {flex-direction: column; gap:1rem;}
	.mid_research .hash_list {margin-left:0;}
	.mid_research .img_box {width: 100%; max-width:100%;}
	.research_txt_swp .swiper-slide .txt {padding:0.25rem 0;}
	.research_txt_swp .swiper-slide .txt br.web {display:none;}
}
@media (max-width: 480px){
	.research_swp .img_box {width: 100%;}
}


/********************************************************
■ 푸터 상단
********************************************************/
#footer {background: rgba(9, 29, 46, 0.80); backdrop-filter: blur(25px); -webkit-backdrop-filter: blur(25px);}
.mid.ft_top {padding-top:clamp(4rem, 2.95rem + 5.25vw, 9.25rem); padding-bottom:4rem; min-height:clamp(22.5rem, 19.5rem + 15vw, 37.5rem); color:#fff; font-size:var(--font-size-28); text-align:center; position:relative;}
.mid.ft_top .text_box {display:flex; flex-direction:column; gap:clamp(1rem, 0.825rem + 0.875vw, 1.875rem);}
.mid.ft_top h4 {font-size:var(--font-size-50); font-family: var(--ff-heading); font-weight: 200;}

@media (max-width: 540px){
	.mid.ft_top h4 {line-height: 1.3;}
}