html {
  scroll-behavior: smooth;
}



.inner_box {
  max-width:1240px;width:100%;margin:0 auto;padding:70px 0;
}
#section01 {
  width:100%;background-image: url("https://img.megastudyacademy.co.kr/megadem/html_images/event/computer_literacy_test/sec01_01_bg.png");background-size:100% 100%;background-repeat: no-repeat;margin-top:0;
}

#section01 .inner_box > ul{
  display: flex;flex-direction: column;gap:50px;
  justify-content: center;align-items: center;
}
#section01 .inner_box > ul > li:nth-child(2) {
  padding-top:10px;
}
#section01 .inner_box > ul > li:nth-child(3) {
  padding-top:10px;
}
#section01 .inner_box > ul > li{
  display: flex;flex-direction: column;gap:0;
  justify-content: center;align-items: center;width:100%;
}
#section01 .inner_box > ul > li > .title_box{
  display: flex;flex-direction: column;
  justify-content: center;align-items: center;gap:15px;
}
#section01 .inner_box > ul > li .title_box h2{
  font-size:30px;color:#c3c3c3;font-weight: 300;text-shadow: 0px 0px 1rem rgba(255, 255, 255, .8);
}
#section01 .inner_box > ul > li .title_box h2 > span{
  font-weight: 700;color:#fff;
}
#section01 .inner_box > ul > li .title_box p{
  font-size:18px;color:#7d7d7d;font-weight:300;text-shadow: 0px 0px 1rem rgba(255, 255, 255, .8);
}
#section01 .inner_box > ul > li .bene_box {
  width:100%;
}
#section01 .inner_box > ul > li .bene_box > ul{
  width:100%;display:flex;gap:10px;
}
#section01 .inner_box > ul > li .bene_box > ul > li{
  width:25%;padding:25px;border: 2px solid #666666;background: #0f111a;border-radius: 20px;display: flex;flex-direction: column;justify-content: center;align-items: center;gap:20px;
}
#section01 .inner_box > ul > li .bene_box > ul > li > span{
  font-size:22px;color:#fff;font-weight:500;
}
#section01 .inner_box > ul > li .bene_box > ul > li > img{
  margin:auto 0;
}


#section01 .inner_box > ul > li .vs_img_box {
  width:100%;background: #efefef;border-radius: 20px;padding:70px 0 110px;display: flex;flex-direction: column;justify-content: center;align-items: center;gap:40px;
}
#section01 .inner_box > ul > li .vs_img_box .title_box{
  width:100%;text-align: center;
}
#section01 .inner_box > ul > li .vs_img_box .title_box > p{
  font-size: 24px;font-weight: 400;color:#282c3b;
}
#section01 .inner_box > ul > li .vs_img_box .title_box > h2{
  font-size: 38px;font-weight: 400;color:#282c3b;
}
#section01 .inner_box > ul > li .vs_img_box .title_box > h2 >span{
  font-weight: 700;color:#ff5252;
}
#section01 .inner_box > ul > li .vs_img_box ul {
  display: flex;flex-direction: column;justify-content: center;align-items: center;gap:30px;
}

#section01 .inner_box > ul > li .vs_img_box ul li:nth-child(3){
  padding-top:20px;
}
.mo_img{display:none;}

#section02 {
  width:100%;background: #efefef;padding: 20px 0;
}
#section02 .inner_box {
  display:flex;flex-direction: column; gap:60px;justify-content: center;align-items: center;
}
#section02 .inner_box .sec02_title_box {
  text-align: center;display: flex;flex-direction: column;justify-content: center;align-items: center;gap:30px;
}

#section02 .inner_box .sec02_title_box h2{
  font-size:24px;color:#282c3b;font-weight: 400;
}
#section02 .inner_box .sec02_title_box h2 > span{
  color:#ff5252;font-weight:700;
}
#section02 .inner_box .sec02_title_box p {
  font-size:38px;color:#282c3b;font-weight: 300;
}
#section02 .inner_box .sec02_title_box p > span{
  background:#ff5252;font-weight:700;color:#fff;border-radius: 35px;padding:6px 15px 10px;
}
#section02 .inner_box .sec02_content02 {
  width:100%;
}
#section02 .inner_box .sec02_content02 ul{
  display: flex;justify-content: space-between;
}



