@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css");
@font-face {
  font-family: "GmarketSansBold";
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff")
    format("woff");
  font-weight: normal;
  font-style: normal;
}
#sub_me_section {
  display: none;
}
#container {
  overflow:hidden;
}
header {
  display: none !important;
}
#headertopbanner {
  display: none;
}
#container img {
  width:unset;
  vertical-align: bottom;
}
#section01 img{
width: 100%;
}
#section01 {
  height:449px !important;
}

#section02 {
  background: url(https://careergate-service.s3.amazonaws.com/img/campusdev/beautym_html_img/event/20250212/MEGASTUDY-2933/proicons_game.png)
  no-repeat;
  background-position: center -1px;
  background-size: 768px auto;padding:180px 0 0;
  height:953px;
}
#section02 .section_inner{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
#section02 .section_inner .object_wrap {
  display: flex;
      align-items: center;
      flex-wrap: wrap;
      justify-content: center;
}
#section02 .section_inner .object_wrap img:last-child{
  bottom:27px;position: relative;
}


#section03 {
  background-color: #fff;
  padding:134px 0 128px;
}
#section03 .section_inner {
  margin:0 auto;text-align: center; display: flex;flex-direction: column;gap:60px;
  align-items: center;justify-content: center;
}
#section03 .section_inner .section03_title {
  display: flex;flex-direction: column;gap:20px;
}
#section03 .section_inner .section03_title h2 {
  font-size:35px;line-height:1;color:#000000;font-weight: 400;
  font-family: "Pretendard Variable";
}
#section03 .section_inner .section03_title h2 span {
  font-weight:700;color:#372f9f;
}
#section03 .section_inner .section03_title h1 {
  font-size: 41px;
  line-height: 28px;
  color: #000000;
  font-weight: 700;
  font-family: "Pretendard Variable";
  display: flex;
  align-items: flex-end;
  gap:10px;
}
#section03 .section_inner .section03_title h1 span {
  font-size: 49px;
  color: #ff2727;
  font-family: "GmarketSansBold";
  line-height: 1;
  display: inline-block;
  height: 39px;
}
#section03 .section_inner .section03_content {
  width:100%;display: flex;flex-direction: column;gap:100px;
}
#section03 .section_inner .section03_content .univ_swiper {
  display: flex;flex-direction: column;gap:40px;
}
#section03 .section_inner .section03_content .univ_swiper .swiper-title h2 {
  font-size:30px;  font-weight: 400;line-height: 1;color: #212121;display: flex;gap:20px;
  font-family: "Pretendard Variable";width:625px;margin:0 auto;white-space: nowrap;align-items: center;
}
#section03 .section_inner .section03_content .univ_swiper .swiper-title h2 span {
  width:100%;background-color: #212121;height:1px;
}
#section03 .section_inner .section03_content .ad_swiper {
  display: flex;flex-direction: column;gap:50px;
}
#section03 .section_inner .section03_content .ad_swiper .swiper-title h2 {
  font-size:30px;  font-weight: 400;line-height: 1;color: #212121;display: flex;gap:20px;
  font-family: "Pretendard Variable";width:625px;margin:0 auto;white-space: nowrap;align-items: center;
}
#section03 .section_inner .section03_content .ad_swiper .swiper-title h2 span {
  width:100%;background-color: #212121;height:1px;
}
#section03 .section_inner .section03_content .univ_swiper_container {
  width:100%
}
#section03 .section_inner .section03_content .univ_swiper_container .swiper-wrapper {
  transition-timing-function: linear;
}
#section03 .section_inner .section03_content .univ_swiper_container .swiper-slide{
  width:379px;height: 228px;background-size:cover;background-repeat: no-repeat;
}
#section03 .section_inner .section03_content .ad_swiper_container {
  width:100%
}
#section03 .section_inner .section03_content .ad_swiper_container .swiper-wrapper {
  transition-timing-function: linear;
}
#section03 .section_inner .section03_content .ad_swiper_container .swiper-slide{
  width:379px;height: 228px;background-size:cover;background-repeat: no-repeat;
}


#section04 {
  background: url(https://careergate-service.s3.amazonaws.com/img/campusdev/beautym_html_img/event/20250212/MEGASTUDY-2933/section04_bg.png)
  no-repeat;
  background-position: center bottom;
  background-size: 768px auto;padding:40px 0 101px;
}
#section04 .section_inner{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap:26px;
}

#section05 {
  padding:0 0 130px;
  background: #fff;
}
#section05 .section_inner{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  max-width: 768px;
  margin:0 auto;
  gap:60px;
}

#section06 {
  background: url(https://careergate-service.s3.amazonaws.com/img/campusdev/beautym_html_img/event/20250212/MEGASTUDY-2933/sectopn06_bg.png)
  no-repeat;
  background-position: center -1px;
  background-size: 768px auto;padding:37px 0 132px;
}
#section06 .section_inner{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap:100px;
  max-width: 570px;
  margin:0 auto;
}
#section06 .section_inner .section06_content {
  display: flex;gap:10px;flex-direction: column;
}
#section06 .section_inner .section06_content .content_right {
  display: grid;grid-template-columns: 1fr 1fr;width:100%;row-gap:10px;column-gap:12px;
}


#section07 {
  background: rgb(255,246,232);
  background: linear-gradient(180deg, rgba(255,246,232,1) 0%, rgba(255,255,255,1) 100%);
  padding:100px 0 130px;
}
#section07 .section_inner{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap:96px;
  max-width: 706px;
  margin:0 auto;
}
#section07 .section_inner .section07_content {
  display: flex;gap:130px;flex-direction: column;width:100%;
}

#section07 .section_inner .section07_content .swiper-container {
  width:100%;overflow: hidden;border-radius: 40px;position: relative;
}
#section07 .section_inner .section07_content .swiper-container .swiper-slide {
  width:706px;height:480px;position: relative;overflow: hidden;
}
#section07 .section_inner .section07_content .swiper-container .swiper-slide img {
  position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);  width: 855px;
}


#section07 .section_inner .section07_content .swiper-container .slide-control {
  position: absolute;
  bottom: 0;
  right: 0;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 38px;
  width: 280px;
  height:90px;
  z-index: 9;
  background-color: #fffbf5;
  border-top-left-radius: 35px;
}
#section07 .section_inner .section07_content .swiper-container .slide-control .nav_btn{
  display: flex;gap:15px;
}
#section07 .section_inner .section07_content .swiper-container .slide-control .swiper-pagination {
  display: flex;align-items: center;justify-content: space-between;gap:4px;position: relative;
  top: unset;
  transform: unset;
  bottom: unset;
  width: 70px;
  height: 15px;
  border-radius: 24px;
  z-index: 9;
}
#section07 .section_inner .section07_content .swiper-container  .slide-control .autoplay-progress {
  display: flex;
}
#section07 .section_inner .section07_content .swiper-container  .slide-control .autoplay-progress button.stop {
  width: 7px;
  height: 9px;
  background: url(https://img.megastudyacademy.co.kr/campusdev/beauty_html_img/event/20250212/MEGASTUDY-2933/stopSlider.png);
  z-index: 9;
  outline: 0;
  border: 0;
  background-repeat: no-repeat;
  background-position: center;
  padding:0;
  cursor: pointer;
}
#section07 .section_inner .section07_content .swiper-container .slide-control .autoplay-progress button.stop.play {
  width: 8px;
  height: 10px;
  background: url(https://img.megastudyacademy.co.kr/campusdev/beauty_html_img/event/20250212/MEGASTUDY-2933/startSlider.png);
  z-index: 9;
  outline: 0;
  border: 0;
  background-repeat: no-repeat;
  background-position: center;
  padding:0;
}
#section07 .section_inner .section07_content .swiper-container .slide-control .autoplay-progress svg{
      position: absolute;
      left: 0;
      top: 0px;
      z-index: 1;
      width: 100%;
      height: 100%;
      stroke-width: 4px;
      stroke: #fff;
      fill: none;
      stroke-dashoffset: calc(125.6 * (1 - var(--progress)));
      stroke-dasharray: 125.6;
      transform: rotate(-90deg);
    }

    #section07 .section_inner .section07_content .swiper-container .slide-control span{
  font-size:18px;color:#3f3f3f;font-family: "Wanted Sans Variable";font-weight: 700;    line-height: 20px;
}
#section07 .section_inner .section07_content .swiper-container .slide-control span.line{
  background:#3f3f3f;width: 35px;height:1px;display: flex;
}
#section07 .section_inner .section07_content .swiper-container .slide-control span.swiper-pagination-current {
  font-family: "Pretendard Variable";
}
#section07 .section_inner .section07_content .swiper-container .slide-control span.swiper-pagination-total{
  color:#3f3f3f;font-family: "Pretendard Variable";
}
#section07 .section_inner .section07_content .swiper-container .slide-control .swiper-button-next {
  position: relative;margin-top:0;top:50%;background-image: url(https://img.megastudyacademy.co.kr/campusdev/beauty_html_img/event/20250212/MEGASTUDY-2933/mainBannerLeftArrow.png);
  width:32px;height:32px;background-size: unset;transform: rotate(180deg);    right: 50%;
  left: unset;background-repeat: no-repeat;background-color: #ff2727;border-radius: 50px;background-position: center center;
}
#section07 .section_inner .section07_content .swiper-container .slide-control .swiper-button-next::after {
  display:none;
}
#section07 .section_inner .section07_content .swiper-container .slide-control .swiper-button-prev {
  position: relative;margin-top:0;background-image: url(https://img.megastudyacademy.co.kr/campusdev/beauty_html_img/event/20250212/MEGASTUDY-2933/mainBannerLeftArrow.png);
  width:32px;height:32px;background-size: unset;left: 50%;top:50%;background-repeat: no-repeat;
  right: unset;background-color: #ff2727;border-radius: 50px;background-position: center center;
}
#section07 .section_inner .section07_content .swiper-container .slide-control .swiper-button-prev::after {
  display:none;
}

