/* 사업분야 */
.fixed{ position: fixed; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none; }
.sticky-tab{ top: 0; }
.sticky-tab ul li{ width: calc(100% / 4); pointer-events: auto; }
.ptH{ padding-top: calc(var(--headerH) + 70px); }
#scrolldown .sticky{ top: calc(var(--headerH) + 120px); }

.business .flex-box{ display: flex; justify-content: space-between; align-items: center; }
.business .flex-box.reverse{ flex-direction: row-reverse; }
.business .flex-box > div{ width: calc((100% - 100px) / 2); }

.business figure{ width: 100%; position: relative; overflow: hidden; padding-bottom: 79.27%; border-radius: 20px; }
.business figure img{ width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.business .sec-title p{ font-size: 1.8rem; margin-top: 10px; line-height: 1.6666; }
.business .example{ margin-top: 30px; }
.business .example h6{ font-size: 2rem; font-weight: 600; color: #222; margin-bottom: 20px; }
.business .example ul{ display: flex; flex-wrap: wrap; gap: 20px; }
.business .example ul li{ width: calc((100% - 40px) / 3); border: 1px solid #EEE; border-radius: 20px; padding: 20px 25px; }
.business .example ul li span{ display: block; font-family: var(--engFont); font-size: 1.4rem; font-weight: 600; color: #D6D6D6; margin: 15px 0 5px; }
.business .example ul li p{ font-size: 1.8rem; font-weight: 500; color: #333; }

@media screen and (max-height: 800px){
	#sub .business:not(:last-of-type){ padding-bottom: 100px; }
}

@media screen and (max-width: 1880px){
	.section .w1740:not(.common){ padding-right: 30px; }
}

@media screen and (max-width: 1780px){
	.section .w1740:not(.common){ padding-right: 40px; }
	.business br{ display: none; }
}

@media screen and (max-width: 1700px){
	.business .sec-title p{ font-size: 1.7rem; }

	.business .example h6{ font-size: 1.9rem; }
	.business .example ul li{ padding: 20px; }
	.business .example ul li span{ margin: 10px 0 5px; }
	.business .example ul li p{ font-size: 1.7rem; }
}

@media screen and (max-width: 1400px){
	.business .flex-box > div{ width: calc((100% - 50px) / 2); }
	.business .sec-title p{ margin-top: 10px; }
}

@media screen and (max-width: 1280px){
	.business .sec-title p{ font-size: 1.6rem; }

	.business .example h6{ font-size: 1.8rem; }
	.business .example ul li p{ font-size: 1.6rem; }
}

@media screen and (max-width: 1200px){
	[data-aos^=fade][data-aos^=fade].aos-animate{ transition-delay: unset !important; }
	#header.up{ transform: translateY(0); }
	.sticky-tab{ top: var(--headerH); }
	.ptH{ padding-top: 0; }

	#sub .business{ padding-top: 120px; }
	#sub .business:first-of-type{ padding-top: 0; }

	.business .flex-box{ align-items: stretch; }
	.business .flex-box > div:first-of-type{ width: 40%; }
	.business .flex-box > div:last-of-type{ width: calc(60% - 50px); }
	.business .sticky{ position: sticky; top: calc(var(--headerH) + 100px); left: 0; }
	.business .sec-title{ overflow: hidden; }
	.business .example{ margin-top: 40px; }
	.business .example ul li{ width: calc((100% - 20px) / 2); }
}

@media screen and (max-width: 900px){
	.business .flex-box{ flex-direction: column !important; }
	.business .flex-box > div:first-of-type{ width: 100%; }
	.business .flex-box > div:last-of-type{ width: 100%; margin-top: 30px; }
}

@media screen and (max-width: 800px){
	.sticky-tab{ border-bottom: 0; }
	.sticky-tab > div{ padding: 0; }
	.sticky-tab ul li{ width: calc(100% / 2); border-bottom: 1px solid #DDD; }
	.sticky-tab ul li:nth-of-type(even)::before{ display: none; }
}