/*--------------- 오버뷰 섹션--------------*/
.overview-wrap{padding-top:var(--gap-140); position:relative;}
.overview-wrap > .inner-wrap{width:calc(100% - var(--layout-flax-margin)); max-width:var(--layout-width); margin:0 auto; display:flex; flex-wrap: wrap; justify-content: space-between; position:relative; z-index: 1;}
.overview-wrap > .inner-wrap .image-wrap{position:relative; width:640px; height: 0; transform-origin: top center; overflow: hidden; z-index: 1; transition:all 1s ease-in-out;}
.overview-wrap > .inner-wrap .image-wrap > img{position:absolute; top:0; left:50%; transform: translate(-50%,0);}
.overview-wrap > .inner-wrap .image-wrap.active{height: 379px;}
.overview-wrap > .background-wrap{position:absolute; width:0; height: calc(100% - var(--gap-140)); left:0; top:calc(15% + var(--gap-140)); background-color:#ECEDF1; z-index: 0; transition:all 1s ease-in-out;}
.overview-wrap > .background-wrap.active{width:100%;}
.overview-wrap .contents-wrap{display:flex; flex-wrap:wrap; justify-content: space-between; align-items: flex-end; padding-bottom:var(--gap-140); width:100%;}
.overview-wrap .contents-wrap .text-wrap{width:calc(50% - 40px); max-width:640px; margin-top:var(--gap-80); width:100%;}
.overview-wrap .contents-wrap .text-wrap .tlt{font-size:var(--font-size-xxlarge); font-weight: 800;}
.overview-wrap .contents-wrap .text-wrap .cont{font-size:var(--font-size-medium); color:var(--color-font); margin-top:var(--gap-20); line-height: 135%;}
.overview-wrap .contents-wrap .strength-wrap{width:calc(50% - 40px); max-width:520px; display:flex; flex-wrap:wrap; gap:40px;}
.overview-wrap .contents-wrap .strength-wrap > li{background-color:#fff; border-radius: 10px; text-align: center; padding:30px; width:calc(50% - 20px); box-sizing: border-box;}


@media only screen and (max-width:1250px){
	.overview-wrap .contents-wrap .strength-wrap{width:100%; max-width:640px; margin-top:var(--gap-80);}
}

@media only screen and (max-width:640px){
	.overview-wrap .contents-wrap .strength-wrap{gap:20px;}
}

@media only screen and (max-width:425px){
	.overview-wrap > .inner-wrap .image-wrap.active{height: 279px;}
	.overview-wrap > .background-wrap{top:calc(10% + var(--gap-140));}
}

/*--------------- 핵심가치 섹션--------------*/
.coreValues-wrap{background-color:#000; width:100%; padding:var(--gap-140) 0; position:relative; overflow: hidden; background-size:auto calc(200%); background-position:center;}
.coreValues-wrap > .inner-wrap{width:calc(100% - var(--layout-flax-margin)); max-width:var(--layout-width); margin:0 auto; position:relative; z-index: 1;}
.coreValues-wrap .title-wrap .tlt{font-size:var(--font-size-xxlarge); font-weight: 800; color:#fff; text-align: center;}
.coreValues-wrap .title-wrap .stlt{font-size:var(--font-size-medium); font-weight: 400; color:#fff; text-align: center; margin-top:20px;}
.coreValues-wrap .contents-wrap{display:flex; flex-wrap:wrap; justify-content: space-between; gap:40px; margin-top:var(--gap-100);}
.coreValues-wrap .contents-wrap > .inner-content{width:calc(25% - 30px); max-width:175px;}
.coreValues-wrap .contents-wrap > .inner-content > .image-wrap{background-color:rgba(0,0,0, 0.5); width:72px; height: 72px; display:flex; align-items: center; justify-content: center; border-radius: 50%; margin:0 auto;}
.coreValues-wrap .contents-wrap > .inner-content > .tlt{color:#fff; text-align: center; margin-top:20px; font-size:var(--font-size-large); font-weight: 500;}
.coreValues-wrap .contents-wrap > .inner-content > .cont{color:#fff; text-align: left; margin-top:20px; width:100%; font-size:var(--font-size-medium);}

@media only screen and (max-width:768px){
	.coreValues-wrap .contents-wrap > .inner-content{width:calc(50% - 20px); max-width:none;}
}




/*--------------- 팀원소개 섹션--------------*/
.teamIntro-wrap{width:100%; padding:var(--gap-140) 0;}
.teamIntro-wrap > .inner-wrap{width:calc(100% - var(--layout-flax-margin)); max-width:var(--layout-width); margin:0 auto;}
.teamIntro-wrap > .inner-wrap > .title-wrap > .tlt{font-size:var(--font-size-xxlarge); font-weight: 800; text-align: center;}
.teamIntro-wrap > .inner-wrap > .title-wrap > .stlt{font-size:var(--font-size-medium); font-weight: 400; color:var(--color-font); text-align: center; margin-top:20px;}
.teamIntro-wrap button{width:50px; height: 50px; display:flex; align-items: center; justify-content: center; background-color:#fff; transition:all .5s; border:1px solid var(--color-border);}
.teamIntro-wrap button:hover{ box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2); -o-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);}
.teamIntro-wrap button path{fill:#ECEDF1;}
.teamIntro-wrap button.active path{fill:#000;}
.teamIntro-wrap .contents-wrap{display:flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap:var(--gap-40); margin-top:var(--gap-80);}
.teamIntro-wrap .taem-member-container{width:calc(100% - 100px - var(--gap-80)); overflow: hidden; position:relative;} 
.teamIntro-wrap .taem-member-container .inner-member-container{display:flex; transition:all .5s; transform: translate(0,0);}
.teamIntro-wrap .taem-member-container .inner-member-container > .member-wrap{width:25%; flex-shrink: 0;}
.teamIntro-wrap .taem-member-container .inner-member-container > .member-wrap > .image-wrap{width:100%; background-size:cover; background-position:center; position:relative;}
.teamIntro-wrap .taem-member-container .inner-member-container > .member-wrap > .image-wrap:after{content:""; display:block; clear:both; padding-top:142%;}
.teamIntro-wrap .taem-member-container .image-wrap > .cover{position:absolute; top:0px; left:0px; width:100%; height: 100%; background-color:rgba(183,73,73,0.7); display:flex; align-content: space-between; padding:var(--gap-30); box-sizing: border-box; flex-wrap: wrap; opacity: 0; transition: all .5s;}
.teamIntro-wrap .taem-member-container .image-wrap > .cover > .head-wrap{width:100%;}
.teamIntro-wrap .member-wrap .stick{width:20px; height: 3px; background-color:#fff; margin:0 auto; transition: all .5s; transform:translate(0,-30px); opacity:0;}
.teamIntro-wrap .member-wrap .job{color:#fff; font-size:var(--font-size-normal); text-align: center; margin-top:var(--gap-20); transition: all .5s; transform:translate(0,-30px); opacity:0;}
.teamIntro-wrap .member-wrap .personality{color:#fff; font-size:var(--font-size-normal); text-align: center; transition: all .5s; transform:translate(0,30px); opacity:0; text-align: center; width:100%;}
.teamIntro-wrap .info-wrap{padding:20px 15px; box-sizing: border-box; text-align: center;}
.teamIntro-wrap .info-wrap .stlt{font-size:var(--font-size-normal); color:var(--color-font); margin-bottom:5px;}
.teamIntro-wrap .info-wrap .tlt{font-size:var(--font-size-large); font-weight: 500;}
.teamIntro-wrap .member-wrap:hover .stick{transform:translate(0px,0); opacity:1;}
.teamIntro-wrap .member-wrap:hover .job{transform:translate(0px,0); opacity:1; transition-delay: .3s;}
.teamIntro-wrap .member-wrap:hover .personality{transform:translate(0px,0); opacity:1;}
.teamIntro-wrap .member-wrap:hover .cover{opacity:1;}

@media only screen and (max-width:1024px){
	.teamIntro-wrap .taem-member-container .inner-member-container > .member-wrap{width:33%; flex-shrink: 0;}
}

@media only screen and (max-width:768px){
	.teamIntro-wrap .taem-member-container .inner-member-container > .member-wrap{width:50%; flex-shrink: 0;}
}

@media only screen and (max-width:640px){
	.teamIntro-wrap .taem-member-container{width:100%; overflow-x: scroll;}
	.teamIntro-wrap button{display:none;}
}

/*--------------- 파트너 로고 --------------*/
.partners-wrap{width:100%; padding:var(--gap-140) 0; background-color:#ECEDF1;}
.partners-wrap > .inner-wrap{width:calc(100% - var(--layout-flax-margin)); max-width:var(--layout-width); margin:0 auto;}
.partners-wrap > .inner-wrap > .title-wrap > .tlt{font-size:var(--font-size-xxlarge); font-weight: 800; text-align: center;}
.partners-wrap > .inner-wrap > .title-wrap > .stlt{font-size:var(--font-size-medium); font-weight: 400; color:var(--color-font); text-align: center; margin-top:20px;}
.partners-wrap .contents-wrap{display:flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap:var(--gap-40); margin-top:var(--gap-80); perspective: 1000px;}
.partners-wrap .contents-wrap img{width:10%; max-height: 85px;  opacity:0; transform:rotate3d(1,-1,0,60deg); transform-style: preserve-3d; transition: all 1.5s ease-in-out;}

@media only screen and (max-width:1024px){
	.partners-wrap .contents-wrap img{width:20%;}
}

@media only screen and (max-width:640px){
	.partners-wrap .contents-wrap img{width:25%;}
}

@media only screen and (max-width:425px){
	.partners-wrap .contents-wrap img{width:33%;}
}

/*--------------- 팀원 상세 --------------*/

.employee-detail{background-color:#fff; border:1px solid #d6d6d6; width:100%;  position:fixed; z-index: 52; top:0%; left:50%; transform: translate(-50%,0%); display:none;}
.employee-detail > .inner-wrap{padding:var(--gap-30); box-sizing: border-box; overflow-y: scroll; scrollbar-width: none; -ms-overflow-style: none; height: 100vh; max-width:800px; margin:0 auto; width:100%;}
.employee-detail > .inner-wrap::-webkit-scrollbar { display: none; }
.employee-detail .close-wrap{display:flex; justify-content: flex-end;}
.employee-detail .head-wrap{margin-top:var(--gap-40);}
.employee-detail .head-wrap .stlt{color:var(--color-font); font-size:var(--font-size-normal);}
.employee-detail .head-wrap .tlt{font-size:var(--font-size-xxlarge); font-weight: 800;}
.employee-detail .hr{margin-top:20px; width:100%; height: 1px; background-color:#d6d6d6;}
.employee-detail .personality-wrap{padding:var(--gap-80) 0; text-align: center;}
.employee-detail .personality-wrap > .tlt{font-size:var(--font-size-xlarge); margin-top:5px;}
.employee-detail .history-wrap{margin-bottom:var(--gap-80);}
.employee-detail .history-wrap:last-child{margin-bottom:0;}
.employee-detail .history-wrap > .tlt {font-size:var(--font-size-large);}
.employee-detail .history-wrap > .career > li{font-size:var(--font-size-normal); color:var(--color-font); padding:5px 0;}

/*--------------- 조직도 --------------*/
.org-wrap{width:100%; padding:var(--gap-140) 0;}
.org-wrap > .inner-wrap{width:calc(100% - var(--layout-flax-margin)); max-width:var(--layout-width); margin:0 auto;}
.org-wrap > .inner-wrap > .title-wrap > .tlt{font-size:var(--font-size-xxlarge); font-weight: 800; text-align: center;}
.org-wrap > .inner-wrap > .title-wrap > .stlt{font-size:var(--font-size-medium); font-weight: 400; color:var(--color-font); text-align: center; margin-top:20px;}
.org-wrap > .inner-wrap > img{max-width:100%; margin:var(--gap-140) auto 0 auto; display:block;}


/*--------------- 협력사 --------------*/
.partner-wrap{width:100%; padding:var(--gap-140) 0; background-color:#ECEDF1;}
.partner-wrap > .inner-wrap{width:calc(100% - var(--layout-flax-margin)); max-width:var(--layout-width); margin:0 auto;}
.partner-wrap > .inner-wrap > .title-wrap > .tlt{font-size:var(--font-size-xxlarge); font-weight: 800; text-align: center;}
.partner-wrap > .inner-wrap > .title-wrap > .stlt{font-size:var(--font-size-medium); font-weight: 400; color:var(--color-font); text-align: center; margin-top:20px;}
.partner-wrap .contents-wrap{display:flex;  justify-content: space-between; margin-top:var(--gap-100);}
.partner-wrap .contents-wrap > ul{width:calc(25% - 30px); background-color:#fff; border-radius: 10px; border:1px solid #d6d6d6; padding:30px; box-sizing: border-box;}
.partner-wrap .contents-wrap > ul > li{font-size:var(--font-size-normal); color:var(--color-font); text-align: center; margin-bottom:15px;}
.partner-wrap .contents-wrap > ul > li:first-child{font-size:var(--font-size-large); font-weight: 600; display:flex; align-items: center; gap:10px; justify-content: center; margin-bottom:0px; color:#000;}
.partner-wrap .contents-wrap > ul > li:last-child{margin-bottom:0;}
.partner-wrap .contents-wrap > ul > li.hr{height: 1px; margin:30px 0; background-color:#d6d6d6;}


@media only screen and (max-width:1024px){
	.partner-wrap .contents-wrap > ul{width:calc(25% - 15px);}
}

@media only screen and (max-width:768px){
	.partner-wrap .contents-wrap{flex-wrap: wrap; gap:40px;}
	.partner-wrap .contents-wrap > ul{width:calc(50% - 20px);}
}

@media only screen and (max-width:475px){
	.partner-wrap .contents-wrap{flex-wrap: wrap; gap:20px;}
	.partner-wrap .contents-wrap > ul{width:calc(50% - 10px);}
}