@charset "UTF-8";

.vision-wrap{padding:5.3rem 0 0;}
.vision-wrap .vision-row-box{display:flex;justify-content:space-between;align-items:center;padding:0 0 2rem;}
.vision-wrap .vision-row-box:last-of-type{padding:0;}
.vision-wrap .vision-title{width:14%;min-width:9.3rem;font-weight:var(--font-weight-bold);font-size:2rem;line-height:3.2rem;letter-spacing:-0.03em;word-break:keep-all;color:var(--black03);}
.vision-wrap .vision-box{width:86%;max-width:120rem;font-weight:var(--font-weight-bold);font-size:2rem;line-height:1;letter-spacing:-0.02em;}
.vision-wrap .vision-slogan{padding:2.8rem 1rem;border-radius:1rem;background:var(--color165);text-align:center;color:var(--color124);box-sizing:border-box;}
.vision-wrap .v-injae-tit{margin:0 0 1rem;padding:2.8rem 1rem;border-radius:1rem;background:var(--color149);text-align:center;color:var(--color148);box-sizing:border-box;}
.vision-wrap .v-injae-wrap{display:flex;gap:1rem;}
.vision-wrap .v-injae-wrap li{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:4rem 1rem;width:calc((100% - 3rem)/4);border:1px solid var(--color40);border-radius:1rem;box-sizing:border-box;}
.vision-wrap .v-injae-wrap li .v-injae-p01{padding:6px 0 0;font-weight:var(--font-weight-bold);font-size:2rem;line-height:1;letter-spacing:-0.02em;color:var(--color124);}
.vision-wrap .v-injae-wrap li .v-injae-p02{font-weight:var(--font-weight-medium);font-size:1.4rem;line-height:1;letter-spacing:-0.02em;color:var(--black04);}
.vision-wrap .v-ideology-list{display:flex;gap:1rem;text-align:center;}
.vision-wrap .v-ideology-list > li{width:calc((100% - 3rem)/4);}
.vision-wrap .v-ideology-list > li > span{display:block;margin:0 0 4px;padding:3rem 1rem;border-radius:1rem;background:var(--color163);font-weight:var(--font-weight-bold);font-size:2rem;line-height:1.7rem;letter-spacing:-0.02em;color:var(--white100);box-sizing:border-box;}
.vision-wrap .v-ideology-list > li li{position:relative;margin:0 0 2.2rem;padding:1.8rem 1rem;border:1px solid var(--color40);border-radius:1rem;font-weight:var(--font-weight-semibold);font-size:1.6rem;line-height:1;letter-spacing:-0.02em;color:var(--black03);box-sizing:border-box;}
.vision-wrap .v-ideology-list > li li:after{content:'';position:absolute;top:100%;left:calc(50% - 4px);display:inline-block;width:7px;height:3.7rem;background:url(../img/intro/img-vision-arrow@2x.png) no-repeat center/100%;}
.vision-wrap .v-goal-list{display:flex;align-items:center;gap:1rem;}
.vision-wrap .v-goal-list li{padding:2rem 1rem;width:calc((100% - 3rem)/4);border-radius:1rem;background:var(--color159);font-weight:var(--font-weight-semibold);font-size:1.2rem;line-height:1.8rem;letter-spacing:-0.02em;text-align:center;color:var(--color147);box-sizing:border-box;}
.vision-wrap .v-culture-box01{margin:0 0 1rem;padding:2.8rem 1rem;border:1px solid var(--color163);border-radius:1rem;font-weight:var(--font-weight-bold);font-size:2rem;line-height:1;letter-spacing:-0.02em;text-align:center;color:var(--color163);box-sizing:border-box;}
.vision-wrap .v-culture-list{display:flex;align-items:center;gap:1.1rem;}
.vision-wrap .v-culture-list > li{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:4rem 1rem;width:calc((100% - 2.2rem)/3);border:1px solid var(--color40);border-radius:1rem;box-sizing:border-box;}
.vision-wrap .v-culture-list > li .v-culture-p01{font-weight:var(--font-weight-bold);font-size:2rem;line-height:1;letter-spacing:-0.02em;color:var(--color163);}
.vision-wrap .v-culture-list > li .v-culture-p02{font-weight:var(--font-weight-medium);font-size:1.4rem;line-height:1;letter-spacing:-0.02em;color:var(--black04);}

