@charset "utf-8";

/*CSS Common*/
*{box-sizing: border-box}
body{background-color: var(--color-background-lightest)}

@media screen and (min-width:1281px){
	/*.main{margin-top: 100px}*/
	.inner{padding: 0}
}

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

}

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

}
/*CSS Common*/

/*sec-brand-introduce:브랜드 소개*/
.brand-introduce-wrap{display: flex; justify-content: space-between; align-items: center}
.introduce-left-txt1{line-height: 1}
.introduce-left-txt2{line-height: 170%}

@media screen and (min-width:1281px){
	.sec-brand-introduce{padding: 12.5rem 1rem 6.13rem}
	.introduce-left-txt1{font-size: 2.13rem; margin: 2.75rem 0 2rem}
	.introduce-left-txt2{white-space: pre-line; font-size: 1.25rem}
}

@media screen and (max-width:1280px){
	.sec-brand-introduce{padding: 7rem 3vw}
	.brand-introduce-wrap{flex-direction: column; gap: 3.34rem}
	.introduce-left{text-align: center}
	.introduce-left-txt1{font-size: 2.13rem; margin: 2.75rem 0 1rem}
	.introduce-left-txt2{white-space: pre-line; font-size: 15px}
	
	.introduce-right{width: 100%}
	.introduce-right img{width: inherit}

}

@media screen and (max-width:767px){
	.introduce-left-txt2{white-space: normal}
}
/*sec-brand-introduce:브랜드 소개*/

/*sec-brand-story:브랜드 스토리*/
.brand-story-wrap{display: flex; justify-content: space-between; align-items: center}
.story-right-title{font-family: "Montserrat", serif; position: relative; display: inline-block}
.story-right-title::after{position: absolute; content:''; background-image: url("/image/main/bestItem_after.png"); background-size: contain; background-repeat: no-repeat}
.story-right-txt{line-height: 170%; color: var(--color-text-2)}
.story-right-txt-1{display: inline-block}

@media screen and (min-width:1281px){
	.sec-brand-story{padding: 0 1rem 0}
	.story-right-title{white-space: pre-line; font-size: 3.75rem; margin-bottom: 4rem}
	.story-right-title::after{right: -20px; bottom: 14px; width: 12px; height: 12px}
	.story-right-txt{white-space: pre-line; font-size: 1.13rem}
	.story-right-txt-1{margin-bottom: 2.19rem}
}

@media screen and (max-width:1280px){	
	.sec-brand-story{padding: 0 3vw 0}
	.brand-story-wrap{align-items: center; flex-direction: column-reverse; gap:3.34rem}
	.story-right{text-align: center}
	.story-right-title{font-size: 2rem; margin-bottom: 2rem}
	.story-right-title::after{right: -15px; bottom: 5px; width: 8px; height: 8px}
	.story-right-txt{white-space: pre-line; font-size: 15px}
	.story-right-txt-1{margin-bottom: 1.5rem}
}

@media screen and (max-width:767px){
	.story-left{width: 100%}
	.story-left img{width: inherit}
	.story-right-txt{white-space: normal}
}

@media screen and (max-width:421px){
	.story-right-title::after{display: none}
}
/*sec-brand-story:브랜드 스토리*/

/*sec-brand-philosophy:브랜드 철학*/
.philosophy-bg{display: flex; justify-content: space-between; position: relative}
.philosophy-bg img{position: absolute}
.philosophy-left-title{text-align: center}

.philosophy-left{z-index: 1}

.philosophy-right{color: var(--color-text-2); z-index: 1}
.philosophy-right-txt{line-height: 170%}
.philosophy-right-txt1, .philosophy-right-txt2{display: inline-block}
.philosophy-right-txt-line{text-decoration: underline}

@media screen and (min-width:1281px){
	.sec-brand-philosophy{padding: 12.5rem 1rem 17.5rem}
	.philosophy-bg img{top: -130px; left: 40%; transform: translateX(-40%)}
	.philosophy-left-title{white-space: pre-line; font-size: 3.38rem}
	
	.philosophy-right{white-space: pre-line; font-size: 1.13rem; margin-top: 11.75rem}
	.philosophy-right-txt1{font-size: 1.25rem; margin: 2.19rem 0}
	.philosophy-right-txt2{margin: 0 0 2.19rem}
}

@media screen and (max-width:1280px){
	.sec-brand-philosophy{padding: 7rem 3vw 7rem}
	.philosophy-bg{flex-direction: column; align-items: center}
	.philosophy-bg img{top: -110px; left: 50%; transform: translateX(-50%); min-width: 50%; width: 50%; aspect-ratio: 1 / 1}
	
	.philosophy-left{margin-bottom: 2rem}
	.philosophy-left-title{white-space: pre-line; font-size: 2rem}
	
	.philosophy-right{white-space: pre-line}
	.philosophy-right-txt{text-align: center; font-size: 15px}
	.philosophy-right-txt1{margin: 1.5rem 0}
	.philosophy-right-txt2{margin: 0 0 1.5rem}
}

