:root {
	/*--ibm-blue: #36b1ff;*/
	--ibm-blue: #0077ff;
	--ibm-blue-light: #36b1ff;
	
	--ibm-cyan: #04c7f6;
	--ibm-mint: #00ecb4;
	--ibm-navy: #071a66;
	--ibm-navy-deep: #020d49;
	--ibm-ink: #12182d;
	--ibm-muted: #596171;
	--ibm-pale: #eef5ff;
	--ibm-line: #d9e8fb;
	
	--banch-블루: #00a2ff;
	--banch-시안: #36b1ff;
	--banch-블랙2번째: #151515;
	
	--banch-sub-copy: #a9caff;
	--banch-서브카피회색: #666;
	--banch-서브카피회색2: #595959;
}


html {
	/* 텍스트 조절 및 스크롤 */
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
	scroll-behavior: smooth;
	
	/* 폰트 렌더링 최적화 (합쳐진 부분) */
	font-synthesis: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-smooth: never; /* 표준은 아니지만 하위 호환용 */
}

body {
	min-width: 1200px;
	background: #fff;
	color: var(--ibm-ink);
}

.ibm-course,
.ibm-course * {
	letter-spacing: -0.025em !important;
}

.ibm-course {
	overflow: hidden;
	font-family: "Pretendard", sans-serif;
	line-height: 1.4;
	padding-top: 80px;
	
	/***** Shared Layout(공통 레이아웃) *****/
	.container-1080 {
		width: 1080px;
		margin-inline: auto;
	}
	
	.container-920 {
		width: 920px;
		margin-inline: auto;
	}
	
	#curriculum,
	#projects,
	#career-link,
	#benefits,
	#faq,
	#apply {
		scroll-margin-top: 80px;
	}
	
	/***** Global Header *****/
	.site-header {
		position: fixed;
		left: 0;
		right: 0;
		top: 0;
		z-index: 100;
		height: 80px;
		min-width: 1200px;
		background: #fff;
		border-bottom: 1px solid rgb(255 255 255 / 8%);
		box-shadow: 0 0 10px rgb(0 0 0 / 8%);
		
		.site-header__inner {
			width: min(1320px, calc(100% - 80px));
			height: 100%;
			margin-inline: auto;
			display: grid;
			grid-template-columns: 1fr auto 1fr;
			align-items: center;
		}
		
		.site-header__brand {
			justify-self: start;
			margin: 0;
		}
		
		.ibm-logo {
			display: flex;
			align-items: center;
			width: 80px;
			height: 32px;
			text-decoration: none;
		}
		
		.site-nav {
			display: flex;
			align-items: center;
			justify-self: center;
			gap: 60px;
			height: 100%;
			
			a {
				position: relative;
				display: flex;
				align-items: center;
				height: 100%;
				padding-inline: 10px;
				color: #333;
				font-size: 18px;
				font-weight: 600;
				text-decoration: none;
				 white-space: nowrap;
				
				&::after {
					position: absolute;
					right: 0;
					bottom: -1px;
					left: 0;
					height: 4px;
					background: #00A2FF;
					content: "";
					transform: scaleX(0);
					transform-origin: center;
					transition: transform 200ms ease;
				}
				
				&:hover,
				&.is-active {
					color: #00A2FF;
					
					&::after {
						transform: scaleX(1);
					}
				}
				
				&.is-active {
					font-weight: 700;
				}
				
				&:focus-visible {
					outline: 2px solid #006eff;
					outline-offset: -6px;
				}
			}
		}
		
		
		.header-cta {
			justify-self: end;
			padding: 12px 20px;
			border-radius: 8px;
			color: #fff;
			font-size: 18px;
			font-weight: 600;
			background: linear-gradient(90deg, #0074FF 0%, #01BEF8 100%), #0077FF;
			text-decoration: none;
			 white-space: nowrap;
		}
	}
	
	/***** Hero Section *****/
	.hero {
		position: relative;
		height: 747px;
		margin-top: -80px;
		overflow: hidden;
		color: #fff;
		background: url("/home/images/main/ibm/renew/hero-shape-bg.svg") no-repeat center top / 1920px 747px;

		.hero__inner {
			position: relative;
			height: 100%;
		}

		.hero__copy {
			position: absolute;
			top: 200px;
			left: -20px;
			z-index: 2;
			display: flex;
			flex-direction: column;
			align-items: flex-start;
			gap: 48px;
			width: 695px;
		}

		.hero__heading-group {
			display: flex;
			flex-direction: column;
			align-items: flex-start;
			gap: 12px;

			h2 {
				margin: 0;
				color: #fff;
				font-family: "Paperlogy", "Pretendard", sans-serif;
				font-size: 62px;
				font-weight: 700;
				line-height: 1.4;
			}
		}

		.hero__eyebrow {
			margin: 0;
			background: linear-gradient(90deg, #32fbc9 0%, #00eaff 100%);
			background-clip: text;
			-webkit-background-clip: text;
			color: transparent;
			font-size: 24px;
			font-weight: 800;
			white-space: nowrap;
			-webkit-text-fill-color: transparent;
		}

		.hero__course-info {
			display: flex;
			flex-direction: column;
			align-items: flex-start;
			gap: 8px;
			width: 600px;
			font-family: "Pretendard", sans-serif;
			line-height: 1.4;
			letter-spacing: -0.025em;
		}

		.hero__info-list {
			display: flex;
			flex-direction: column;
			align-items: flex-start;
			gap: 20px;
			width: 100%;
		}

		.hero__info-row {
			display: grid;
			grid-template-columns: 242px 1px minmax(0, 1fr);
			column-gap: 20px;
			align-items: center;
			width: 100%;
		}

		.hero__info-divider {
			width: 1px;
			height: 16px;
			background: rgb(255 255 255 / 50%);
		}

		.hero__info-item {
			display: flex;
			align-items: center;
			gap: 16px;
			min-width: 0;
			font-size: 18px;
			white-space: nowrap;

			& > span {
				color: #a9caff;
				font-weight: 500;
			}

			& > strong {
				font-weight: 800;
			}
		}

		.hero__price {
			strong {
				display: flex;
				align-items: center;
				gap: 6px;
			}

			del {
				font-weight: 600;
				color: rgb(255 255 255 / 0.5);
			}
		}

		.hero__info-item--method {
			width: 100%;
		}

		.hero__learning-format {
			display: flex;
			flex-direction: column;
			gap: 8px;
			width: 100%;
		}

		.hero__method-value {
			display: flex;
			align-items: center;
			gap: 12px;

			strong {
				font-weight: 800;
			}
		}

		.hero__method-tags {
			display: flex;
			align-items: center;
			gap: 8px;

			span {
				padding: 4px 8px;
				border-radius: 8px;
				background: #0019a5;
				color: #31ffee;
				font-size: 15px;
				font-weight: 800;
			}
		}

		.hero__note {
			margin: 0;
			color: rgb(255 255 255 / 50%);
			font-size: 16px;
			font-weight: 500;
		}

		.hero__visual {
			position: absolute;
			top: 260px;
			right: -127px;
			z-index: 1;
			width: 543px;
			/*height: 367px;*/
			
			/*border: 1px solid red;*/
		}

		.hero__key-visual {
			display: block;
			width: 543px;
			/*height: 367px;*/
		}

		.hero__cloud {
			position: absolute;
			display: block;
			object-fit: contain;
		}

		.hero__cloud--large {
			top: -80px;
			left: -8px;
			width: 143px;
			height: auto;
		}

		.hero__cloud--small {
			top: 52px;
			left: 480px;
			width: 110px;
			height: auto;
		}
	}
	
	/***** Shared Section Styles(섹션 공통 스타일) *****/
	.section {
		padding: 140px 0;
		background: #fff;
	}
	
	.section--compact {
		padding: 120px 0 140px;
	}
	
	.section-title {
		margin: 0 0 60px;
		color: #050505;
		font-family: "Paperlogy", "Pretendard", sans-serif;
		font-size: 42px;
		font-weight: 700;
		text-align: center;
	}
	
	.section-title--left {
		width: 100%;
		margin-inline: 0;
		text-align: center;
	}
	
	.section-heading {
		margin-bottom: 60px;
		text-align: center;
		
		& > p {
			margin-bottom: 8px;
			color: var(--ibm-blue);
			font-size: 20px;
			font-weight: 700;
		}
		
		h2 {
			margin: 0;
			color: #050505;
			font-family: "Paperlogy", "Pretendard", sans-serif;
			font-size: 42px;
			font-weight: 700;
			
		}
		
		& > span {
			display: block;
			margin-top: 16px;
			color: #333;
			font-size: 20px;
		}
	}
	.section-heading--light {
		& > p {
			color: var(--ibm-blue-light);
		}
		
		h2 {
			color: #fff;
		}
	}
	
	.section-heading--secondary {
		margin-top: 100px;
	}
	
	.two-up {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 40px;
	}
	
	/***** Context Intro Section(S02) *****/
	.context-intro {
		.context-intro__heading {
			display: flex;
			flex-direction: column;
			align-items: center;
			gap: 16px;
			margin-bottom: 60px;
		}

		.context-intro__eyebrow {
			margin: 0;
			padding: 10px 20px;
			border-radius: 16px;
			background: linear-gradient(90deg, #0074ff, #01bef8);
			color: #fff;
			font-family: "Paperlogy", "Pretendard", sans-serif;
			font-size: 20px;
			font-weight: 700;
		}

		.section-title {
			margin: 0;
			color: #000;
		}
	}

	.insight-cards {
		gap: 48px;

		.image-slot {
			overflow: hidden;
			aspect-ratio: 516 / 288;
			border: 1px solid #dde1f0;
			border-radius: 20px;

			img {
				display: block;
				width: 100%;
				height: 100%;
				object-fit: cover;
			}
		}
		
		article {
			h3 {
				margin: 24px 24px 0;
				
				color: #151515;
				font-family: "Paperlogy", "Pretendard", sans-serif;
				font-size: 24px;
				font-weight: 700;
				text-align: center;
			}
		}
	}
	
	/***** Market Insight Section *****/
	.market {
		padding: 120px 0 104px;
		background: linear-gradient(180deg, #000731 0%, #001b69 100%);
		color: #fff;
		text-align: center;
		
		h2 {
			margin: 0 0 64px;
			font-family: "Paperlogy", "Pretendard", sans-serif;
			font-size: 48px;
			line-height: 1.3;
			font-weight: 600;
			
			em {
				color: #05b9ff;
				background: linear-gradient(90deg, #00D2FF 0%, #0F78FF 100%), #FFFFFF;
				-webkit-background-clip: text;
				-webkit-text-fill-color: transparent;
				background-clip: text;
			}
			
			mark {
				display: inline-block;
				margin-top: 2px;
				padding: 2px 4px;
				border-radius: 4px;
				background: linear-gradient(90deg, #00D2FF 0%, #00C8B4 50%, #2BFCDD 100%), #000000;
				color: #071044;
				line-height: 1;
				font-weight: 700;
			}
		}
		
		.market-card {
			position: relative;
			overflow: hidden;
			width: 1080px;
			height: 1020px;
			margin-inline: auto;
			border-radius: 24px;
			background: #0172ff;
			text-align: center;
			
			> img {
				width: 100%;
				height: 100%;
				object-fit: cover;
			}
			
			.market-card__copy {
				position: absolute;
				top: 64px;
				left: 0;
				width: 100%;
				padding-inline: 24px;
				
				h3 {
					font-size: 42px;
					line-height: 1.25;
					font-weight: 700;
					font-family: "Paperlogy", "Pretendard", sans-serif;
					
					strong {
						color: #21FCFF;
						font-weight: 700;
					}
				}
				
				p {
					margin-top: 16px;
					font-size: 20px;
					font-weight: 400;
					/*color: #b6d1ff;*/
					color: rgb(255 255 255 / 0.7);
				}
			}
		}
		
		.market__conclusion {
			display: flex;
			flex-direction: column;
			align-items: center;
			margin-top: 80px;
			font-family: "Paperlogy", "Pretendard", sans-serif;
			font-size: 38px;
			line-height: 1.2;
			font-weight: 500;
			white-space: nowrap;
			
			.market__lead strong,
			.market__end {
				font-weight: 700;
			}
			
			.market__main {
				display: flex;
				align-items: center;
				gap: 8px;
				padding-block: 4px;
			}
			
			.market__quote {
				align-self: flex-start;
				color: rgb(255 255 255 / 30%);
				font-weight: 700;
			}
			
			.market__highlight {
				position: relative;
				color: #04fe90;
				font-size: 42px;
				font-weight: 700;
				
				em {
					color: #29e5ff;
					font-style: normal;
				}
				
				&::after {
					position: absolute;
					right: 0;
					bottom: 0;
					left: 0;
					height: 2px;
					background: rgb(255 255 255 / 30%);
					content: "";
				}
			}
		}
	}
	
	/***** Curriculum Overview Section *****/
	.curriculum-overview {
		padding-block: 120px;
		
		.section-heading {
			position: relative;
			
			.object1 {
				position: absolute;
				width: 144px;
				top: 24px;
				left: 4px;
			}
		}
		
		.curriculum-overview__grid {
			display: grid;
			grid-template-columns: repeat(2, minmax(0, 1fr));
			gap: 64px 40px;
			position: relative;
			
			article {
				text-align: center;
				position: relative;
				
				.object2 {
					position: absolute;
					right: -80px;
					top: -60px;
					width: 108px;
				}
				
				.image-slot {
					height: 273px;
					aspect-ratio: auto;
					background: linear-gradient(180deg, rgba(0, 7, 49, 0.92) 0%, rgba(0, 27, 105, 0.92) 100%);
					border-radius: 20px;
				}
				
				h3 {
          font-family: "Paperlogy", "Pretendard", sans-serif;
					margin: 20px 0 12px;
					font-size: 24px;
					font-weight: 700;
					color: #151515;
					
					em {
						margin-right: 6px;
						color: var(--ibm-blue);
						font-style: normal;
					}
				}
				
				p {
					color: #666;
					font-size: 18px;
					font-weight: 500;
				}
			}
		}
	}
	
	/***** Learning Format Section *****/
	.learning-format {
		padding-block: 120px;
		background: #F5FAFF;
		/*background: linear-gradient(90deg, #E1F1FF 0%, #F0FFE9 100%);*/
		.section-heading {
			p {
				display: inline-flex;
				flex-direction: row;
				justify-content: center;
				align-items: center;
				padding: 6px 12px;
				background: linear-gradient(90deg, #0074FF 0%, #01BEF8 100%);
				border-radius: 8px;
				font-family: "Paperlogy", "Pretendard", sans-serif;
				color: #fff;
				margin-bottom: 12px;
			}
		}
		.two-up {
			grid-template-columns: repeat(2, 440px);
			gap: 40px;
			justify-content: center;
		}
		
		.media-cards {
			article {
				text-align: center;
			}
		}
	}
	
	/***** Shared Media Cards Section *****/
	.media-cards {
		article {
			text-align: center;
			
			.image-slot,
			.photo-slot {
				overflow: hidden;
				width: 100%;
				aspect-ratio: 440 / 247;
				border-radius: 18px;
				
				
				img {
					width: 100%;
					height: 100%;
					object-fit: cover;
				}
			}
			
			h3 {
				font-family: "Paperlogy", "Pretendard", sans-serif;
				margin: 20px 0 12px;
				/*color: #171c2b;*/
				color: #151515;
				font-size: 24px;
				font-weight: 700;
				
				em {
					margin-right: 6px;
					color: var(--ibm-blue);
					font-style: normal;
				}
			}
			
			p {
				/*color: #555b66;*/
				color: #666;
				font-size: 18px;
				font-weight: 500;
			}
		}
	}
	
	/***** Project Overview Section *****/
	.project-overview {
		padding: 120px 0;
		background: #fff;
		
		.section-heading {
			margin-bottom: 60px;
			position: relative;
			h2 {
				strong {
					/*background: linear-gradient(90deg, #5879FD 0%, #07C8E2 100%);*/
					/*-webkit-background-clip: text;*/
					/*-webkit-text-fill-color: transparent;*/
					/*background-clip: text;*/
					/*text-fill-color: transparent;*/
				}
			}
			.deco-image {
				position: absolute;
				left: -4px;
				bottom: 8px;
				width: 140px;
				height: auto;
			}
		}
		
		.project-grid {
			display: grid;
			grid-template-columns: repeat(2, minmax(0, 1fr));
			gap: 80px 40px;
			
			article {
				overflow: hidden;
				text-align: center;
				
				.project-image {
					aspect-ratio: 440 / 247;
					overflow: hidden;
					border-width: 2px;
					border-style: solid;
					border-radius: 18px;
					
					img {
						width: 100%;
						height: 100%;
						object-fit: cover;
					}
					
					&.project-image--housing {
						border-color: #B6D5ED;
						background: #C7E2F7;
					}
					
					&.project-image--medinote {
						background: #c7f0db;
						border-color: #B4DDC8;
					}
					
					&.project-image--pupoo {
						background: #fff4d7;
						border-color: #F1E6C9;
					}
					
					&.project-image--uniplace {
						border-color: #CAD4ED;
						background: #DCE4FA;
					}
				}
				
				h3 {
					margin-top: 20px;
					color: #151515;
					font-family: "Paperlogy", "Pretendard", sans-serif;
					font-size: 24px;
					font-weight: 700;
				}
				
				& > p {
					margin-top: 12px;
					color: #666;
					font-size: 18px;
					font-weight: 500;
				}
				
				.project-tags {
					display: flex;
					justify-content: center;
					gap: 6px;
					margin-top: 16px;
					
					span {
						padding: 6px 8px;
						border-radius: 6px;
						background: rgb(28 124 255 / 10%);
						color: #1c7cff;
						font-size: 16px;
						font-weight: 600;
						line-height: 1;
					}
				}
			}
		}
	}
	
	/***** Project Demo Section *****/
	.projects {
		padding: 120px 0;
		background: linear-gradient(136deg, #010e45 0%, #110f96 100%);
		
		color: #fff;
		
		.section-heading {
			margin-bottom: 0;
		}
		
		.project-feature {
			position: relative;
			width: 1080px;
			height: 375px;
			margin-inline: auto;
			overflow: hidden;
			
			.project-swiper {
				width: 668px;
				height: 375px;
				margin-inline: auto;
				overflow: visible;
				
				&:not(.swiper-initialized) {
					.swiper-slide {
						display: none;
						
						&:nth-child(2) {
							display: block;
						}
					}
				}
				
				.swiper-slide {
					width: 668px;
					height: 375px;
					
					&:not(.swiper-slide-active) {
						cursor: pointer;
						
						.project-video {
							border-color: rgb(255 255 255 / 35%);
							filter: brightness(0.55);
						}
						
						video {
							pointer-events: none;
						}
						
						.play-button {
							display: none;
						}
					}
					
					&.swiper-slide-active {
						z-index: 2;
					}
				}
				
				&.swiper-initialized .swiper-slide:not(.swiper-slide-prev):not(.swiper-slide-active):not(.swiper-slide-next) {
					visibility: hidden;
				}
			}
			
			.project-nav {
				position: absolute;
				z-index: 4;
				top: 50%;
				display: grid;
				place-items: center;
				width: 42px;
				height: 42px;
				padding: 0;
				border: 0;
				background: transparent;
				color: #fff;
				font-size: 26px;
				line-height: 1;
				transform: translateY(-50%);
				cursor: pointer;
				opacity: 0;
				
				&.project-nav--prev {
					left: 150px;
				}
				
				&.project-nav--next {
					right: 150px;
				}
				
				&:focus-visible {
					outline: 2px solid #fff;
					outline-offset: 4px;
				}
				
				i {
					display: block;
					line-height: 1;
				}
			}
			
			.project-video {
				position: relative;
				width: 100%;
				height: 100%;
				overflow: hidden;
				border: 3px solid rgb(4 199 246 / 0.5);
				border-radius: 20px;
				background: #070b23;
				transition: border-color 300ms ease, filter 300ms ease;
				
				video {
					width: 100%;
					height: 100%;
					object-fit: cover;
				}
				
				&.is-video-playing {
					border-color: var(--ibm-cyan);
				}
				
				&.is-playing {
					.play-button {
						display: none;
					}
				}
			}
			
			.play-button {
				position: absolute;
				display: grid;
				place-items: center;
				top: 50%;
				left: 50%;
				width: 62px;
				height: 62px;
				padding: 0;
				border: 0;
				border-radius: 50%;
				background: #04adf6;
				
				
				color: #fff;
				font-size: 28px;
				transform: translate(-50%, -50%);
				cursor: pointer;
				
				i {
					display: block;
					line-height: 1;
				}
			}
		}
		
		.carousel-dots {
			display: flex;
			justify-content: center;
			gap: 8px;
			margin-top: 40px;
			
			.swiper-pagination-bullet {
				display: grid;
				place-items: center;
				width: 32px;
				height: 24px;
				margin: 0;
				padding: 0;
				border: 0;
				border-radius: 0;
				background: transparent;
				opacity: 1;
				cursor: pointer;
				
				&::before {
					content: "";
					width: 32px;
					height: 4px;
					border-radius: 2px;
					background: rgb(255 255 255 / 35%);
				}
				
				&.swiper-pagination-bullet-active::before {
					background: var(--ibm-cyan);
				}
			}
			
			.swiper-pagination-bullet:focus-visible {
				outline: 2px solid #fff;
				outline-offset: 4px;
			}
		}
		
		.button-link {
			display: flex;
			align-items: center;
			justify-content: center;
			width: 224px;
			height: 50px;
			margin: 24px auto 60px;
			color: #fff;
			font-size: 18px;
			font-weight: 600;
			background: linear-gradient(90deg, #0074FF 0%, #01BEF8 100%), #0077FF;
			border-radius: 8px;
			
			
			
			i {
				margin-left: 12px;
				font-size: 16px;
			}
		}
	}
	
	/***** Curriculum Detail Section *****/
	.curriculum-detail {
		position: relative;
		isolation: isolate;
		overflow: hidden;
		padding: 120px 0 160px;
		background: #d9eaff;

		.section-bg-top,
		.section-bg-bottom,
		.section-bg-overlay {
			position: absolute;
			left: 0;
			width: 100%;
			pointer-events: none;
		}

		.section-bg-top {
			top: 0;
			z-index: 1;
			height: 858px;
			background: url("/home/images/main/ibm/renew/detail-bg-top.svg") no-repeat center top / 100% auto;
			mix-blend-mode: hard-light;
		}

		.section-bg-bottom {
			bottom: 0;
			z-index: 1;
			height: 430px;
			background: url("/home/images/main/ibm/renew/detail-bg-bottom.svg") no-repeat center top / cover;
			mix-blend-mode: hard-light;
			opacity: 0.7;
		}

		.section-bg-overlay {
			inset-block: 0;
			z-index: 0;
			height: 100%;
			background: linear-gradient(180deg, #fff 0%, #d9eaff 100%);
		}
		
		.section-heading {
			margin-bottom: 48px;
			
			em {
				color: var(--ibm-blue);
			}
		}
		.container-1080 {
			position: relative;
			z-index: 2;
		}
		.curriculum-tabs {
			overflow: hidden;
			border-radius: 24px;
			background: #fff;
			box-shadow: 0 0 30px rgb(0 0 0 / 10%);
		}

		.curriculum-swiper {
			width: 100%;
			overflow: hidden;

			.swiper-wrapper {
				align-items: flex-start;
			}

			&:not(.swiper-initialized) .tab-panel:not(:first-child) {
				display: none;
			}
		}
		
		.tab-list {
			--tab-tip: 31px;
			display: grid;
			grid-template-columns: repeat(5, 179px) 185px;
			height: 76px;
			isolation: isolate;
			background: #142a98;
			
			button {
				position: relative;
				isolation: isolate;
				height: 76px;
				width: 210px;
				border: 0;
				background: transparent;
				color: rgb(255 255 255 / 50%);
				font-size: 18px;
				font-weight: 600;
				cursor: pointer;
				
				&::before {
					content: "";
					position: absolute;
					z-index: 0;
					inset: 0;
					background: var(--tab-fill);
					clip-path: polygon(0 0, calc(100% - var(--tab-tip)) 0, 100% 50%, calc(100% - var(--tab-tip)) 100%, 0 100%, var(--tab-tip) 50%);
					pointer-events: none;
				}
				
				.tab-label {
					position: relative;
					z-index: 1;
				}
				
				&:nth-child(1) {
					--tab-fill: #0a1e7f;
					z-index: 1;
					
					&::before {
						clip-path: polygon(0 0, calc(100% - var(--tab-tip)) 0, 100% 50%, calc(100% - var(--tab-tip)) 100%, 0 100%);
					}
				}
				
				&:nth-child(2) {
					--tab-fill: #142a98;
					z-index: 2;
				}
				
				&:nth-child(3) {
					--tab-fill: #0a1e7f;
					z-index: 3;
				}
				
				&:nth-child(4) {
					--tab-fill: #142a98;
					z-index: 4;
				}
				
				&:nth-child(5) {
					--tab-fill: #0a1e7f;
					z-index: 5;
				}
				
				&:nth-child(6) {
					--tab-fill: #142a98;
					width: 185px;
					z-index: 6;
					
					&::before {
						clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, var(--tab-tip) 50%);
					}
					
					&[aria-selected="true"]::before {
						right: -2px;
					}
				}
				
				&[aria-selected="true"] {
					--tab-fill: linear-gradient(90deg, #0072ff 0%, #01bbf8 100%);
					z-index: 7;
					color: #fff;
				}
				
				&:focus-visible {
					outline: 2px solid #fff;
					outline-offset: -4px;
				}
			}
		}
		
		.tab-panel {
			box-sizing: border-box;
			height: auto;
			padding: 48px;
			
			> h3 {
				margin: 0;
				font-family: "Paperlogy", "Pretendard", sans-serif;
				font-size: 24px;
				font-weight: 700;
				
				em {
					margin-right: 4px;
					color: var(--ibm-blue);
					font-size: 24px;
					font-style: normal;
				}
			}
			
			> p {
				margin-top: 12px;
				color: #444b58;
				font-size: 18px;
			}
		}
		
		.curriculum-columns {
			display: grid;
			grid-template-columns: repeat(2, minmax(0, 1fr));
			gap: 24px;
			margin-top: 32px;
			
			article {
				padding: 20px;
				border-radius: 8px;
				background: #F9FAFB;
				border: 2px solid rgb(0 145 236 / 0.3);
				
				h4 {
					display: flex;
					align-items: center;
					gap: 8px;
					margin-bottom: 12px;
					font-size: 18px;
					font-weight: 700;
				}
				
				.module-icon {
					display: grid;
					place-items: center;
					flex: 0 0 24px;
					width: 24px;
					height: 24px;
					border-radius: 4px;
					background: #00b6ff;
					
					img {
						width: 14px;
						height: 14px;
						object-fit: contain;
					}
				}
				
				ul {
					display: grid;
					gap: 8px;
					color: #333a46;
					font-size: 18px;
				}
				
				li {
					position: relative;
					padding-left: 12px;
					font-weight: 500;
					
					&::before {
						content: "";
						position: absolute;
						top: 0.65em;
						left: 0;
						width: 4px;
						height: 4px;
						border-radius: 50%;
						background: currentColor;
					}
				}
			}
		}
		
		.tech-row {
			display: flex;
			flex-wrap: wrap;
			gap: 8px 24px;
			margin-top: 32px;
			padding: 20px;
			background: #f9fafb;
			
			.tech-badge {
				display: flex;
				flex-direction: column;
				align-items: center;
				gap: 4px;
				width: 88px;
				text-align: center;
			}
			
			.tech-badge__icon {
				display: grid;
				place-items: center;
				width: 88px;
				height: 88px;
				border-radius: 8px;
				background: #fff;
				overflow: hidden;
				
				img {
					width: 56px;
					height: 56px;
					object-fit: contain;
				}
			}
			
			.tech-badge__label {
				color: rgb(0 0 0 / 60%);
				font-size: 14px;
				font-weight: 700;
				white-space: nowrap;
			}
			
			.tech-badge__fallback {
				color: #53627c;
				font-size: 18px;
				font-weight: 700;
			}
		}
	}
	
	/***** Transition Banners Section *****/
	.transition-banner {
		position: relative;
		isolation: isolate;
		min-height: 208px;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		overflow: hidden;
		background: #0060ff;
		color: #fff;
		font-family: "Paperlogy", "Pretendard", sans-serif;
		line-height: 1.2;
		text-align: center;
		
		.transition-banner__content {
			position: relative;
			z-index: 1;
			display: flex;
			flex-direction: column;
			align-items: center;
		}
		
		.transition-banner__lead,
		.transition-banner__tail,
		.transition-banner__main {
			margin: 0;
			font-size: 38px;
			line-height: 1.2;
			white-space: nowrap;
		}
		
		.transition-banner__lead {
			font-weight: 500;
			
			strong {
				font-weight: 500;
			}
		}
		
		.transition-banner__main {
			display: flex;
			align-items: center;
			gap: 2px;
			padding-block: 4px;
			font-weight: 500;
		}
		
		.transition-banner__quote {
			color: rgb(255 255 255 / 30%);
			font-size: 38px;
			font-weight: 700;
		}
		
		
		.transition-banner__highlight {
			position: relative;
			color: #04fe90;
			font-weight: 700;
			font-size: 42px;
			
			.transition-banner--career & {
				&::after {
					display: none;
				}
			}
			
			&::after {
				content: "";
				position: absolute;
				left: 0;
				right: 0;
				bottom: 0;
				height: 2px;
				background: rgb(255 255 255 / 30%);
			}
		}
		
		.transition-banner__tail {
			font-weight: 700;
		}
		
		.transition-banner__icon {
			position: relative;
			z-index: 1;
			display: block;
			width: 32px;
			height: 32px;
			color: #fff;
			font-size: 38px;
			line-height: 1;
		}
		
		&.transition-banner--projects {
			position: relative;
			min-height: 250px;
			padding-block: 60px;
			background: url("/home/images/main/ibm/renew/banner-projects-bg.svg") no-repeat center center / cover;
		}
		
		&.transition-banner--career {
			height: 274px;
			background: url("/home/images/main/ibm/renew/banner-career-bg.svg") no-repeat center center / cover;
			
			.transition-banner__lead {
				font-weight: 700;
			}
			
			.transition-banner__main {
				gap: 4px;
			}
		}
	}
	
	/***** Final CTA Section *****/
	.final-cta {
		position: relative;
		isolation: isolate;
		min-height: 356px;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 32px;
		overflow: hidden;
		padding: 80px 24px;
		background: url("/home/images/main/ibm/renew/final-cta-bg.svg") no-repeat center center / cover;
		color: #fff;
		text-align: center;
		
		/*&::after {*/
		/*  content: '';*/
		/*  position: absolute;*/
		/*  background: #fff;*/
		/*  inset: 0;*/
		/*  opacity: 0.1;*/
		/*  z-index: -1;*/
		/*}*/
		
		.final-cta__copy {
			position: relative;
			z-index: 1;
			font-family: "Paperlogy", "Pretendard", sans-serif;
			
			p {
				font-size: 38px;
				font-weight: 500;
			}
			
			h2 {
				font-size: 42px;
				font-weight: 700;
				
				
				strong {
					font-weight: 700;
					font-size: 42px;
					line-height: 140%;
					/* 상자 높이와 동일 또는 59px */
					text-align: center;
					letter-spacing: -0.025em;
					
					background: linear-gradient(90deg, #32FBC9 0%, #00EAFF 100%), #FFFFFF;
					-webkit-background-clip: text;
					-webkit-text-fill-color: transparent;
					background-clip: text;
					text-fill-color: transparent;
					
				}
			}
		}
		
		.final-cta__button {
			position: relative;
			z-index: 1;
			display: flex;
			align-items: center;
			justify-content: center;
			min-width: 202px;
			height: 52px;
			padding-inline: 48px;
			border-radius: 8px;
			background: #00359D;
			color: #fff;
			font-size: 20px;
			font-weight: 600;
			line-height: 1;
			text-decoration: none;
		}
	}
	
	/***** Career Link Section *****/
	.career-link {
		padding-block: 120px 120px;
		
		.section-divider {
			font-size: 24px;
		}
		
		.career-steps {
			display: grid;
			grid-template-columns: repeat(3, minmax(0, 1fr));
			gap: 24px;
			
			article {
				text-align: center;
				
				.image-slot {
					overflow: hidden;
					width: 100%;
					aspect-ratio: 1669 / 942;
					border-radius: 16px;
					background: #C7F0DB;
					/*background: #eef6ff;*/
					
					img {
						width: 100%;
						height: 100%;
						object-fit: contain;
					}
				}
				
				h3 {
					margin: 24px 0 12px;
					font-family: "Paperlogy", "Pretendard", sans-serif;
					font-size: 24px;
					font-weight: 700;
					
					em {
						margin-right: 4px;
						color: var(--ibm-blue);
						font-style: normal;
					}
					
					span {
						position: relative;
						z-index: 0;
						
						&::after {
							content: "";
							position: absolute;
							z-index: -1;
							left: 0;
							right: 0;
							bottom: 1px;
							height: 10px;
							background: #fff57f;
						}
					}
				}
				
				p {
					color: #555;
					font-size: 18px;
					font-weight: 500;
				}
			}
		}
		
		.section-divider,
		.section-heading--secondary,
		.photo-grid,
		.career-summary-card {
			width: 920px;
			margin-inline: auto;
		}
		
		.photo-grid {
			display: grid;
			grid-template-columns: repeat(2, minmax(0, 1fr));
			gap: 60px 40px;
			
			.photo-slot {
				aspect-ratio: 440 / 247;
				border-radius: 18px;
				background: #e4edf8;
				overflow: hidden;
				
				img {
					width: 100%;
					height: 100%;
					object-fit: cover;
				}
			}
		}
		
		.career-summary-card {
			margin-top: 60px;
		}
	}
	
	/***** Shared Section Divider *****/
	.section-divider {
		display: flex;
		align-items: center;
		height: 28px;
		margin-top: 100px;
		color: #fff;
		font-size: 20px;
		gap: 8px;
		
		.line {
			display: block;
			flex: 1;
			height: 2px;
			background: #e9e8ed;
		}
		
		i {
			display: grid;
			place-items: center;
			flex: 0 0 38px;
			width: 38px;
			height: 38px;
			border-radius: 50%;
			
			background: #36b1ff;
			line-height: 1;
		}
	}
	
	/***** Reviews Section *****/
	.reviews {
		position: relative;
		overflow: hidden;
		padding: 120px 0 140px;
		background: url("/home/images/main/ibm/renew/reviews-bg.svg") no-repeat center center / cover;
		color: #fff;
		
		.section-heading {}
		.review-slider {
			position: relative;
			width: 100%;
			height: 340px;
			margin-top: 60px;
		}
		.review-track {
			position: absolute;
			inset: 0;
			width: 100%;
			height: 340px;
			
			&:not(.swiper-initialized) {
				.swiper-wrapper {
					justify-content: center;
				}
				
				.swiper-slide {
					display: none;
					
					&:nth-child(2) {
						display: block;
						
						.review-card {
							transform: none;
							opacity: 1;
						}
					}
				}
			}
			
			.swiper-wrapper {
				align-items: center;
			}
			
			.swiper-slide {
				width: 840px;
				height: 340px;
				
				&:not(.swiper-slide-active) {
					cursor: pointer;
				}
				
				&.swiper-slide-active {
					z-index: 2;
					
					.review-card {
						transform: scale(1);
						opacity: 1;
					}
				}
			}
		}
		
		[data-prev],
		[data-next] {
			position: absolute;
			display: grid;
			place-items: center;
			z-index: 4;
			top: 142px;
			width: 56px;
			height: 56px;
			border: 0;
			border-radius: 50%;
			
			
			background: #e9eef6;
			/*background: #f2f6fb;*/
			color: var(--ibm-navy);
			box-shadow: 0 4px 12px rgb(5 19 61 / 16%);
			font-size: 28px;
			line-height: 1;
			cursor: pointer;
			
			&[hidden] {
				display: none;
			}
		}
		
		[data-prev] {
			left: calc(50% - 448px);
		}
		
		[data-next] {
			right: calc(50% - 448px);
		}
		
		.review-card {
			display: grid;
			grid-template-columns: 1fr 318px;
			width: 840px;
			height: 340px;
			overflow: hidden;
			border-radius: 24px;
			
			background: url("/home/images/main/ibm/renew/reviews-card-bg.webp") no-repeat left top / 100% auto;
			
			/*background: #fff;*/
			box-shadow: 0 16px 32px rgb(0 0 0 / 3%);
			color: #161b2b;
			transform: scale(0.88);
			opacity: 0.58;
			transition: transform 300ms ease, opacity 300ms ease;
			
			.review-copy {
				padding: 48px;
				padding-right: 0;
			}
			
			h3 {
				font-size: 28px;
				font-weight: 700;

				.review-headline-row {
					display: inline-flex;
					align-items: flex-start;
					gap: 8px;
				}

				.review-quote-icon {
					flex: 0 0 28px;
					width: 28px;
					height: 28px;
					color: #b9e5ff;
					font-size: 28px;
					line-height: 1;
				}
			}
			
			p {
				margin-top: 40px;
				color: #4b515c;
				font-size: 20px;
			}
			
			.review-person {
				position: relative;
				overflow: hidden;
				display: flex;
				align-items: flex-end;
				justify-content: flex-end;
				padding: 0 36px 36px;
				color: #fff;
				font-size: 16px;
				font-weight: 500;
				z-index: 10;
				
				
				.review-person__crop {
					position: absolute;
					bottom: 0;
					left: 68px;
					width: 220px;
					/*height: 294px;*/
					overflow: hidden;
					/*border: 1px solid red;*/
					
					img {
						/*width: 100%;*/
						/*position: absolute;*/
						/*top: 0;*/
						/*left: -92.28%;*/
						/*width: 100%;*/
						/*height: auto;*/
						/*width: 279.78%;*/
						/*height: 100%;*/
						/*max-width: none;*/
					}
				}
				
				span {
					position: relative;
					z-index: 1;
					padding: 8px 16px;
					border-radius: 999px;
					background: #07256b;
				}
			}
			
		}
	}
	
	/***** Benefits Section *****/
	.benefits {
		padding-block: 120px 160px;
		
		.section-divider {
			margin-top: 80px;
			font-size: 22px;
		}
		
		.section-heading--secondary {
			margin-top: 80px;
		}
		
		.support-cards {
			.image-slot {
				aspect-ratio: 440 / 247;
				
				img {
					width: 100%;
					height: 100%;
					object-fit: cover;
				}
			}
		}
		
		.media-cards {
			grid-template-columns: repeat(2, 440px);
			gap: 40px;
			
			article > .image-slot,
			article > .photo-slot {
				height: 247px;
				aspect-ratio: auto;
			}
		}
	}
	
	/***** Course Information Section *****/
	.course-info {
		padding: 120px 0;
		background: linear-gradient(180deg, #000731 0%, #001b69 100%);
		color: #fff;
		
		.section-heading:not(.process-heading) {
			p {
				color: rgb(255 255 255 / 0.7);
			}
			h2 {
				display: inline-block;
				font-weight: 700;
				font-size: 42px;
				line-height: 140%;
				color: #00D2FF;
			}
		}
		
		.info-table {
			display: grid;
			gap: 32px;
			padding: 40px;
			border-radius: 24px;
			background: rgb(255 255 255 / 5%);
			
			> div {
				display: grid;
				grid-template-columns: 132px 1fr;
				gap: 20px;
				padding: 0 0 32px;
				border-bottom: 1px solid rgb(255 255 255 / 20%);
				font-size: 20px;
				
				&:last-child {
					padding-bottom: 0;
					border-bottom: 0;
				}
			}
			
			dt {
				display: flex;
				align-self: start;
				align-items: center;
				gap: 10px;
				color: #aab4d0;
				font-weight: 600;
				
				i {
					flex: 0 0 auto;
					/*color: var(--ibm-blue-light);*/
					font-size: 24px;
					line-height: 1;
				}
			}
			
			dd {
				margin: 0;
				font-weight: 600;
				
				span {
					display: inline-block;
					/*vertical-align: middle;*/
					margin-right: 8px;
					padding: 4px 10px;
					border-radius: 999px;
					
					color: #071044;
					line-height: 1;
					font-weight: 700;
					font-size: 16px;
					background: #00D2FF;
				}
				
				s {
					color: #8b96b5;
					font-weight: 500;
				}
			}

			.info-table__tuition {
				display: flex;
				align-items: center;
				gap: 8px;

				> span {
					flex-shrink: 0;
					margin-right: 0;
				}
			}

			.info-table__notes {
				display: flex;
				flex-direction: column;
				gap: 4px;
				margin-top: 12px;

				p {
					margin: 0;
					color: rgb(255 255 255 / 50%);
					font-size: 16px;
					font-weight: 500;
					line-height: 1.6;
				}
			}
		}
		
		.process-heading {
			margin-top: 120px;
			
			p {
				color: rgb(255 255 255 / 0.7);
			}
		}
		
		> .container-1080 > .section-heading:first-child {
			margin-bottom: 40px;
		}
		
		.process-list {
			display: grid;
			grid-template-columns: repeat(4, minmax(0, 1fr));
			gap: 48px;
			
			li {
				position: relative;
				padding-bottom: 24px;
				
				&::after {
					content: "";
					position: absolute;
					top: 30px;
					left: 76px;
					width: calc(100% - 76px);
					border-top: 1px solid rgb(255 255 255 / 15%);
				}
				
				&:first-child::after {
					border-color: #01b7f8;
				}
			}
			
			i {
				display: grid;
				place-items: center;
				width: 60px;
				height: 60px;
				border-radius: 50%;
				background: rgb(255 255 255 / 13%);
				color: #fff;
				font-size: 28px;
				font-style: normal;
			}
			
			li:first-child i {
				background: linear-gradient(135deg, #0f62fe 0%, #01b7f8 100%);
			}
			li:first-child h3 {
				opacity: 1;
				font-weight: 700;
				
			}
			h3 {
				margin: 30px 0 12px;
				font-size: 20px;
				font-weight: 600;
				opacity: 0.9;
			}
			
			p {
				color: #aeb8d5;
				font-size: 18px;
			}
		}
	}
	
	/***** FAQ Section *****/
	.faq {
		padding: 120px 0;
		background: #fff;
		
		.faq-header {
			display: flex;
			flex-direction: column;
			align-items: center;
			gap: 8px;
			padding-inline: 48px;
			text-align: center;
			
			.faq-header__eyebrow {
				margin: 0;
				color: #1c7cff;
				font-size: 20px;
				font-weight: 700;
			}
			
			h2 {
				margin: 0;
				color: #000;
				font-family: "Paperlogy", "Pretendard", sans-serif;
				font-size: 38px;
				font-weight: 700;
				line-height: 1.25;
			}
		}
		
		.faq-list {
			margin-top: 40px;
			display: flex;
			flex-direction: column;
			gap: 20px;
		}
		
		.faq-item {
			overflow: hidden;
			padding-inline: 24px;
			border: 1px solid rgb(0 0 0 / 10%);
			border-radius: 16px;
			background: #f9fafb;
			
			button {
				width: 100%;
				min-height: 76px;
				padding: 24px 0;
				display: flex;
				align-items: center;
				gap: 12px;
				border: 0;
				background: transparent;
				color: #151515;
				font-size: 20px;
				font-weight: 700;
				text-align: left;
				cursor: pointer;

				.faq-marker {
					flex: 0 0 auto;
					color: #1c7cff;
					font-size: 20px;
				}

				.faq-question {
					flex: 1;
					min-width: 0;
				}

				.faq-toggle-icon {
					flex: 0 0 24px;
					color: #151515;
					font-size: 22px;
					text-align: center;
				}
			}
			
			.faq-answer {
				display: none;
				margin: 0 24px;
				padding: 12px 0 20px;
				border-top: 1px solid rgb(0 0 0 / 10%);
				color: #666;
				font-size: 18px;
				font-weight: 500;
				line-height: 1.7;
			}
			
			&.is-open {
				button {
					padding: 20px 0 12px;
					color: #1c7cff;
				}
				
				.faq-answer {
					display: block;
				}
			}
		}
	}
}

/***** Scroll Reveal *****/
.reveal-ready .ibm-course {
	.scroll-reveal {
		opacity: 0;
		transform: translate3d(0, 40px, 0);
		transition:
			opacity 800ms ease,
			transform 800ms ease;
		transition-delay: var(--reveal-delay, 0ms);
		will-change: opacity, transform;
		
		&.is-visible {
			opacity: 1;
			transform: translate3d(0, 0, 0);
			will-change: auto;
		}
	}
}

/***** IBM Floating CTA: common HTML/JS stay unchanged. *****/
/* The module is a BODY child on the server, not an .ibm-course child.
   Scope by the IBM page root so other courses keep their common styles. */
body:has(.ibm-course) #timer.floating-cta-bottom {
	width: min(720px, calc(100% - 40px));
	bottom: 24px;
	font-family: "Pretendard", sans-serif;
	letter-spacing: -0.025em;
}

body:has(.ibm-course) #timer.floating-cta-bottom .floating-cta-inner {
	width: 100%;
	height: auto;
	min-height: 74px;
	padding: 12px 12px 12px 20px;
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 12px;
	/*background: rgba(8, 20, 58, 1);*/
	background: #20242c;
	backdrop-filter: none;
	box-shadow: 0 8px 24px rgba(18, 24, 45, 0.16);
}

body:has(.ibm-course) #timer.floating-cta-bottom .floating-cta-inner .floating-cta-content {
	width: 100%;
	display: flex;
	align-items: center;
	gap: 20px;
}

body:has(.ibm-course) #timer.floating-cta-bottom .floating-cta-inner .floating-cta-txt {
	flex: 1;
	min-width: 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 4px 6px;
	padding: 0;
	line-height: 1.5;
}

/* Existing nbsp spacer nodes remain in the DOM; CSS gap owns spacing. */
body:has(.ibm-course) #timer.floating-cta-bottom .floating-cta-inner .floating-cta-txt > span:not([class]),
body:has(.ibm-course) #timer.floating-cta-bottom .floating-cta-inner .countdown > span:not([class]) {
	display: none;
}

body:has(.ibm-course) #timer.floating-cta-bottom .floating-cta-inner .floating-cta-course,
body:has(.ibm-course) #timer.floating-cta-bottom .floating-cta-inner .floating-cta-sep,
body:has(.ibm-course) #timer.floating-cta-bottom .floating-cta-inner .floating-cta-label {
	font-family: inherit;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	color: #dce0e6;
}

body:has(.ibm-course) #timer.floating-cta-bottom .floating-cta-inner .floating-cta-course {
	color: #fff;
	font-weight: 700;
}

body:has(.ibm-course) #timer.floating-cta-bottom .floating-cta-inner .floating-cta-sep {
	color: #89919e;
}

body:has(.ibm-course) #timer.floating-cta-bottom .floating-cta-inner .floating-cta-label.highlight {
	color: #dce0e6;
	font-weight: 500;
}

body:has(.ibm-course) #timer.floating-cta-bottom .floating-cta-inner .countdown {
	display: inline-flex;
	align-items: baseline;
	gap: 4px;
	font-size: 16px;
	line-height: 1.5;
	white-space: nowrap;
	font-variant-numeric: tabular-nums;
}

body:has(.ibm-course) #timer.floating-cta-bottom .floating-cta-inner .countdown strong {
	min-width: 20px;
	font-size: 18px;
	font-weight: 700;
	color: #fff;
	text-align: center;
}

body:has(.ibm-course) #timer.floating-cta-bottom .floating-cta-inner .floating-cta-content .floating-cta-txt .countdown .countdown-unit {
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	color: #dce0e6;
}