.vision-wrap .v-special-list{display:flex;gap:1rem;text-align:center;}
.vision-wrap .v-special-list > li{width:calc((100% - 3rem)/4);}
.vision-wrap .v-special-list > li > span{display:block;margin:0 0 4.2rem;padding:2.4rem 1rem;border-radius:1rem;background:var(--color147);font-weight:var(--font-weight-bold);font-size:1.6rem;line-height:2.4rem;letter-spacing:-0.02em;color:var(--white100);box-sizing:border-box;}
.vision-wrap .v-special-list > li li{position:relative;padding:2rem 1rem;border-radius:1rem;background:var(--color159);font-weight:var(--font-weight-semibold);font-size:1.2rem;line-height:1.8rem;letter-spacing:-0.02em;color:var(--color147);box-sizing:border-box;}
.vision-wrap .v-special-list > li li:after{content:'';position:absolute;top:-4.2rem;left:calc(50% - 4px);display:inline-block;width:7px;height:3.7rem;background:url(../img/intro/img-vision-arrow@2x.png) no-repeat center/100%;}

@media screen and (max-width:1024.98px){
	.vision-wrap{padding:2.5rem 0 0;}
	.vision-wrap .vision-row-box{align-items:flex-start;gap:5px;padding:0 0 3rem;width:100%;}
	.vision-wrap .vision-title{padding:1rem 0 0;width:auto;min-width:5rem;font-size:1.5rem;line-height:2.1rem;text-align:left;}
	.vision-wrap .vision-box{max-width:unset;width:100%;font-size:1.4rem;line-height:2rem;}
	.vision-wrap .vision-slogan{padding:1.5rem 1rem;border-radius:5px;}
	.vision-wrap .v-injae-tit{margin:0 0 5px;padding:1.5rem 1rem;border-radius:5px;}
	.vision-wrap .v-injae-wrap{flex-direction:column;gap:5px;}
	.vision-wrap .v-injae-wrap li{gap:5px;padding:1rem;width:100%;}
	.vision-wrap .v-injae-wrap li .v-injae-p01{padding:3px 0 0;font-size:1.4rem;}
	.vision-wrap .v-injae-wrap li .v-injae-p02{font-size:1.2rem;}
	.vision-wrap .v-ideology-list{flex-direction:column;gap:5px;}
	.vision-wrap .v-ideology-list > li{width:100%;}
	.vision-wrap .v-ideology-list > li > span{padding:1rem;border-radius:5px;font-size:1.4rem;}
	.vision-wrap .v-ideology-list > li li{margin:0;padding:1rem;border-radius:5px;font-size:1.2rem;}
	.vision-wrap .v-ideology-list > li li:after{display:none;}
	.vision-wrap .v-goal-list{flex-direction:column;gap:5px;}
	.vision-wrap .v-goal-list li{padding:1rem;width:100%;border-radius:5px;}
	.vision-wrap .v-culture-box01{margin:0 0 5px;padding:1rem;border-radius:5px;font-size:1.4rem;line-height:2rem;}
	.vision-wrap .v-culture-list{flex-direction:column;gap:5px;}
	.vision-wrap .v-culture-list > li{gap:5px;padding:1rem;width:100%;border-radius:5px;}
	.vision-wrap .v-culture-list > li .v-culture-p01{font-size:1.4rem;}
	.vision-wrap .v-culture-list > li .v-culture-p02{font-size:1.2rem;}
	.vision-wrap .v-special-list{flex-direction:column;gap:5px;}
	.vision-wrap .v-special-list > li{width:100%;}
	.vision-wrap .v-special-list > li > span{margin:0 0 5px;padding:1rem;border-radius:5px;font-size:1.4rem;}
	.vision-wrap .v-special-list > li li{margin:0;padding:1rem;border-radius:5px;font-size:1.2rem;}
	.vision-wrap .v-special-list > li li:after{display:none;}
}