/*--------------- about 섹션--------------*/
.about-wrap{width:100%; padding:var(--gap-140) 0;}
.about-wrap > .inner-wrap{width:calc(100% - var(--layout-flax-margin)); max-width:var(--layout-width); margin:0 auto; display:flex; align-items: center; justify-content: space-between;}
.about-wrap .image-wrap{position:relative; width:calc(50% - 25px); height: 539px; overflow: hidden; transform-style: preserve-3d; transition: all 1.5s ease-in-out;}
.about-wrap .image-wrap .image-inner-wrap{width:100%; height: 100%; background-size:auto calc(140%); background-position:center;}
.about-wrap .text-wrap{width:calc(50% - 50px);}
.about-wrap .text-wrap .tlt{font-size:var(--font-size-xxlarge); font-weight: 800; white-space: normal;}
.about-wrap .text-wrap .stlt{font-size:var(--font-size-medium); color:var(--color-font); margin-top:var(--gap-20);}

@media only screen and (max-width:640px){
	.about-wrap .image-wrap{width:calc(50% - 10px); height: 300px;}
	.about-wrap .text-wrap{ width:calc(50% - 10px);}
}

@media only screen and (max-width:475px){
	.about-wrap .inner-wrap{flex-wrap:wrap; gap:20px;}
	.about-wrap .image-wrap{width:100%; height: 257px;}
	.about-wrap .text-wrap{ width:100%;}
}

/*--------------- performance 섹션--------------*/
.performance-wrap{width:100%; padding:var(--gap-140) 0; background-color:#ECEDF1;}
.performance-wrap > .inner-wrap{width:calc(100% - var(--layout-flax-margin)); max-width:var(--layout-width); margin:0 auto;}
.performance-wrap > .inner-wrap > .text-wrap{text-align: center;}
.performance-wrap > .inner-wrap > .text-wrap > .stlt{font-size:var(--font-size-medium); color:var(--color-primary-text); font-weight: 600;}
.performance-wrap > .inner-wrap > .text-wrap > .tlt{font-size:var(--font-size-xxxlarge); font-weight: 800; white-space: normal; line-height: 120%;  margin-top:var(--gap-20);}
.performance-wrap .contents-wrap{text-align: center; margin-top:var(--gap-100);}
.performance-wrap .contents-wrap .year{font-size:var(--font-size-medium); color:var(--color-primary-text); font-weight: 600;}
.performance-wrap .contents-wrap .case{ont-size:var(--font-size-large); margin-top:var(--gap-10); color:var(--color-font); }
.performance-wrap .contents-wrap .hr{width:1px; height: 40px; background-color:#B0B0B0; margin:var(--gap-40) auto;}


/*--------------- process 섹션--------------*/
.process-wrap{width:100%; padding:var(--gap-140) 0;}
.process-wrap > .inner-wrap{width:calc(100% - var(--layout-flax-margin)); max-width:var(--layout-width); margin:0 auto;}
.process-wrap > .inner-wrap > .text-wrap{width:100%; max-width:547px; }
.process-wrap > .inner-wrap > .text-wrap > .stlt{font-size:var(--font-size-medium); color:var(--color-primary-text);}
.process-wrap > .inner-wrap > .text-wrap > .tlt{font-size:var(--font-size-xxxxlarge); font-weight: 800; line-height: 120%;}
.process-wrap .contnet-wrap{margin-top:var(--gap-100); display:flex; justify-content: space-between; gap:40px;}
.process-wrap .contnet-wrap > .cont{width:100%; max-width:400px; color:var(--color-font);}
.process-wrap .contnet-wrap > .inner-wrap{width:100%; max-width:487px; text-align: center;}
.process-wrap .contnet-wrap .box-wrap{width:100%; position:relative; border-radius: 10px; border:1px solid #d6d6d6; display:flex; align-items: center; justify-content: center; padding:15px; box-sizing: border-box; min-height: 170px; font-size:var(--font-size-xlarge); font-weight: 500;}
.process-wrap .contnet-wrap .box-wrap > .step{position:absolute; left:50%; top:-15px; transform: translate(-50%,0); background-color:#CEEBFC; text-align: center; padding:5px 15px; border-radius: 20px; color:#2555C5; font-weight: 600; font-size:var(--font-size-xsmall);}
.process-wrap .contnet-wrap .box-wrap:nth-of-type(even){background-color:#ECEDF1;}
.process-wrap .contnet-wrap > .inner-wrap > img{margin:var(--gap-20) auto;}