@charset "utf-8";

:root{
	--contentTop: 0;
}

/* 연혁 */
.history-wrap .history-img-area .history-img-wrap .history-img-box{position:relative;margin:5.5rem 0 0;}
.history-wrap .history-img-area .history-img-wrap .history-img-box .history-img-list{position:relative;left:0;top:0;border-radius:5px;overflow:hidden;}
.history-wrap .history-img-area .history-img-wrap .history-img-box .history-img-list:before{content:'';position:absolute;top:0;left:0;z-index:10;width:100%;height:100%;background:url(../../kor/img/intro/bg-history-dimmed.png) no-repeat center center/cover;}
.history-wrap .history-img-area .history-img-wrap .history-img-box .history-img-list > .thumb{padding-bottom:78.833%;}
.history-wrap .history-img-area .history-img-wrap .history-img-box .history-img-list > .thumb-txt{position:absolute;top:0;right:0;z-index:10;padding:3rem 3rem;font-size:4rem;line-height:6rem;color:var(--white100);font-weight:var(--font-weight-medium);box-sizing:border-box;}
.history-wrap .history-img-area .history-img-wrap .history-img-box .history-img-list ~ div{position:absolute;left:0;top:0;width:100%;opacity:0;transition:all 0.5s ease-in-out;}
.history-wrap .history-img-area .history-img-wrap .history-img-box .history-img-list ~ div > .thumb{opacity:1;transition:all 0.5s ease-in-out;}
.history-wrap .history-img-area .history-img-wrap .history-img-box .history-img-list ~ div.active{z-index:10;opacity:1;}
.history-wrap .history-content-area{position:relative;padding:0 0 0 5rem;width:50%;box-sizing:border-box;}
.history-wrap .history-content-area > li{display:flex;position:relative;padding-bottom:10rem;}
.history-wrap .history-content-area > li:last-of-type{padding:0;}
.history-wrap .history-content-area > li > p{position:relative;min-width:6rem;font-size:3rem;line-height:3.6rem;color:var(--color04);font-weight:var(--font-weight-medium);}
.history-wrap .history-content-area > li > p:after{content:'';position:absolute;top:2rem;left:-5rem;z-index:10;border:2px solid var(--color17);border-radius:50%;width:1.7rem;height:1.7rem;background:var(--white100);transform:translate(-50%, -50%);box-sizing:border-box;}
.history-wrap .history-content-area > li.active > p{color:var(--color01);}
.history-wrap .history-content-area > li.active > p:after{border-color:var(--color01);}
.history-wrap .history-content-area .year-list{margin:1.4rem 0 0 4rem;width:calc(100% - 6rem);box-sizing:border-box;}
.history-wrap .history-content-area .year-list > li{display:flex;gap:3rem;}
.history-wrap .history-content-area .year-list > li + li{padding:1.4rem 0 0;}
.history-wrap .history-content-area .year-list > li > span{min-width:5rem;font-size:1.6rem;line-height:2.2rem;color:var(--black100);font-weight:var(--font-weight-semibold);letter-spacing:-0.025em;text-align:right;}
.history-wrap .history-content-area .year-list > li > div{width:calc(100% - 5rem);}
.history-wrap .history-content-area .year-list > li > div > ul > li{position:relative;margin:0 0 1.3rem;padding:0 0 0 1.1rem;font-size:1.5rem;line-height:2.4rem;color:var(--black03);font-weight:var(--font-weight-semibold);}
.history-wrap .history-content-area .year-list > li > div > ul > li:last-of-type{margin-bottom:0;}
.history-wrap .history-content-area .year-list > li > div > ul > li:before{content:'';position:absolute;top:1rem;left:0;width:3px;height:3px;border-radius:50%;background-color:var(--black03);}
.history-wrap .history-content-area .year-list > li > div > ul > li:only-child{margin:0;padding:0;font-size:1.6rem;line-height:2.2rem;}
.history-wrap .history-content-area .year-list > li > div > ul > li:only-child:before{display:none;}

@media screen and (min-width:769px){
	/* 연혁 */
	.history-wrap .history-img-area .history-img-wrap{position:relative;width:100%;}
	.history-wrap .history-img-area .history-img-wrap.fixed{position:sticky;top:var(--contentTop);}
}
@media screen and (max-width:768px){
	/* 연혁 */
	.history-wrap .history-img-area{background:var(--white100);}
	.history-wrap .history-img-area .history-img-wrap .history-img-box{margin:2rem 0 0;}
	.history-wrap .history-content-area{padding:0 0 0 2rem;width:100%;}
	.history-wrap .history-content-area > li{padding:0 0 3rem;}
	.history-wrap .history-content-area > li > p{font-size:2.2rem;}
	.history-wrap .history-content-area > li > p:after{left:-1rem;width:1rem;height:1rem;}
	.history-wrap .history-content-area .year-list{margin:1.2rem 0 0 1.8rem;}
	.history-wrap .history-content-area .year-list > li{gap:2rem;}
	.history-wrap .history-content-area .year-list > li + li{padding:1rem 0 0;}
	.history-wrap .history-content-area .year-list > li > div > ul > li{font-size:1.4rem;line-height:2rem;}
	.history-wrap .history-content-area .year-list > li > div > ul > li:only-child{font-size:1.5rem;line-height:2.1rem;}
}