#section03 {
  width:100%;background: #222325;padding: 90px 0;
}
#section03 .inner_box {
  display:flex;flex-direction: column; gap:60px;justify-content: center;align-items: center;
}
#section03 .inner_box .sec03_title_box {
  text-align: center;display: flex;flex-direction: column;justify-content: center;align-items: center;gap:30px;
}

#section03 .inner_box .sec03_title_box h2{
  font-size:50px;color:#ffffff;font-weight: 300;
}
#section03 .inner_box .sec03_title_box h2 > span{
  font-weight:700;
}
#section03 .inner_box .sec03_content01 {
  width:100%;
}
#section03 .inner_box .sec03_content01 ul{
  width:100%;display: flex;flex-direction: column;gap:30px;
}
#section03 .inner_box .sec03_content01 ul li{
  width:100%;display: flex;flex-direction: row;justify-content: space-between;background: #0f111a;border:1px solid #5a5b5c;border-radius: 15px;align-items: center;height: 500px;padding:0 80px;
}

#section03 .inner_box .sec03_content01 ul li .con_txt{
  text-align: left;display: flex;flex-direction: column;gap:30px;    padding-bottom: 30px;
}
#section03 .inner_box .sec03_content01 ul li .con_txt h2{
  font-size:40px;color:#fffa70;font-weight:500;
}
#section03 .inner_box .sec03_content01 ul li .con_txt h2 > span{
  font-style: italic;font-size:30px;
}
#section03 .inner_box .sec03_content01 ul li .con_txt p{
  font-size:22px;color:#c3c3c3;font-weight:300;
}
#section03 .inner_box .sec03_content01 ul li .con_txt h3{
  font-size:28px;color:#ffffff;font-weight:500;
}
#section03 .inner_box .sec03_content01 ul li .con_img >img{
  vertical-align: bottom;
}
#section03 .inner_box .sec03_content01 ul li:nth-child(2) .con_img{
  margin-top:auto
}










#section04 {
  width:100%;background: #ffd254;padding: 40px 0;
}
#section04 .inner_box {
  display:flex;flex-direction: column; gap:60px;justify-content: center;align-items: center;
}
#section04 .inner_box .sec04_title_box {
  text-align: center;display: flex;flex-direction: column;justify-content: center;align-items: center;gap:30px;
}

#section04 .inner_box .sec04_title_box h2{
  font-size:50px;color:#282c3b;font-weight: 300;
}
#section04 .inner_box .sec04_title_box h2 > span{
  font-weight:700;
}
#section04 .inner_box .sec04_content01 {
  width:100%;display: flex;flex-direction: column;gap:20px;
}
#section04 .inner_box .sec04_content01 ul{
  width:100%;display: flex;flex-direction: row;gap:20px;justify-content: space-between;
}
#section04 .inner_box .sec04_content01 ul li{
  width:33.3333%;display: flex;flex-direction: column;justify-content: flex-start;background: #fffa70;border-top:2px solid #fffdc8;border-left:2px solid #fffcb3;
  border-bottom:2px solid #efb32f;border-right:2px solid #e79311;border-radius: 20px;align-items: center;padding:30px 20px;position: relative;
}
#section04 .inner_box .sec04_content01 ul li img{
  position: absolute;top:30px;right:20px;
}
#section04 .inner_box .sec04_content01 ul li h2{
  font-size:22px;font-weight: 300;color:#0f111a;   width:100%; height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#section04 .inner_box .sec04_content01 ul li h2 > span{
  width: 100%;
  display: flex;
  justify-content: flex-end;
}

#section04 .inner_box .sec04_content01 ul:nth-child(2) li{
  background: #e8f7ff;border-top:2px solid #f2faff;border-left:2px solid #f3fbff;
  border-bottom:2px solid #e49227;border-right:2px solid #e4a147;
}

.sec04_content01.mo_img{
  display: none !important;
}

#section05 {
  width:100%;background: #efefef;padding: 40px 0;
}
#section05 .inner_box {
  display:flex;flex-direction: column; gap:60px;justify-content: center;align-items: center;
}
#section05 .inner_box .sec05_title_box {
  text-align: center;display: flex;flex-direction: column;justify-content: center;align-items: center;gap:30px;
}

