/* common class */
:root 
{
    --tab:20px;
    --year:28px;
    --year-sub:22px;
    --section-title: 65px;
    --main: #E76203;
    --black: #111;
    --gray:#767676;
}

.body_bottom_text 
{
	display: flex;
    align-items: center;
    flex-direction: column;
    gap: 120px 0;
}

.tab_wrap.year 
{
	display: flex;
	align-items: center;
	gap:0 40px;
}

.tab.year 
{
	font-size: var(--tab);
	padding:10px 24px;
	color: #767676;
	border-radius: 30px;
	cursor:pointer;
}

.tab.year.on 
{
	background: var(--main);
	color: #fff;
}

.ceoYearList 
{
	width: 100%;
    display: flex;
    flex-direction: column;	
    gap: 400px 0;
}

.yearList 
{
	width: 100%;
	display: flex;
	padding: 120px 0;
}

.yearList  .left, .yearList  .right 
{
	width: 50%;
}

.yearList  .left h3 
{
	font-size: var(--section-title);
}

.yearList  .right ul li 
{
	border-top: 1px solid #e5e5ec;
	padding: 48px 40px;
	display: flex;
	flex-direction: column;
	gap: 12px 0;
}

.yearList  .right ul li:last-child 
{
	border-bottom: 1px solid #e5e5ec;
}

.yearList  .left 
{
	position: sticky;
    top: 210px;
    height: 70px;
    left:0;	
}

.yearList  .left.last
{
	position: initial;
} 

.year_number 
{
	font-size: var(--year);
}

.year_work 
{
	font-size: var(--year-sub);
	line-height: 1.5;
	color: #767676;
}

.section.ceoIntroduce .body_image 
{
	justify-content:start;
}

.section.ceoIntroduce .body_image .body_text_wrap 
{
	align-items: start;
	padding-left: 10%;
}

.section.ceoIntroduce .content_body .main_title,
.section.ceoIntroduce .content_body .sub_title 
{
	text-align: left;
}

/* 반응형 구간 */

/* 노트북 & 테블릿 가로 (해상도 1024px ~ 1279px)*/ 
@media all and (max-width:1279px) 
{ 

} 

/* 테블릿 가로 (해상도 768px ~ 1023px)*/ 
@media all and (max-width:1023px) 
{ 
	.body_image { justify-content: center !important; align-items: start !important; padding: 100px 0 !important; height: 800px!important;}
	.section.ceoIntroduce .content_body .body_image::before { right:initial!important; left:50%; transform: translateX(-50%); width: 340px!important; height: 380px!important; }
	.body_text_wrap { align-items: center!important; padding-left:0!important; }
	.section.ceoIntroduce .content_body .main_title, .section.ceoIntroduce .content_body .sub_title { text-align: center; }
} 

/* 모바일 가로 & 테블릿 세로 (해상도 480px ~ 767px)*/ 
@media all and (max-width:767px)
{
	:root 
	{
	    --tab:16px;
	    --year:24px;
	    --year-sub:16px;
	    --main: #E76203;
	    --black: #111;
	    --gray:#767676;	    
	}	
	.yearList { padding: 20px ; flex-direction: column; }
	.yearList .left { position: initial; border-bottom: 4px solid #111; }
	.yearList .left, .yearList .right { width: 100%; }
	.yearList .right ul li { padding: 24px 0; border-top:0; border-bottom: 1px solid #e5e5ec; }
	.year_work { letter-spacing: -1px; }
	
	.section.ceoIntroduce .content_body .body_image::before 
	{
		right: 4% !important;
    	width: 200px !important;
   	 	height: 200px !important;
	}	
	
	.body_image { height: 760px!important;}
}
/* 모바일 세로 (해상도 ~ 479px)*/ 
@media all and (max-width:479px) 
{   
	:root { --section-title: 28px !important; --year:20px;}
	.yearList .left { height: 48px; }
}