@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&display=swap');
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css");
@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansLight';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

a{
  text-decoration: none;
}
p, span, div, li, tr, td, th, em, a, h1{
  margin: 0;
  padding: 0;
  font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
}
ul, li{
  margin: 0;
  padding: 0;
  list-style: none;
}


.eventContainer{
  width: 100%;
  height: auto;
  margin: 0 auto;
  overflow: hidden;
}
.eventContainer > section{
  width: 100%;
  padding: 100px 0 130px;
  box-sizing: border-box;
}


/* cont1 - 인트로 */
.cont1{
  width: 100%;
  height: auto;
  background: url('/events/event251204/images/cont1/intro_bg.jpg') no-repeat center;
  padding-bottom: 130px;
  box-sizing: border-box;
}
.cont1 .intro{
  width: 1000px;
  height: auto;
  margin: 0 auto;
}
.cont1 .intro > img{
  display: block;
  margin: 0 auto;
}
.cont1 .intro_video{
  width: 1000px;
  height: auto;
  margin: 25px auto 0;
  position: relative;
}
.cont1 .intro_video .comingsoon{
  width: 434px;
  height: 43px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.cont1 .intro_video .comingsoon > img{
  width: inherit;
  height: inherit;
  display: block;
}
.cont1 .intro_video .video_edge{
  width: 1000px;
  height: 575px;
  margin: 0 auto;
}
.cont1 .intro_video .video_edge > img{
  width: 969px;
  height: 575px;
  display: block;
  margin: 0 auto;
}


/* cont2 - 성적 향상의 학습 매커니즘 */
.cont2{
  width: 100%;
  height: auto;
  background: url('/events/event251204/images/cont2/cont2_bg.jpg') no-repeat center;
}
.cont2 .cont2_tit{
  width: 660px;
  height: 166px;
  margin: 0 auto 85px;
}
.cont2 .cont2_tit > img{
  width: inherit;
  height: inherit;
  display: block;
}
.cont2 .cont2_cont{
  width: 1000px;
  height: auto;
  margin: 0 auto;
}
.cont2 .cont2_cont .cont2_1{
  height: 1140px;
  margin-bottom: 40px;
}
.cont2 .cont2_cont .cont2_2{
  height: 1012px;
  margin-bottom: 115px;
}
.cont2 .cont2_cont > div{
  width: 942px;
  height: auto;
  margin: 0 auto;
}
.cont2 .cont2_cont > div > img{
  display: block;
  width: inherit;
}
.cont2 .cont2_last{
  width: 718px;
  height: 215px;
  margin: 0 auto;
}
.cont2 .cont2_last > img{
  width: inherit;
  height: inherit;
  display: block;
}


/* cont3 - 기적이 일상이 되는 마법 */
.cont3{
  width: 100%;
  height: auto;
  background: url('/events/event251204/images/cont3/cont3_bg.jpg') no-repeat center;;
}
.cont3 .cont3_tit{
  width: 756px;
  height: 166px;
  margin: 0 auto 85px;
}
.cont3 .cont3_tit > img{
  width: inherit;
  height: inherit;
  display: block;
}
.cont3 .cont3_cont{
  width: 1000px;
  height: auto;
  margin: 0 auto;
}
.cont3 .cont3_cont > div{
  width: 925px;
  margin: 0 auto;
}
.cont3 .cont3_cont > div > img{
  width: inherit;
  height: inherit;
  display: block;
}
.cont3 .cont3_cont .cont3_1{
  height: 1050px;
  margin-bottom: 100px;
}
.cont3 .cont3_cont .cont3_2{
  height: 378px;
}


/* cont4 - 연간 커리큘럼 */
.cont4{
  width: 100%;
  height: auto;
  background: #ecd6c3;
}
.cont4 .cont4_tit{
  width: 655px;
  height: 124px;
  margin: 0 auto 85px;
}
.cont4 .cont4_tit > img{
  width: inherit;
  height: inherit;
  display: block;
}
.cont4 .cont4_cont{
  width: 1000px;
  height: auto;
  margin: 0 auto;
}
.cont4 .cont4_cont > img{
  width: 941px;
  height: 1129px;
  display: block;
  margin: 0 auto;
}

/* cont5 - 접수중인 학원 강좌 */
.cont5{
  width: 100%;
  height: auto;
  background: #f6ebe2;
}
.cont5 .cont5_tit{
  width: 476px;
  height: 124px;
  margin: 0 auto 85px;
}
.cont5 .cont5_tit > img{
  width: inherit;
  height: inherit;
  display: block;
}

.cont5 .cont_box{
  width: 944px;
  height: auto;
  border-top: 2px solid #552422;
  border-bottom: 2px solid #552422;
  background: #fff;
  margin: 0 auto;
}
.cont5 .cont_box .table_head{
  width: inherit;
  height: 35px;
  background: #552422;
  border-bottom: 1px solid #552422;
  display: flex;
  line-height: 35px;
}
.cont5 .cont_box .table_head > span{
  font-size: 17px;
  color: #fff;
  font-weight: 300;
  text-align: center;
}
.cont5 .cont_box .table_head > span.th_teacher,
.cont5 .cont_box .table_body .row_th{
  width: 14%;
}
.cont5 .cont_box .table_head > span.th_lecture{
  width: 50%;
}
.cont5 .cont_box .table_head > span.th_date{
  width: 18%;
}
.cont5 .cont_box .table_head > span.th_btn{
  width: 18%;
}

.cont5 .cont_box .table_body{
  width: inherit;
  height: auto;
  color: #090909;
  display: flex;
}
.cont5 .cont_box .table_body .row_th{
  height: 292px;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
  line-height: 292px;
  border-right: 1px solid #b8b8b8;
  box-sizing: border-box;
}
.cont5 .cont_box .table_body .lecture_box{
  display: flex;
  height: 146px;
  width: 100%;
  flex-direction: column;
}
.cont5 .cont_box .table_body .lecture_box > div{
  width: 100%;
  height: 146px;
  display: flex;
  border-bottom: 1px solid #b8b8b8;
}
.cont5 .cont_box .table_body .lecture_box > div:last-child{
  border-bottom: 0;
}
.cont5 .cont_box .table_body .lecture_box > div .lecture_info{
  width: 58%;
  position: relative;
  display: block;
  padding: 34px 0px;
  box-sizing: border-box;
  border-right: 1px dashed #b8b8b8;
}
.cont5 .cont_box .table_body .lecture_box > div:nth-of-type(3) .lecture_info{
  padding: 40px 0px;
}
.cont5 .cont_box .table_body .lecture_box > div .lecture_info > div{
  position: relative;
  display: table;
  left: 50%;
  transform: translateX(-50%);
}
.cont5 .cont_box .table_body .lecture_box > div .lecture_info > div.lecture_target{
  font-size: 17px;
  font-weight: 500;
  color: #fff;
  text-align: center;
  background: #f4f1c7;
  padding: 3px 9px;
  box-sizing: border-box;
}
.cont5 .cont_box .table_body .lecture_box > div .lecture_info > div.lecture_main{
  font-size: 21px;
  font-weight: 500;
  color: #090909;
  text-align: center;
  top: 36%;
  transform: translate(-50%, -50%);
  /* margin: 11px 0 7px; */
}
.cont5 .cont_box .table_body .lecture_box > div .lecture_info > div.lecture_sub{
  font-size: 16px;
  font-weight: 300;
  color: #090909;
  text-align: center;
  margin-top: 25px;
}
.cont5 .cont_box .table_body .lecture_box > div .lecture_info > div.lecture_sub > em{
  font-size: 10px;
  color: #090909;
  font-style: normal;
  vertical-align: 2px;
}

.cont5 .cont_box .table_body .lecture_box > div .lecture_date{
  width: 21%;
  font-size: 18px;
  font-weight: 500;
  color: #090909;
  text-align: center;
  line-height: 146px;
  border-right: 1px dashed #b8b8b8;
}
.cont5 .cont_box .table_body .lecture_box > div .lecture_link{
  width: 21%;
  font-size: 18px;
  font-weight: 500;
  color: #090909;
  text-align: center;
  line-height: inherit;
  margin: 0;
  padding: 0;
  line-height: 146px;
}
.cont5 .cont_box .table_body .lecture_box > div .lecture_link:hover{
  background: rgba(0, 0, 0, 0.02);
}