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

.begin_Lectures {
    text-align: center;
    letter-spacing: -0.1px;
    margin: 0 auto;
    font-family: Pretendard, sans-serif;
    text-decoration: none;
}

.begin_Lectures * { font-family:Pretendard,'Spoqa Han Sans','맑은 고딕','Malgun Gothic','돋움',dotum,AppleGothic,sans-serif; }

.Dday {
    position: fixed;
    top: 280px;
    width: 100%;
    height: 70px;
    background: rgba(0, 0, 0, .9);
    color: #fff;
    padding-top: 30px;
    z-index: 100;
}

.Dday p {
    font-size: 23px;
    color: #fff;
    border: 2px solid #fff;
    border-radius: 30px;
    width: 320px;
    height: 42px;
    line-height: 42px;
}

.Dday dl {
    position: absolute;
    top: -20px;
    left: 370px;
    background: url(https://cdn.kystudy.co.kr/User//Content/images/event/2024/0424/images/icon_clock.png) no-repeat 70px 22px;
    font-size: 53px;
    color: #fff;
    padding-left: 200px;
}

.Dday dt:after {
    content: "일";
    font-size: 21px;
    vertical-align: 2px;
    font-family:Pretendard, '맑은 고딕', 'Malgun Gothic', '돋움', dotum, AppleGothic, sans-serif;
    font-weight:500;
}

.Dday dt,
.Dday dd {
    display: inline-block;
    font-family:Pretendard, '맑은 고딕', 'Malgun Gothic', '돋움', dotum, AppleGothic, sans-serif;
    letter-spacing:-2px;
	font-weight:500;
    padding-top:8px;
}

.Dday dd li {
    display: inline-block;
	font-weight:500;
}

.Dday dd li:after {
    content: " : ";
    vertical-align: 4px;
}

.Dday dd li:last-child:after {
    content: "";
}

.Dday a {
    position: absolute;
    right: 0;
    top: -15px;
    display: inline-block;
    width: 228px;
    height: 70px;
    background: #eb3922;
    border-radius: 5px;
    transition: all .2s;
}

.Dday a:hover {
    background: #ff513c;
}
.content {
    width: 1200px;
    position: relative;
    margin: 0 auto;
}

.topImg {
    background: url(https://cdn.kystudy.co.kr/User//Content/images/event/2024/0424/images/topBg.jpg) repeat;
    position: relative;
    height: 1678px;
}

.topImg .top_title {
    border: 0;
    line-height: 100%;
    vertical-align: top;
    padding: 200px 0 30px;
    animation: aniUp .6s both ease-in-out;
	height:586px;
    box-sizing:border-box;
}

.topImg .top_title p { position:relative; font-size:35px; letter-spacing:-2px; }
.topImg .top_title p:after { position:absolute; bottom:-20px; right:390px; content:"＊2020~2025년 김영편입 누적 합격 신고생 중 김영평생교육원 가입 회원 기준(중복 합격자 포함)"; color:#999; font-size:14px; letter-spacing:-1px; }
.topImg .top_title span { font-size:60px; padding-top:80px; display:block; color:#5d11ea; letter-spacing:-2px; font-weight:700; }
.topImg .top_title > strong { font-size:120px; font-weight:900; letter-spacing:-3px; padding-top:90px; display:block; }
.topImg .top_title em { position:absolute; left:0; top:280px; animation: aniUp .6s .4s both ease-in-out,upDown 1s .3s infinite ease-in-out; }

@keyframes upDown {
    0% {
        transform: translateY(0%);
    }
    50% {
        transform: translateY(8%);
    }
    100% {
        transform: translateY(0%);
    }
}

@keyframes aniUp{
    0% {
        transform: translateY(40%);
        opacity: 0;
    }
    100% {
        transform: translateY(0%);
        opacity: 1;
    }
}
.topImg .top_img01{
    animation: fadeIn_02 .6s .5s both ease-in-out;
}
@keyframes fadeIn_02{
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.topImg .top_sub {
    padding: 45px 0;
}

.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.kystudy.co.kr/User//Content/images/event/2024/0424/images/top_datebg01.png) no-repeat;
}

.topImg .topDate .dateBg1 p:nth-child(2) {
    background: url(https://cdn.kystudy.co.kr/User//Content/images/event/2024/0424/images/top_datebg02.png) no-repeat;
}

.topImg .topDate .dateBg2 {
    background: url(https://cdn.kystudy.co.kr/User//Content/images/event/2024/0424/images/top_datebg03.png) no-repeat;
    width: 547px;
    height: 210px;
    margin: 10px auto;
    text-align: center;
}

.topImg .topDate .dateBg2 p {
    font-size: 44px;
    color: #111111;
    font-weight: 700;
    display: inline;
    margin: 74px;
}

.topImg .topDate .dateBg2 p span {
    line-height: 316px;
}

.topImg .topDeco1 {
    bottom: 0;
    left: 357px;
    position: absolute;
}

.topImg .topDeco2 {
    top: 151px;
    right: 200px;
    position: absolute;
    animation: shake 1.2s alternate infinite;
}
@keyframes shake{
    80% {
        transform: rotate(0);
    }
    
    85% {
        transform: rotate(-4deg);
    }
    90% {
        transform: rotate(4deg);
    }
    95% {
        transform: rotate(-2deg);
    }
    100% {
        transform: rotate(2deg);
    }
}

.section01 {
    background: url(https://cdn.kystudy.co.kr/User//Content/images/event/2024/0424/images/sec01_Bg.jpg);
    width: 100%;
    height: 1178px;
}

.section01 h2 {
    padding: 120px 0 80px;
}

.section02 h2,
.section03 h2 {
    padding: 80px 0 50px;
}

/* 버튼 */
.button {
    display: flex;
    gap: 20px;
    width: 1200px;
    margin: 30px auto;
}

.btn_black {
    width: 590px;
    height: 120px;
    border-radius: 16px;
    background-color: #232227;
}
.btn_black:hover{
    background-color: #5d11ea;
}

.btn_black p {
    color: #fff;
    font-size: 32px;
    font-weight: 500;
    text-align: center;
    line-height: 120px;
}

.btn_white {
    width: 590px;
    height: 120px;
    border-radius: 16px;
    border: solid 3px #232227;
    box-sizing: border-box;
    background-color: #fff;
}

.btn_white p {
    font-size: 32px;
    font-weight: 500;
    text-align: center;
    color: #232227;
    margin-top: 22px;
}
.btn_white span {
    font-size: 22px;
    font-weight: 600;
}

.btn_white:hover{
    border: solid 6px #5d11ea;
    box-sizing: border-box;
}
.btn_white:hover p{
    margin-top: 19px;
    color: #5d11ea;
}
.btn_white:hover span{
    color: #5d11ea;
}

/* 탭 */
.section02 .bg-tab {
    background: #fff;
    padding-top: 100px;
}

.section02 .tab_wp {
    width: 100%;
    border-bottom: 3px solid #232227 ;
    box-shadow: 1.5px 2.6px 0 0 rgba(129, 129, 129, 0.25);
}

.section02 .tab_wp.fix {
    background: #fff;
    position: fixed;
    top: 0;
    z-index: 100;
    padding: 10px 0 0;
}

.section02.section02 .conts_tab {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
}

.section02 .conts_tab li {
    float: left;
    position: relative;
    margin-left: 2px;
}

.section02 .conts_tab li:first-child {
    margin-left: 0;
}

.section02 .conts_tab li:last-child a {
    width: 240px;
}

.section02 .conts_tab li a {
    background: #e2e1e6;
    color: #232227;
    cursor: pointer;
    display: inline-block;
    width: 238px;
    padding: 20px 0 18px;
    line-height: 25px;
    font-size: 22px;
    border-radius: 10px 10px 0 0;
    text-align: center;
}

.section02 .conts_tab li.on a {
    color: #fff;
    background: #232227;
}

.section03{
    background-color:#efeff4;
    height: 1300px;
    margin-top: 120px;
}
.section03 img{
    display: block;
	margin: 0 auto; 
}
.section03 .button{
    margin: 0 auto;
}
.section04{
    overflow:hidden;
}