@media screen and (max-width:767px){
	.philosophy-bg img{top: -50px}
}

@media screen and (max-width:500px){
	.philosophy-right{white-space: normal}
}

/*sec-brand-philosophy:브랜드 철학*/

/*sec-brand-bg1:브랜드 배경이미지1*/
.brand-bg1 img{width: 100%; display: block; object-fit: cover}
/*sec-brand-bg1:브랜드 배경이미지1*/

/*sec-brand-technical:브랜드 기술력*/
.brand-technical-wrap{display: flex; justify-content: space-between; align-items: center}
.technical-right-title{font-family: "Montserrat", serif}
.technical-right-title-after{position: relative}
.technical-right-title-after::after{position: absolute; content:''; background-image: url("/image/main/bestItem_after.png"); background-size: contain; background-repeat: no-repeat}
.technical-right-txt{line-height: 170%; color: var(--color-text-2)}
.technical-right-txt-1{display: inline-block}

@media screen and (min-width:1281px){
	.brand-technical-wrap{gap: 1.88rem}
	.sec-brand-technical{padding: 12.5rem 1rem 3.13rem}
	
	.technical-left{flex: 1}
	
	.technical-right{flex: 1}
	.technical-right-title{white-space: pre-line; font-size: 3.75rem; margin-bottom: 4.06rem}
	.technical-right-title-after::after{right: -25px; bottom: 12px; width: 12px; height: 12px}
	.technical-right-txt{white-space: pre-line; font-size: 1.13rem}
	.technical-right-txt-1{margin: 1.2rem 0}
}
@media screen and (max-width:1280px){
	.brand-technical-wrap{flex-direction: column-reverse; gap: 3.34rem}
	.sec-brand-technical{padding: 7rem 3vw}
	
	.technical-right{text-align: center}
	.technical-right-title{font-size: 2rem; margin-bottom: 2rem}
	.technical-right-txt{white-space: pre-line; font-size: 15px}
	.technical-right-title-after::after{width: 10px; height: 10px; right: -20px; bottom: 5px}
	.technical-right-txt-1{margin: 1.2rem}
}

@media screen and (max-width:767px){
	.technical-left{width: 100%}
	.technical-left img{width: inherit}
}

@media screen and (max-width:500px){
	.technical-right-txt{white-space: normal}
	.technical-right-txt-1{margin: 0; display:block}
}
/*sec-brand-technical:브랜드 기술력*/

/*sec-brand-bg2:브랜드 배경이미지2*/
.brand-solultion-wrap{text-align: center}
.brand-bg2 img{width: 100%; display: block; object-fit: cover}
.solultion-txt{color: var(--color-text-2); line-height: 170%}

.solultion-content{max-width: 860px}
.solultion-content-list{display: flex; justify-content: center; position: relative}
.solultion-content-list:before{content: ''; background: #f5f5f5; position: absolute; z-index: -1}
.solultion-content-item{padding: 50px 0; position: relative}
.solultion-content-item:before{content: ''; width: 14px; height: 14px; border-radius: 50%; position: absolute; top: 0}
.solultion-content-item:nth-child(1) .solultion-content-item-title{color: #FF6590}
.solultion-content-item:nth-child(1):before{background-color: #FF6590}
.solultion-content-item:nth-child(2) .solultion-content-item-title{color: #557EBF}
.solultion-content-item:nth-child(2):before{background-color: #557EBF}
.solultion-content-item:nth-child(3) .solultion-content-item-title{color: #FF9D00}
.solultion-content-item:nth-child(3):before{background-color: #FF9D00}

.solultion-content-item-title{font-size: 1.5rem; font-weight: 600; margin-bottom: 0.94rem}
.solultion-content-itme-txt{color: var(--color-text-8)}

@media screen and (min-width:1281px){
	.sec-brand-solution{padding: 13.44rem 1rem}
	.solultion-title{white-space: pre-line; font-size: 3.38rem; margin-bottom: 3.94rem}
	.solultion-txt{white-space: pre-line; font-size: 1.13rem}
	
	.solultion-content{margin: 100px auto 0}
	.solultion-content-list:before{width: 100%; height: 5px; top: 5px}
	.solultion-content-item{width: calc(100% / 3)}
	.solultion-content-itme-txt{font-size: 1.13rem}
}

@media screen and (max-width:1280px){
	.sec-brand-solution{padding: 7rem 3vw}
	.solultion-title{white-space: pre-line; font-size: 2rem; margin-bottom: 2rem}
	.solultion-txt{white-space: pre-line; font-size: 15px}
	
	.solultion-content{margin: 5rem auto 0}
	.solultion-content-list:before{width: 100%; height: 5px; top: 5px}
	.solultion-content-item{width: calc(100% / 3)}
	.solultion-content-itme-txt{font-size: 15px}
}

@media screen and (max-width:767px){
	.solultion-txt{white-space: normal}
	
	.solultion-content-list{flex-direction: column; align-items: center}
	.solultion-content-list:before{display: none}
	.solultion-content-item{width: 100%}
}
/*sec-brand-bg2:브랜드 배경이미지2*/