/*--------------- 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%;}
}


/*--------------- 진행절차 섹션--------------*/
.process-wrap{width:100%; padding:var(--gap-140) 0;}
.process-wrap > .text-wrap{text-align: center;}
.process-wrap > .text-wrap .tlt{font-size:var(--font-size-huge); font-weight: 800; white-space: normal; line-height: 120%;  margin-top:var(--gap-20);}
.process-wrap > .text-wrap .stlt{font-size:var(--font-size-medium); color:var(--color-primary-text);}
.process-wrap > .vr{width:1px; background-color:#000; height: 150px; margin:var(--gap-100) auto;}
.process-wrap .contents-wrap{width:calc(100% - var(--layout-flax-margin)); max-width:var(--layout-width); margin:0 auto; text-align: center;}
.process-wrap .step-wrap{font-size:var(--font-size-xsmall); margin:0 auto; padding:5px 20px; color:#1563D8; background-color:#CEEBFC; display: inline-block; border-radius: 15px; text-align: center;}
.process-wrap .contents-wrap > .tlt{font-size:var(--font-size-xxlarge); font-weight: 800; margin-top:15px; text-align: center;}
.process-wrap .contents-wrap > .mtlt{font-size:var(--font-size-xlarge); font-weight: 800; margin-top:var(--gap-40); text-align: center;}
.process-wrap .contents-wrap > .stlt{margin:var(--gap-40) auto;}
.process-wrap .contents-wrap > .smargin{margin-top:15px;}
.process-wrap .contents-wrap > .stlt > li{text-align: center; margin-bottom:10px; font-size:var(--font-size-medium); color:var(--color-font);}
.process-wrap .contents-wrap > .stlt > li:last-child{margin-bottom:0;}
.process-wrap .hr-wrap{width:calc(100% - var(--layout-flax-margin)); max-width:var(--layout-width); margin:var(--gap-140) auto; height: 1px; background-color:#d6d6d6; position:relative;}
.process-wrap .hr-wrap > img{position: absolute; top:50%; left:50%; transform: translate(-50%,-50%);}
.process-wrap .contents-wrap .inner-contents{display:flex;  flex-wrap:wrap; gap:40px; justify-content: space-between; margin-top:var(--gap-100);}
.process-wrap .contents-wrap .inner-contents .box-wrap{width:calc(25% - 30px); background-color:#fff; border-radius: 10px; border:1px solid #d6d6d6; padding:30px; box-sizing: border-box;}
.process-wrap .contents-wrap .inner-contents  ul > li{font-size:var(--font-size-normal); color:var(--color-font); text-align: center; margin-bottom:15px;}
.process-wrap .contents-wrap .inner-contents  ul > li:last-child{margin-bottom:0;}
.process-wrap .contents-wrap .inner-contents > .box-wrap > .tlt{font-size:var(--font-size-large); font-weight: 600; color:#000;}
.process-wrap .contents-wrap .inner-contents > .box-wrap > .tlt > span{color:var(--color-font); font-weight: 400; font-size:var(--font-size-medium)}
.process-wrap .contents-wrap .inner-contents > .box-wrap > .hr{height: 1px; margin:30px 0; background-color:#d6d6d6;}

@media only screen and (max-width:1024px){
	.process-wrap .contents-wrap .inner-contents{gap:20px;}
	.process-wrap .contents-wrap .inner-contents .box-wrap{width:calc(25% - 15px);}
}

@media only screen and (max-width:768px){
	.process-wrap .contents-wrap .inner-contents{gap:40px;}
	.process-wrap .contents-wrap .inner-contents .box-wrap{width:calc(50% - 20px);}
}

@media only screen and (max-width:475px){
	.process-wrap .contents-wrap .inner-contents{gap:20px;}
	.process-wrap .contents-wrap .inner-contents .box-wrap{width:calc(50% - 10px);}
}