body:has(.ibm-course) #timer.floating-cta-bottom .floating-cta-inner .floating-cta-action {
	flex: 0 0 auto;
	margin-left: auto;
}

body:has(.ibm-course) #timer.floating-cta-bottom .floating-cta-inner .floating-cta-action button {
	min-width: 120px;
	min-height: 48px;
	padding: 10px 24px;
	border: 0;
	border-radius: 8px;
	font-family: "Pretendard", sans-serif;
	font-size: 18px;
	font-weight: 700;
	line-height: 28px;
	white-space: nowrap;
	transition: background-color 160ms ease;
	background: var(--ibm-cyan);
	color: #12182d;
}

body:has(.ibm-course) #timer.floating-cta-bottom .floating-cta-inner .floating-cta-action button:hover {
	background: #33f0c3;
}

body:has(.ibm-course) #timer.floating-cta-bottom .floating-cta-inner .floating-cta-action button:active {
	background: #00d6a3;
}

body:has(.ibm-course) #timer.floating-cta-bottom .floating-cta-inner .floating-cta-action button:focus-visible {
	outline: 2px solid #fff;
	outline-offset: 3px;
}

/***** Reduced Motion *****/
@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}
	
	.ibm-course .site-nav a::after {
		transition: none;
	}
	
	.ibm-course .reviews .review-card {
		transition: none;
	}
	
	.ibm-course .projects .project-video {
		transition: none;
	}
	
	.reveal-ready .ibm-course .scroll-reveal {
		opacity: 1;
		transform: none;
		transition: none;
	}

	body:has(.ibm-course) #timer.floating-cta-bottom .floating-cta-inner .floating-cta-action button {
		transition: none;
	}
}


.cont_logo {
    width: 1018px;
    height: 42px;
    margin: 0;
    padding-top:36px;
}

.cont_logo img {
    display: block;
    height: 42px;
    width: auto;
    max-width: 100%;
    margin: 0;
}