@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%;
}


/* cont1 - 인트로 */
.cont1{
  width: 100%;
  height: 1650px;
  background: url('/events/event251124/images/cont1/intro_bg.jpg') no-repeat center #f9f8f3;
  padding: 96px 0px 115px;
  box-sizing: border-box;
}
.cont1 .intro{
  width: 100%;
  height: 826px;
  position: relative;
  overflow: hidden;
}
.cont1 .intro > img{
  position: absolute;
  left: 50%;
  opacity: 0;
}
.cont1 .intro > img:nth-of-type(1){
  width: 735px;
  height: 967px;
  top: 0px;
  transform: translateX(-58%);
  animation: slide1 1s ease-out 0.3s forwards;
}
.cont1 .intro > img:nth-of-type(2){
  width: 499px;
  height: 552px;
  top: 45px;
  transform: translateX(-30%);
  animation: slide2 1s ease-out 0.3s forwards;
}
@keyframes slide1 {
  0%{
    transform: translateX(-58%);
    opacity: 0;
  }
  50%{
    opacity: 1;
  }
  100%{
    transform: translateX(calc(-58% - 100px));
    opacity: 1;
  }
}
@keyframes slide2 {
  0%{
    transform: translateX(-30%);
    opacity: 0;
  }
  50%{
    opacity: 1;
  }
  100%{
    transform: translateX(calc(-30% + 89px));
    opacity: 1;
  }
}
.cont1 .intro_video{
  width: 940px;
  height: 613px;
  margin: 0 auto;
}
.cont1 .intro_video .video_tit{
  width: inherit;
  height: 81px;
  border-radius: 50px 50px 0 0;
  background: #d1e8c4;
  display: flex;
  align-items: center;
}
.cont1 .intro_video .video_tit > img{
  display: block;
  margin: 0 auto;
  width: 685px;
  height: 40px;
}
.cont1 .intro_video .comingsoon{
  width: inherit;
  height: 530px;
  background: #3d3d3d url('/events/event251124/images/cont1/comingsoon.png') no-repeat center;
}


/* cont2 - 개별 관리의 중요성 */
.cont2{
  width: 100%;
  height: auto;
  background: linear-gradient(#f7f8e2, #f1f3cb) ;
  padding: 80px 0 130px;
  box-sizing: border-box;
}
.cont2 .cont2_tit{
  width: 1000px;
  height: auto;
  margin: 0 auto 80px;
}
.cont2 .cont2_tit > img{
  display: block;
  width: 489px;
  height: 172px;
  margin: 0 auto;
}
.cont2 .cont2_cont{
  width: 1000px;
  height: auto;
  margin: 0 auto;
}
.cont2 .cont2_cont > img{
  width: 915px;
  height: 1721px;
  display: block;
  margin: 0 auto;
}


/* cont3 - 연간 커리큘럼 */
.cont3{
  width: 100%;
  height: auto;
  background: #e2f2d9;
  padding: 80px 0 130px;
  box-sizing: border;
}
.cont3 .cont3_tit{
  width: 1000px;
  height: auto;
  margin: 0 auto 80px;
}
.cont3 .cont3_tit > img{
  display: block;
  width: 745px;
  height: 113px;
  margin: 0 auto;
}
.cont3 .cont3_cont{
  width: 1000px;
  height: auto;
  margin: 0 auto;
}
.cont3 .cont3_cont > img{
  width: 967px;
  height: 1100px;
  display: block;
  margin: 0 auto;
}


/* cont4 - 수강후기 */
.cont4{
  width: 100%;
  height: auto;
  background: #f8f9ea;
  padding-top: 80px;
  box-sizing: border-box;
}
.cont4 .cont4_tit{
  width: 1000px;
  height: auto;
  margin: 0 auto 80px;
}
.cont4 .cont4_tit > img{
  width: 490px;
  height: 172px;
  display: block;
  margin: 0 auto;
}
.cont4 .cont4_cont1{
  width: 1000px;
  height: auto;
  margin: 0 auto 67px;
}
.cont4 .cont4_cont1 > img{
  width: 944px;
  height: 769px;
  display: block;
  margin: 0 auto;
}
.cont4 .cont4_cont2{
  width: 1000px;
  height: auto;
  margin: 0 auto;
}
.cont4 .cont4_cont2 > img{
  width: 1000px;
  height: 926px;
  display: block;
  margin: 0 auto;
}


/* cont6 - 접수중인 학원 강좌 */
.cont6{
  width: 100%;
  height: auto;
  background: #fefff5;
  padding: 80px 0 130px;
  box-sizing: border-box;
}
.cont6 .cont6_tit{
  width: 1000px;
  height: auto;
  margin: 0 auto 50px;
}
.cont6 .cont6_tit > img{
  width: 377px;
  height: 106px;
  display: block;
  margin: 0 auto;
}

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

.cont6 .cont_box .table_body{
  width: inherit;
  height: auto;
  color: #090909;
  display: flex;
}
.cont6 .cont_box .table_body .row_th{
  height: 438px;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
  line-height: 438px;
  border-right: 1px solid #b8b8b8;
  box-sizing: border-box;
}
.cont6 .cont_box .table_body .lecture_box{
  display: flex;
  height: 438px;
  width: 86%;
  flex-direction: column;
}
.cont6 .cont_box .table_body .lecture_box > div{
  width: 100%;
  height: 146px;
  display: flex;
  border-bottom: 1px solid #b8b8b8;
}
.cont6 .cont_box .table_body .lecture_box > div:last-child{
  border-bottom: 0;
}
.cont6 .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;
}
.cont6 .cont_box .table_body .lecture_box > div:nth-of-type(3) .lecture_info{
  padding: 40px 0px;
}
.cont6 .cont_box .table_body .lecture_box > div .lecture_info > div{
  position: relative;
  display: table;
  left: 50%;
  transform: translateX(-50%);
}
.cont6 .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;
}
.cont6 .cont_box .table_body .lecture_box > div .lecture_info > div.lecture_main{
  font-size: 21px;
  font-weight: 500;
  color: #090909;
  text-align: center;
  margin: 11px 0 7px;
}
.cont6 .cont_box .table_body .lecture_box > div .lecture_info > div.lecture_sub{
  font-size: 16px;
  font-weight: 300;
  color: #090909;
  text-align: center;
}
.cont6 .cont_box .table_body .lecture_box > div .lecture_info > div.lecture_sub > em{
  font-size: 10px;
  color: #090909;
  font-style: normal;
  vertical-align: 2px;
}

.cont6 .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;
}
.cont6 .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;
}
.cont6 .cont_box .table_body .lecture_box > div .lecture_link:hover{
  background: rgba(0, 0, 0, 0.02);
}