@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: 1658px;
  background: url('/events/event251106/images/cont1/intro-bg.jpg') no-repeat center top #042422;
}
.cont1 > div{
  margin: 0 auto;
}
.cont1 .intro{
  width: 1000px;
  height: 1260px;
}
.cont1 .intro > img{
  display: block;
  margin: 0 auto;
}
.cont1 .introduction_video{
  width: 856px;
  height: 482px;
  background: #000;
  position: relative;
  top: -216px;
}
.cont1 .introduction_video > img{
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}



/* cont2 - 스페셜 이벤트 */
.cont2{
  width: 100%;
  height: 1496px;
  background: url("/events/event251106/images/cont2/bg.jpg") no-repeat center bottom #d2d7da;
}
.cont2 > div{
  margin: 0 auto;
}
.cont2_tit{
  width: 1000px;
  padding-bottom: 67px;
  box-sizing: border-box;
}
.cont2_tit > img{
  display: block;
  margin: 0 auto;
}
.cont2_cont{
  display: flex;
  width: 1000px;
  padding: 0 48px 67px;
  box-sizing: border-box;
  justify-content: space-between;
}
.cont2_cont > div{
  width: 440px;
  height: 864px;
}
.cont2_cont > div > img{
  display: block;
}
.cont2 .readmore{
  width: 516px;
  height: 86px;
  cursor: pointer;
}
.cont2 .readmore > img{
  display: block;
  margin: 0 auto;
}



/* cont3 - 이병국 원장님 소개 */
.cont3{
  width: 100%;
  height: auto;
  background: #ebebeb;
}
.cont3 .cont3_tit{
  width: 558px;
  height: 209px;
  margin: 0 auto 37px;
}
.cont3 .cont3_tit > img{
  display: block;
  margin: 0 auto;
}
.cont3 .th_intro{
  width: 1000px;
  margin: 0 auto;
}
.cont3 .th_intro > img{
  display: block;
  margin: 0 auto;
}



/* cont4 - 수학사관학교 모집안내 */
.cont4{
  width: 100%;
  height: auto;
  background: #214b5d;
  padding-bottom: 145px;
  box-sizing: border-box;
}

.cont4 .cont4_tit{
  width: 675px;
  height: 210px;
  margin: 0 auto 79px;
}
.cont4 .cont4_tit > img{
  display: block;
  margin: 0 auto;
}

.cont4 .cont4_cont{
  width: 1000px;
  margin: 0 auto;
  height: auto;
}
.cont4 .cont4_cont > span{
  display: block;
  width: 904px;
  margin: 0 auto;
}
.cont4 .cont4_cont > span.cont4_cont1{
  height: 498px;
  margin-bottom: 85px;
}
.cont4 .cont4_cont > span.cont4_cont2{
  height: 1363px;
  margin-bottom: 85px;
}
.cont4 .cont4_cont > span.cont4_cont3{
  height: 701px;
  position: relative;
}
.cont4 .cont4_cont > span > img{
  display: block;
  margin: 0 auto;
}
.cont4 .cont4_cont > span.cont4_cont3 > div.cont4_btns{
  position: absolute;
  width: inherit;
  height: inherit;
  top: 0px;
  left: 0px;
}
.cont4 .cont4_cont > span.cont4_cont3 > div .cont4_emailcopy{
  width: 226px;
  height: 19px;
  position: absolute;
  top: 244px;
  left: 162px;
  cursor: pointer;
}

.cont4 .cont4_cont > span.cont4_cont3 > div .cont4_downbtn{
  width: 140px;
  height: 20px;
  position: absolute;
  top: 271px;
  left: 162px;
  cursor: pointer;
}
.cont4 .cont4_cont > span.cont4_cont3 > div .cont4_pagebtn{
  width: 156px;
  height: 20px;
  position: absolute;
  top: 307px;
  left: 183px;
  cursor: pointer;
}

#copytoast {
  position: fixed;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(255,255,255,0.8);
  color: #000;
  padding: 20px 28px 22px;
  border-radius: 19px;
  font-size: 30px;
  font-family: 'Noto Sans KR', sans-serif;
  font-weight: bold;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.4s ease;
}


/* cont5 - 2026 학사일정 */
.cont5{
  width: 100%;
  height: auto;
  background: #dee3e6;
  padding-bottom: 145px;
  box-sizing: border-box;
}
.cont5 .cont5_tit{
  width: 405px;
  height: 210px;
  margin: 0 auto 82px;
}
.cont5 .cont5_tit > img{
  display: block;
  margin: 0 auto;
}

.cont5 .cont5_cont{
  width: 944px;
  margin: 0 auto;
}
.cont5 .cont5_cont .cont5_tabs{
  width: inherit;
  height: 141px;
  margin: 0 auto;
  display: flex;
}
.cont5 .cont5_cont .cont5_tabs > div{
  width: 472px;
  height: 141px;
  cursor: pointer;
}
.cont5 .cont5_cont .cont5_tabs > div > img{
  opacity: 0;
}
.cont5 .cont5_cont .cont5_tabs > div.cont5_tab1{
  background: url("/events/event251106/images/cont5/tab1-off.png") no-repeat center top
}
.cont5 .cont5_cont .cont5_tabs > div.cont5_tab2{
  background: url("/events/event251106/images/cont5/tab2-off.png") no-repeat center top
}
.cont5 .cont5_cont .cont5_tabs > div.active > img{
  opacity: 1;
}

.cont5 .cont5_cont .cont5_conts{
  width: inherit;
  height: auto;
  background: #fff;
  padding: 70px 20px;
  box-sizing: border-box;
  display: none;
  margin-top: -21px;
}
.cont5 .cont5_cont .cont5_conts > img{
  display: block;
  margin: 0 auto;
}
.cont5 .cont5_cont .cont5_conts.active{
  display: block;
}



/* cont6 - 접수중인 학원 강좌 */
.cont6{
  width: 100%;
  height: auto;
  background: #bcccd6;
  padding-bottom: 140px;
  box-sizing: border-box;
}
.cont6 .cont6_tit{
  width: 365px;
  height: 156px;
  margin: 0 auto 80px;
}
.cont6 .cont6_tit > img{
  display: block;
  margin: 0 auto;
}

.cont6 .cont_box{
  width: 944px;
  height: auto;
  border-top: 2px solid #989898;
  border-bottom: 2px solid #989898;
  background: #f9f9f9;
  margin: 0 auto;
}
.cont6 .cont_box .table_head{
  width: inherit;
  height: 35px;
  background: #e0e0e0;
  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: #104768;
  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);
}