#section05 .inner_box .sec05_title_box h2{
  font-size:50px;color:#0f111a;font-weight: 700;
}
#section05 .inner_box .sec05_title_box h2 > span{
  font-weight:700;color: #ff5252;
}
#section05 .inner_box .sec05_content01 {
  width:100%;display: flex;flex-direction: column;gap:20px;
}
#section05 .inner_box .sec05_content01 ul {
  display: flex;flex-direction: row;justify-content: space-between;gap:20px;
}
#section05 .inner_box .sec05_content01 ul li{
  width:33.3333%;
}
#section05 .inner_box .sec05_content01 ul li .sec05_con_img > img{
  vertical-align: bottom;width:100%;
}
#section05 .inner_box .sec05_content01 ul li .sec05_con_apply {
  background: #fff;padding:30px 25px;display: flex;flex-direction: column;justify-content: center;align-items: flex-start;border-bottom-left-radius: 21px;border-bottom-right-radius: 21px;border: 1px solid #919191;position:relative;
}
#section05 .inner_box .sec05_content01 ul li .sec05_con_apply .main_discount_box{
  display: flex;align-items: center;    position: absolute;
  top: -50px;
  right: 25px;margin-left:auto;
}
#section05 .inner_box .sec05_content01 ul li .sec05_con_apply .main_discount_box p{
  position: absolute;
  left: 0;
  width: 100%;text-align: center;
  font-weight: 700;
  font-size: 35px;
  line-height: 30px;
  color: #fff;
  margin-bottom: 30px;
}
#section05 .inner_box .sec05_content01 ul li .sec05_con_apply .main_discount_box p > span{
  font-weight: 700;
  font-size: 24px;
  line-height: 20px;
  color: #fff;
  font-weight: 400;
}


#section05 .inner_box .sec05_content01 ul li .sec05_con_apply h2{
  font-size:24px;color:#0f111a;font-weight: 700;
}
#section05 .inner_box .sec05_content01 ul li .sec05_con_apply h3{
  display: flex;gap:20px;align-items: center;font-size:30px;color:#ff5252;font-weight: 700;
}
#section05 .inner_box .sec05_content01 ul li .sec05_con_apply h3 >span{
  text-decoration: line-through;font-size:20px;color:#0f111a;font-weight: 400;
}
#section05 .inner_box .sec05_content01 ul li .sec05_con_apply .btn_box{
  width:100%;display: flex;gap:20px;padding-top:20px;
}
#section05 .inner_box .sec05_content01 ul li .sec05_con_apply .btn_box a{
  width:50%;text-align: center;padding:20px 0;color:#fff;border-radius: 15px;font-size:20px;
}
#section05 .inner_box .sec05_content01 ul li .sec05_con_apply .btn_box a.apply_btn{
  background: #ff5252;
}
#section05 .inner_box .sec05_content01 ul li .sec05_con_apply .btn_box a.notice_btn{
  background: #0f111a;
}
#section05 .inner_box .sec05_content01 h4{
  margin-left:auto;font-size:12px;font-weight: 300;color:#9e9e9e;
}


.right_wing_banner_box {
  position:fixed;top:20%;right:0;background: #353535;border-top-left-radius: 10px;border-bottom-left-radius: 10px;border-left:1px solid #828282;border-top:1px solid #606060;z-index: 99;
}
.right_wing_banner_box .ban_inner_box{
  padding:30px 20px;
}
.right_wing_banner_box .ban_inner_box ul{
  display:flex;flex-direction: column;gap:15px;
}
.right_wing_banner_box .ban_inner_box ul li{
  border-top:2px solid #838383;border-left: 2px solid #777777;
  border-bottom:3px solid #2b2b2b;border-right: 2px solid #1d1d1d;
  border-radius: 10px;height:100px;
  display: table;background: #202020;
}
.right_wing_banner_box .ban_inner_box ul li a{
  font-size:22px;font-weight: 700;color:#d0cfcf;    vertical-align: middle;
  display: table-cell;padding:0 25px;text-align: center;width:100%;padding-bottom:4px;
}
.right_wing_banner_box .ban_inner_box ul li:last-child{
  background: #e0e0e0;height: unset;border-radius: 30px;border-top:1px solid #4e4e4e;
}
.right_wing_banner_box .ban_inner_box ul li:last-child a{
  font-size:22px;font-weight: 700;color:#2f2b2b;display: block;padding:10px 0;text-align: center;width: 100%;
}

.right_wing_banner_box .ban_inner_box ul li.active_on {
  border-top:2px solid #ff9f9f;border-left: 2px solid #ff9595;
  border-bottom:3px solid #2a2a2a;border-right: 2px solid #2a2a2a;
  background: #ff5252;
}
.right_wing_banner_box .ban_inner_box ul li.active_on  a{
  color:#fff;
}