#section02 .inner{
  width:100%;max-width: 1240px;display: flex;flex-direction: column;justify-content: center;align-items: center;gap:20px;background-color: #fff;padding:45px 50px;border-radius: 10px;
}
#section02 .inner .sec02_title{
  display: flex;flex-direction: column;justify-content: center;align-items: center;
}
#section02 .inner .sec02_title h2{
  color: #222222;font-size: 24px;font-weight: 400;
}
#section02 .inner .sec02_title p{
  color: #222222;font-size: 50px;font-weight: 500;font-family: "SBAggro" ;position: relative;
}
#section02 .inner .sec02_title p > span{
  color: #4280ff;
}
#section02 .inner .sec02_content_gn {
  width:100%;display: flex;
  flex-direction: column;
  gap: 40px;
}
#section02 .inner .sec02_content_gn >ul{
  width:100%;display: flex;flex-direction: row;justify-content: space-between;gap:40px;    align-items: flex-start;
}
#section02 .inner .sec02_content_gn > ul > li{
  width:50%;display: flex;flex-direction: column;overflow: hidden;max-width: 550px;border: 1px solid #4280ff;border-radius: 10px;
}
#section02 .inner .sec02_content_gn > ul > li .curri_tab_title{
  padding:20px 25px;display: flex;align-items: center;justify-content: space-between;cursor: pointer;background: #e0eaff;
}
#section02 .inner .sec02_content_gn > ul > li .curri_tab_title p{
  font-size:18px;color:#4280ff;font-weight: 500;
}
#section02 .inner .sec02_content_gn > ul > li .curri_tab_title span{
  font-size:24px;color:#222222;font-weight: 500;
}
#section02 .inner .sec02_content_gn > ul > li .curri_tab_title img{
  transform: rotate(180deg);transition: 1s all ease-in-out;
}
#section02 .inner .sec02_content_gn > ul > li .curri_tab_title img.rotate{
  transform: rotate(0deg);transition: 1s all ease-in-out;
}
#section02 .inner .sec02_content_gn > ul > li .curri_tab_content{
  background: #f9fbff;display: none;padding:20px 30px;border-top:1px solid #4280ff;
}
#section02 .inner .sec02_content_gn > ul > li .curri_tab_content ul{
  display:flex;flex-direction: column;gap:30px;
}
#section02 .inner .sec02_content_gn > ul > li .curri_tab_content ul li p{
  font-size:18px;font-weight: 400;color:#222222;margin-left:11px;text-indent: -11px;line-height:28px;
}

#section04_1_gn {
  width:100%;background-color: #e0eaff;display:none !important;
}
#section04_1_gn .inner{
  width:100%;max-width: 1240px;padding:60px 0 50px;display: flex;flex-direction: column;justify-content: center;align-items: center;gap:28px;
}
#section04_1_gn .inner .sec04_1_title{
  display: flex;flex-direction: column;justify-content: center;align-items: center;
}
#section04_1_gn .inner .sec04_1_title h2{
  color: #222222;font-size: 24px;font-weight: 400;
}
#section04_1_gn .inner .sec04_1_title p{
  color: #222222;font-size: 50px;font-weight: 700;font-family: "SBAggro";
}
#section04_1_gn .inner .sec04_1_title p span {
  color: #4280ff;
}
#section04_1_gn .inner .sec04_1_title h4{
  color: #222222;font-size: 18px;font-weight: 400;
}
#section04_1_gn .inner .sec04_1_title h4 span {
  font-weight:700;
  text-decoration: underline;
  text-underline-offset: 8px;
}
#section04_1_gn .inner .sec04_1_content {
  width:100%;display: flex;flex-direction: column;
  gap:30px;
}
#section04_1_gn .inner .sec04_1_content > p {
  text-align: center;color:#222222;font-size:16px;
}
#section04_1_gn .inner .sec04_1_content ul{
  width:100%;display: flex;justify-content: space-between;align-items: flex-start;gap:13.3333px;
}
#section04_1_gn .inner .sec04_1_content ul li{
  border: 1px solid #c1bdb2;background: #fff;border-radius: 10px;overflow: hidden;width:33.3333%;
}
#section04_1_gn .inner .sec04_1_content ul li .li_title{
  text-align: center;padding:20px 0;background: #222222;display: flex;flex-direction: column;justify-content: center;align-items: center;gap:10px;min-height: 170px;
}
#section04_1_gn .inner .sec04_1_content ul li .li_title h2{
  font-size:24px;color:#fff;font-weight: 700;line-height:34px;
}
#section04_1_gn .inner .sec04_1_content ul li .li_title p{
  font-size:18px;color:#b9d0ff;font-weight: 400;line-height: 28px;
}
#section04_1_gn .inner .sec04_1_content ul li .li_title p span {
  font-weight: 700;
}
#section04_1_gn .inner .sec04_1_content ul li .li_content{
  text-align: left;padding:20px;flex-direction: column;justify-content: flex-start;align-items: flex-start;gap:22px;display: flex;min-height:550px;
}
#section04_1_gn .inner .sec04_1_content ul li .li_content .txt-con span{
  font-size:20px;color:#222222;font-weight: 700;display: inline-block;line-height: 34px;
}
#section04_1_gn .inner .sec04_1_content ul li .li_content .txt-con p{
  font-size:16px;color:#555555;font-weight: 400;line-height: 26px;letter-spacing: -0.5px;
}
#section04_1_gn .inner .sec04_1_content ul li .li_content.aws_li_con{
  justify-content: space-around;
}
#section04_1_gn .inner .sec04_1_content ul li .li_content.aws_li_con .txt-con{
  min-height:unset;
}


