@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&display=swap');
* {
    box-sizing: border-box;
  }
  
  html,body,p,section,div,img,span,h1,h2,h3,h4,h5,h6,ul,li,input,a {
    padding: 0;
    margin: 0;
  }
  
  input,button,select{
    border: 0 none;
    outline: none;
  }
  
  ul,li {
    list-style: none;
  }
  
  a {
    text-decoration: none;
    color: inherit;
  }
body{font-family: "Noto Sans KR", sans-serif; }
section {
    width: 100%;
    margin:0 auto;
    display:block;
  }

.inner{width: 1200px; margin: 0 auto; text-align: center;}

.section01{
    background:url('https://img.megastudyacademy.co.kr/campusdev/iws_html_img/event/20241022/MEGASTUDY-2499/mainBg_v3.png') no-repeat #000102 50% 50%;
    background-size:1920px auto;
    background-position: top center;
    text-align: center;
}

.mainT{padding:115px 0 40px;}

.typing-txt{display: none;}
ul{list-style:none;}
.typing ul li{
  display:block;
  color: #0c1535;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: -0.5px;
    line-height: 30px;
}
.typing ul li.on {  
  display: inline-block;
} 

.mainP{color:#0c1535; font-size: 16px; letter-spacing: -0.5px; font-weight: 500; padding-top: 100px;}
.mainObj{padding-top: 10px; width: 17px; margin: 0 auto; padding-bottom: 110px;  position: relative;}
.mainObj img{width: 100%; position: absolute; top: 10px; animation: bounce 1.1s infinite;
    left: 0;}

@keyframes bounce {

    0%{top: 10px;}
    20%{top:15px}
    50%{top:13px;}
    80%{
        top: 15px;
    }
    100%{
        top: 10px;
    }
}

.section02{background-color: #000102; padding-top: 50px;}


.aboutGPT{
  background:#fff;
    width: 1200px; height: 355px; display: flex; align-items: center; justify-content: space-between; margin: 0 auto; padding: 44px; margin-bottom: 90px;  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, .1);
  border-radius:30px;} 
.GPT_logo{animation: bounce2 1s infinite;}

@keyframes bounce2 {

    0%{margin-top: 15px;}
    50%{margin-top: 0px;}
    100%{
        margin-top: 15px;
    }
}

.aiNews{    
    
}
.newsT{padding-top: 50px;}
.aiNewsContent{display: flex; align-items: center; justify-content: space-between;    padding-top: 11px;
  padding-bottom: 95px;}

.allGpt{display: flex; align-items: flex-start; justify-content: center;position: relative;width: 1200px;
  margin: 0 auto;height:862px;}
.allGpt .allGpt_unit {
  position:absolute;
}
.allGpt .allGpt_unit.allGpt_unit1 {
  left:0;top:221px;
}
.allGpt .allGpt_unit.allGpt_unit2 {
  bottom:0;left:450px;
}
.allGpt .allGpt_unit.allGpt_unit3 {
  right:0;top:299px;
}
  
#section02 {
  background: url(https://img.megastudyacademy.co.kr/campusdev/iws_html_img/event/20241022/MEGASTUDY-2499/section02_bg.png) no-repeat 50% 50%;
  background-size: 1920px auto;
  background-position: bottom center;
  text-align: center;
  padding:100px 0;
}

.section03{background-color: #0c1535; text-align: center; padding: 100px 0; overflow: hidden;}


.section03 .swiper-slide{
    width: 929px; height: 689px; text-align: center;  padding:45px;}
.curriT{padding-top: 160px;}
.it_curriculm{margin-top: 30px !important; width: 1200px;
  margin:0 auto;
  display: flex;
  flex-direction: column;
}
.graphT{padding:60px 0 20px 0; }

.swiper-slide-active{opacity: 1; transition: 1s;}
.swiper-slide-active .graphT{animation:blink-2 1.2s infinite both;}
@keyframes blink-2{0%{opacity:1}50%{opacity:.2}100%{opacity:1}}


.section04{background:url('https://img.megastudyacademy.co.kr/campusdev/iws_html_img/event/20241022/MEGASTUDY-2499/section04_bg_v2.png') no-repeat 50% 50%;
  background-position: bottom center;
  background-size:1920px auto; 
  padding:99px 0 50px;
}
.section04 .inner {
  width:1216px;
}



/*팝업*/
  #back_popup_bg {
    position: fixed;top:0;width:100%;height:100%;background: rgba(0,0,0, .4);display: none;z-index: 100;
  }
  #back_popup_box {
    position: fixed;top:50%;left:50%;background: #fff;z-index: 100;display: flex;flex-direction: column;padding:30px 0 0;gap:30px;margin-left: -199px;margin-top: -191.18px;display: none;
  }
  #back_popup_box .back_popup_title  {
    padding:0 30px;
  }
  #back_popup_box .back_popup_title h2{
    color: #181622;font-size: 24px;font-weight: 700;font-family: "Noto Sans KR";
  }
  
  #back_popup_box .back_popup_form  {
    padding:0 30px;
  }
  #back_popup_box .back_popup_form form {
    display: flex;flex-direction: column;gap:10px;
  }
  #back_popup_box .back_popup_form form .radio_form {
    display: flex;
    flex-direction: column;
    gap:10px;
  }
  #back_popup_box .back_popup_form form .radio_form .select_radio_box {
    display: flex;
  }
  #back_popup_box .back_popup_form form .radio_form .select_radio_box > label{
    display: flex;gap:10px;align-items: center;    line-height: 1;
  }
  #back_popup_box .back_popup_form form .radio_form .select_radio_box > label > input{
    margin:0;
  }
  #back_popup_box .back_popup_form form .name_form{
    display: flex;flex-direction: column;gap:10px;
  }
  #back_popup_box .back_popup_form form .name_form input{
    border-radius: 5px;
  }
  #back_popup_box .back_popup_form form .tel_form{
    display: flex;flex-direction: column;gap:10px;
  }
  #back_popup_box .back_popup_form form .tel_form .tel_form_input{
    display: flex;flex-direction: row;gap:10px;align-items: center;
  }
  #back_popup_box .back_popup_form form .tel_form .tel_form_input select{
    border-radius: 5px;width: 80px;
  }
  #back_popup_box .back_popup_form form .tel_form .tel_form_input input{
    border-radius: 5px;width: 100px;
  }
  #back_popup_box .back_popup_form form .agree_form{
    display: flex;justify-content: space-between;align-items: center;
  }
  #back_popup_box .back_popup_form form .agree_form label{
    
  }
  #back_popup_box .back_popup_form form .agree_form label input[type='checkbox']{
    width:14px;height:14px;
  }
  input[type='checkbox']:checked:after{
    width:14px;height:14px;border: 1px solid #ddd;top:0;left:0;
  }
  #back_popup_box .back_popup_form form .agree_form a{
    font-size:13.5px;color: #bcbcbc;font-family: "Noto Sans KR";font-weight: 300;
    border-bottom: 1px solid #bcbcbc;
  }


  #back_popup_box .apply_btn_box {
    width:100%;
  }
  #back_popup_box .apply_btn_box a{
    width:100%;background: #4c49d4;display: block;text-align: center;padding:20px 0;font-size: 13.5px;font-weight: 700;color:#fff;
  }
