:root 
{
   --section-title: 65px;
   --title-text : 42px;
   --sub-text : 20px;
   --sign: 36px;
   --main: #E76203;
   --black: #111;
   --gray:#767676;
}

.container 
{
	display: flex;
    flex-direction: column;
    align-items: center;
    overflow:hidden;
}

.section 
{
	padding: 210px 0 150px;
	min-height:100vh;
	width: calc((1500 / 1920) * 100%);
	display: flex;
	flex-direction: column;
}

.title_head 
{
	display: flex;
	flex-direction: column;
	gap:24px 0;
}

.location_wrap 
{
	display: flex;
	align-items: center;
	gap: 0 12px;
}

.title 
{
	font-size: var(--section-title);
	color: #111;
	font-weight: 600;
}

.content_body 
{
	margin-top: 100px;
	display: flex;
	flex-direction:column;
	gap: 60px 0;
	
}

.body_image 
{
	width: 100%;
	height: 560px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-color: rgba(0, 0, 0, 0.7);
    background-blend-mode: multiply;
    border-radius: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.body_image .body_text_wrap 
{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;	
    gap: 24px 0;
}

.content_body .main_title 
{
	font-size: var(--title-text);
	color: var(--main);
	text-align:center;
	font-weight: 600;
}

.content_body .sub_title 
{
	font-size: var(--sub-text);
	color: rgba(255,255,255,0.8);
	font-weight: 300;
	text-align: center;
	line-height: 1.5;
} 

.body_image .body_text_wrap .sub_title.first
{
	margin-top: 16px;
}


/* section 이미지 넣는 란 */

/* 회사소개 */
.section.companyIntroduce .content_body .body_image  
{
	background-image:url(../../images/about/companyIntroduce.svg);
}

/* 회사연혁 */
.section.companyYear .content_body .body_image  
{
	background-image:url(../../images/about/companyYear.jpg);
}

/* ceo 인사말 */
.section.ceoIntroduce .content_body .body_image  
{
	background-image:url(../../images/about/ceoIntroduce.svg);
	position: relative;
}

.section.ceoIntroduce .content_body .body_image::before
{
	content: "";
    position: absolute;
    bottom: 0;
    right: 10%;
    width: 24vw;
    height: 28vw;
    background-image: url(../../images/about/ceo.svg);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: cover;
} 


/* EK Global */
.section.businessMain .content_body .body_image  
{
	background-image:url(../../images/business/EK_Global.jpg);
}

/* 맞춤가구 */
.section.furniture .content_body .body_image  
{
	background-image:url(../../images/business/furniture_background.jpg);
}

/*  물류 */
.section.logistics .content_body .body_image  
{
	background-image:url(../../images/business/logistics.jpg);
}

/*  유통 */
.section.distribution .content_body .body_image  
{
	background-image:url(../../images/business/Distribution.jpg);
}

/*  Farm */
.section.farm .content_body .body_image  
{
	background-image:url(../../images/business/farm.svg);
}




/* 반응형 구간 */

/* 노트북 & 테블릿 가로 (해상도 1024px ~ 1279px)*/ 
@media all and (max-width:1279px) 
{ 
	:root 
	{
	   --title-text : 38px;
	   --sub-text : 18px;
	   --sign: 28px;
	}
} 

/* 테블릿 가로 (해상도 768px ~ 1023px)*/ 
@media all and (max-width:1023px) 
{ 
	:root 
	{
	   --section-title: 48px;
	   --title-text : 32px;
	}
	.section { padding: 210px 0 100px; }
	.content_body { margin-top: 60px; }
	.body_image { padding: 0 24px!important; }
	.body_bottom_text { flex-direction: column; gap:40px 0; }
} 

/* 모바일 가로 & 테블릿 세로 (해상도 480px ~ 767px)*/ 
@media all and (max-width:767px)
{
	:root 
	{
	   --section-title: 32px;
	   --title-text : 28px!important;
   	    --section-title2:28px!important;
	    --sub-title:16px!important;
	}	
	.body_image { padding: 100px 24px!important; height: inherit; border-radius: 13px;}
	.titleBlock { display: block; }
	.content_body { gap: 40px 0; }
	.content_body .main_title { line-height: 1.5; }
	.title_wrap button { height: 36px; padding: 8px 20px; font-size: 14px;}
	.sub_title { letter-spacing: -1.5px; }
}
/* 모바일 세로 (해상도 ~ 479px)*/ 
@media all and (max-width:479px) 
{   
	:root 
	{
	   --title-text : 24px;
	   --sign: 20px;
	   --sub-text : 14px;
	}
	.section { padding: 150px 0 60px; }
	.title_wrap { align-items: start;  flex-direction: column; gap: 12px; }
	.body_bottom_text { gap: 24px 0; }
	.content_body .sub_title { letter-spacing: -1px; }
}