#section07 .section_inner .section07_content .swiper-container .slide-control .swiper-button-next.swiper-button-disabled, #section07 .section_inner .section07_content .swiper-container .slide-control .swiper-button-prev.swiper-button-disabled {
  opacity: 1;background-color: #b3b3b3;
}

#section07 .section_inner .section07_content .swiper-container .slide-control::after{
  background-image: url(https://img.megastudyacademy.co.kr/campusdev/beauty_html_img/event/20250212/MEGASTUDY-2933/control_box_af.png);
  position: absolute;
  top:-43px;right:0;
  content:'';
  width:43px;height:43px;
  background-size: cover;
}


#section07 .section_inner .section07_content .swiper-container .slide-control::before{
  background-image: url(https://img.megastudyacademy.co.kr/campusdev/beauty_html_img/event/20250212/MEGASTUDY-2933/control_box_af.png);
  position: absolute;
  bottom:0;left:-43px;
  content:'';
  width:43px;height:43px;
  background-size: cover;
}
#section07 .section_inner .section07_content .location_container{
  width:706px;height:unset;background: #fff;box-shadow: 3px 0 7px rgba(101,101,101, 0.3);border-radius: 35px;padding:75px 23px 27px;  display: flex;
  flex-direction: column;
  justify-content: space-between;    gap: 40px;
  align-items: center;
}
#section07 .section_inner .section07_content .location_container .location_info {
  display: flex;flex-direction: column;gap:30px;padding:0 25px;
}
#section07 .section_inner .section07_content .location_container .location_info .location_info_title{
  display: flex;flex-direction: column;gap:30px;padding-bottom:60px;
  border-bottom:1px solid #372f9f;
}

#section07 .section_inner .section07_content .location_container .location_info .location_info_title h2 {
  font-size:33px;color:#ff2727;line-height: 1;font-family: "GmarketSansBold";
}
#section07 .section_inner .section07_content .location_container .location_info .location_info_title p {
  font-size:24px;color:#000;line-height: 1;font-family: "Pretendard Variable";font-weight:300;
}


#section07 .section_inner .section07_content .location_container .location_info .info_more h3 {
  font-size:22px;color:#372f9f;line-height: 1.4;font-family: "Pretendard Variable";font-weight:700;
}

#section07 .section_inner .section07_content .location_container .location_info .info_more h2 {
  font-size:22px;color:#000000;line-height: 1.4;font-family: "Pretendard Variable";font-weight:300;
}


#section07 .section_inner .section07_content .location_container .location_info .info_more h2 span{
  font-weight:600;
}




