/*============== // 공통 CSS START ~  ==============*/ 
#newsSub {position:relative;}
#newsSub.subTopBanner {}
#newsSub .subTopBImg {width:100%; height:auto;}
.subTopBImg img {width:100%; height:auto;}

.subTopBTbox {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

h1.subTbTitle, .subTbTitle {
    color: #FFF;
    text-align: center;
    font-family: Pretendard;
    font-size: 60px;
    font-weight: 300;
    letter-spacing: -1.8px;
    line-height: 1.35;
}
h2.subTbSTxt, .subTbSTxt {
	color: #FFF;
	text-align: center;
	font-family: Pretendard;
	font-size: 20px;
	font-weight: 500;
	line-height: 1.25;
	letter-spacing: -0.6px;
}
#newsSub h2.subTbSTxt {margin-top:30px;}
.subContInner {
	width:100%;
	max-width:1440px;
	padding:0 20px;
	margin:0 auto;
}
h3.subContTitle {
	color: #2A2A2A;
	font-family: Pretendard;
	font-size: 56px;
	font-weight: 600;
	letter-spacing: -1.68px;
	line-height:1.2;
} 
h4.subContSTitle {
	color: #404040;
	font-family: Pretendard;
	font-size: 21px;
	font-weight: 600;
	line-height: 180.952%;
	letter-spacing: -0.63px;
	word-break:keep-all;
}

.textEffect {overflow:hidden;}


@media (max-width:768px) {
	.subContInner {padding: 0 7.81vw;}
	h1.subTbTitle, .subTbTitle {
		font-size: 10.42vw;
		letter-spacing: -0.024em;
		line-height: 1.3;
	}
	h2.subTbSTxt, .subTbSTxt {	
		font-size: 3.91vw;
		letter-spacing: -0.009em;
		line-height:1.5;
	}
	h3.subContTitle {
		font-size: 7.81vw;
		font-weight: 700;
		letter-spacing: -0.0168em;
		line-height: 1.33;
		text-align: center;
	}
	h4.subContSTitle {
		font-size: 3.91vw;
		font-weight: 500;
		line-height: 1.5;
		text-align: center;
		letter-spacing: -0.09em;
	}
}
/*============== ~ 공통 CSS END // ==============*/ 

#header {
    overflow: hidden;
    z-index: 1;
    position: fixed;
    top: 0;
left:0;
}

.conts {
    max-width: initial;
    margin: 0!important;
}

.mo_only {display:none!important;}

@media (max-width:768px) {
.pc_only {display:none!important;}
.mo_only {display:block!important;}
}


/*=================== +++++ Company +++++ ===================*/

/* ======== // company - CEO START ~ ======== */
#companySub {padding:276px 0 220px;}
#companySub.comCeo {background: url(/user/default/STATIC/limg/sub/company/com_ceoBImg.jpg) no-repeat center / cover;}

.subTopBInner, .subContInner {
	width:100%;
	max-width:1440px;
	padding:0 20px;
	margin:0 auto;
}

.comBtitle {
	color: #FFF;
	font-size: 60px;
	font-weight: 700;
	letter-spacing: -1.8px;
	font-family: Pretendard;
}

.comBTxt {
	color: #FFF;
	font-family: Pretendard;
	font-size: 20px;
	font-weight: 500;
	line-height: 1.65;
	letter-spacing: -0.6px;
	margin-top:35px; 
}

.subContWrap {padding:200px 0 208px; overflow:hidden;}

.halfContWrap {display:flex;}
.halfContL, .halfContR {width:50%;}
.halfContL img {width:78.57%;}

.ceoTitle {
	color: #2A2A2A;
	font-family: Pretendard;
	font-size: 56px;
	font-weight: 600;
	letter-spacing: -1.68px;
}
.ceoSTitle {
	color: #404040;
	font-family: Pretendard;
	font-size: 30px;
	font-weight: 600;
	line-height: 126.667%;
	letter-spacing: -0.9px;
	margin-top:43px;
}
.ceoTxt {
	color: #404040;
	font-family: Pretendard;
	font-size: 21px;
	line-height: 200%;
	letter-spacing: -0.63px;
	margin-top:42px;
	word-break:keep-all;
}

.ceoNBox {
    display: flex;
    margin-top: 60px;
    align-items: center;
}
.ceoName {
	color: #000;
	font-family: Pretendard;
	font-size: 22px;
	font-weight: 500;
	line-height: 127.273%;
	letter-spacing: -0.66px;
	margin-right:16px;
}
.ceoSign {width:120px; height:auto;}


