@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
/* table, caption, tbody, tfoot, thead, tr, th, td, */
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;

	vertical-align: baseline;
}



*,*::before,*::after {
  box-sizing: border-box;
}


html {
  font-size: 10px;
  line-height: 1;
}

body {
  font-size: 10px;
  font-family: 'Noto Sans KR', sans-serif;
}

ul,li {
  list-style-type: none;
}

.clear-fix::after {
  content: "";
  display: block;
  clear: both;
}

.blind {
  overflow: hidden;
  font-size: 0;
  line-height: 0;
  width: 1px;
  height: 1px;
  position: absolute;
}

a {
  color: inherit;
  text-decoration: none;
}

button {
  border: none;
  outline: none;
  cursor: pointer;
}


/*  */


#class_gate_wrap * {
  vertical-align: bottom;
}
#class_gate_wrap {
  width:100%;overflow: hidden;
}
#class_gate_wrap .gate_section_main{
  width:100%;background: url("https://img.megastudyacademy.co.kr/campusdev/iwsm_html_img/event/20240520/MEGASTUDY-1914/section_bg.png") top center no-repeat;
  background-size: cover;
}
#class_gate_wrap .gate_section_main .section_inner {
  max-width: 1240px;margin:0 auto;padding:237px 0 99px;text-align: center;
}
#class_gate_wrap .gate_section02{
  width:100%;background-color: #07091f;
}
#class_gate_wrap .gate_section02 .section_inner {
  max-width: 1240px;margin:0 auto;padding:84px 0 83px;text-align: center;
  display: flex;flex-direction: column;
}

#class_gate_wrap .gate_section03 {
  width:100%;background-color: #050d43; 
}
#class_gate_wrap .gate_section03 .section_inner {
  max-width: 1240px;margin:0 auto;padding:84px 0 132px;text-align: center;
  display: flex;flex-direction: column;
}


#class_gate_wrap .gate_section04{
  width:100%;background: url("https://img.megastudyacademy.co.kr/campusdev/iws_html_img/event/20240520/MEGASTUDY-1914/section04_bg_v2.png") top center no-repeat;
  background-size: 1920px auto;height:1290px;
}
#class_gate_wrap .gate_section04 .section_inner {
  max-width: 1240px;margin:0 auto;padding:110px 0 0;text-align: center;
  display: flex;flex-direction: column;gap:64px;height:100%;
}
#class_gate_wrap .gate_section04 .section_inner .section_title {
  text-align: center;
}
#class_gate_wrap .gate_section04 .section_inner .section_title h2{
  font-size:50px;color: #ffffff;font-weight: 700;
}
#class_gate_wrap .gate_section04 .section_inner .section_title h2 span {
  color: #ffff00;
}
#class_gate_wrap .gate_section04 .section_inner .section_title > span{
  font-size:24px;color: #aaaaaa;font-weight: 400;
}
#class_gate_wrap .gate_section04 .section_inner .section_content {
  width:100%;height:100%;display: flex;flex-direction: column;gap:25px;
}
#class_gate_wrap .gate_section04 .section_inner .section_content ul {
  display: flex;gap:10px;height:100%;justify-content: center;
}
#class_gate_wrap .gate_section04 .section_inner .section_content ul li {
  width:20%;height:100%;display: contents;
}
#class_gate_wrap .gate_section04 .section_inner .section_content ul li a{
  width: 100%;
  border-radius: 10px;
  background: transparent;
  flex-direction: column;
  display: flex;
  overflow: hidden;
  max-width:240px;
}
#class_gate_wrap .gate_section04 .section_inner .section_content ul li a > img{
  width: 100%;
}
#class_gate_wrap .gate_section04 .section_inner .section_content ul li a .txt_box {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 25px 10px 25px 20px;
  text-align: left;
  align-items: flex-start;
  background: #fff;
  height: 100%;
}
#class_gate_wrap .gate_section04 .section_inner .section_content ul li a .txt_box p{
  font-size:18px;color: #3b3b3b;font-weight:400;line-height: 24px;letter-spacing: -0.04em;font-family: "Noto Sans KR";
}
#class_gate_wrap .gate_section04 .section_inner .section_content .section_notice {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
#class_gate_wrap .gate_section04 .section_inner .section_content .section_notice h2 {
  font-size: 35px;color:#fff;font-weight:700;
}