@charset "utf-8";

/*CSS Common*/
*{box-sizing: border-box; font-family: 'pretendard'}
body{background-color: var(--color-background-lightest)}
.sec{max-width: 1600px; margin: 0 auto}
h2{font-family: "Playfair Display", serif; font-weight: 400; color: var(--color-text-3); line-height: 100%}
.page-title-inner{display: none}

@media screen and (max-width:320px){
	h2{font-size: 30px}
}

@media screen and (min-width:320px) and (max-width:1280px){
	h2{font-size: 2rem}
}

@media screen and (max-width:1280px){
}

@media screen and (min-width:1281px){
	h2{font-size: 5.13rem}
}
/*CSS Common*/

/*story brand 섹션*/
.sec-story-brand{text-align: center}
.story-brand-wrap h2 > span{font-family: "Playfair Display", serif; font-weight: 400; color: var(--color-primary); line-height: 100%}
.story-brand-wrap > p{line-height: 170%; font-weight: 300}
.story-brand-wrap > p > strong{font-weight: 600}

.story-brand-img{background: url(/image/story/story_brand.png) no-repeat center; background-size: cover}
.story-brand-img-txt p{font-weight: 300; line-height: 170%; color: var(--color-text-1)}
.story-brand-img-txt p strong{font-weight: 600}

@media screen and (min-width:428px) and (max-width:767px){
	.story-brand-wrap p,
	.story-brand-img-txt p{white-space: pre-line}
}

@media screen and (min-width:768px) and (max-width:1280px){
	.story-brand-wrap p,
	.story-brand-img-txt p{white-space: pre-line}
}

@media screen and (max-width:1280px){
	.sec-story-brand{padding: 7.25rem 1rem 0}
	.story-brand-wrap > p{font-size: 15px; margin: 3.31rem 0 6rem}
	.story-brand-img{padding: 3.81rem 0}
	.story-brand-img-txt img{width: 110px; height: 70px}
	.story-brand-img-txt p{font-size: 15px; margin-top: 2.75rem; padding: 0 1rem}
}

@media screen and (min-width:1281px){
	.sec-story-brand{padding:12.5rem 1rem 0}        
	.story-brand-wrap > p{font-size: 1.25rem; margin: 3.32rem 0 6rem; white-space: pre-line}
	.story-brand-img{padding: 6.81rem 0}
	.story-brand-img-txt img{width: 131px; height: 84px}
	.story-brand-img-txt p{font-size: 1.13rem; margin-top: 3.75rem; white-space: pre-line}
}
/*story brand 섹션*/

/*Philosophy 섹션*/
.sec-philosophy{text-align: center}
.philosophy-cont .divider{width: 1px; height: 80px; border-right: 1px solid var(--color-border-3)}
.philosophy-cont p{font-weight: 300; line-height: 170%}
.philosophy-cont p > strong{font-weight: 600}
.philosophy-cont p > strong > span{color: var(--color-primary)}

@media screen and (min-width:428px) and (max-width:767px){
	.philosophy-cont p{white-space: pre-line}
}

@media screen and (min-width:768px) and (max-width:1280px){
	.philosophy-cont p{white-space: pre-line}
}

@media screen and (max-width:1280px){
	.sec-philosophy{padding: 7.25rem 1rem 0}
	.philosophy-cont{margin-top: 2.44rem}
	.philosophy-cont .divider{margin: 2.44rem auto}
	.philosophy-cont p{font-size: 15px}
	.philosophy-cont p:nth-of-type(2){margin-bottom: 2.44rem}
}

@media screen and (min-width:1281px){
	.sec-philosophy{padding: 11.07rem 1rem 0}
	.philosophy-cont{margin-top: 3.75rem}
	.philosophy-cont .divider{margin: 3.13rem auto}
	.philosophy-cont p{font-size: 1.13rem; white-space: pre-line}
	.philosophy-cont p:nth-of-type(2){margin-bottom: 3.13rem}
}
/*Philosophy 섹션*/

/*Vision 섹션*/
.vision-wrap{display: flex; align-items: center}
.vision-left-img img{display: block; width: 100%}
.vision-right-txt p{font-weight: 300; line-height: 170%}

@media screen and (min-width:428px) and (max-width:767px){
	.vision-right-txt p{white-space: pre-line}
}

@media screen and (min-width:768px) and (max-width:1280px){
	.vision-right-txt p{white-space: pre-line}
}

@media screen and (max-width:1280px){
	.sec-vision{padding: 7.25rem 0 0}
	.vision-wrap{flex-direction: column-reverse; padding: 0 1rem}
	.vision-right-txt{text-align: center; width: 100%}
	.vision-right-txt p{margin: 2.44rem 0; font-size: 15px}
}

@media screen and (min-width:1281px){
	.sec-vision{padding: 13.88rem 0 0}
	.vision-wrap{gap: 10rem; padding-right: 1rem}
	.vision-right-txt p{margin-top: 4.69rem; font-size: 1.13rem; white-space: pre-line}
}
/*Vision 섹션*/

/*Mission 섹션*/
.mission-wrap{display: flex; justify-content: flex-end; align-items: center}
.mission-right-img{position: relative}
.mission-right-img > img{display: block; width: 100%}
.mission-right-img-oval{position: absolute; top: 50%; left: -27%; overflow: hidden; border-radius: 200px}
.mission-right-img-oval img{object-fit: cover; display: block}
.mission-left-txt p{line-height: 170%; font-weight: 300}

@media screen and (min-width:428px) and (max-width:767px){
	.mission-left-txt p{white-space: pre-line}
}

@media screen and (min-width:768px) and (max-width:1280px){
	.mission-left-txt p{white-space: pre-line}
}

@media screen and (max-width:1280px){
	.sec-mission{padding: 7.25rem 0 10rem}
	.mission-wrap{flex-direction: column; padding: 0 1rem}
	.mission-left-txt{width: 100%; text-align: center}
	.mission-left-txt p{margin: 2.44rem 0; font-size: 15px}
	.mission-right-img-oval{display: none}
}

@media screen and (min-width:1281px){
	.sec-mission{padding: 12.5rem 0 37.13rem}
	.mission-wrap{padding-left: 10rem}
	.mission-left-txt{flex: 1}
	.mission-left-txt p{margin-top: 4.69rem; font-size: 1.13rem; white-space: pre-line}

}
/*Mission 섹션*/