@charset "UTF-8";
/* 개발 측 AI 큐레이션 보정 스타일 — 퍼블리셔 전달본(res/css/desktop.css·mobile.css)은 수정하지 않는다.
 *
 * 메인 존 28(AI 큐레이션)은 div.ai-curation-zone 안에 ajax 로 채워지고 존 뒤에는 스켈레톤 <script> 가 붙으므로,
 * 퍼블리셔가 ".course-recommend-banner ~ .sec-link-online" 형제 관계로 준 간격 규칙
 * (desktop.css 5065·5067, mobile.css 5043)이 실제 DOM 에서는 닿지 않는다.
 * 온보딩 배너(.course-recommend-banner)와 맞춤 강좌(.section-ai-curation)는 section 패딩이 0 이라,
 * 존 안에서 그 뒤에 보이는 section(최근 본 강좌 기반 추천 등)이 없을 때만 존 자체에 아래 여백을 주어
 * 다음 영역(분야별 온라인 학습 바로가기 등)이 무엇이든 퍼블리셔 규칙과 같은 값(section-wrap 패딩)만큼 띄운다.
 * 뒤에 section 이 따라오면 그 section 의 자체 패딩이 간격이 되므로 적용하지 않는다.
 * 주의: :has() 안에 :has() 를 중첩하면 선택자가 무효가 되므로 :not(:has()) 는 바깥에 둔다. */
@media (min-width: 1176px) {
	.ai-curation-zone:has(> :is(.course-recommend-banner, .section-ai-curation)):not(:has(> :is(.course-recommend-banner, .section-ai-curation) ~ section:not([hidden]))) {padding-bottom:57px;}
}
@media (max-width: 1175px) {
	.ai-curation-zone:has(> :is(.course-recommend-banner, .section-ai-curation)):not(:has(> :is(.course-recommend-banner, .section-ai-curation) ~ section:not([hidden]))) {padding-bottom:4.25rem;}
}

/* 내공간 AI 영역 바로가기(#aiRecommend) — /user/mypage/aiRecommend(공지 등 외부 링크)로 들어오면 ai-curation.js 가 scrollIntoView 로 옮긴다.
 * 데스크톱은 스크롤 뒤 #header.fixed(61px), 모바일은 .sub-header(5.4rem) 가 상단에 고정이라 그만큼 여유를 둔다. */
@media (min-width: 1176px) {
	#aiRecommend {scroll-margin-top:80px;}
}
@media (max-width: 1175px) {
	#aiRecommend {scroll-margin-top:6.4rem;}
}