@media (max-width:768px) {
	#companySub {padding: 48.57vw 0 23.18vw;}
	#companySub.comCeo {background:url(/user/default/STATIC/limg/sub/company/com_ceoBImgMo.jpg) no-repeat center / cover;}
	.comBtitle {font-size: 10.42vw; letter-spacing: -0.024em; text-align:center;}
	.comBTxt {font-size: 3.91vw; line-height: 1.5; letter-spacing: -0.006em;  margin-top: 4.95vw;  text-align: center;}
	.subContWrap {padding: 13.02vw 0 16.93vw; }
	
	.halfContWrap {display: flex; flex-direction: column;}
	.halfContL, .halfContR {width: 100%;}
	.halfContL {display: flex; justify-content: center; align-items: center;}
	.halfContR {margin-top:17.58vw;}

	.ceoTitle {font-size: 7.81vw; letter-spacing: -0.018em;}
	.ceoSTitle {font-size: 3.91vw; letter-spacing: -0.09em; margin-top: 9.51vw;}
	.ceoTxt {font-size: 3.65vw; line-height: 1.6; letter-spacing: -0.014em; margin-top: 4.56vw;}
	.ceoName {font-size: 5.21vw; line-height: 112.5%; letter-spacing: -0.012em; margin-right: 0.65vw;}
	.ceoSign {width: 21.22vw;}	
}


/* ======== // company - History START ~ ======== */

#companySub.comhis {
	padding-bottom:160px;
	background:url(/user/default/STATIC/limg/sub/company/com_hisBImg.jpg) no-repeat center / cover;
}
.comSTitle {
	color: #FFF;
	font-family: Pretendard;
	font-size: 30px;
	font-weight: 600;
	line-height: 126.667%;
	letter-spacing: -0.9px;
	margin-top:35px;
}
.comhis .comBTxt {margin-top:25px;}


.hisContWrap {
	padding-top:0;
	overflow:unset;
}
.hisYearCont {
	width:100%;
	position:relative;
}
.hisYearBox {}
.hisYearNum {
	color: #404040;
	text-align: center;
	font-family: Pretendard;
	font-size: 25px;
	font-weight: 600;
	line-height: 152%;
	letter-spacing: -0.75px;
}
.hisYearTXt {
	color: #404040;
	text-align: center;
	font-family: Pretendard;
	font-size: 19px;
	font-weight: 600;
	line-height: 168.421%;
	letter-spacing: -0.57px;
	margin-top:27px;
}

.hisYearBox {width: calc(100%/6); padding-top: 63px; position:relative;}
.hisYearBox::before {
    content: '';
    width: 12px;
    height: 12px;
    border: 1px solid #FCFBF8;
    stroke: #FCFBF8;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%,-4.5px);
    z-index: 11;
    background: #4E933F;
    border-radius: 99%;
    opacity: 0.5;
}
.hisYearCont .subContInner{display:flex;}

.hisYearCont::before {
    content: '';
    width: 0;
    height: 3px;
    background: #4E933F;
    position: absolute;
    left: 0;
    top: 0;
    transition: all 2.4s;
    transition-delay: 0.5s;
}

.hisYearCont.aos-animate::before {width:100%;}

/* AOS 시작 상태 */
[data-aos="fade-up"] {
  opacity: 0.5;
  transform: translateY(20px);
}

/* AOS 애니메이션 완료 상태 */
[data-aos="fade-up"].aos-animate {
  opacity: 1;
  transform: translateY(0);
}


.hisContWrap .subContWrap {
	overflow:unset; padding-bottom:0;
}

.subContInner.hisContBoxGroup {
	margin-top:218px;
}

.hisContBox {
    display: flex;
    justify-content: space-between;
	margin-bottom:0;
}
.hisContBLeft {
    width: 50%;
    padding-bottom: 194px;
}
.hisContBRight {
    width: 36.29%;
    position: relative;
    padding-bottom: 80px;
}
.hisContBTitle {
	color: #000;
	font-family: Pretendard;
	font-size: 42px;
	font-weight: 600;
	letter-spacing: -2.1px;
}
.hisContBTxt {
	color: #404040;
	font-family: Pretendard;
	font-size: 21px;
	line-height: 2;
	letter-spacing: -0.63px;
	margin-top:48px;
}
.hisContBLBox02 {margin-top:194px;}

.hisContBRight img {
    width: 100%;
    height: auto;
    border-radius: 30px;
    position: sticky;
    top: 80px;
}


.hisContBox:last-child .hisContBRight {
	padding-bottom:0;
}



