@charset "UTF-8"; @import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard-dynamic-subset.css");

.OpenCourseInfo * { font-family: "Pretendard", sans-serif; text-decoration: none; box-sizing: border-box; letter-spacing: -0.5px; transition: all 0.2s ease-in-out; line-height: 1.3; }
.OpenCourseInfo { width: 100%; min-width: 1400px; overflow: hidden; color: #111; }
section .content { position: relative; width: 1200px; margin: 0 auto; text-align: center; }
img {pointer-events: none;}
strong { font-weight: 800; }
.topImg { background: url(https://cdn.uni-edu.co.kr/Content_new/event/2026/OpenCourseInfo_0123/imgs/topBg.jpg) center top / cover no-repeat; position: relative; padding: 100px 0;}
.topImg .content { z-index: 1; }
.topImg .top_title { animation: aniUp 0.6s both ease-in-out; }
.topImg .top_title p { position: relative; font-size: 35px; letter-spacing: -2px; }
.topImg .top_title span { font-size: 60px; padding-top: 32px; display: block; color: #028c6d; letter-spacing: -2px; font-weight: 700; }
.topImg .top_title > strong { font-size: 120px; font-weight: 900; letter-spacing: -3px; padding-top: 10px; display: block; }
.topImg .top_img01 { margin-top: 20px; animation: fadeIn_02 0.6s 0.5s both ease-in-out; }
.topImg .top_sub { padding: 45px 0; font-size: 30px; }
.topImg .top_sub p:nth-of-type(1) { font-size: 44px; }
.topImg .top_sub p:nth-of-type(2) { font-size: 30px; margin-top: 10px; }

/* 개강일자 */
.topImg .topDate { text-align: center; }
.topImg .topDate .dateBg1 { display: flex; justify-content: center; }
.topImg .topDate .dateBg1 p { width: 490px; height: 150px; font-size: 44px; color: #ffffff; font-weight: 700; margin: 10px; }
.topImg .topDate .dateBg1 p span { line-height: 192px; }
.topImg .topDate .dateBg1 p:nth-child(1) { background: url(https://cdn.uni-edu.co.kr/Content_new/event/2026/OpenCourseInfo_0123/imgs/top_datebg01.png) no-repeat; }
.topImg .topDate .dateBg1 p:nth-child(2) { background: url(https://cdn.uni-edu.co.kr/Content_new/event/2026/OpenCourseInfo_0123/imgs/top_datebg02.png) no-repeat; }
.topImg .topDate .dateBg2 { background: url(https://cdn.uni-edu.co.kr/Content_new/event/2026/OpenCourseInfo_0123/imgs/top_datebg03.png) no-repeat; display: flex; margin: 20px auto; width: 547px; height: 210px; }
.topImg .topDate .dateBg2 p { font-weight: 700; display: inline-block; width: calc(100% / 2); text-align: center; padding-top: 132px; }
.topImg .topDate .dateBg2 p span { font-size: 44px; color: #111111; }
.topImg .topDeco1 { bottom: 0; left: 50%; transform: translateX(-50%); position: absolute; z-index: 0; }
.topImg .topDeco2 { top: 0; right: -210px; position: absolute; animation: shake 1.2s alternate infinite; }

section.lecture { margin: 120px 0; }
section.lecture h2 { margin-bottom: 40px; }
/* 버튼 */
.buttonWrap { display: flex; gap: 20px; width: 1200px; margin: 30px auto; }
.buttonWrap > a { display: flex; align-items: center; justify-content: center; width: 590px; height: 120px; border-radius: 16px; }
.buttonWrap > a p { margin: 0; font-size: 32px; font-weight: 600; }
.btn_black { background-color: #232227; }
.btn_black:hover { background-color: #028c6d; }
.btn_black p { color: #fff; }
.btn_white { border: solid 4px #232227; background-color: #fff; }
.btn_white p { color: #232227; }
.btn_white:hover { background-color: #028c6d; border: solid 4px transparent;}
.btn_white:hover p { color: #fff; }
/* 하단 */
.bottom { background: #cbe8f8 url(https://cdn.uni-edu.co.kr/Content_new/event/2026/OpenCourseInfo_0123/imgs/bottomBg.jpg) bottom center; background-size: initial; background-repeat: no-repeat;}
.bottom .content { padding: 100px 0; }
.bottom img:not(:last-of-type) { display: block; margin: 40px auto; }    background-repeat: no-repeat;
.bottom .buttonWrap { margin: 50px auto 0; }
.bottom .buttonWrap .btn_black:hover { background-color: #295dad; }

@keyframes aniUp {
  0% { transform: translateY(40%); opacity: 0; }
  100% { transform: translateY(0%); opacity: 1; }
}
@keyframes fadeIn_02 {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes shake {
  80% { transform: rotate(0); }
  85% { transform: rotate(-4deg); }
  90% { transform: rotate(4deg); }
  95% { transform: rotate(-2deg); }
  100% { transform: rotate(2deg); }
}