.counselingForm{background: #fff;padding:5% 3% 30px 3%;}
.counselingForm.bg_gray{background: #f1f1f1;margin-top:56px;}
.counselingForm .customer_tit_sub{color: #565656;font-size: 32px;font-family: 'notokr-bold';letter-spacing: -0.04em;}
.counselingForm .customer_tit{color: #ff7b47;font-size: 36px;font-family: 'notokr-bold';letter-spacing: -0.04em;line-height: 1.2;padding-top: 5%;}
.counselingFormTable{border-top:2px solid #565656;width: 100%;margin-top: 2.5%;padding-top: 2.5%;}
.counselingFormTable table{width: 100%;}
.counselingFormTable table input,
.counselingFormTable table select{border:1px solid #b1b1b1;/*line-height: 4.9;*/line-height: 2.64;}
.counselingFormTable table .radio_int{appearance:auto;}
.counselingFormTable table th{font-size: 24px;letter-spacing: -0.04em;color: #565656;font-family: 'notokr-bold';text-align: left;font-weight: normal;}
.counselingFormTable table th span{color: #ff7b47;padding-left: 2%;}
.counselingFormTable table td{padding:1.5% 0;font-size: 26px;display: flex; align-items: center; justify-content: flex-start; gap:5px; font-family: 'notokr-regular';letter-spacing: -0.04em;color: #565656;}/* 2021-11-19 lee */
.btnCounseling2{padding-top: 6%;text-align: center;}
.btnCounseling2 button{display: inline-block;color: #fff;background: #616161;padding:0 9%;font-size: 26px;font-family: 'notokr-bold';letter-spacing: -0.05em;line-height: 2.85;}
.btnCounseling2 button.btn_button{display: inline-block;color: #fff;background: #bda694;}
.counseling_end{padding: 15% 0;}
.counseling_end div{width: 66%;text-align: center;display: block;margin: 0 auto;}
.counseling_end div img{width: auto;}
.counseling_end div span{display: block;color: #565656;font-size: 21px;line-height: 1.5;letter-spacing: -0.02em;font-family: 'notokr-medium';text-align: center;padding:4% 0 6% 0;}
.counseling_end div a{display: inline-block;line-height: 2.5;color: #fff;background: #bda694;text-align: center;margin: 0 auto;font-size: 26px;font-family: 'notokr-bold';letter-spacing: -0.05em;padding: 0 12%;}
.counselingFormTable table td label span{font-size:22px;}

.mainCounseling{background: #f5f5f5;padding-bottom: 120px;padding-top: 95px;}
.mainCounseling .inner{overflow: hidden;}
.mainCounseling .mSubTit{font-size: 36px;font-family: 'notokr-bold';letter-spacing: -0.04em;line-height: 40px;/*background: url(https://img.megastudyacademy.co.kr/campus/beautym_html_img/main/ico_dan.png) no-repeat 0 bottom;background-size:12px;*/background-position: left 318px bottom;}
.counselingCheck{width: 100%;margin-top: 4%;}
.counselingCheck h6 {
	color: #565656;
	text-align: left;
	font-size: 26px;
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.counselingCheck h6.mdi{padding-top: 5%;}
.counselingCheck h6.mdi span{color: #565656;font-size: 26px;font-family: 'notokr-bold';letter-spacing: -0.04em;}
.counselingCheck h6 span{color: #565656;font-size: 26px;font-family: 'notokr-regular';letter-spacing: -0.04em;font-weight: normal;}
.counselingCheck h6 span strong{font-weight: 700;color: #ff7b47;}
.counselingCheck .course{padding-top: 15px;overflow: hidden;display: grid; grid-template-columns: 1fr 1fr 1fr;gap:13px;}
.counselingCheck .course a{display: inline-block;border-radius: 5px;
	border: 2px solid #E1E1E1;
	background: #F1F1F1;text-align: center;line-height: 3.35;color: #565656;font-size: 28px;letter-spacing: -0.04em;font-family: 'notokr-regular';float: left;}
.counselingCheck .course a:hover,
.counselingCheck .course a:active,
.counselingCheck .course a.select{background: #ff7b47;letter-spacing: -0.05em;font-family: 'notokr-bold';color: #fff;border: 2px solid #ff7b47;}
/*.counselingCheck .process{margin-top: 3%;overflow: hidden;width: 100%;border-top: 2px solid #565656;}
.counselingCheck .process table{width: 100%;}
.counselingCheck .process table tbody th,
.counselingCheck .process table tbody td{padding:20px 0;border-bottom:1px solid #ddd;font-family: 'notokr-regular';font-size: 24px;letter-spacing: -0.04em;line-height: 1;font-weight: normal;text-align: left;color: #565656;}
.counselingCheck .process table tbody td div{width: 50%;display: inline-block;float: left;margin-top: 1%;}*//* 2021-11-19 lee *//*
.counselingCheck .process table tbody td div input{width: 23px;height: 23px;border:1px solid #ddd;vertical-align: middle;margin-right: 8px;}
.counselingCheck .process table tbody td input.int{/*height: 35px;*//*border:1px solid #cec6c0;vertical-align: middle;line-height: 2.4;}
.counselingCheck .process table tbody td span{display: block;font-size: 22px;font-family: 'Nanum-R';letter-spacing: -0.04em;color: #75706d;line-height: 1;vertical-align: middle;opacity: .7;padding-top: 2%;}
.counselingCheck .selectProcess{overflow: hidden;margin-top: 15px;}
.counselingCheck .selectProcess .selectProcessBox{position: relative;display:block;margin-bottom: 1%;}
.counselingCheck .selectProcess .selectProcessBox a{display: inline-block;background: #f1f1f1;border:1px solid #e5e5e5;font-size: 24px;line-height: 3.35;font-family:'notokr-medium';color: #565656;letter-spacing: -0.04em;padding:0 20% 0 4%;position: relative;}
.counselingCheck .selectProcess .selectProcessBox a span{color: #ff7b47;}
.counselingCheck .selectProcess .selectProcessBox button{background:url(https://img.megastudyacademy.co.kr/campus/beautym_html_img/customer/btn_select_del.png) no-repeat 0 0;background-size:contain; width: 45px;height: 45px;text-indent: -999em;border:0;cursor: pointer;margin: -2% 0 0 -10%;position: relative;}*/
.personalGuide{margin-top: 3%;position: relative;border-bottom: 1px solid #c2c2c2;/*padding-bottom: 3%;*/}
.personalGuide .sub-menu{padding:2% 0;}
.personalGuide .sub-menu .t_bt {
	display: flex;align-items: center;
}
.personalGuide .sub-menu .t_bt a {
	display: flex;align-items: center;width:100%;
}
.personalGuide div a{color: #565656;font-size: 26px;font-family: 'notokr-regular';letter-spacing: -0.04em;}
.personalGuide div input{width: 40px;height: 40px;border:1px solid #b1b1b1;vertical-align: middle;margin-right: 3%;}
.personalGuide div .ico_arr{display: inline-block;width: 4%;vertical-align: middle;margin-left: 2%;}
.personalGuide div label{color: #9b9896;font-size: 14px;letter-spacing: -0.04em;font-family: 'notokr-regular'}
.counselingForm .btnCounseling{/*margin-top: 66px;*/}
.counselingForm .btnCounseling a{display: block;width: 100%;height: 80px;color: #fff;border-radius: 5px;
	background: #BDA694;font-family: 'notokr-bold';letter-spacing: -0.05em;font-size: 34px;line-height: 80px;text-align: center;}
.counselingForm .btnCounseling button{display: block;width: 100%;height: 80px;color: #fff;border-radius: 5px;
	background: #BDA694;font-family: 'notokr-bold';letter-spacing: -0.05em;font-size: 34px;line-height: 80px;text-align: center;}
.int_tit{font-size: 28px;letter-spacing: -0.04em;font-family: 'notokr-bold';color: #565656;}
.counselingFormTable input[type="radio"] {width: 42px;height: 42px;margin-right: 2%;}
.selectTem{position: relative;border:1px solid #ddd;vertical-align: middle;height: 44px;padding-left: 20px;width: 126px;background: #fff;float: left;margin-right: 5px;}
.selectTem .selecta{line-height: 44px;width: 100%;font-family: 'notokr-regular';color: #323232;font-size: 16px;letter-spacing: -0.025em;display: inline-block;background:url(https://img.megastudyacademy.co.kr/campus/beautym_html_img/common/ico_select_d.png) no-repeat right 19px center;}
.subSelect{ position: absolute;width: 124px;top: 100%;left:0;background: #fff;box-shadow: 0 0 10px 0 rgba(0,0,0,.18);transition: all .3s;display:none;transform: translateY(20px);z-index: 1; /*opacity: 0;*/}
.selectTem:hover .subSelect{display:block;transform: translateY(0);/*opacity: 1;*/}
.subSelect a{display: block;width: 100%;color: #323232;font-size: 16px;letter-spacing: -0.025em;padding-left: 20px;line-height: 44px;border-bottom: 1px solid #ddd;}
.subSelect a:hover{background: #ff7b47;color: #fff;}


.counselingFormTable table td input{
	text-indent: 10px;
}


.counselingForm {
  background-color: #f5f5f5;
  padding: 4% 3%;
}
.counselingForm #it_form_radio > div {
  gap:20px;
}
.counselingForm #it_form_radio > div > div{
  gap:5px;
}
.counselingForm.bg_gray {
  background-color: #f5f5f5;
  margin-top: 0;
}
.personalGuide {
  border-bottom:0;
}
.pagemenu ul {
  padding: 0;
}
.counselingForm .btnCounseling {
  margin-top:30px;
}
.counselingForm .btnCounseling button {
  background: #f02828;border:0;
}
.counselingFormTable input[type="radio"] {
  width: 30px;
  height: 30px;
  margin: 0;
}

.bottom_notice {
  display: flex;flex-direction: column;gap:0;align-items: flex-start;justify-content: center;
  max-width: 100%;margin:0 auto;padding:70px 0 89px;background-color: #f5f5f5;
}
.bottom_notice .bottom_notice_inner {
  max-width: 700px;margin:0 auto;width: 100%;
}
.bottom_notice h2 {
  font-family: "Noto Sans KR";font-size:20px;color:#9b9b9b;line-height:35px;font-weight:400;padding-bottom:30px;
}
.bottom_notice .p_box p {
  font-family: "Noto Sans KR";font-size:20px;color:#9b9b9b;line-height:32px;
  text-indent: -12px;font-weight:400;
  margin-left: 12px;
}








.personalInfo{
  padding-top:30px;display: none;
}
.floating_bar {
  height: 105px !important;
}
.floating_bar a{
  font-size:30px !important;background-color: #9929ea !important;
}

.floating_bar a::after {
  background: #fff !important;height:60px !important;    margin-top: -30px !important;
}
.floating_bar a:last-child:after{
  display:none !important;
}






























@font-face {
  font-family: "GmarketSansMedium";
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff")
    format("woff");
  font-weight: normal;
  font-style: normal;
}

.SlideBtnR,
.SlideBtnL {
  width: 56px !important;
  height: 56px !important;
  z-index: 100 !important;
}

.SlideBtnR {
  background: url(https://careergate-service.s3.amazonaws.com/img/campusdev/beautym_html_img/University_re/S4ReviewBtnR.png)
    no-repeat;
  background-position: center;
  background-size: cover;
}

.SlideBtnL {
  background: url(https://careergate-service.s3.amazonaws.com/img/campusdev/beautym_html_img/University_re/S4ReviewBtnL.png)
    no-repeat;
  background-position: center;
  background-size: cover;
}

.swiper-button-next::after,
.swiper-button-prev::after {
  display: none;
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: 0 !important;
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: 0 !important;
}

.mainBtn {
  display: flex;
  flex-wrap: wrap;
  width: 700px;
  margin: auto;
  gap: 20px;
}

.mainBtn a {
  display: inline-block;
  background-color: #0a0a0a;
  border-radius: 10px;
  width: 340px;
  padding: 41px 0;
  text-align: center;
}

.btn_off {
  display: block;
}
.btn_on {
  display: none;
}

.mainBtn a:hover {
  border: 1px solid #d83d00;
}
.mainBtn a:hover .btn_off {
  display: none;
}
.mainBtn a:hover .btn_on {
  display: block;
}

/*s3탭*/
.S3Tab {
  box-shadow: 0px 10px 20px #f0f0f0;
  width: 700px;
  margin: auto;
}
#tabs {
  width: 700px;
  margin: auto;
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin-top: 59px;
  background-color: #e1e1e1;
  border-radius: 10px 10px 0 0;
  position: relative;
  height: 80px;
}
#tabs li a {
  display: inline-block;
  font-size: 24px;
  color: #848483;
  padding: 45px 45px 38px;
  font-family: "GmarketSansMedium";
  z-index: 3;
  transform: skew(15deg);
}

#tabs li {
  background-color: transparent;
  transform: skew(-15deg);
}

.yearTabs_2024 {
  position: absolute;
  top: -10%;
  left: 50px;
  transform: translate(0, 0%);
}
.yearTabs_2023 {
  position: absolute;
  top: -10%;
  right: 50px;
  transform: translate(0, 0%);
}

#tabs #current a,
#tabs #current a::after {
  color: #fff;
  font-weight: bold;
  font-size: 28px;
}

#tabs #current,
#tabs #current::after {
  background-color: #d83d00;
}

#content {
  border: 1px solid #e1e1e1;
  border-radius: 0 0 10px 10px;
  width: 700px;
  background: #fff;
  margin: auto;
}
#two_content #two_tab1, #two_content #two_tab2, #three_content #three_tab1, #three_content #three_tab2, #content #tab1, #content #tab2 {
  opacity: 0;height:0;margin:0;overflow: hidden;transition: opacity 1s ease-in-out;
}

#content #tab1.active, #content #tab2.active, #two_content #two_tab1.active, #two_content #two_tab2.active, #three_content #three_tab1.active, #three_content #three_tab2.active {
  opacity: 1;height:unset;transition: opacity 1s ease-in-out;
}
/*24학년도 탭부분*/
#two_tabs {
  width: 660px;
  border-bottom: 1px solid#848483;
  margin: auto;
  height: 115px;
  text-align: left;
  display: flex;
  padding-left:40px;
  position: relative;
}

#two_tabs a {
  font-family: "GmarketSansMedium";
  font-weight: bold;
  font-size: 30px;
  padding: 0px 34px 12px 34px;
  color: #848483;
  border-bottom: 4px solid transparent;
  position: absolute;
  bottom: 0;
}

#two_tabs li:nth-of-type(2) {
  margin-left: 180px;
}

#two_tabs #two_current a,
#two_tabs #two_current a::after {
  color: #d83d00;
  border-bottom: 4px solid#d83d00;
}

#two_content {
  padding: 30px 20px 10px 20px;
}

/*23학년도 탭부분*/
#three_tabs {
  width: 660px;
  border-bottom: 1px solid#848483;
  margin: auto;
  height: 115px;
  text-align: left;
  display: flex;
  padding-left: 40px;
  position: relative;
}

#three_tabs a {
  font-family: "GmarketSansMedium";
  font-weight: bold;
  font-size: 30px;
  padding: 0px 34px 12px 34px;
  color: #848483;
  border-bottom: 4px solid transparent;
  position: absolute;
  bottom: 0;
}

#three_tabs li:nth-of-type(2) {
  margin-left: 180px;
}

#three_tabs #three_current a,
#three_tabs #three_current a::after {
  color: #d83d00;
  border-bottom: 4px solid#d83d00;
}

#three_content {
  padding: 30px 20px 50px 20px;
}

/*2024 4년제,2년제*/
.tabs2024_4_box {
  position: relative;
}
.tabs2024_4 {
  width: 505px;
  margin: auto;
}

.tabs2024_2_box {
  position: relative;
}
.tabs2024_2 {
  width: 505px;
  margin: auto;
}

/*2023 4년제,2년제*/
.tabs2023_4_box {
  position: relative;
}
.tabs2023_4 {
  width: 505px;
  margin: auto;
}

.tabs2023_2_box {
  position: relative;
}
.tabs2023_2 {
  width: 505px;
  margin: auto;
}

.S3Box {
  margin: 0 5px 30px 5px;
}
.S3Img {
  width: 241px;
  height: 348px;
  border: 1px solid #f3d770;
  overflow: hidden;
}
.S3Img img {
  width: 100% !important;
  object-fit: cover;
}
.S3Name {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
}
.S3Name p {
  font-family: "GmarketSansMedium";
  font-size: 20px;
  padding-top: 5px;
}

.S3content .swiper-slide {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: start;
}

.S3NameObjL {
  padding-right: 6px;
  width: 18px !important;
}
.S3NameObjR {
  padding-left: 6px;
  width: 18px !important;
}

#S4 {
  margin-top: 0;
  background: #222222;
  padding:110px 0 75px;
  text-align: center;
}

.S4Box {
  width: 700px;
  border-radius: 0 0 20px 20px;
  margin: 50px auto 0;
}

#S4_tabs {
  display: flex;
  justify-content: space-between;
  align-items: end;
  width: 100%;
}

#S4_tabs a {
  padding-bottom: 14px;
  border-bottom: 4px solid transparent;
  display: inline-block;
  opacity: 0.3;
  width: 100%;
  padding-top: 2.0833vw;
  border-radius: 20px 20px 0 0;
  border-bottom: 1px solid #fff;
}

#S4_tabs li {
  width: 172px;
  text-align: center;
  border: 1px solid #e1e1e1;
  border-bottom: 1px solid #fff;
  background-color: #e1e1e1;
  border-radius: 20px 20px 0 0;
  margin-right: 4px;
}
#S4_tabs li:nth-child(4) {
  margin-right: 0px;
}

#S4_tabs #S4_current a,
#S4_tabs #S4_current a::after {
  opacity: 1;
  background-color: #fff;
  padding: 26px 0;
}

.S4Video {
  width: 660px;
  height: 371px;
  margin: 0px auto;
  background-color: #e1e1e1;
}

#S4_content {
  background-color: #fff;
  border-left: 1px solid#e1e1e1;
  border-right: 1px solid#e1e1e1;
  padding: 50px 0 60px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

#S7 {
  padding: 75px 0 110px;
  background-color: #222222;
  text-align: center;
}

.S7Box {
  width: 700px;
  border: 1px solid #e1e1e1;
  border-radius: 10px;
  padding: 30px 20px;
  position: relative;
  margin: 50px auto 0;
  background-color: #fff;
}

.S7Video {
  width: 660px;
  height: 371px;
  margin: auto;
  background-color: #e1e1e1;
}

.S7SubT1,
.S7SubT2 {
  margin-bottom: 30px;
}

.S7Img {
  width: 510px;
  margin: auto;
}

.S7Imgbox {
  width: 250px;
  height: 179px;
  border: 1px solid#e1e1e1;
  overflow: hidden;
  display: flex;
}
.S7Imgbox img {
  width: 100%;
  object-fit: cover;
}
.S7ImgTop {
  width: 100%;
  position: relative;
}

.S7Btn {
  margin-top: 70px;
}

.rotate {
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.counselingForm {
  background-color: #f5f5f5;
  padding: 0% 3% 4%;
}

.counselingForm.bg_gray {
  background-color: #f5f5f5;
  margin-top: 0;
}

.pagemenu ul {
  padding: 0;
}


.t_bt img {
  width: auto !important;
}





@media all and (max-width:768px){
  .SlideBtnR,
  .SlideBtnL {
    width: 7.2916vw !important;
    height: 7.2916vw !important;
    z-index: 100 !important;
  }
  
  .SlideBtnR {
    background: url(https://careergate-service.s3.amazonaws.com/img/campusdev/beautym_html_img/University_re/S4ReviewBtnR.png)
      no-repeat;
    background-position: center;
    background-size: cover;
  }
  
  .SlideBtnL {
    background: url(https://careergate-service.s3.amazonaws.com/img/campusdev/beautym_html_img/University_re/S4ReviewBtnL.png)
      no-repeat;
    background-position: center;
    background-size: cover;
  }
  
  .swiper-button-next::after,
  .swiper-button-prev::after {
    display: none;
  }
  
  .swiper-button-prev,
  .swiper-rtl .swiper-button-next {
    left: 0 !important;
  }
  
  .swiper-button-next,
  .swiper-rtl .swiper-button-prev {
    right: 0 !important;
  }
  
  .mainBtn {
    display: flex;
    flex-wrap: wrap;
    width: 91.1458vw;
    margin: auto;
    gap: 2.6041vw;
  }
  
  .mainBtn a {
    display: inline-block;
    background-color: #0a0a0a;
    border-radius: 1.302vw;
    width: 44.2708vw;
    padding: 5.3385vw 0;
    text-align: center;
  }
  
  .btn_off {
    display: block;
  }
  .btn_on {
    display: none;
  }
  
  .mainBtn a:hover {
    border: 1px solid #d83d00;
  }
  .mainBtn a:hover .btn_off {
    display: none;
  }
  .mainBtn a:hover .btn_on {
    display: block;
  }
  
  #S2 {
    padding-top: 23.4375vw;
  }
  #S3 > img {
    width: 48.1770vw;
  }
  /*s3탭*/
  .S3Tab {
    box-shadow: 0px 1.302vw 2.6041vw #f0f0f0;
    width: 91.1458vw;
    margin: auto;
  }
  #tabs {
    width: 91.1458vw;
    margin: auto;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-top: 7.6822vw;
    background-color: #e1e1e1;
    border-radius: 1.302vw 1.302vw 0 0;
    position: relative;
    height: 10.4166vw;
  }
  #tabs li a {
    display: inline-block;
    font-size: 3.125vw;
    color: #848483;
    padding: 5.8593vw 5.5989vw 4.9479vw;
    font-family: "GmarketSansMedium";
    z-index: 3;
    transform: skew(15deg);
  }
  
  #tabs li {
    background-color: transparent;
    transform: skew(-15deg);
  }
  
  .yearTabs_2024 {
    position: absolute;
    top: -10%;
    left: 6.5104vw;
    transform: translate(0, 0%);
  }
  .yearTabs_2023 {
    position: absolute;
    top: -10%;
    right: 6.5104vw;
    transform: translate(0, 0%);
  }
  
  #tabs #current a,
  #tabs #current a::after {
    color: #fff;
    font-weight: bold;
    font-size: 3.125vw;
  }
  
  #tabs #current,
  #tabs #current::after {
    background-color: #d83d00;
  }
  
  #content {
    border: 1px solid #e1e1e1;
    border-radius: 0 0 1.302vw 1.302vw;
    width: 91.1458vw;
    background: #fff;
    margin: auto;
  }
  #two_content #two_tab1, #two_content #two_tab2, #three_content #three_tab1, #three_content #three_tab2, #content #tab1, #content #tab2 {
    opacity: 0;height:0;margin:0;overflow: hidden;transition: opacity 1s ease-in-out;
  }
  
  #content #tab1.active, #content #tab2.active, #two_content #two_tab1.active, #two_content #two_tab2.active, #three_content #three_tab1.active, #three_content #three_tab2.active {
    opacity: 1;height:unset;transition: opacity 1s ease-in-out;
  }
  /*24학년도 탭부분*/
  #two_tabs {
    width: 85.9375vw;
    border-bottom: 1px solid#848483;
    margin: auto;
    height: 14.9739vw;
    text-align: left;
    display: flex;
    padding-left: 5.2083vw;
    position: relative;
  }
  
  #two_tabs a {
    font-family: "GmarketSansMedium";
    font-weight: bold;
    font-size: 3.9062vw;
    padding: 0px 4.427vw 1.5625vw 4.427vw;
    color: #848483;
    border-bottom: 0.5208vw solid transparent;
    position: absolute;
    bottom: 0;
  }
  
  #two_tabs li:nth-of-type(2) {
    margin-left: 23.4375vw;
  }
  
  #two_tabs #two_current a,
  #two_tabs #two_current a::after {
    color: #d83d00;
    border-bottom: 0.5208vw solid#d83d00;
  }
  
  #two_content {
    padding: 3.9062vw 2.6041vw 1.3020vw 2.6041vw;
  }
  
  /*23학년도 탭부분*/
  #three_tabs {
    width: 85.9375vw;
    border-bottom: 1px solid#848483;
    margin: auto;
    height: 15vw;
    text-align: left;
    display: flex;
    padding-left: 5.2083vw;
    position: relative;
  }
  
  #three_tabs a {
    font-family: "GmarketSansMedium";
    font-weight: bold;
    font-size: 3.9062vw;
    padding: 0px 4.427vw 1.5625vw 4.427vw;
    color: #848483;
    border-bottom: 0.5208vw solid transparent;
    position: absolute;
    bottom: 0;
  }
  
  #three_tabs li:nth-of-type(2) {
    margin-left: 23.4375vw;
  }
  
  #three_tabs #three_current a,
  #three_tabs #three_current a::after {
    color: #f02828;
    border-bottom: 0.5208vw solid#f02828;
  }
  
  #three_content {
    padding: 3.9062vw 2.6041vw 6.5104vw 2.6041vw;
  }
  
  /*2024 4년제,2년제*/
  .tabs2024_4_box {
    position: relative;
  }
  .tabs2024_4 {
    width: 65.7552vw;
    margin: auto;
  }
  
  .tabs2024_2_box {
    position: relative;
  }
  .tabs2024_2 {
    width: 65.7552vw;
    margin: auto;
  }
  
  /*2023 4년제,2년제*/
  .tabs2023_4_box {
    position: relative;
  }
  .tabs2023_4 {
    width: 65.7552vw;
    margin: auto;
  }
  
  .tabs2023_2_box {
    position: relative;
  }
  .tabs2023_2 {
    width: 65.7552vw;
    margin: auto;
  }
  
  .S3Box {
    margin: 0 0.651vw 3.90625vw 0.651vw;
  }
  .S3Img {
    width: 31.3802vw;
    height: 45.3125vw;
    border: 1px solid #f3d770;
    overflow: hidden;
  }
  .S3Img img {
    width: 100% !important;
    object-fit: cover;
  }
  .S3Name {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 1.302vw;
  }
  .S3Name p {
    font-family: "GmarketSansMedium";
    font-size: 2.6041vw;
    padding-top: 0.651vw;
  }
  
  .S3content .swiper-slide {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: start;
  }
  
  .S3NameObjL {
    padding-right: 0.7812vw;
    width: 2.3437vw !important;
  }
  .S3NameObjR {
    padding-left: 0.7812vw;
    width: 2.3437vw !important;
  }
  
  #S4 {
    margin-top: 0;
    background: #222222;
    padding:14.3229vw 0 9.7656vw;
    text-align: center;
  }
  #S4 > img {
    width:73.1770vw;
  }
  .S4Box {
    width: 91.1458vw;
    border-radius: 0 0 2.6041vw 2.6041vw;
    margin: 6.5104vw auto 0;
  }
  
  #S4_tabs {
    display: flex;
    justify-content: space-between;
    align-items: end;
    width: 100%;
  }
  
  #S4_tabs a {
    padding-bottom: 1.8229vw;
    border-bottom: 0.5208vw solid transparent;
    display: inline-block;
    opacity: 0.3;
    width: 100%;
    padding-top: 2.0833vw;
    border-radius: 2.6041vw 2.6041vw 0 0;
    border-bottom: 1px solid #fff;
  }
  
  #S4_tabs li {
    width: 22.3958vw;
    text-align: center;
    border: 1px solid #e1e1e1;
    border-bottom: 1px solid #fff;
    background-color: #e1e1e1;
    border-radius: 2.6041vw 2.6041vw 0 0;
    margin-right: 0.5208vw;
  }
  #S4_tabs li:nth-child(4) {
    margin-right: 0px;
  }
  #S4_tabs li a img{
    width: 22.3958vw;
  }
  
  #S4_tabs #S4_current a,
  #S4_tabs #S4_current a::after {
    opacity: 1;
    background-color: #fff;
    padding: 3.3854vw 0;
  }
  
  .S4Video {
    width: 85.9375vw;
    height: 48.3072vw;
    margin: 0px auto;
    background-color: #e1e1e1;
  }
  
  .S4dot {
    padding: 7.8125vw 2.4088vw;
    border-left: 1px solid#e1e1e1;
    border-right: 1px solid#e1e1e1;
  }
  
  .S4ReviewBox {
    width: 100%;
    border-left: 1px solid#e1e1e1;
    border-right: 1px solid#e1e1e1;
    border-bottom: 1px solid#e1e1e1;
    border-radius: 0 0 2.6041vw 2.6041vw;
  }
  
  .S4Review {
    text-align: center;
  
    width: 85.9375vw;
    margin: 0 auto;
  }
  
  .S4Review .swiper-wrapper {
    padding-bottom: 7.8125vw;
  }
  
  .S4Review .swiper-wrapper .swiper-slide img {
    width: 66.5364vw !important;
  }
  
  #S4_content {
    background-color: #fff;
    border-left: 1px solid#e1e1e1;
    border-right: 1px solid#e1e1e1;
    padding: 6.5104vw 0 7.8125vw;
    border-bottom-left-radius: 1.3020vw;
    border-bottom-right-radius: 1.3020vw;
  }
  
  #S5 {
    margin-top: 20.7031vw;
    text-align: center;
    margin-bottom: 9.6354vw;
  }
  .S5T {
    padding-bottom: 5.2083vw;
  }
  .S5Tab {
    width: 91.1458vw;
    margin: auto;
  }
  #S5_tabs {
    display: flex;
    justify-content: space-between;
    align-items: end;
    width: 100%;
  }
  
  #S5_tabs a {
    padding-bottom: 1.8229vw;
    border-bottom: 0.5208vw solid transparent;
    display: inline-block;
    opacity: 0.3;
    width: 100%;
    padding-top: 2.0833vw;
    border-radius: 2.6041vw 2.6041vw 0 0;
    border-bottom: 1px solid #fff;
  }
  
  #S5_tabs li {
    width: calc(100% / 3);
    text-align: center;
    border-top: 1px solid #e1e1e1;
    border-left: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
    box-shadow: 0px -1.302vw 1.302vw #f0f0f0;
    background-color: #e1e1e1;
    border-radius: 2.6041vw 2.6041vw 0 0;
    margin-right: 0.651vw;
  }
  
  #S5_tabs li:nth-child(3) {
    margin-right: 0px;
  }
  
  #S5_tabs #S5_current a,
  #S5_tabs #S5_current a::after {
    opacity: 1;
    background-color: #fff;
    padding: 3.3854vw 0;
  }
  
  #S5_content {
    border-left: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    padding: 6.5104vw 0;
    border-radius: 0 0 2.6041vw 2.6041vw;
  }
  
  .S5Video {
    width: 85.9375vw;
    height: 48.3072vw;
    margin: 0px auto;
    background-image: url(https://careergate-service.s3.amazonaws.com/img/campusdev/beautym_html_img/University_re/S5VideoImg.jpg);
    background-size: cover;
  }
  
  #S6 {
    width: 100%;
    text-align: center;
    background-color: #f5f5f5;
    padding-top: 9.8958vw;
  }
  
  #S6_tabs {
    display: flex;
    justify-content: space-between;
    align-items: end;
    width: 91.1458vw;
    margin: 5.0781vw auto 0.9114vw;
  }
  
  #S6_tabs li {
    border: 0.2604vw solid#0a0a0a;
    border-radius: 1.302vw;
    width: calc(100% / 3);
    margin-right: 0.651vw;
  }
  
  #S6_tabs li:nth-child(3) {
    margin-right: 0;
  }
  
  #S6_tabs a {
    display: inline-block;
    font-family: "GmarketSansMedium";
    color: #0a0a0a;
    font-size: 3.3854vw;
    width: 100%;
    padding: 3.5156vw 0;
  }
  
  #S6_tabs #S6_current a,
  #S6_tabs #S6_current a::after {
    color: #f02828;
    font-weight: bold;
  }
  
  #S6_tabs #S6_current,
  #S6_tabs #S6_current::after {
    background-color: #0a0a0a;
  }
  
  #S7 {
    padding: 9.7656vw 0 14.3229vw;
    background-color: #222222;
    text-align: center;
  }
  #S7 > img{
    width: 52.8645vw;
  }
  #S7 a img {
    width: 54.6875vw;
  }
  .S7Box {
    width: 91.1458vw;
    border: 1px solid #e1e1e1;
    border-radius: 1.302vw;
    padding: 3.9062vw 2.6041vw;
    position: relative;
    margin: 6.5104vw auto 0;
    background-color: #fff;
  }
  
  .S7Video {
    width: 85.9375vw;
    height: 48.3072vw;
    margin: auto;
    background-color: #e1e1e1;
  }
  
  .S7SubT1,
  .S7SubT2 {
    margin-bottom: 3.9062vw;
  }
  
  .S7Img {
    width: 66.4062vw;
    margin: auto;
  }
  
  .S7Imgbox {
    width: 32.552vw;
    height: 23.3072vw;
    border: 1px solid#e1e1e1;
    overflow: hidden;
    display: flex;
  }
  .S7Imgbox img {
    width: 100%;
    object-fit: cover;
  }
  .S7ImgTop {
    width: 100%;
    position: relative;
  }
  
  .S7Btn {
    margin-top: 9.1145vw;
  }
  
  #S8S9 {
    padding-top: 18.2291vw;
    background-color: #f5f5f5;
    padding-bottom: 19.5312vw;
  }
  
  .S9Img {
    width: 75.651vw;
    margin: auto;
  }
  
  .S9Imgbox {
    width: 24.7395vw;
    height: 24.7395vw;
    border: 1px solid#e1e1e1;
    overflow: hidden;
  }
  .S9Imgbox img {
    width: 100%;
    object-fit: cover;
  }
  .S9ImgTop {
    width: 91.1458vw;
    position: relative;
    margin: 7.8125vw auto 0;
  }
  
  #S10S11S12 {
    background-color: #f5f5f5;
  }
  .S11Tab {
    padding-bottom: 9.1145vw;
  }
  #S11_tabs {
    display: flex;
    justify-content: space-between;
    align-items: end;
    width: 91.1458vw;
    margin: 0px auto;
    text-align: center;
  }
  
  #S11_tabs li {
    width: calc(100% / 2);
  }
  #S11_tabs li:nth-child(1) {
    margin-right: 2.6041vw;
  }
  #S11_tabs a {
    display: inline-block;
    padding: 4.6875vw 0 3.3854vw;
    font-family: "GmarketSansMedium";
    color: #c9c9c9;
    font-size: 3.9062vw;
    border-radius: 1.302vw 1.302vw 0 0;
    background-color: #aeaeae;
    width: 100%;
  }
  
  #S11_tabs #S11_current a,
  #S11_tabs #S11_current a::after {
    font-weight: bold;
    color: #fff;
    background-color: #0a0a0a;
  }
  
  #S11_content {
    width: 91.1458vw;
    border: 1px solid #e1e1e1;
    box-shadow: 0px 1.302vw 2.6041vw #e1e1e1;
    border-radius: 0 0 1.302vw 1.302vw;
    padding: 5.2083vw 2.6041vw;
    margin: 0 auto;
    background-color: #fff;
  }
  #S13 {
    background-color: #f5f5f5;
    padding: 13.0208vw 0;
  }
  .S13Video {
    width: 85.9375vw;
    height: 48.3072vw;
    margin: auto;
    background-color: #e1e1e1;
    margin-bottom: 5.2083vw;
  }
  
  .rotate {
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }















  #section01 img{
    width: 100%;
    }
    #section01 {
      height:58.4635vw !important;
    }
    
    #section02 {
      background: url(https://careergate-service.s3.amazonaws.com/img/campusdev/beautym_html_img/event/20250212/MEGASTUDY-2933/proicons_game.png)
      no-repeat;
      background-position: center -0.1302vw;
      background-size: 100.0000vw auto;padding:23.4375vw 0 0;
      height:124.0885vw;
    }
    #section02 .section_inner{
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
    }
    #section02 .section_inner .object_wrap {
      display: flex;
          align-items: center;
          flex-wrap: wrap;
          justify-content: center;
    }
    #section02 .section_inner .object_wrap img {
      width: 43.0989vw;
    }
    #section02 .section_inner .object_wrap img:last-child{
      bottom:3.5156vw;position: relative;
    }
    
    
    #section03 {
      background-color: #fff;
      padding:17.4479vw 0 16.6667vw;
    }
    #section03 .section_inner {
      margin:0 auto;text-align: center; display: flex;flex-direction: column;gap:7.8125vw;
      align-items: center;justify-content: center;
    }
    #section03 .section_inner .section03_title {
      display: flex;flex-direction: column;gap:2.6042vw;
    }
    #section03 .section_inner .section03_title h2 {
      font-size:4.5573vw;line-height:1;color:#000000;font-weight: 400;
      font-family: "Pretendard Variable";
    }
    #section03 .section_inner .section03_title h2 span {
      font-weight:700;color:#372f9f;
    }
    #section03 .section_inner .section03_title h1 {
      font-size: 5.3385vw;
      line-height: 3.6458vw;
      color: #000000;
      font-weight: 700;
      font-family: "Pretendard Variable";
      display: flex;
      align-items: flex-end;
      gap:1.3021vw;
    }
    #section03 .section_inner .section03_title h1 span {
      font-size: 6.3802vw;
      color: #ff2727;
      font-family: "GmarketSansBold";
      line-height: 1;
      display: inline-block;
      height: 5.0781vw;
    }
    #section03 .section_inner .section03_content {
      width:100%;display: flex;flex-direction: column;gap:13.0208vw;
    }
    #section03 .section_inner .section03_content .univ_swiper {
      display: flex;flex-direction: column;gap:5.2083vw;
    }
    #section03 .section_inner .section03_content .univ_swiper .swiper-title h2 {
      font-size:3.9063vw;  font-weight: 400;line-height: 1;color: #212121;display: flex;gap:2.6042vw;
      font-family: "Pretendard Variable";width:81.3802vw;margin:0 auto;white-space: nowrap;align-items: center;
    }
    #section03 .section_inner .section03_content .univ_swiper .swiper-title h2 span {
      width:100%;background-color: #212121;height:0.1302vw;
    }
    #section03 .section_inner .section03_content .ad_swiper {
      display: flex;flex-direction: column;gap:6.5104vw;
    }
    #section03 .section_inner .section03_content .ad_swiper .swiper-title h2 {
      font-size:3.9063vw;  font-weight: 400;line-height: 1;color: #212121;display: flex;gap:2.6042vw;
      font-family: "Pretendard Variable";width:81.3802vw;margin:0 auto;white-space: nowrap;align-items: center;
    }
    #section03 .section_inner .section03_content .ad_swiper .swiper-title h2 span {
      width:100%;background-color: #212121;height:0.1302vw;
    }
    #section03 .section_inner .section03_content .univ_swiper_container {
      width:100%
    }
    #section03 .section_inner .section03_content .univ_swiper_container .swiper-wrapper {
      transition-timing-function: linear;
    }
    #section03 .section_inner .section03_content .univ_swiper_container .swiper-slide{
      width: 49.3489vw;height: 29.6885vw;background-size:cover;background-repeat: no-repeat;
    }
    #section03 .section_inner .section03_content .ad_swiper_container {
      width:100%
    }
    #section03 .section_inner .section03_content .ad_swiper_container .swiper-wrapper {
      transition-timing-function: linear;
    }
    #section03 .section_inner .section03_content .ad_swiper_container .swiper-slide{
      width: 49.3489vw;height: 29.6885vw;background-size:cover;background-repeat: no-repeat;
    }

    #section04 {
      background: url(https://careergate-service.s3.amazonaws.com/img/campusdev/beautym_html_img/event/20250212/MEGASTUDY-2933/section04_bg.png)
      no-repeat;
      background-position: center bottom;
      background-size: 100.0000vw auto;padding:5.2083vw 0 13.1510vw;
    }
    #section04 .section_inner{
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap:3.3854vw;
    }
    #section04 .section_inner img {
      width: 100%;
    }
    #section05 .section_inner img:nth-child(1){
      width: 84.1145vw;
    }
    #section05 .section_inner img:nth-child(2){
      width: 84.5052vw;
    }
    #section05 .section_inner img:nth-child(3){
      width: 84.2447vw;
    }
    #section05 {
      padding:0 0 16.9271vw;
      background: #fff;
    }
    #section05 .section_inner{
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      max-width: 100.0000vw;
      margin:0 auto;
      gap:7.8125vw;
    }
    
    #section06 {
      background: url(https://careergate-service.s3.amazonaws.com/img/campusdev/beautym_html_img/event/20250212/MEGASTUDY-2933/sectopn06_bg.png)
      no-repeat;
      background-position: center -0.1302vw;
      background-size: 100.0000vw auto;padding:4.8177vw 0 17.1875vw;
    }
    #section06 .section_inner{
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap:13.0208vw;
      max-width: 74.2188vw;
      margin:0 auto;
    }
    #section06 .section_inner img{
      width: 100%;
    }
    #section06 .section_inner .section06_content {
      display: flex;gap:1.3021vw;flex-direction: column;
    }
    #section06 .section_inner .section06_content .content_right {
      display: grid;grid-template-columns: 1fr 1fr;width:100%;row-gap:1.3021vw;column-gap:1.5625vw;
    }
    
    
    #section07 {
      background: rgb(255,246,232);
      background: linear-gradient(180deg, rgba(255,246,232,1) 0%, rgba(255,255,255,1) 100%);
      padding:13.0208vw 0 16.9271vw;
    }
    #section07 .section_inner{
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap:12.5000vw;
      max-width: 91.9271vw;
      margin:0 auto;
    }
    #section07 .section_inner .section07_title img{
      width: 84.5052vw;
    }
    #section07 .section_inner .section07_content {
      display: flex;gap:16.9271vw;flex-direction: column;width:100%;
    }
    
    #section07 .section_inner .section07_content .swiper-container {
      width:100%;overflow: hidden;border-radius: 5.2083vw;position: relative;
    }
    #section07 .section_inner .section07_content .swiper-container .swiper-slide {
      width:91.9271vw;height:52.5000vw;position: relative;
    }
    #section07 .section_inner .section07_content .swiper-container .swiper-slide img {
      position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);  width: 111.3281vw;
    }
    
    
    #section07 .section_inner .section07_content .swiper-container .slide-control {
      position: absolute;
      bottom: 0;
      right: 0;
      display: flex;
      justify-content: flex-end;
      align-items: center;
      gap: 4.9479vw;
      width: 36.4583vw;
      height:11.7188vw;
      z-index: 9;
      background-color: #fffbf5;
      border-top-left-radius: 4.5573vw;
    }
    #section07 .section_inner .section07_content .swiper-container .slide-control .nav_btn{
      display: flex;gap:1.9531vw;
    }
    #section07 .section_inner .section07_content .swiper-container .slide-control .swiper-pagination {
      display: flex;align-items: center;justify-content: space-between;gap:0.5208vw;position: relative;
      top: unset;
      transform: unset;
      bottom: unset;
      width: 9.1146vw;
      height: 1.9531vw;
      border-radius: 3.1250vw;
      z-index: 9;
    }
    #section07 .section_inner .section07_content .swiper-container  .slide-control .autoplay-progress {
      display: flex;
    }
    #section07 .section_inner .section07_content .swiper-container  .slide-control .autoplay-progress button.stop {
      width: 0.9115vw;
      height: 1.1719vw;
      background: url(https://img.megastudyacademy.co.kr/campusdev/beauty_html_img/event/20250212/MEGASTUDY-2933/stopSlider.png);
      z-index: 9;
      outline: 0;
      border: 0;
      background-repeat: no-repeat;
      background-position: center;
      padding:0;
      cursor: pointer;
    }
    #section07 .section_inner .section07_content .swiper-container .slide-control .autoplay-progress button.stop.play {
      width: 1.0417vw;
      height: 1.3021vw;
      background: url(https://img.megastudyacademy.co.kr/campusdev/beauty_html_img/event/20250212/MEGASTUDY-2933/startSlider.png);
      z-index: 9;
      outline: 0;
      border: 0;
      background-repeat: no-repeat;
      background-position: center;
      padding:0;
    }
    #section07 .section_inner .section07_content .swiper-container .slide-control .autoplay-progress svg{
          position: absolute;
          left: 0;
          top: 0.0000vw;
          z-index: 1;
          width: 100%;
          height: 100%;
          stroke-width: 0.5208vw;
          stroke: #fff;
          fill: none;
          stroke-dashoffset: calc(125.6 * (1 - var(--progress)));
          stroke-dasharray: 125.6;
          transform: rotate(-90deg);
        }
    
        #section07 .section_inner .section07_content .swiper-container .slide-control span{
      font-size:2.3438vw;color:#3f3f3f;font-family: "Wanted Sans Variable";font-weight: 700;    line-height: 2.6042vw;
    }
    #section07 .section_inner .section07_content .swiper-container .slide-control span.line{
      background:#3f3f3f;width: 4.5573vw;height:0.1302vw;display: flex;
    }
    #section07 .section_inner .section07_content .swiper-container .slide-control span.swiper-pagination-current {
      font-family: "Pretendard Variable";
    }
    #section07 .section_inner .section07_content .swiper-container .slide-control span.swiper-pagination-total{
      color:#3f3f3f;font-family: "Pretendard Variable";
    }
    #section07 .section_inner .section07_content .swiper-container .slide-control .swiper-button-next {
      position: relative;margin-top:0;top:50%;background-image: url(https://img.megastudyacademy.co.kr/campusdev/beauty_html_img/event/20250212/MEGASTUDY-2933/mainBannerLeftArrow.png);
      width:4.1667vw;height:4.1667vw;background-size: 2.4739vw auto;transform: rotate(180deg);    right: 50%;
      left: unset;background-repeat: no-repeat;background-color: #ff2727;border-radius: 6.5104vw;background-position: center center;
    }
    #section07 .section_inner .section07_content .swiper-container .slide-control .swiper-button-next::after {
      display:none;
    }
    #section07 .section_inner .section07_content .swiper-container .slide-control .swiper-button-prev {
      position: relative;margin-top:0;background-image: url(https://img.megastudyacademy.co.kr/campusdev/beauty_html_img/event/20250212/MEGASTUDY-2933/mainBannerLeftArrow.png);
      width:4.1667vw;height:4.1667vw;background-size: 2.4739vw auto;left: 50%;top:50%;background-repeat: no-repeat;
      right: unset;background-color: #ff2727;border-radius: 6.5104vw;background-position: center center;
    }
    #section07 .section_inner .section07_content .swiper-container .slide-control .swiper-button-prev::after {
      display:none;
    }
    
    #section07 .section_inner .section07_content .swiper-container .slide-control .swiper-button-next.swiper-button-disabled, #section07 .section_inner .section07_content .swiper-container .slide-control .swiper-button-prev.swiper-button-disabled {
      opacity: 1;background-color: #b3b3b3;
    }
    
    #section07 .section_inner .section07_content .swiper-container .slide-control::after{
      background-image: url(https://img.megastudyacademy.co.kr/campusdev/beauty_html_img/event/20250212/MEGASTUDY-2933/control_box_af.png);
      position: absolute;
      top:-5.5990vw;right:0;
      content:'';
      width:5.5990vw;height:5.5990vw;
      background-size: cover;
    }
    
    
    #section07 .section_inner .section07_content .swiper-container .slide-control::before{
      background-image: url(https://img.megastudyacademy.co.kr/campusdev/beauty_html_img/event/20250212/MEGASTUDY-2933/control_box_af.png);
      position: absolute;
      bottom:0;left:-5.5990vw;
      content:'';
      width:5.5990vw;height:5.5990vw;
      background-size: cover;
    }
    #section07 .section_inner .section07_content .location_container{
      width:91.9271vw;height:unset;background: #fff;box-shadow: 0.3906vw 0 0.9115vw rgba(101,101,101, 0.3);border-radius: 4.5573vw;padding:9.7656vw 2.9948vw 3.5156vw;  display: flex;
      flex-direction: column;
      justify-content: space-between;    gap: 5.2083vw;
      align-items: center;
    }
    #section07 .section_inner .section07_content .location_container .location_info {
      display: flex;flex-direction: column;gap:3.9063vw;padding:0 3.2552vw;
    }
    #section07 .section_inner .section07_content .location_container .location_info .location_info_title{
      display: flex;flex-direction: column;gap:3.9063vw;padding-bottom:7.8125vw;
      border-bottom:0.1302vw solid #372f9f;
    }
    
    #section07 .section_inner .section07_content .location_container .location_info .location_info_title h2 {
      font-size:4.2969vw;color:#ff2727;line-height: 1;font-family: "GmarketSansBold";
    }
    #section07 .section_inner .section07_content .location_container .location_info .location_info_title p {
      font-size:3.1250vw;color:#000;line-height: 1;font-family: "Pretendard Variable";font-weight:300;
    }
    
    
    #section07 .section_inner .section07_content .location_container .location_info .info_more h3 {
      font-size:2.8646vw;color:#372f9f;line-height: 1.4;font-family: "Pretendard Variable";font-weight:700;
    }
    
    #section07 .section_inner .section07_content .location_container .location_info .info_more h2 {
      font-size:2.8646vw;color:#000000;line-height: 1.4;font-family: "Pretendard Variable";font-weight:300;
    }
    
    
    #section07 .section_inner .section07_content .location_container .location_info .info_more h2 span{
      font-weight:600;
    }

    #section07 .section_inner .section07_content .location_container  #map3 {
      width:85.9375vw !important;height:49.2187vw !important;border-radius: 2.6041vw !important;
    }
    


  .counselingForm.bg_gray{margin-top:30px;}
  .counselingForm .customer_tit_sub{font-size: 4.1666vw;}
  .counselingForm .customer_tit{font-size: 4.6875vw;}
  .counselingFormTable table th{font-size: 3.125vw;}
  .counselingFormTable table td{font-size: 3.3854vw;gap:0.6510vw;width:100%;}
  .btnCounseling2 button{font-size: 3.3854vw;}
  .counseling_end div span{font-size: 2.7343vw;}
  .counseling_end div a{font-size: 3.3854vw;}
  .mainCounseling{padding-bottom: 15.625vw;padding-top: 12.3697vw;}
  .mainCounseling .mSubTit{font-size: 4.6875vw;line-height: 5.2083vw;background-position: left 41.4062vw bottom;}
  .counselingFormTable table td label span{font-size:2.8645vw;}
  .counselingCheck h6 {
    font-size: 3.3854vw;
  }
  .counselingCheck h6.mdi span{font-size: 3.3854vw;}
  .counselingCheck h6 span{font-size: 3.3854vw;}
  .counselingCheck .course{padding-top: 1.9531vw;gap:1.6927vw;}
  .counselingCheck .course a{
    border-radius: 0.6510vw;
    font-size: 3.6458vw;
  }
  .counselingCheck .course a.c_purpose {
    border: 2px solid #E1E1E1;
    background: #F1F1F1;
    text-align: center;
    line-height: 3.35;
    color: #565656;
    letter-spacing: -0.04em;
    font-family: 'notokr-regular';
    float: left;
  }
  .counselingCheck .course a.c_purpose.select {
    background: #ff7b47;
    letter-spacing: -0.05em;
    font-family: 'notokr-bold';
    color: #fff;
    border: 2px solid #ff7b47;
  }
  .personalGuide div a{font-size: 3.3854vw;}
  .personalGuide div input{width: 5.2083vw;height: 5.2083vw;}
  .personalGuide div label{font-size: 1.8229vw;}
  .counselingForm .btnCounseling a{height: 10.4166vw;border-radius: 0.6510vw;
    font-size: 4.4270vw;line-height: 10.4166vw;}
  .counselingForm .btnCounseling button{
    height: 10.4166vw;border-radius: 0.6510vw;
    font-size: 4.4270vw;line-height: 10.4166vw;min-height:45px;}
  .int_tit{font-size: 3.6458vw;}
  .counselingFormTable input[type="radio"] {width: 5.4687vw;height: 5.4687vw;}
  .selectTem{height: 5.7291vw;padding-left: 2.6041vw;width: 16.4062vw;margin-right: 0.6510vw;}
  .selectTem .selecta{line-height: 5.7291vw;font-size: 2.0833vw;
    background:url(https://img.megastudyacademy.co.kr/campus/beautym_html_img/common/ico_select_d.png) no-repeat right 2.4739vw center;}
  .subSelect{ width: 16.1458vw;transform: translateY(2.6041vw);}
  .subSelect a{font-size: 2.0833vw;padding-left: 2.6041vw;line-height: 5.7291vw;}
  
  .counselingFormTable table td input{
    text-indent: 1.3020vw;box-sizing: border-box;
  }
  .counselingForm #it_form_radio > div {
    gap:2.6041vw;
  }
  .counselingForm #it_form_radio > div > div{
    gap:0.6510vw;
  }
  .counselingForm .btnCounseling {
    margin-top:3.9062vw;
  }
  .counselingFormTable input[type="radio"] {
    width: 3.9062vw;
    height: 3.9062vw;
    margin: 0;
  }

  