@media (max-width:768px) {
	#companySub.comhis {background:url(/user/default/STATIC/limg/sub/company/com_hisBImgMo.jpg) no-repeat center / cover;}
	
	.subContWrap.hisContWrap {padding-top: 18.23vw;}
	.hisYearCont .subContInner {padding:0 12.50vw;}
	
	.comSTitle {
		font-size: 5.21vw;
		line-height: 112%;
		letter-spacing: -0.012em;
		margin-top: 3.39vw;
		text-align: center;
	}
	.comhis .comBTxt {margin-top:1.56vw;}
	
	.hisYearCont .subContInner {flex-direction: column;}
	
	.hisYearBox {
		width: 100%;
		margin-top: 6.77vw;
		display: flex;
		align-items: flex-start;
		padding-top: 0;
		padding-left: 6.51vw;
	}
	
	.hisYearNum {text-align: left; font-size: 3.91vw; letter-spacing: -0.09em; margin-right: 7.03vw;}
	.hisYearTXt {text-align: left; font-size: 3.65vw; line-height: 135%; letter-spacing: -0.084em; margin-top: 0;}
	
	.hisYearBox:nth-child(1) {margin-top:2vw;}
	.hisYearBox::before {width: 6px; height: 6px; left: 0; top: 9px; opacity: 1; transform: unset;}
	
	.hisYearCont::before {
		content: '';
		width: 0.39vw;
		height:0;
		background: #4E933F;
		position: absolute;
		left: 12.50vw;
		top: 0;
		transition: all 2.4s;
		transition-delay: 0.5s;
		transform: translateX(150%);
	}
	.hisYearCont.aos-animate::before {width:0.39vw; height:100%;}
	
	.hisContBox {flex-direction: column-reverse;}
	.hisContBLeft {width: 100%; padding-bottom: 18.23vw;}
	.hisContBTitle {font-size: 5.21vw; letter-spacing: -0.016em; TEXT-ALIGN: CENTER; line-height: 1.25;}
	.hisContBTxt {font-size: 3.65vw; line-height: 1.53; letter-spacing: -0.014em; margin-top: 9.11vw; text-align: center; word-break: keep-all;}	
	
	.hisContBRight {
		width: 100%;
		position: relative;
		padding-bottom: 18.23vw;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.hisContBRight img {width: 78.4%; border-radius: 3.91vw; position: unset; top: unset;}
	
	.hisContBLBox02 {margin-top: 18.23vw;}
	.hisContBox:nth-child(3) .hisContBLeft {padding-bottom:0; padding-top:18.23vw;}
}



/* ======== // company - Company Story START ~ ======== */

#companySub.comStory {background: url(/user/default/STATIC/limg/sub/company/com_storyBImg.jpg) no-repeat center / cover;}
#storyCont.subContWrap {overflow:unset;}

.ScrollImgBox {will-change: clip-path, transform, opacity; width:100%;}
.ScrollImgBox img {width:100%; height:auto;}
#storyCont .ScrollImgBox {margin-top:83px;}

.storyYearCont {display: flex; margin-top: 135px; justify-content: space-between;}
.storyYearL {position: relative;}
.storyYearL .ceoTitle {position:sticky;  top:50px;}
.storyYearL .ceoTitle {line-height:1.2;}
.storyYearR {width:51.57%;}
.storyYearBox {
    display: flex;
    gap: 115px;
    justify-content: flex-start;
    position: relative;
    align-items: flex-start;
	margin-top:120px;
}

.storyYearBox:first-child {margin-top:0;}
.yearT {
    color: #000;
    font-family: Pretendard;
    font-size: 50px;
    font-weight: 600;
    letter-spacing: -2.5px;
    position: sticky;
    top: 50px;
    word-break: keep-all;
    line-height: 1;
}
.yearCTBox:nth-child(n+2) {margin-top:32px;}
.yearCTBox {
	display:flex; 
	gap:20px;
	color: #404040;
	font-family: Pretendard;
	font-size: 21px;
	line-height:  1.4;
	letter-spacing: -0.63px;
}

.yearCImg {width: 100%; height: auto; margin-top: 20px;}
.yearCImg img { width: 100%; height: auto;}

@media (max-width:768px) {
	#companySub.comStory {background: url(/user/default/STATIC/limg/sub/company/com_storyBImgMo.jpg) no-repeat center / cover;}
	#storyCont.subContWrap {overflow: unset; padding: 26.04vw 0 16.93vw;}
	#storyCont .ceoTitle, #storyCont .ceoSTitle {text-align:center;}
	
	#storyCont .ScrollImgBox {margin-top: 24.48vw;}
	
	.storyYearCont {margin-top: 18.23vw; justify-content: space-between; flex-direction: column;}
	.storyYearL .ceoTitle {position: unset; text-align: center;}
	.storyYearL {position: relative; margin-bottom: 18.62vw;}
	
	.storyYearR {width: auto;}
	.yearT {font-size: 5.21vw; letter-spacing: -0.02em; top: 19.53vw;}
	
	.storyYearBox {gap: 7.29vw; margin-top: 11.72vw;}
	.yearCTBox {gap: 1.95vw; font-size: 3.39vw; line-height: 1.6; letter-spacing: -0.078em;}
	
	.monthT {word-break: keep-all;}
	.yearCTBox:nth-child(n+2) {margin-top: 4.56vw;}
}



/* ======== // company - Special START ~ ======== */

#companySub.comSpecial {background: url(/user/default/STATIC/limg/sub/company/com_speImg.jpg) no-repeat center / cover;}

#specialCont {padding: 0;}

.spCont01 {padding:134px 0;}
.spCont01Box {display: flex; justify-content: space-between;}



.spCont01_videoBox { width: 100%; aspect-ratio: 16 / 9; overflow: hidden; background: #000; }
.spCont01_video { display: block; width: 100%; height: 100%; object-fit: cover; pointer-events: none; }
.spCont01_video::-webkit-media-controls { display: none !important; } 





.spCont01Box:nth-child(n+2) {margin-top:138px;}
.spCont01BoxL {width:45.71%;}
.spCont01Title {
	color: #000;
	font-family: Pretendard;
	font-size: 45px;
	font-weight: 600;
	letter-spacing: -2.25px;
}
.spCont01Title span {color:#4E933F;}




.spCont01Txt {
	color: #404040;
	font-family: Pretendard;
	font-size: 21px;
	line-height: 2;
	letter-spacing: -0.63px;
	margin-top:44px;
	word-break: keep-all;
}
.spCont01BoxR {width: 42.5%;}
.spCont01BoxR img {width: 100%;}
.spCont02 {padding-top:218px;}
.spCont02 .spCont01Title {line-height:1.3;}
.spCont02Box {margin-top:88px;}
.spNumList {position:relative;}
.spNumList::before {
    content: '';
    width: 2px;
    height: 0%;
    background: #4E933F;
    position: absolute;
    left: 0;
    top: 40px;
    left: 40px;
    transform: translateX(-1px);
    z-index: -1;
	transition:all 3s ease-in-out;
}

.spNumList.aos-animate::before {height: 90%;}
.spNumList li {
    display: flex;
    gap: 125px;
    align-items: center;
}
.spNumBox {
    width: 80px;
    height: 80px;
    aspect-ratio: 1/1;
    background: #4E933F;
    border-radius: 99%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.spNum {
	color: #FFF;
	font-family: Pretendard;
	font-size: 38px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	letter-spacing: -1.9px;
}
.spNmTxt {width: 100%;}
.spNmTxt p {
    color: #000;
    font-family: Pretendard;
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -1.6px;
    padding: 55px  0;
    width: 100%;
    border-bottom: 1px solid #E9E9E9;
}


.spCont03 {padding-top:218px;}
.spCont03List {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
	gap:46px;
}
.spCont03List li {
	width:calc(100%/4 - 36px);
}
.spCont03ListT {
    border-radius: 100px;
    background: #4E933F;
    padding: 11px 31px;
    color: #FFF;
    text-align: center;
    font-family: Pretendard;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.66px;
    display: inline-block;
    margin-bottom:53px;
    word-break:keep-all;
}

.spCont03ListImg {
    width: 100%;
    height: auto;
	box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
}


.spCont04 {
	padding:218px 0;
}


ul.spStepList {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
    gap: 104px;
	margin-top:94px;
}


ul.spStepList li {width:calc(100%/4 - 78px); position:relative;}
ul.spStepList li img {width:100%;}
ul.spStepList li::before {
    content: '';
    width: 27px;
    height: 36px;
    background: url(../limg/sub/company/com_spStepArrow.jpg) no-repeat center / cover;
    position: absolute;
    top: 50%;
    transform: translateY(-50%) translateX(0%);
    left: unset;
    right: -25%;
}

ul.spStepList li:nth-child(5)::before,
ul.spStepList li:nth-child(6)::before
ul.spStepList li:nth-child(7)::before {
    transform: translateY(-50%) translateX(0%) rotateY(180deg);
}


ul.spStepList li:nth-child(8)::before {
display:none;
}


ul.spStepList li:nth-child(4)::before {
    top: unset;
    bottom: 0;
    transform: translate(-50%, 200%) rotate(90deg);
    right: unset;
    left: 50%;
}

ul.spStepList li:nth-child(5)::after {
    content: '';
    width: 27px;
    height: 36px;
    background: url(../limg/sub/company/com_spStepArrow.jpg) no-repeat center / cover;
    position: absolute;
   top: unset;
    bottom: 0;
   transform: translate(-50%, 200%) rotate(90deg);
    right: unset;
left: 50%;

}




ul.spStepList li:last-child::before {display:none;}


@media (max-width:768px) {
	#companySub.comSpecial {background: url(/user/default/STATIC/limg/sub/company/com_speImgMo.jpg) no-repeat center / cover;}
	.spCont01 {padding: 17.19vw 0 0; background: unset;}
	.spCont01Box {display: flex; justify-content: space-between; flex-direction: column-reverse;}
	.spCont01BoxR {width: 100%;}
	.spCont01BoxL {width: 100%;}
	.spCont01Title {
		font-size: 6.25vw;
		letter-spacing: -0.016em;
		text-align: center;
		margin-top: 17.19vw;
	}
	
	.spCont01Txt {
		font-size: 3.65vw;
		line-height: 1.53;
		letter-spacing: -0.0196em;
		margin-top: 9.51vw;
		text-align: center;
	}
	
    
     .spCont01_video { object-fit: contain; pointer-events: auto; } 
    
	.spCont01Box:nth-child(n+2) {margin-top: 18.23vw;}
	
	
	.spCont02 {padding-top: 24.48vw;}
	.spCont02 .spCont01Title {margin-top: 0; font-size: 5.21vw;}
	.spCont02Box {margin-top: 17.19vw;}
	
	.spNumBox {width: 6.25vw; height: 6.25vw;}
	.spNmTxt p {
		font-size: 3.91vw;
		line-height: 1.16;
		letter-spacing: -0.009em;
		padding: 5.08vw 0;
		width: 100%;
		border-bottom: 1px solid #E9E9E9;
	}
	.spNum {font-size: 3.26vw; letter-spacing: 0;}
	
	.spNumList li {display: flex; gap: 6.38vw; align-items: center;}
	.spNumList::before {width: 0.26vw; left: 0; top: 5%; left: 3vw; transform: translateX(-1px);}
	.spCont03 {padding-top: 24.48vw;}
	
	.spCont03List li {width: calc(100%/3 - 2vw); position: relative;}
	.spCont03List {
		align-items: flex-end;
		justify-content: space-around;
		gap: 2.99vw 2vw;
		flex-wrap: wrap;
		position: relative;
		padding-top:13.02vw;
	}
	
	.spCont03ListT {
		padding: 1.30vw 4.82vw;
		font-size: 4.56vw;
		letter-spacing: -0.0105em;
		margin-bottom: 0;
		position: absolute;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
	}
	
	
	.spCont03List.mo_only{display:flex!important;} 
	.spCont03List:nth-child(2) {margin-top:12.63vw}
	
	.spCont04 {padding: 24.48vw 0 17.32vw; text-align: center;}
	
	.spCont04 .ceoSTitle {margin-top: 4.56vw;}
	ul.spStepList {
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		justify-content: flex-start;
		gap: 7.55vw;
		margin-top: 16.93vw;
	}
	
	ul.spStepList li {
		width: calc(100%/2 - 3.78vw);
		position: relative;
	}
	
ul.spStepList li::before {
    content: '';
    width: 3.64vw;
    height: 5.51vw;
    top: 50%;
    right: -14%;
}
	
	ul.spStepList li:nth-child(2n)::before {display:none;}
ul.spStepList li:nth-child(5)::after {display:none;}

}


/*=================== +++++ NEWS +++++ ===================*/




/* ======== // FAQ start ======== */

.accodionBox { width: 100%; }
.accodionBox .qBox {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
}

.accodionBox .active, .qBox:hover {
  background-color: #ccc;
}

.accodionBox .qBox:after {
  content: '�02B';
  color: #777;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.accodionBox .active:after {
  content: "2212";
}

.accodionBox .answerBox {
  display:none;
  padding: 0 18px;
  background-color: #fff;
}







@media (max-width:768px) { }









/* ======== // FAQ end ======== */






/* ======== // NEWS - 실버원정대 START ~ ======== */
/* ======== ~ NEWS - 실버원정대 END // ======== */