#section_portpolio {
  width:100%;background-color: #f9ffe0;
}
#section_portpolio .inner{
  width:100%;max-width: 1240px;padding:90px 0 120px;display: flex;flex-direction: column;justify-content: center;align-items: center;
}
#section_portpolio .inner .sec05_portpolio {
  text-align: center;display: flex;flex-direction: column;width: 100%;gap:28px;
}

#section_portpolio .inner .sec05_portpolio .portpolio_title{
  text-align: center;display: flex;flex-direction: column;
}

#section_portpolio .inner .sec05_portpolio .portpolio_title h2{
  color: #222222;font-size: 24px;font-weight: 400;
}

#section_portpolio .inner .sec05_portpolio .portpolio_title h2 span {
  color: #f13264;font-weight:500;
}
#section_portpolio .inner .sec05_portpolio .portpolio_title p{
  color: #222222;font-size: 50px;font-weight: 500;font-family: "SBAggro";
}
#section_portpolio .inner .sec05_portpolio .portpolio_title p span {
  color: #f13264;
}
#section_portpolio .inner .sec05_portpolio .portpolio_title h4{
  color: #222222;font-size: 18px;font-weight: 400;
}
#section_portpolio .inner .sec05_portpolio .portpolio_title h4 span {
  font-weight:500;
  text-decoration: underline;
  text-underline-offset: 8px;
}

 #section_portpolio .inner .sec05_portpolio .portpolio_btn_box{
width: 100%;
}
 #section_portpolio .inner .sec05_portpolio .portpolio_btn_box ul{
   display: flex;flex-direction: row;width: 100%;border-bottom: 1px solid #fff;gap:20px;   
 }
 #section_portpolio .inner .sec05_portpolio .portpolio_btn_box ul li{
  display: flex;flex-direction: row;width: 33.3333%;text-align: center;
}
#section_portpolio .inner .sec05_portpolio .portpolio_btn_box ul li a{ 
  display: block;
  width: 100%;
  background: #222222;
  color: #ffffff;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding:15.5px 0;
  font-size: 26px;font-weight: 700;font-family: "Noto Sans KR";
  position: relative;
  opacity: 0.5;
}
#section_portpolio .inner .sec05_portpolio .portpolio_btn_box ul li a.on::after{ 
  display: block;
}
#section_portpolio .inner .sec05_portpolio .portpolio_btn_box ul li a.active{ 
  opacity: 1;
}