.counselingForm {
  background-color: #f5f5f5;
  padding: 4% 3%;
}
.counselingForm #it_form_radio > div {
  gap:20px;
}
.counselingForm #it_form_radio > div > div{
  gap:5px;
}
.counselingForm.bg_gray {
  background-color: #f5f5f5;
  margin-top: 0;
}
.personalGuide {
  border-bottom:0;
}
.pagemenu ul {
  padding: 0;
}












.bottom_notice {
  padding:9.1145vw 0 5.2083vw;
}
.bottom_notice .bottom_notice_inner {
  max-width: 91.1458vw;
}
.bottom_notice h2 {
  font-size:2.6041vw;line-height:4.5572vw;padding-bottom:3.9062vw;
}
.bottom_notice .p_box p {
  font-size:2.6041vw;line-height:4.1666vw;
  text-indent: -1.5625vw;
  margin-left: 1.5625vw;
}




.floating_bar {
  height: 13.6718vw !important;
}
.floating_bar a{
  font-size:3.9062vw !important;background-color: #9929ea !important;
}

.floating_bar a::after {
  background: #fff !important;height:7.8125vw !important;    margin-top: -3.9062vw !important;
}










  }
  @media all and (max-width:360px){
    .counselingForm .btnCounseling button{
      min-height:12.5vw;}
  }