.back_popup_title_green{color: #18d8a6; font-weight: 700;}
#back_popup_box {padding: 25px 0 0; border-radius: 10px;}
#back_popup_box .back_popup_title h2 {
    color: #141414;
    font-size: 22px;
    text-align: center;
    line-height: 28px;
    letter-spacing: -0.7px;
}
#back_popup_box .back_popup_title {
    padding: 0 40px;text-align: center;
}

#back_popup_box .apply_btn_box a {
  background-image: -moz-linear-gradient( 180deg, rgb(255,76,200) 0%, rgb(150,102,255) 100%);
  background-image: -webkit-linear-gradient( 180deg, rgb(255,76,200) 0%, rgb(150,102,255) 100%);
  background-image: -ms-linear-gradient( 180deg, rgb(255,76,200) 0%, rgb(150,102,255) 100%);
    padding: 18px 0;
    font-size: 18px;
    font-weight: 500;
    border-radius: 0 0 10px 10px;
}

#back_popup_box .back_popup_form form .name_form {
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    justify-content: space-between;

}
.name_form label{font-weight: bold; font-size: 16px;}

#back_popup_box .back_popup_form form .name_form input {
    width: 330px;
    height: 45px;
    border-radius:0px;
    font-size: 16px;
}


.tel_form label{font-weight: bold; font-size: 16px;}

#back_popup_box .back_popup_form form .tel_form{

    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    justify-content: space-between;
}

#back_popup_box .back_popup_form form .tel_form .tel_form_input{
    width: 330px;
}
#back_popup_box .back_popup_form form .tel_form .tel_form_input select{
    border: 1px solid #ddd;
    border-radius:0px;
    font-size:16px;
}

#back_popup_box .back_popup_form form .tel_form .tel_form_input input{
    border-radius:0px;
    height: 40px;
    font-size:16px;
}

#back_popup_box .back_popup_form form{
    gap:16px;
}


#back_popup_box .back_popup_form form .agree_form a {
    font-size: 13.5px;
    color: #141414;
    font-weight: 500;
    border-bottom: 1px solid #141414;
}

#back_popup_box .back_popup_form form .agree_form label input[type='checkbox']{
    margin: 0 8px 2px 0;
}

#back_popup_box .back_popup_form form .agree_form{
    color: #141414;
}


#quick_banner {
     width: auto;
    height: auto;
    position: fixed;
    top: 300px;
    right: 150px;
    background: none;
    z-index: 20;
    gap: 0px;
    border: 0;
    border-radius:0;
}

#quick_banner a {
    background: none;
    padding: 0px;
    border-radius: 0px;
    margin-top: 0px;
    border: 0px;
}

#back_popup_bg{
    background: rgba(0, 0, 0, .6);
}

/* #topBar{top:0;}
.top_bar_fix{top:-100%;} */
#topBar {
    position: relative;
}
.top_bar_fix {
    position: relative !important;
}

.top_bar_fix.nav-up{top:-100%;position: relative;}
.top_bar_fix.nav-down{display:block; top:0%; transition: 0.5s;position: fixed !important;}