#section_portpolio .inner .sec05_portpolio .portpolio_tab {
  width:100%;background-color: #ffffff;padding:18px 18px 18px 45px;border: 2px solid #e1ecb5;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;
}
#section_portpolio .inner .sec05_portpolio .portpolio_tab ul{
  display:flex;flex-direction: row;width:100%;    justify-content: space-around;align-items: center;
}
#section_portpolio .inner .sec05_portpolio .portpolio_tab ul li:first-child {
  display: flex;
  flex-direction: column;
    width: 100%;
    gap: 15px;
}
#section_portpolio .inner .sec05_portpolio .portpolio_tab ul li:last-child {
  min-height:370px;
}
#section_portpolio .inner .sec05_portpolio .portpolio_tab ul li h2{
  font-size: 30px;font-weight: 700;font-family: "Noto Sans KR";color: #222;    text-align: left;line-height: 36px;
}

#section_portpolio .inner .sec05_portpolio .portpolio_tab ul li p{
  font-size: 26px;font-weight: 400;font-family: "Noto Sans KR";color: #222;text-align: left;line-height: 36px;
}

#section_portpolio .inner .sec05_portpolio .portpolio_tab ul li img{
  width:660px;
}
#section_portpolio .inner .sec05_portpolio .portpolio_tab ul li video {
  width:660px;
}
#section05 {
  width:100%;background-color: #d5f06a;
}
#section05 .inner{
  width:100%;max-width: 1240px;padding:90px 0 120px;display: flex;flex-direction: column;justify-content: center;align-items: center;gap:20px;
}
#section05 .inner .sec05_title{
  display: flex;flex-direction: column;justify-content: center;align-items: center;
}
#section05 .inner .sec05_title p{
  color: #222222;font-size: 50px;font-weight: 500;font-family: "SBAggro";
}
#section05 .inner .sec05_title p >span{
  color: #4280ff;
}
#section05 .inner .sec05_content {
  width: 100%;
}
#section05 .inner .sec05_content ul{
  width: 100%;display: grid;grid-template-columns: 1fr 1fr 1fr;row-gap: 24px;
}
#section05 .inner .sec05_content ul li{
 display: flex;flex-direction: row;gap:50px;
}
#section05 .inner .sec05_content ul li .sec05_con_img_box{
  width:100%;display: flex;
  align-items: center;
  justify-content: flex-start;
}
#section05 .inner .sec05_content ul li .sec05_con_img_box h1{
  color: #000000;font-size: 30px;font-weight: 700;font-family: "Noto Sans KR" ;
}

#section06 {
  width:100%;background: #f2ffbc;
}
#section06 .inner{
  width:100%;max-width: 1240px;padding:60px 0;display: flex;flex-direction: column;justify-content: center;align-items: center;gap:20px;
}
#section06 .inner .sec06_title01{
  display: flex;flex-direction: column;justify-content: center;align-items: center;text-align: center;
}
#section06 .inner .sec06_title01 h2{
  color: #222222;font-size: 24px;font-weight: 400;
}
#section06 .inner .sec06_title01 p{
  color: #222222;font-size: 50px;font-weight: 500;font-family: "SBAggro";
}
#section06 .inner .sec06_title01 p span {
  color: #f13264;
}

#section06 .inner .sec06_content01 {width:100%;}
#section06 .inner .sec06_content01 ul {width:100%;display: flex;justify-content: space-between;gap:15px;}
#section06 .inner .sec06_content01 ul li{width:33.3333%;padding:20px;display: flex;flex-direction: column;gap:20px;background: #ffffff;text-align: center;border-radius: 10px;}
#section06 .inner .sec06_content01 ul li iframe {width:100%;height:205px;}
#section06 .inner .sec06_content01 ul li p {
  font-size:22px;color:#000;font-weight:400;
}

#section06 .inner .sec06_title{
  display: flex;flex-direction: column;justify-content: center;align-items: center;text-align: center;gap:10px;padding:70px 0 30px;
}
#section06 .inner .sec06_title h2{
  color: #222222;font-size: 50px;font-weight: 500;font-family: "SBAggro";
}
#section06 .inner .sec06_title h2 span{
  color: #4280ff;
}
#section06 .inner .sec06_title p{
  color: #222222;font-size: 24px;font-weight: 400;
}
#section06 .inner .sec06_title p span{
  color: #4280ff;font-weight: 700;
}

