/*--------------- 어바웃 섹션--------------*/
.abouts-wrap{width:calc(100% - var(--layout-flax-margin)); max-width:var(--layout-width); margin:var(--gap-140) auto; display:flex; flex-wrap: wrap; justify-content: space-between; position:relative; z-index: 1;}
.abouts-wrap .contents-wrap{width:calc(50% - 60px); display:flex; align-content: space-between; flex-wrap:Wrap;}
.abouts-wrap .contents-wrap .tlt{font-size:var(--font-size-xxlarge); font-weight: 800; white-space: normal;}
.abouts-wrap .contents-wrap .stlt{font-size:var(--font-size-medium); color:var(--color-font); margin-top:var(--gap-20);}
.abouts-wrap .contents-wrap .image-wrap{position:relative; width:100%; height: 457px; overflow: hidden; margin-top:var(--gap-100); transform-style: preserve-3d; transition: all 1.5s ease-in-out;}
.abouts-wrap .contents-wrap .image-wrap > .image-inner-wrap{width:100%; height: 100%; background-size:auto calc(140%); background-position:center;}
.abouts-wrap .vr{position:absolute; top:0; bottom:0; width:1px; background-color:#d6d6d6; left:50%; transform:translateX(-50%);}

@media only screen and (max-width:640px){
	.abouts-wrap .contents-wrap{width:calc(50% - 20px);}
	.abouts-wrap .contents-wrap .image-wrap{ height: 260px;}
}

@media only screen and (max-width:475px){
	.abouts-wrap .contents-wrap{width:100%;}
	.abouts-wrap .vr{display:none;}
	.abouts-wrap{gap:40px;}
	.abouts-wrap .contents-wrap .image-wrap{margin-top:var(--gap-40);}
}



/*--------------- 진행절차 섹션--------------*/
.process-wrap{width:100%; padding:var(--gap-140) 0;}
.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 > .stlt{margin:var(--gap-40) auto;}
.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);}
}