@charset "UTF-8";


.Dday {
    position: absolute;
    width: 100%;
    background: rgba(0, 0, 0, .9);
    color: #fff;
    z-index: 100;
    padding: 13px 15px;
    display: flex;
}

.Dday p {
    display: inline-block;
    padding: 1px 10px;
    font-size: 14px;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 30px;
}

.Dday dl {
    position: absolute;
    right: 46px;
    top: 4px;
}

.Dday dt:after {
    content: "일";
    vertical-align: 2px;
    color: #fff;
    font-size: 0.5em;
}

.Dday dt,
.Dday dd {
    display: inline-block;
}

.Dday dd li,
.Dday dt {
    display: inline-block;
    color: #fff;
    font-size: 1.7em;
    letter-spacing: -1px;
    font-weight: bold;
}

.Dday dd li:after {
    content: " : ";
    vertical-align: 4px;
}

.Dday dd li:last-child:after {
    content: "";
}



.sub_content {
    min-height: 340px;
    box-sizing: border-box;
    overflow: hidden;
}

.begin_Lectures_m {
    position: relative;
}

.topImg_m img {
    width: 100%;
    position: relative;
}

.topImg_m > p {
    position: absolute;
    font-size: 5.83vw;
    top: 138.5vw;
    left: 36vw;
    line-height: 11vw;
    font-weight: 700;
}

.topImg_m .txt { position:absolute; top:43vw; width:100%; text-align:center; letter-spacing:-2px; z-index:10; }
.topImg_m .txt span { color:#5d11ea; font-size:7.8vw; font-weight:bold; }
.topImg_m .txt strong { display:block; font-size:12vw; letter-spacing:-3px; }

.section01 .sec01-link01 {
    position: absolute;
    width: 44vw;
    height: 14vw;
    left: 4vw;
    top: 256vw;
}

.section01 .sec01-link02 {
    position: absolute;
    width: 44vw;
    height: 14vw;
    left: 4vw;
    top: 269vw;
}

.section01 .sec01-link03 {
    position: absolute;
    width: 44vw;
    height: 14vw;
    left: 4vw;
    top: 283vw;
}

.section01 .sec01-link04 {
    position: absolute;
    width: 44vw;
    height: 14vw;
    right: 4vw;
    top: 256vw;
}

.section01 .sec01-link05 {
    position: absolute;
    width: 44vw;
    height: 14vw;
    right: 4vw;
    top: 269vw;
}

.section01 .sec01-link06 {
    position: absolute;
    width: 44vw;
    height: 14vw;
    right: 4vw;
    top: 283vw;
}

.section02 {
    position: relative;
    margin: 0 auto;
    width: 100%;
    text-align: center;
}

.section02 .lecture img {
    width: 91.66vw;
    margin: 20vw auto 0;
    text-align: center;
}

/* 탭 */

.section02 .bg-tab {
    background: #fff;
    padding-top: 50px;
}

.section02 .tab_wp {
    width: 100%;
    margin: auto;
    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 .conts_tab {
    margin: auto;
    overflow: hidden;
    text-align: center;
    display: table;
}

.section02 .conts_tab li {
    float: left;
    position: relative;
    margin-left: 2px;
}

.section02 .conts_tab li:first-child {
    margin-left: 0;
}

.section02 .conts_tab li a {
    background: #e2e1e6;
    color: #232227;
    display: inline-block;
    width: 17.77vw;
    height: 11.4vw;
    line-height: 5vw;
    font-size: 3.9vw;
    padding-top: 10px;
    border-radius: 10px 10px 0 0;
    text-align: center;
}

.section02 .conts_tab li.on a {
    color: #fff;
    background: #232227;
}


/* 버튼 */
.button {
    width: 90%;
    margin: 30px auto;
    display: block;
}

.btn_black {
    display: block;
    position: relative;
    height: 16vw;
    border-radius: 16px;
    background-color: #232227;
    margin-bottom: 1.6vw;
}

.btn_black p {
    color: #fff;
    font-size: 4.44vw;
    font-weight: 500;
    text-align: center;
    line-height: 16vw;
}

.btn_white {
    margin-top: 1.5vw;
    display: block;
    position: relative;
    height: 16vw;
    border-radius: 16px;
    border: solid 3px #232227;
    box-sizing: border-box;
    background-color: #fff;
}

.btn_white p {
    font-size: 4.44vw;
    font-weight: 500;
    text-align: center;
    color: #232227;
    padding-top: 1.7vw;
}

.btn_white span {
    font-size: 3.2vw;
}

.section03 {
    background: url(https://cdn.kystudy.co.kr/User//Content//imagesM/event/2024/0424/images/img_03.png) no-repeat center;
    background-size: contain;
    height: 200vw;
    margin-top: 16.66vw;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.section03 img {
    display: block;
}