#section06 .inner .sec06_content {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#section07 {
  width:100%;background-image: url(https://img.megastudyacademy.co.kr/campusdev/iws_html_img/it_backend/new/sec07_bg.png);background-size: 1920px auto;background-repeat: no-repeat;background-color: #f2ffbc;
  background-position: center;
}
#section07 .inner{
  width:100%;max-width: 1240px;padding:174px 0 103px;display: flex;flex-direction: column;justify-content: center;align-items: flex-start;
}
#section07 .inner .sec07_title{
  display: flex;flex-direction: column;justify-content: center;align-items: flex-start;
}
#section07 .inner .sec07_title h2{
  color: #222222;font-size: 24px;font-weight: 400;font-family: "Noto Sans KR";
}
#section07 .inner .sec07_title p{
  color: #222222;font-size: 44px;font-weight: 500;font-family: "SBAggro";
}
#section07 .inner .sec07_title p span{
  color: #2c8e11;
}




#section08 {
  width:100%;background:#ededed;
}
#section08 .inner{
  width:100%;max-width: 1240px;padding:110px 0;display: flex;flex-direction: column;justify-content: center;align-items: center;gap:40px;
}
#section08 .inner .sec08_title{
  display: flex;flex-direction: column;justify-content: center;align-items: center;
}
#section08 .inner .sec08_title h2{
  color: #222222;font-size: 50px;font-weight: 500;font-family: "SBAggro";
}
#section08 .inner .sec08_faq_box{
  display: flex;flex-direction: column; gap:30px;width: 100%;height:100%;
}
#section08 .inner .sec08_faq_box ul{
  display: flex;flex-direction: row;align-items: flex-start; gap:39px;width: 100%;height:100%;
}
#section08 .inner .sec08_faq_box ul li{
  padding:23px 25px;background: #fff;height: auto;
  min-height: 120px;border-radius: 10px;
  display: flex;flex-direction: column; align-items: center;justify-content: center; gap:30px;width: 100%;
  box-shadow: 0px 0px 18px 0px rgba(204, 204, 204, 1);
}
#section08 .inner .sec08_faq_box ul li a{
    background: #fff;height: auto;
    display: flex;flex-direction: column; align-items: center;justify-content: center; gap:30px;width: 100%;padding-right:15px;
  }
#section08 .inner .sec08_faq_box ul li a p{
  font-size: 24px;font-weight: 700;color:#222222;text-align: left;display: flex;justify-content: space-between;align-items: center;width: 100%;min-height: 72px;line-height:34px;}
#section08 .inner .sec08_faq_box ul li a p img.sec08_arrow{
    transform: rotate(0deg);transition: .5s ease-in-out;margin-left:auto;
  }
#section08 .inner .sec08_faq_box ul li a p img.sec08_arrow.rotate{
    transform: rotate(180deg);transition: .5s ease-in-out;
  }
#section08 .inner .sec08_faq_box ul li .slide_tabs {
    width:100%;display: flex;gap:30px;flex-direction: column;background: #f5f5f5;padding:25px;border-radius: 10px;
  }
#section08 .inner .sec08_faq_box ul li .slide_tabs span{
    text-align: left;width: 100%;display: flex;font-size: 20px;font-weight: 500;font-family: "Noto Sans KR";color:#666666;word-break: keep-all;
  }
  #section08 .inner .sec08_faq_box ul li .slide_tabs span span{
    font-weight: 700;display: contents;
  }

  #section09 {
    width:100%;background:#ededed;
  }
  #section09 .inner{
    width:100%;max-width: 1240px;padding:0 0 100px;
  }
  #section09 .inner .sec09_notice_box{
    width:100%;
  }
  #section09 .inner .sec09_notice_box ul{
    width:100%;display: flex;flex-direction: row;gap: 100px;
  }
  #section09 .inner .sec09_notice_box ul li p{
    display: flex;flex-direction: row;gap: 8px;align-items: center;width: max-content;    font-size: 22px;font-weight:700;font-family: "Noto Sans KR";color:#6a6a7c;
  }
  #section09 .inner .sec09_notice_box ul li p img{
    margin-bottom: -4px;
  }
  
  #section09 .inner .sec09_notice_box ul li > span{
    font-size: 18px;font-weight: 400;font-family: "Noto Sans KR";color:#6a6a7c;    margin-left: 0.6rem;
    text-indent: -0.6rem;
  }
  #section09 .inner .sec09_notice_box ul li:nth-child(2){
    width:100%;display: flex;flex-direction: column;gap: 5px;
  }