@font-face {
  font-family: 'SchoolSafetyEraser';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2402_keris@1.0/TTHakgyoansimJiugaeR.woff2') format('woff2');
  font-weight: normal;
  font-display: swap;
}
@import url('https://fonts.googleapis.com/css2?family=Noto+Color+Emoji&family=Noto+Sans+KR:wght@100..900&display=swap');

@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;
}
@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;
}

html,body{
  scroll-behavior: smooth;
}
#sectionMain {
  background: transparent;
  position: relative;
  overflow: hidden;
  height: 100vh;
}
#sectionMain .section_bg{
  position: absolute;
  top:0;left:0;
  height: 100%;
  z-index: 1;
  width: 100%;
}
#sectionMain .section_bg video {
  width:100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#sectionMain .section_bg img {
  width:100%;
}
#sectionMain .section_bg iframe {
  width: 100%;
}
#sectionMain .scrolldown {

}
#sectionMain .section_inner{
  display: flex;flex-direction: column;gap:160px;align-items: center;justify-content: center;
  z-index: 1;
  width:100%;height:100%;
  position: relative;
}

#sectionMain .section_inner .section_title {
  text-align: center;display: flex;flex-direction: column;gap:20px;
}
#sectionMain .section_inner .section_title p{
  font-size:38px;font-weight:400;color:#fff;font-family: "GmarketSansMedium";
  text-shadow: 0px 5px 8px rgba(44, 44, 44, 1);
}
#sectionMain .section_inner .section_title img {
  width: 659px;
}
#sectionMain .section_inner .section_content {
  display: flex;flex-direction: column;gap:36px;width:622px;height:193px;align-items: center;justify-content: center;
}
#sectionMain .section_inner .section_content .apply_wrap{
  display: flex;border-radius:10px;width: 100%;height: 80px;background-color: #c4daff;
}
#sectionMain .section_inner .section_content .apply_wrap .progress {
  display: flex;width: 100%;height:100%;padding:13px 0 13px 11px;position: relative;
}
#sectionMain .section_inner .section_content .apply_wrap .progress .progress_inner{
  display: flex;width: 100%;background-color: #7d8da9;border-radius: 10px;border-top-right-radius: 0;border-bottom-right-radius: 0;
}
#sectionMain .section_inner .section_content .apply_wrap .progress .bu01 {
  position: absolute;top:-72px;right:0;font-size:20px;font-weight: 700;color:#2c2c2c;
  display: flex;gap:3px;align-items: center;justify-content: center;background-image: url(https://careergate-service.s3.amazonaws.com/img/campusdev/beautym_html_img/event/20250827/bu01.png);
  width:207px;height:60px;background-size: cover;padding-bottom:10px;
}
#sectionMain .section_inner .section_content .apply_wrap .progress .bu01 img{
  width:28px;
}
#sectionMain .section_inner .section_content .apply_wrap .progress .progress_bar {
  background: #0f6efd;width:100%;border-radius: 10px;height:100%;display: flex;align-items: center;
  justify-content: center;
}
#sectionMain .section_inner .section_content .apply_wrap .progress .progress_bar h2 {
  font-size:24px;font-weight: 500;color:#fff;white-space: nowrap;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#sectionMain .section_inner .section_content .apply_wrap .progress .progress_bar h2 span {
  font-size:30px;
}
#sectionMain .section_inner .section_content .apply_wrap .apply_btn a{
  display: flex;align-items: center;justify-content: center;background: rgba(20,20,20,1);height: 100%;width: 156px;border-radius: 10px;font-size:28px;font-weight: 500;color:#fff;
}
#sectionMain .section_inner .section_content .apply_wrap .apply_btn a:hover{
  box-shadow: 3px 3px 2px rgba(0,0,0,.29);background: rgba(20,20,20,.8);
}


.section_sticky {
  position: relative;
}
#sticky_menu{
  position: sticky;
  top:0;left:0;
  z-index: 99;
  background: #fff;
  padding: 25px 30px;
  transition: transform 0.3s ease;
}
#sticky_menu .section_inner {
  display: flex;align-items: center;justify-content: space-between;
  max-width: 1200px;width:100%;margin:0 auto;
}
#sticky_menu .section_inner .anchor_box {
  display: flex;gap:30px;align-items: center;justify-content: center;
}
#sticky_menu .section_inner .anchor_box a {
  font-size:24px;font-weight: 500;line-height: 1;
}
#sticky_menu .section_inner .anchor_box a.active{
  font-weight:700;color:#0268fe;
}
#sticky_menu .section_inner .anchor_box a:hover{
  font-weight:700;color:#0268fe;
}
#sticky_menu .section_inner .anchor_box span {
  width:1px;height:25px;background: #222;
}
#sticky_menu .section_inner .apply_btn {
  display: flex;gap:42px;align-items: center;justify-content: center;
}
#sticky_menu .section_inner .apply_btn p {
  font-size:35px;color:#000000;font-weight: 500;line-height: 1.2;
}
#sticky_menu .section_inner .apply_btn p span{
  font-weight:900;color:rgba(255,0,246,1);line-height: 1.2;
}
#sticky_menu .section_inner .apply_btn a{
  font-weight:400;background:rgba(255,0,246,1);color: #000;display: flex;align-items: center;gap:8px;font-size: 32px;width: 337px;height:80px;justify-content: center;border-radius: 10px;
}
#sticky_menu .section_inner .apply_btn a:hover{
  background:rgba(200,0,200,1);
}
#sticky_menu .section_inner .apply_btn a span{
  font-weight:700;color:#fff;
}
#section01 {
  background: url(https://careergate-service.s3.amazonaws.com/img/campusdev/beautym_html_img/event/20250827/section01_bg.png);
  position: relative;
  overflow: hidden;
  height: 1054px;
}
#section01 .section_inner {
  display: flex;flex-direction: column;align-items: center;justify-content: center;
  max-width: 708px;width:100%;margin:0 auto;padding:124px 0 0;gap:98px;
}
#section01 .section_inner .section01_content {
  display: flex;flex-direction: column;gap:79px;align-items: center;justify-content: center;
}
#section01 .section_inner .section01_content iframe{
  width:708px;height:398px;
}
#section01 .section_inner .section_title img {
  width: 459px;
}
#section02 {
  background: url(https://careergate-service.s3.amazonaws.com/img/campusdev/beautym_html_img/event/20250827/section02_bg.png);
  position: relative;
  overflow: hidden;
  height: 905px;
}
#section02 .section_inner {
  display: flex;flex-direction: column;align-items: center;justify-content: center;
  max-width: 768px;width:100%;margin:0 auto;padding:195px 0 0;gap:0;position: relative;
}
#section02 .section_inner .section02_content {
  display: flex;flex-direction: column;align-items: center;justify-content: center;gap:27px;position: relative;bottom:5px;z-index: 5;
}
#section02 .section_inner .section02_content .location_wrap{
  display: flex;gap:15px;align-items: flex-end;justify-content: center;
}
#section02 .section_inner .section02_content .location_wrap > img {
  padding-right:9px;width: 581px;
}
#section02 .section_inner .section02_content .location_wrap a {
  display: flex;
}
#section02 .section_inner .section02_content .date_wrap p{
  font-size:24px;font-weight:400;color: #ffffff;line-height: 1;
}
#section03{
  background: #fff;
  padding: 99px 0 96px;
}
#section03 .section_inner {
  display: flex;align-items: center;justify-content: center;flex-direction: column;
  max-width: 712px;width:100%;margin:0 auto;gap:43px;
}
#section03 .section_inner .section_title{
  display: flex;flex-direction: column;gap:25px;align-items: center;justify-content: center;
}
#section03 .section_inner .section_title h2{
    font-family: "GmarketSansMedium";font-weight: 400;font-size:55px;color: #333333;    line-height: 1;
    letter-spacing: -0.4px;
}
#section03 .section_inner .section_title h2 span{
  font-family: "GmarketSansBold";font-weight: 400;font-size:55px;color: #1200ff;    line-height: 1;
  letter-spacing: -0.4px;
}
#section03 .section_inner .section_title p{
  font-weight: 400;font-size:30px;color: #333333;    line-height: 1;letter-spacing: -0.4px;
}
#section03 .section_inner .section03_content {
  box-shadow: 6px 13px 32px rgba(59,59,59,0.5);
  border-radius: 20px;
  width: 712px;
  height: 348px;
  background-image: url(https://careergate-service.s3.amazonaws.com/img/campusdev/beautym_html_img/event/20250827/section03_content_bg.png);
  background-color: rgba(59,59,59,0.2);
  overflow: hidden;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;align-items: center;justify-content: center;flex-direction: column;
}

#section03 .section_inner .section03_content .content_txt {
  display: flex;gap:17px;align-items: center;
} 
#section03 .section_inner .section03_content .content_txt p {
  font-size:19px;font-weight:300;color:#ffffff;
}
#section03 .section_inner .section03_content .content_txt > span {
  width:92px;height:1px;background: #fff;
}
#section03 .section_inner .section03_content .content_txt h2 {
  font-size:27px;font-weight:400;color:#ffffff;
}
#section03 .section_inner .section03_content .content_txt h2 span{
  font-size:27px;font-weight:700;color:#fff602;
}
#section03 .section_inner .section03_content > h2 {
  font-size:55px;font-weight:700;color:#ffffff;line-height: 1.6;
}
#section03 .section_inner .section03_content > h2 > span > span {
  font-family: "GmarketSansBold";font-size: 83px;line-height: 1;color: #fff602;
  animation: twin 2s infinite;transition:all 0s;opacity: 1;
}
@keyframes twin {
  0%{
    opacity:0;
  }
  50%{
    opacity:1;
  }
  100%{
    opacity:0;
  }
}
#section04 {
  position: relative;
  overflow: hidden;
  height: 583px;
}
#section04 .section_inner {
  display: flex;flex-direction: column;align-items: center;justify-content: flex-end;
  max-width: 768px;width:100%;margin:0 auto;height: 100%;
}
#section05 {
  background: url(https://careergate-service.s3.amazonaws.com/img/campusdev/beauty_html_img/event/20250827/section05_bg.png);
  position: relative;
  overflow: hidden;
  height: 452px;
}
#section05 .section_inner {
  display: flex;flex-direction: column;align-items: center;justify-content: flex-end;
  max-width: 768px;width:100%;margin:0 auto;height: 100%;
}
#section06 {
  background: #fff;
}
#section06 .section_inner {
  display: flex;flex-direction: column;align-items: center;justify-content: center;
  max-width: 768px;width:100%;margin:0 auto;height: 100%;padding:36px 0 85px;gap:200px;
}
#section06 .section_inner .section_content {
  background: url(https://careergate-service.s3.amazonaws.com/img/campusdev/beautym_html_img/event/20250827/section06_content_bg.png);
  position: relative;
  height: 240px;
  width:712px;
  display: flex;
  flex-direction: column;gap:42px;
  align-items: center;justify-content: flex-end;
  padding:50px 62px;
}
#section06 .section_inner .section_content h2 {
  font-size:60px;color: #fff;font-weight:700;line-height:1;letter-spacing: -4px;
  background: linear-gradient(to right, #a524ff, #00a2ff);width:100%;position: relative;
  top:-35px;text-align: center;padding:10px 0 20px;
}
#section06-1 {
  background: #fff;
  position: relative;
  overflow: hidden;
  padding:0 0 109px;
}
#section06-1 .section_inner {
  display: flex;flex-direction: column;align-items: center;justify-content: center;
  max-width: 768px;width:100%;margin:0 auto;height: 100%;
}

#section07 {
  background: url(https://careergate-service.s3.amazonaws.com/img/campusdev/beautym_html_img/event/20250827/section07_bg.png);
  position: relative;
  overflow: hidden;
  height: 250px;
  background-position: center center;
}
#section07 .section_inner {
  display: flex;flex-direction: column;align-items: center;justify-content: center;
  max-width: 768px;width:100%;margin:0 auto;height: 100%;
}

#section08 {
  background-color: #464646;
  height: 200px;
}
#section08 .section_inner {
  display: flex;flex-direction: column;align-items: center;justify-content: center;
  max-width: 768px;width:100%;margin:0 auto;height: 100%;
}


#section09 {
  background-image: url(https://careergate-service.s3.amazonaws.com/img/campusdev/beautym_html_img/event/20250827/section09_bg.png);
  background-color: #00f6ff;
  background-position: bottom center;
  position: relative;
  overflow: hidden;
  height: 3079px;
}
#section09 .section_inner {
  display: flex;flex-direction: column;align-items: center;justify-content: flex-start;
  max-width: 768px;width:100%;margin:0 auto;height: 100%;gap:114px;padding:137px 0 0;
}
#section09 .section_inner .section_unit{
  text-align: center;display: flex;flex-direction: column;gap:83px;

}
#section09 .section_inner .section_unit.section_unit01 .section_title img {
  width: 477px;
}
#section09 .section_inner .section_unit.section_unit02 .section_title img {
  width: 646px;
}
#section09 .section_inner .section_unit .section09_content {
  height:756px;position: relative;width: 706px;
}
#section09 .section_inner .section_unit .graph_container {
  background: #fff;width: 100%;height:509px;border-radius: 30px;box-shadow: 7px 5px 18px rgba(3,24,55,.1);z-index: 2;position: relative;
  display:flex;gap:143px;padding:226px 116px 59px 86px;align-items: flex-end;
}
#section09 .section_inner .section_unit .graph_container > span {
  font-family: 'SchoolSafetyEraser';font-size:57px;font-weight:400;
  background: linear-gradient(to top, #0000ff, #ff00f6);
  color: transparent;
  -webkit-background-clip: text;
  position: absolute;top:162px;left:200px;
  line-height: 1.2;
  letter-spacing: -5px;
  width: 175px;
  transition: all 1s ease-in-out;scale: 0.5;opacity: 0;
  z-index: 1;
}
#section09 .section_inner .section_unit .graph_container > span.active{
  scale: 1;opacity: 1;transition: all 1s ease-in-out;
}
#section09 .section_inner .section_unit .graph_container .arrow_wrap{
  z-index: 0;position: relative;position: absolute;top:124px;left:167px;width: 303px;height:197px;overflow: hidden;
}
#section09 .section_inner .section_unit .graph_container .arrow_bg{
  background: #fff;width:100%;height:100%;position: absolute;top:0;left:0;transform: translateY(0);
}
#section09 .section_inner .section_unit .graph_container .arrow_wrap.chk3.active .arrow_bg{
  transform: translateY(-197px);transition: all 1s ease-in-out;
}
#section09 .section_inner .section_unit .graph_container #arrow {
  
}
#section09 .section_inner .section_unit .graph_container #revealMask {
  position: absolute;top:108px;left:326px;
}
#section09 .section_inner .section_unit .graph_container .graph_unit {
  display: flex;flex-direction: column;gap:3px;align-items: center;position: relative;
}
#section09 .section_inner .section_unit .graph_container .graph_unit.graph_unit01 > img {
  position: absolute;top:18px;right:-137px;display: none;width: 128px;
}
#section09 .section_inner .section_unit .graph_container .graph_unit.graph_unit02 > img {
  position: absolute;top:0px;right:-125px;display: none;width: 118px;
}
#section09 .section_inner .section_unit .graph_container .graph_unit.graph_unit01 > img.active {
  top:0px;opacity: 1;
}
#section09 .section_inner .section_unit .graph_container .graph_unit.graph_unit02 > img.active {
  top:-30px;opacity: 1;
}
#section09 .section_inner .section_unit .graph_container .graph_unit.graph_unit01 > span {
  background: rgba(176,176,176,0.5);width:49px;height:49px;border-radius: 49px;display: flex;align-items: center;justify-content: center;padding:5px;display: none;
}
#section09 .section_inner .section_unit .graph_container .graph_unit.graph_unit01 > span > span {
  background: rgba(176,176,176,1);width:100%;height:100%;border-radius: 100%;display: flex;align-items: center;justify-content: center;font-size:14px;font-weight:700;color:#ececec;letter-spacing: -0.4px;
}
#section09 .section_inner .section_unit .graph_container .graph_unit.graph_unit02 > span {
  background: rgba(94,94,94,0.5);width:50px;height:50px;border-radius: 50px;display: flex;align-items: center;justify-content: center;font-size:14px;font-weight:700;color:#fff;padding:5px;display: none;
}
#section09 .section_inner .section_unit .graph_container .graph_unit.graph_unit02 > span > span {
  background: rgba(94,94,94,1);width:100%;height:100%;border-radius: 100%;display: flex;align-items: center;justify-content: center;font-size:14px;font-weight:700;color:#ececec;letter-spacing: -0.4px;
}
#section09 .section_inner .section_unit .graph_container .graph_unit.graph_unit03 > span {
  border:1px solid #0012ff;width:166px;height:166px;border-radius: 166px;display: flex;align-items: center;justify-content: center;font-size:14px;font-weight:700;color:#0422ff;padding:18px;    position: absolute;
  top: -166px;
  scale: 0;
  opacity: 0;
  transition: all 1s ease-in-out;
}
#section09 .section_inner .section_unit .graph_container .graph_unit.graph_unit03 > span.active{
  scale: 1;
  opacity: 1;
}
#section09 .section_inner .section_unit .graph_container .graph_unit.graph_unit03 > span > span {
  border:5px solid #0060ff;width:100%;height:100%;border-radius: 100%;display: flex;align-items: center;justify-content: center;font-size:50px;font-weight:400;color:#0422ff;letter-spacing: -2px;font-family: 'SchoolSafetyEraser';  padding-top: 10px;transition: all 1s ease-in-out;
}
#section09 .section_inner .section_unit .graph_container .graph_unit.graph_unit03 > span > span > span {
  font-size: 35px;
  font-family: 'SchoolSafetyEraser';
  display: flex;
  line-height: 1;
  padding-top: 10px;
  font-weight:400;
}

#section09 .section_inner .section_unit .graph_container .graph_unit.graph_unit01 .bar {
  height: 0;width:71px;background: linear-gradient(to bottom, rgba(176,176,176,1), rgba(176,176,176,0) 80%);border-top-left-radius: 10px;border-top-right-radius:10px;position: relative;opacity:0;transition: all 0.5s;
}
#section09 .section_inner .section_unit .graph_container .graph_unit.graph_unit01 .bar.active{
  height: 82px;transition: all 1s;opacity:1;
}
#section09 .section_inner .section_unit .graph_container .graph_unit.graph_unit01 .bar.active img {
  width: 109px;position: absolute;bottom:-5px;left:50%;transform: translate(-50%, 0);
}
#section09 .section_inner .section_unit .graph_container .graph_unit.graph_unit02 .bar {
  height: 0;width:71px;background: linear-gradient(to bottom, rgba(94,94,94,1), rgba(94,94,94,0) 80%);border-top-left-radius: 10px;border-top-right-radius:10px;position: relative;transition: all 1s;opacity:0;
}
#section09 .section_inner .section_unit .graph_container .graph_unit.graph_unit02 .bar.active {
  height: 129px;transition: all 1s;opacity:1;
}
#section09 .section_inner .section_unit .graph_container .graph_unit.graph_unit02 .bar.active img {
  width: 127px;position: absolute;bottom:5px;left:50%;transform: translate(-50%, 0);
}
#section09 .section_inner .section_unit .graph_container .graph_unit.graph_unit03 .bar {
  height: 0;width:75px;background: linear-gradient(to bottom, rgba(0,103,255,1), rgba(0,103,255,0) 90%);border-top-left-radius: 10px;border-top-right-radius:10px;position: relative;transition: all 1s;opacity:0;
}
#section09 .section_inner .section_unit .graph_container .graph_unit.graph_unit03 .bar.active {
  height: 223px;transition: all 1s;opacity:1;
}
#section09 .section_inner .section_unit .graph_container .graph_unit.graph_unit01 .bar p {
  font-size:18px;font-weight:700;color:#1a1a1a;position: absolute;bottom:5px;left:50%;transform: translate(-50%, 0);white-space: nowrap;
}
#section09 .section_inner .section_unit .graph_container .graph_unit.graph_unit01 .bar p span {
  font-weight: 300;white-space: nowrap;
}
#section09 .section_inner .section_unit .graph_container .graph_unit.graph_unit02 .bar p{
  font-size:25px;font-weight:700;color:#1a1a1a;position: absolute;bottom:27px;left:50%;transform: translate(-50%, 0);white-space: nowrap;
}
#section09 .section_inner .section_unit .graph_container .graph_unit.graph_unit03 .bar img{
  position: absolute;bottom:2px;left:50%;transform: translate(-50%, 0);width: 157px;
}
#section09 .section_inner .section_unit .grapgh_txt {
  position: absolute;
  bottom:0;
}





#section10 {
  background-color: #00f6ff;
}
#section10 .section_inner {
  display: flex;flex-direction: column;align-items: center;justify-content: center;
  max-width: 1240px;width:100%;margin:0 auto;height: 100%;gap:98px;padding:187px 0 190px;
}
#section10 .section_inner .section10_content{
  width:100%;
}
#section10 .section_inner .tabs2024_2_box {
  position: relative;padding: 0;
}
#section10 .section_inner .tabs2024_2 {
  width:100%;position: relative;
}
#section10 .section_inner .tabs2024_2 .swiper-slide {
  width: 100%;text-align: center;max-width: 291px;
}
#section10 .S3Img{
  display: flex;
}
#section10 .S3Img img {
  border:1px solid #4C7796;max-width: 100%;width: 100%;
}
#section10 .S3Name {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 25px;
  gap:10px;
}
#section10 .S3Name p {
  font-family: "GmarketSansMedium";
  font-size: 29px;
  padding-top: 5px;
  letter-spacing: -0.5px;
  font-weight: 400;
  color: #333333;
}
#section10 .S3Name img {
  width: 27px;
}
#section10 .SlideBtnR,
#section10 .SlideBtnL {
  width: 62px !important;
  height: 62px !important;
  transform: translate(0, calc(-50% - 57px));
  transform: translate(0, calc(-50% - 57px));
  margin-top: 32px !important;
}

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

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

#section10 .swiper-button-next,
#section10 .swiper-rtl .swiper-button-prev {
  right: 0 !important;
}
#section11 {
  background-color: #464646;height: 200px;
}
#section11 .section_inner {
  display: flex;flex-direction: column;align-items: center;justify-content: center;
  max-width: 768px;width:100%;margin:0 auto;height: 100%;padding:77px 0;overflow: hidden;
}
#section11 .section_inner .section_title {
  position: relative;
}
#section11 .section_inner .section_title img {
  position: relative;z-index: 1;
}
#section11 .section_inner .section_title img.section11_title_circle {
  position: absolute;    top: -39px;
  left: -23px;z-index: 0;width: 262px;
}
#section12 {
  background-color: #f6f6f6;
}
#section12 .section_inner {
  display: flex;flex-direction: column;align-items: center;justify-content: center;
  max-width: 768px;width:100%;margin:0 auto;height: 100%;padding:196px 0 190px;
}
#section12 .section_inner img {
  width: 715px;
}
#section13 {
  background-color: #464646;overflow: hidden;
}
#section13 .section_inner {
  display: flex;flex-direction: column;align-items: center;justify-content: center;
  max-width: 768px;width:100%;margin:0 auto;padding:164px 0 212px;gap:110px;
}
#section13 .section_inner .section13_content{
  width:100%;display: flex;align-items: center;justify-content: center;gap:186px;flex-direction: column;
}
#section13 .section_inner .section13_content .unit_container{
  width:100%;display: flex;flex-direction: column;gap:115px;
}
#section13 .section_inner .section13_content .unit_container .unit {
  display: flex;flex-direction: column;gap:50px;width: 100%;
}
#section13 .section_inner .section13_content .unit_container .unit_title h2{
  color:#fff;font-size:40px;font-weight: 700;line-height: 1;padding-left:25px;
}
#section13 .section_inner .section13_content .unit_container .unit_title h2 span{
  color:#fff;font-size:40px;font-weight: 300;line-height: 1;
}
#section13 .section_inner .section13_content .unit_container .swiper-container{
  width:100%;overflow: hidden;
}
#section13 .section_inner .section13_content .unit_container .swiper-container .swiper-slide{
  width: fit-content;
}
#section13 .section_inner .section13_content .unit_container .swiper-container .swiper-slide img {
  width: 560px;
}
#section13 .section_inner .section13_content .pass_unit {
  display: flex;flex-direction: column;align-items: center;justify-content: center;gap:100px;
}
#section13 .section_inner .section13_content .pass_unit .pass_content {
  display: flex;
    flex-direction: column;
    gap: 45px;
}
#section13 .section_inner .section13_content .pass_unit .pass_content p{
  font-size:22px;font-weight:300;color:#898989;
}
.stack{
  width:680px;
  height:969px;
  position:relative;
}
.title{
  text-align:center; color:#e9e9e9; opacity:.9;
  font-weight:800; letter-spacing:.02em;
  margin-bottom:20px; font-size:clamp(18px,2.4vw,24px);
}

.cards{
display:flex;
/* 기존: flex-direction: column; */
flex-direction: column-reverse; /* 👈 아래에서 위로 쌓이도록 역순 배치 */
gap:10px;

}

.card{
  border-radius:18px;
  box-shadow:11px 13px 40px rgba(70,70,70,.27);
  padding:18px 22px;
  background:#ddd;
  transform: translateY(40px);
  opacity:0;
  width: 100%;
}
.card.animate {
  animation: rackUp .6s cubic-bezier(.2,.8,.2,1) forwards;
}
.card > div > div{
  font-size:40px;color:#272727;position: relative;        font-weight: 700;

}
.card > div > div span{
  position: absolute;bottom:-40px;right:0;font-size:24px;font-weight:500;color:#272727;
}
.card > div > small{
  font-size:40px;font-weight:300;color:#272727;
}
.dept{
  display:flex; justify-content:space-between; align-items:center;
  font-weight:800; color:#111;
}
.dept small{
  display:block; font-weight:600; opacity:.6; font-size:.86rem;
}
.dept .right{
  text-align:right;
}
.dept .num{
  font-size:105px; font-weight:700;font-family: "GmarketSansBold";
}
.dept .num >span {
  font-size:52px; font-weight:700;color: #151515;font-family: "GmarketSansBold";
}

.c3{ transform: translateY(90px); width:100%;height:200px;background:#f3f2ff; animation-delay:.05s; } /* 코스메틱뷰티매니지먼트 */
.c2{ transform: translateY(90px); width:100%;height:200px;background:#dbe9ff; animation-delay:.25s; } /* 헤어디자인 */
.c1{ transform: translateY(90px); width:100%;height:200px;background:#b0cdf3;  animation-delay:.45s; } /* 메이크업     */

#section13 .section_inner .summary{
  position:relative;
  background:#0c00ff;
  color:#fff;
  padding:30px 28px;
  height: 308px;
  border-radius:20px;
  display:flex; flex-direction:column; gap:10px;

  align-items: center;
  justify-content: center;
}
#container #section13 .section_inner .summary .label{
  opacity:.95; font-weight:800; letter-spacing:.02em;
  font-size:clamp(14px,2vw,16px);
}
#container #section13 .section_inner .section13_content .pass_unit .summary .big{
  display:flex; align-items:baseline; gap:5px;justify-content: center;position: relative;    padding-top: 30px;
}
#container #section13 .section_inner .section13_content .pass_unit .summary .big #count{
  line-height:1.2; font-weight:400;
  font-size:190px;
    font-family: "GmarketSansBold";
    background: linear-gradient(to top, #46f1f7, #ffffff);
    color: transparent;
    -webkit-background-clip: text;
    letter-spacing: -8px;
}
#container #section13 .section_inner .summary .big .unit{
  font-size:130px; font-weight:400;  font-family: "GmarketSansBold" ;
  background: linear-gradient(to top, #46f1f7, #ffffff);
    color: transparent;
    -webkit-background-clip: text;
}
#container #section13 .section_inner .summary .badge{
  position: absolute;
  right: -55px;
  bottom: 40px;
  font-size: 40px;
  font-weight: 400;
  background: #0c00ff;
  font-family: "GmarketSansBold";
  border-radius: 5px;
  padding: 1px 4px;
  color:#fff;
}

@keyframes rackUp{
  from{ transform: translateY(60px); opacity:0 }
  to  { transform: translateY(0);    opacity:1 }
}

/* 접근성: 모션 최소 선호 시 애니메이션 제거 & 최종 상태 표시 */
@media (prefers-reduced-motion: reduce){
  .card{ animation:none; transform:none; opacity:1 }
}
#section14{
  background: #fff;
  padding: 78px 0 0 0;
  overflow: hidden;
}
#section14 .section_inner {
  display: flex;align-items: center;justify-content: center;flex-direction: column;
  max-width: 768px;width:100%;margin:0 auto;
}
#section14 .section_inner img {
  width: 748px;
}
#section15{
  background: #282828;
  padding: 61px 0;
  overflow: hidden;
}
#section15 .section_inner {
  display: flex;align-items: center;justify-content: center;flex-direction: column;
  max-width: 1200px;width:100%;margin:0 auto;
}
#section15 .section_inner img {
  width: 497px;
}
#section16 {
  background-image: url(https://careergate-service.s3.amazonaws.com/img/campusdev/beautym_html_img/event/20250827/section16_bg.png);
  background-color: #003cff;
  background-position: top center;
  position: relative;
  background-repeat: no-repeat;
  overflow: hidden;
  background-size: 768px auto;
}
#section16 .section_inner {
  display: flex;flex-direction: column;align-items: center;justify-content: flex-start;
  max-width: 1201px;width:100%;margin:0 auto;height: 100%;padding:118px 0 0;
}
#section17{
  background: #003cff;
  padding: 200px 0;
  overflow: hidden;
}
#section17 .section_inner {
  display: flex;align-items: center;justify-content: center;flex-direction: column;
  max-width: 708px;width:100%;margin:0 auto;gap:74px;
}
#section17 .section_inner .section17_content {
  width: 100%;display: flex;flex-direction: column;gap:69px;
}
#section17 .section_inner .section17_content .review_tab_container{
  width: 100%;display: flex;flex-direction: column;gap: 30px;
}
.tabs-wrap{width:100%}


/* 상단 큰 탭 */
.big-tabs{display:flex;align-items:flex-end;width:100%;}
.big-tab{
position:relative;
height:100px;
font-weight:700;
font-size:30px;
letter-spacing:-0.02em;
cursor: pointer;
width: 100%;
}
.big-tab.left{
background:#e1e1e1;
box-shadow:0 6px 18px rgba(0,0,0,.25);
color:#706969;
text-align: center;
display: flex;align-items: center;justify-content: center;
}
.big-tab.left.active{
  background:#171717;
  color:#fff;
  height:115px;
}
/* 오른쪽 끝을 사선으로 잘라내기 */
.big-tab.left.active::after{
content:'';
position:absolute;right:-35px;top:0;width:70px;height:100%;
transform:skewX(-25deg);
background:#151515;
box-shadow: 6px 0 20px rgba(0,0,0,0.25);
z-index: 1;
}


.big-tab.right{
background:#e1e1e1;
color:#706969;font-weight:700;
min-width:260px;text-align:center;
display: flex;align-items: center;justify-content: center;
}
.big-tab.right.active{
  background:#171717;
  color:#fff;
  height:115px;
}
.big-tab.right.active::after{
  content:'';
  position:absolute;left:-35px;top:0;width:70px;height:100%;
  transform:skewX(25deg);
  background:#151515;
  box-shadow: 6px 0 20px rgba(0,0,0,0.25);
  z-index: 1;
  }

/* 하단 작은 탭 리스트 */
.small-tabs{display:none;align-items:stretch;width:100%;}
.small-tabs.active{display:flex;align-items:stretch;width:100%;}
.small-tab{
background:#022ebb;
color: #86ade6;
font-size: 26px;
font-weight:700;text-align:center;
width: 100%;
cursor:pointer;
transition:all .18s ease;
height:115px;display: flex;align-items: center;justify-content: center;
}
.small-tab.active{
  background:#fff;
  color:#151515;
}


/* 작은 탭들을 감싸는 바(이미지 참고한 아래 네이비 백그라운드) */
.small-tabs-bar{
background:linear-gradient(180deg,#2b56ff,#063ba8);border-radius:6px;box-shadow:0 4px 14px rgba(0,0,0,.12);
}

#section17 .section_inner .section17_content .video_wrap {
  width:708px;height:398px;border-radius: 30px;overflow: hidden;
  margin:0 auto;
}
#section17 .section_inner .section17_content .video_wrap > div {
  width:100%;height:100%;
}
#section17 .section_inner .section17_content .video_wrap > div > iframe{
  width:100%;height:100%;
}
#section17 .section_inner .section17_content  a{
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  margin: 0 auto;
}
#section18 {
  background-color: #f8f8f8;
  position: relative;
  text-align: center;
  padding:198px 0 200px;
  display: flex;
  flex-direction: column;
  gap:65px;
}
#section18 #section18_title img {
  width: 706px;
}
#section18 #section18_content {
  width:100%;
}
#section18 #section18_content .marquee {
  width:100%;overflow: hidden;
}
#section18 .marquee .mar-track {
  display: flex;gap:26px; align-items:center; will-change:transform;
}
#section18 .marquee .mar-item{
  min-width:325px; flex:0 0 auto; border-radius:30px;display: flex;flex-direction: column;gap:36px;
}
#section18 .marquee .mar-item img:first-child{
  left:179px;position: relative;
}
#section18 .marquee .mar-item img {
  border-radius:30px;
}
#section19 {
  background-image: url(https://careergate-service.s3.amazonaws.com/img/campusdev/beautym_html_img/event/20250827/section19_bg.png);
  background-position: top center;
  position: relative;
  overflow: hidden;
  background-size: 768px auto;
}
#section19 .section_inner {
  display: flex;flex-direction: column;align-items: center;justify-content: flex-start;
  max-width: 100%;width:100%;margin:0 auto;height: 100%;padding:204px 0 420px;gap:176px;
}
#section19 .section_inner .section_title img {
  width:766px;
}
#section19 .section_inner .section19_content {
  WIDTH:100%;display: flex;flex-direction: column;gap:150px;
  align-items: center;justify-content: center;
}
#section19 .section_inner .section19_content .event_swiper {
  width:100%;
  background-image: url(https://careergate-service.s3.amazonaws.com/img/campusdev/beautym_html_img/event/20250827/swiper_bg.png);
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: 726px 370px;
  display: flex;
  align-items: flex-end;
  padding-bottom: 60px;
}
#section19 .section_inner .section19_content .event_swiper .swiper-slide{
  display: flex;flex-direction: column;align-items: center;justify-content: center;transition: all 0.8s;height:385px;
}
#section19 .section_inner .section19_content .event_swiper .swiper-slide-active{
  transition: all 0.8s;
}
#section19 .section_inner .section19_content .event_swiper .swiper-slide img {
  transition: all 0.8s;margin-bottom:80px;margin-top:0;
}
#section19 .section_inner .section19_content .event_swiper .swiper-slide-active img {
  margin-top: -60px;transition: all 0.8s;margin-bottom:50px;
}
#section19 .section_inner .section19_content .event_swiper .swiper-slide img.event_swiper_img01{
  width: 211px;
}
#section19 .section_inner .section19_content .event_swiper .swiper-slide img.event_swiper_img02{
  width: 174px;
}
#section19 .section_inner .section19_content .event_swiper .swiper-slide img.event_swiper_img03{
  width: 170px;
}
#section19 .section_inner .section19_content .event_swiper .swiper-slide img.event_swiper_img04{
  width: 175px;
}
#section19 .section_inner .section19_content .event_swiper .swiper-slide img.event_swiper_img05{
  width: 214px;
}
#section19 .section_inner .section19_content .event_swiper .swiper-slide img.event_swiper_img06{
  width: 147px;
}
#section19 .section_inner .section19_content .event_swiper .swiper-slide-active img.event_swiper_img01{
  width: 241px;
}
#section19 .section_inner .section19_content .event_swiper .swiper-slide-active img.event_swiper_img02{
  width: 204px;
}
#section19 .section_inner .section19_content .event_swiper .swiper-slide-active img.event_swiper_img03{
  width: 200px;
}
#section19 .section_inner .section19_content .event_swiper .swiper-slide-active img.event_swiper_img04{
  width: 205px;
}
#section19 .section_inner .section19_content .event_swiper .swiper-slide-active img.event_swiper_img05{
  width: 244px;
}
#section19 .section_inner .section19_content .event_swiper .swiper-slide-active img.event_swiper_img06{
  width: 177px;
}
#section19 .section_inner .section19_content .event_swiper .swiper-slide .swiper_txt {
  display: flex;align-items: center;justify-content: center;flex-direction: column;gap:20px;  transition: all 0.8s;
}
#section19 .section_inner .section19_content .event_swiper .swiper-slide-active .swiper_txt {
    transition: all 0.8s;
}
#section19 .section_inner .section19_content .event_swiper .swiper-slide h2 {
  font-size:34px;font-weight:700;color:#fff;transition: all 0.8s;line-height: 1;margin:0 !important;
  display: flex;
    margin-block: 0;
}
#section19 .section_inner .section19_content .event_swiper .swiper-slide p{
  font-size:27px;font-weight:700;color:#fff;line-height: 1;margin:0 !important;display: flex;
  margin-block: 0;
}
#section19 .section_inner .section19_content .event_swiper .swiper-slide p span {
  color: #fae289;line-height: 1;margin:0 !important;display: flex;
  margin-block: 0;
}
#section19 .section_inner .section19_content .event_swiper .swiper-slide h6{
  font-size:17px;font-weight:500;color:#fff;line-height: 1;margin: 0 !important;display: flex;
  margin-block: 0;
}
#section19 .section_inner .section19_content .event_swiper .swiper-slide-active h2{
  font-size: 38px;transition: all 0.8s;margin:0 !important;display: flex;
  margin-block: 0;
}
#section19 .section_inner .section19_content02{
  gap:89px;
}
#section19 .section_inner .section19_content02 .section19_content_title{
  margin-right: auto;
}
.roulette-container {
  width: 672px;
  height: 672px;
  position: relative;
}
#section19 .section_inner .section19_content02 .roulette-container .roulette_arrow{
  position: absolute;top:-74px;z-index: 2;left:237px;width: 164px;
}
#section19 .section_inner .section19_content02 .roulette-container .roulette_arrow2{
  position: absolute;top:268px;z-index: 0;left:-16px;width: 704px;
}

#roulette {
  width: 100%;
  height: auto;
  transform: rotate(0deg);
  transition: transform 4s cubic-bezier(0.33, 1, 0.68, 1);
  z-index: 1;
  position: relative;
  border-radius: 935px;
  box-shadow: 73px 0 155px rgba(0,0,0,.43);
}

#section20 {
  background-color: #f8f8f8;
  position: relative;
  text-align: center;
  padding:170px 0 0;
  display: flex;
  flex-direction: column;
  gap:50px;
}
#section20 .section_inner {
  max-width: 768px;margin:0 auto;width: 100%;
}
#section20 .section20_content {
  width:100%;
}
#section20 .section20_content .mainCounseling .inner {
  display: flex;flex-direction: column;gap:140px;  max-width: 762px;margin:0 auto;
}
#section20 .section20_content .mainCounseling .inner .infoHead {
  text-align: left;
  display: flex;
      align-items: center;
      justify-content: center;
}
#section20 .section20_content .infoHead .mSubTit{
  font-size:50px;font-weight:700;color:#2b2b2b;line-height:1;
  display: flex;flex-direction: column;align-items: center;gap:25px;
  width: fit-content;justify-content: center;
}
#section20 .section20_content .infoHead .mSubTit p {
  font-size:28px;font-weight:700;color:#f82828;line-height:1;
  width: 100%;
}
#section20 .section20_content .infoHead .mSubTit p span {
  font-weight: 300;line-height:1;
}
#section20 .section20_content .mainCounseling .inner .infoBody{
  display: flex;flex-direction: column;gap:5px;
}
#section20 .section20_content .mainCounseling .inner .infoBody .counsel_info{
  display: flex;padding:60px 28px 200px;border-top:1px solid #dbdbdb;justify-content: space-between;flex-direction: column;gap:24px;
}
#section20 .section20_content .mainCounseling .inner .infoBody .left{
  width:100%;
}
#section20 .section20_content .mainCounseling .inner .infoBody .left .counselingFormTable {
  display: flex;flex-direction: column;gap:24px;width: 100%;
}
#section20 .section20_content .mainCounseling .inner .infoBody .left .counselingFormTable .inp_box{
  display: flex;gap:50px;
}
#section20 .section20_content .mainCounseling .inner .infoBody .left .counselingFormTable .inp_box h2 {
  min-width:150px;text-align: left;font-size:40px;font-weight:700;color: #333333;
}
#section20 .section20_content .mainCounseling .inner .infoBody .left .counselingFormTable .inp_box .inp_wrap {
  display: flex;align-items: center;width: 100%;gap:15px;
}
#section20 .section20_content .mainCounseling .inner .infoBody .left .counselingFormTable .inp_box .inp_wrap input[type="radio"]{
  accent-color: #1c1c1c;width: 38px;height:38px;appearance: auto;
}
#section20 .section20_content .mainCounseling .inner .infoBody .left .counselingFormTable .inp_box .inp_wrap label {
  font-size:38px;font-weight:400;color:#333333;    line-height: 1;margin-right:25px;
}
#section20 .section20_content .mainCounseling .inner .infoBody .left .counselingFormTable .inp_box .inp_wrap input[type="text"],#section20 .section20_content .mainCounseling .inner .infoBody .left .counselingFormTable .inp_box .inp_wrap input[type="tel"]{
  width:100%;height:80px;border:0.5px solid #1a1a1a;font-size:30px;padding:0 20px;
}
#section20 .section20_content .mainCounseling .inner .infoBody .left .counselingFormTable .inp_box .inp_wrap.inp_wrap_tel {
  gap:1px;
}
#section20 .section20_content .mainCounseling .inner .infoBody .left .counselingFormTable .inp_box .inp_wrap span {
  min-width:15px;height:1px;background: #1c1c1c;display: flex;
}
#section20 .section20_content .mainCounseling .inner .infoBody .right {
  width:100%;display: flex;flex-direction: column;gap:25px;
}
#section20 .section20_content .mainCounseling .inner .infoBody .right .counselingFormTable {
  display: flex;flex-direction: column;gap:15px;width: 100%;
}
#section20 .section20_content .mainCounseling .inner .infoBody .right .counselingFormTable .inp_box{
  display: flex;gap:50px;
}
#section20 .section20_content .mainCounseling .inner .infoBody .right .counselingFormTable .inp_box h2 {
  min-width:150px;text-align: left;font-size:40px;font-weight:700;color: #333333;
}
#section20 .section20_content .mainCounseling .inner .infoBody .right .counselingFormTable .inp_box p {
  font-size:24px;color:#444444;font-weight:400;
}
#section20 .section20_content .mainCounseling .inner .infoBody .right .counselingFormTable .inp_box .inp_wrap > div select{
  width:100%;height:80px;border:0.5px solid #1a1a1a;padding:0 20px;font-size:16px;font-weight: 500;color: #8e8e8e; appearance: none;position: relative;font-size: 30px;
}
#section20 .section20_content .mainCounseling .inner .infoBody .right .counselingFormTable .inp_box .inp_wrap >div::after{
  content:'';
  background-image: url(https://careergate-service.s3.amazonaws.com/img/campusdev/beautym_html_img/event/20250827/ico_d_arr.png);
  position: absolute;
  top:50%;right:15px;
  width:24px;height:16px;
  background-size: cover;
  transform: translate(0, -50%);
}
#section20 .section20_content .mainCounseling .inner .infoBody .right .counselingFormTable .inp_box .inp_wrap{
  display: flex;align-items: flex-start;width: 100%;gap:5px;flex-direction: column;
}
#section20 .section20_content .mainCounseling .inner .infoBody .right .counselingFormTable .inp_box .inp_wrap > div{
  display: flex;align-items: center;width: 100%;gap:5px;position: relative;
}
.personalGuide{margin-top: 50px;position: relative;display: flex;flex-direction: column;align-items: flex-start;justify-content: flex-start;}

.personalGuide a{color: #333333;font-size: 28px;letter-spacing: -0.04em;font-family: 'notokr-regular'; padding-right: 20px;-webkit-transition: 0.2s linear;
  -moz-transition: 0.2s linear;
  -ms-transition: 0.2s linear;
  -o-transition: 0.2s linear;
  transition: 0.2s linear;
display: flex;gap:9px;
line-height: 1;
align-items: center;}
.personalGuide a img {
  width:18px;
}
.personalGuide a img.on{
  transform: rotate(180deg);
}
.personalGuide .agree_bx {
  display: flex;align-items: center;gap:9px;
}
.personalGuide > p {
  font-size:24px;color:#333;font-weight:400;text-align: left;margin-top: 65px;
}
.personalGuide div{margin-top: 25px;}
.personalGuide div input{width: 36px;height: 36px;border:1px solid #000;vertical-align: middle;margin-right: 0; background: #fff;}
.personalGuide div label{color: #444444;font-size: 28px;letter-spacing: -0.04em;    font-weight: 300;}
.personalInfo{background: #f7f7f7;/*border-top: 1px solid #e5e5e5;*/border-bottom: 1px solid #565656;padding:10px 0;font-size: 22px;line-height: 30px;letter-spacing: -0.02em;font-family: 'notokr-demilight';color: #9a9a9a;display: none;text-align: left;}
.counselingForm .btnCounseling a {
  background: #2b2b2b;
  font-size: 32px;
  line-height: 80px;
  border-radius: 20px;
  color:#fff;
  font-weight:700;
  display: flex;
      align-items: center;
      justify-content: center;
      margin-top: 15px;
}

#section20 .section20_content .mainCounseling .inner .infoBody .apply_wrap{
  display: flex;border-radius:10px;width: 100%;background-color: #c4daff;height: 126px;max-width: 704px;margin:0 auto;width: 100%;
}
#section20 .section20_content .mainCounseling .inner .infoBody .progress {
  display: flex;width: 100%;height:100%;padding:21px 20px 21px 18px;position: relative;
}
#section20 .section20_content .mainCounseling .inner .infoBody .progress .progress_inner{
  display: flex;width: 100%;background-color: #7d8da9;border-radius: 10px;
}
#section20 .section20_content .mainCounseling .inner .infoBody .progress .bu01 {
  position: absolute;top:-90px;right:0;font-size:26px;font-weight: 700;color:#2c2c2c;
  display: flex;gap:6px;align-items: center;justify-content: center;background-image: url(https://careergate-service.s3.amazonaws.com/img/campusdev/beautym_html_img/event/20250827/bu01_red.png);
  width: 264px;
  height: 79px;
  background-size: cover;
  padding-bottom: 13px;
}
#section20 .section20_content .mainCounseling .inner .infoBody .progress .bu01 img {
  width: 28px;
}
#section20 .section20_content .mainCounseling .inner .infoBody .progress .progress_bar {
  background: #0f6efd;width:100%;border-radius: 10px;height:100%;display: flex;align-items: center;
  justify-content: center;
}
#section20 .section20_content .mainCounseling .inner .infoBody .progress .progress_bar h2 {
  font-size:29px;font-weight: 500;color:#fff;    position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
#section20 .section20_content .mainCounseling .inner .infoBody .progress .progress_bar h2 span {
  font-size:36px;
}
#section20 .section20_content .mainCounseling .inner .infoBody .progress .progress_bar h2 span span {
  font-weight: 500;width: 20px;
}

#section20 .section20_title {
  display: flex;justify-content: center;background: #0f6efd;
  padding:98px 0 85px;align-items: center;flex-direction: column;
  gap:40px;
}
#section20 .section20_title .title_left h2 {
  font-size:40px;color:#fff;font-weight:400;text-align: left;font-family:"GmarketSansBold"
}
#section20 .section20_title .title_right {
  display: flex;
}
#section20 .section20_title .title_right a {
  border-radius: 20px;
  background-color: rgb(255, 0, 114);
  box-shadow: 0px 3px 5px 0px rgba(59, 59, 59, 0.29);
  font-size: 32px;
  color: rgb(254, 254, 254);
  font-weight: bold;
  padding: 10px 42px;
  width: 706px;
  height: 80px;
  display: flex;align-items: center;justify-content: center;
}













#section21 {
  background-image: url(https://careergate-service.s3.amazonaws.com/img/campusdev/beautym_html_img/event/20250827/section21_bg.png);
  background-position: top center;
  position: relative;
  overflow: hidden;
  height: 378px;
}
#section21 .bg_wrap {
  width:100%;height:100%;background: rgba(26,26,26,1);transition: all 1s ease-in-out;
  z-index: 1;position: absolute;
}
#section21.active .bg_wrap{
  background: rgba(26,26,26,0);transition: all 1s ease-in-out;
}
#section21 .section_inner {
  display: flex;flex-direction: column;align-items: flex-start;justify-content: center;
  max-width: 768px;width:100%;margin:0 auto;height: 100%;  position: relative;
  z-index: 2;
}
#section21 .section_inner .section_title {
  width:100%;padding-left:50px;
}
#section21 .section_inner .section_title h2{
  color:#fff;font-family: "GmarketSansBold";font-size:46px;    line-height: 60px;
}
#section21 .section_inner .section_title span div{
  color:#fff;font-family: "GmarketSansMedium";font-size:34px;font-weight: 400;margin-top: 25px;
  display: block;
}
#section22 {
  background-color: #dedede;
  position: relative;
  text-align: left;
  padding:69px 0 60px;
}
#section22 .section_inner {
  display: flex;flex-direction: column;align-items: flex-start;justify-content: center;
  max-width: 680px;width:100%;margin:0 auto;height: 100%;
}
#section22 .section_inner .section_title h2{
  font-size:18px;font-weight:700;color:#9e9e9e;
}
#section22 .section_inner .section22_content{
  display: flex;flex-direction: column;gap:30px;
}
#section22 .section_inner .section22_content p{
  font-size:18px;font-weight:400;color:#9e9e9e;
}


.result_popup_bg{
  position: fixed;
  top:0;left:0;
  width:100%;height:100%;
  background: rgba(0,0,0,.5);
  z-index: 999;
  display: none;
}
.result_popup{
  position: fixed;
  top:50%;left:50%;transform:translate(-50%, -50%);
  z-index: 1000;
  width:708px;
  display: none;
}
.result_popup .result_title{
  background: #fff;    padding: 25px 30px;
}
.result_popup .result_title a {
  display: flex;justify-content: flex-end;
}
.result_popup .result_content{
  background:#5683d4;text-align: center;display: flex;flex-direction: column;gap:30px;
  align-items: center;justify-content: center;padding: 52px 0 67px;
}
.result_popup .result_content > img {
  width: 680px;
}
.result_popup .result_content .roulette_apply_btn {
  background: #fff;color:#000000;font-size:28px;font-weight: 700;border-radius: 20px;
  width: 100%;max-width:600px;height: 70px;display: flex;align-items: center;justify-content: center;
}

.result_product_popup_bg{
  position: fixed;
  top:0;left:0;
  width:100%;height:100%;
  background: rgba(0,0,0,.5);
  z-index: 999;
  display: none;
}
.result_product_popup{
  position: fixed;
  top:50%;left:50%;transform:translate(-50%, -50%);
  z-index: 1000;
  width:708px;
  display: none;
}
.result_product_popup .result_product_img{
  position: absolute;
  width: 365px;
  height: 187px;
  top: 295px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.result_product_popup .result_product_img img{
  max-height:107px;width: auto;
}
.result_product_popup .result_title{
  background: #fff;    padding: 25px 30px;position: relative;
}
.result_product_popup .result_title h2{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 35px;
font-weight: 700;
color: #000;
}
.result_product_popup .result_title a {
  display: flex;justify-content: flex-end;
}
.result_product_popup .result_content{
  background:#5683d4;text-align: center;display: flex;flex-direction: column;gap:30px;
  align-items: center;justify-content: center;padding: 52px 0 39px;
}
.result_product_popup .result_content > img {
  width: 680px;
}
.result_product_popup .result_content a {
  background: #fff;color:#000000;font-size:28px;font-weight: 700;border-radius: 20px;
  width: 100%;max-width:600px;height: 70px;display: flex;align-items: center;justify-content: center;
  position: absolute;bottom:70px;left:50%;
  transform: translate(-50%, 0);
}

#bottom_btn {
  position: fixed;
  bottom:-100%;left:0;
  width:100%;
  z-index: 9999;
  background: #0060bc;
  height:105px;
  display: flex;
  transition: all 1s ease-in-out;
}
#bottom_btn.active{
  bottom:0;
}
#bottom_btn a {
  width:100%;
  height:100%;
  font-size:28px;
  color:#fff;font-weight:700;
  line-height: 1.2;
}
#bottom_btn a span {
  font-size:24px;font-weight: 500;
}
#bottom_btn > span {
  width: 1px;height:100%;background: #fff;
}
#bottom_btn.bottom.active {
  bottom:-100%;
  transition: all 1s ease-in-out;
}

.anchor_box {
  position: fixed;
    max-width: 768px;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 9999;
    transform: translate(-50%, -50%);
    display: flex;flex-direction: column;gap:50px;
    display: none;
}
.anchor_box .anchor_box_inner{

  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.anchor_box .close_anchor_btn{
  padding:31px 40px 0;
}

.anchor_box .anchor_title{
  border-bottom:1px solid #ddd;width: 100%;
}
.anchor_box .anchor_title a {
  max-width: 560px;
  margin: 0 auto;
  font-size:40px;
  font-weight: 700;
  color:#000;
  padding-bottom:30px;
}
.anchor_box .anchor_box_inner > a {
  max-width: 560px;
  margin: 0 auto;
  font-size:40px;
  height:125px;
  color:#676767;
  border-bottom: 1px solid #676767;width: 100%;;
  display: flex;
      align-items: center;
      justify-content: flex-start;
}
.anchor_box .anchor_box_inner > a.active{
  color:#0024ff;font-weight:700;border-bottom: 1px solid #0024ff;
}
.anchor_box .anchor_box_inner .apply_btn{
  padding-top:70px;  max-width: 560px;  margin: 0 auto;
}
#top_btn {
  position: fixed;
  bottom:30px;right:30px;
  opacity: 0;
  pointer-events: none;
  transition: all 1s ease-in-out;
  z-index: 999;
}
#top_btn.active {
  transition: all 1s ease-in-out;
  opacity: 1;
  pointer-events: auto;
}

@media all and (max-width:640px){
  #sectionMain .section_bg video {
    height:115%;
    width: unset;
  }
}

@media all and (max-width:768px){
  #sectionMain {
    background: transparent;
    position: relative;
    overflow: hidden;
    height: 100vh;
  }
  #sectionMain .section_bg {
    position: absolute;
    top:0;left:0;
    height: 100%;
    z-index: 0;
  }
  #sectionMain .section_bg img {
    height:100%;
  }
  #sectionMain .section_bg iframe {
    width: 100%;height:100%;
  }
  #sectionMain .scrolldown {

    width: 33.4635vw;
  }
  #sectionMain .section_inner{
    display: flex;flex-direction: column;gap:20.8333vw;align-items: center;justify-content: center;
    z-index: 1;
    width:100%;height:100%;
    position: relative;
  }
  
  #sectionMain .section_inner .section_title {
    text-align: center;
  }
  #sectionMain .section_inner .section_title p{
    font-size:4.9479vw;
    text-shadow: 0px 0.6510vw 1.0416vw rgba(44, 44, 44, 1);
  }
  #sectionMain .section_inner .section_title img {
    width: 85.8073vw;
  }
  #sectionMain .section_inner .section_content {
    display: flex;flex-direction: column;gap:4.6875vw;width:80.9896vw;height:25.1302vw;align-items: center;justify-content: center;
  }
  #sectionMain .section_inner .section_content .apply_wrap{
    display: flex;border-radius:1.3021vw;width: 100%;height: 10.4167vw;background-color: #c4daff;
  }
  #sectionMain .section_inner .section_content .apply_wrap .progress {
    display: flex;width: 100%;height:100%;padding:1.6927vw 0 1.6927vw 1.4323vw;position: relative;
  }
  #sectionMain .section_inner .section_content .apply_wrap .progress .progress_inner{
    display: flex;width: 100%;background-color: #7d8da9;border-radius: 1.3021vw;border-top-right-radius: 0;border-bottom-right-radius: 0;
  }
  #sectionMain .section_inner .section_content .apply_wrap .progress .bu01 {
    position: absolute;top:-9.3750vw;right:0;font-size:2.6042vw;font-weight: 700;color:#2c2c2c;
    display: flex;gap:0.3906vw;align-items: center;justify-content: center;background-image: url(https://careergate-service.s3.amazonaws.com/img/campusdev/beautym_html_img/event/20250827/bu01.png);
    width:26.9531vw;height:7.8125vw;background-size: cover;padding-bottom:1.3021vw;
  }
  #sectionMain .section_inner .section_content .apply_wrap .progress .bu01 img{
    width:3.6458vw;
  }
  #sectionMain .section_inner .section_content .apply_wrap .progress .progress_bar {
    background: #0f6efd;width:100%;border-radius: 1.3021vw;height:100%;display: flex;align-items: center;
    justify-content: center;
  }
  #sectionMain .section_inner .section_content .apply_wrap .progress .progress_bar h2 {
    font-size:3.1250vw;font-weight: 500;color:#fff;white-space: nowrap;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  #sectionMain .section_inner .section_content .apply_wrap .progress .progress_bar h2 span {
    font-size:3.9063vw;
  }
  #sectionMain .section_inner .section_content .apply_wrap .apply_btn a{
    display: flex;align-items: center;justify-content: center;background: rgba(20,20,20,1);height: 100%;width: 20.3125vw;border-radius: 1.3021vw;font-size:3.6458vw;font-weight: 500;color:#fff;
  }
  #sectionMain .section_inner .section_content .apply_wrap .apply_btn a:hover{
    box-shadow: 0.3906vw 0.3906vw 0.2604vw rgba(0,0,0,.29);background: rgba(20,20,20,.8);
  }
  
  
  .section_sticky {
    position: relative;
  }
  #sticky_menu{
    position: sticky;
    top:0;left:0;
    z-index: 99;
    background: #fff;
    padding: 3.2552vw 3.9063vw;
    transition: transform 0.3s ease;
  }
  #sticky_menu .section_inner {
    display: flex;align-items: center;justify-content: space-between;
    max-width: 156.2500vw;width:100%;margin:0 auto;
  }
  #sticky_menu .section_inner .hamberger_btn img{
    width: 7.9427vw;
  }
  #sticky_menu .section_inner .anchor_box {
    display: flex;gap:3.9063vw;align-items: center;justify-content: center;
  }
  .anchor_box .close_anchor_btn a svg {
    width: 5.3385vw;
  }
  .anchor_box .close_anchor_btn a svg image {
    width: 100%;
  }
  #sticky_menu .section_inner .anchor_box a {
    font-size:3.1250vw;font-weight: 500;line-height: 1;
  }
  #sticky_menu .section_inner .anchor_box a.active{
    font-weight:700;color:#0268fe;
  }
  #sticky_menu .section_inner .anchor_box span {
    width:0.1302vw;height:3.2552vw;background: #222;
  }
  #sticky_menu .section_inner .apply_btn {
    display: flex;gap:5.4688vw;align-items: center;justify-content: center;
  }
  #sticky_menu .section_inner .apply_btn p {
    font-size:4.5573vw;color:#000000;font-weight: 500;line-height: 1.2;
  }
  #sticky_menu .section_inner .apply_btn p span{
    font-weight:900;color:rgba(255,0,246,1);line-height: 1.2;
  }
  #sticky_menu .section_inner .apply_btn a{
    font-weight:400;background:rgba(255,0,246,1);color: #000;display: flex;align-items: center;gap:1.0417vw;font-size: 4.1667vw;width: 43.8802vw;height:10.4167vw;justify-content: center;border-radius: 1.3021vw;
  }
  #sticky_menu .section_inner .apply_btn a:hover{
    background:rgba(200,0,200,1);
  }
  #sticky_menu .section_inner .apply_btn a span{
    font-weight:700;color:#fff;
  }
  #section01 {
    background: url(https://careergate-service.s3.amazonaws.com/img/campusdev/beautym_html_img/event/20250827/section01_bg.png);
    position: relative;
    overflow: hidden;
    height: 137.2396vw;
    background-size: cover;
  }
  #section01 .section_inner {
    display: flex;flex-direction: column;align-items: center;justify-content: center;
    max-width: 92.1875vw;width:100%;margin:0 auto;padding:16.1458vw 0 0;gap:12.7604vw;
  }
  #section01 .section_inner .section01_content {
    display: flex;flex-direction: column;gap:10.2865vw;align-items: center;justify-content: center;
  }
  #section01 .section_inner .section01_content iframe{
    width:92.1875vw;height:51.8229vw;
  }
  #section01 .section_inner .section01_content a img {
    width: 52.2135vw;
  }
  #section01 .section_inner .section_title img {
    width: 59.7656vw;
  }
  #section02 {
    background: url(https://careergate-service.s3.amazonaws.com/img/campusdev/beautym_html_img/event/20250827/section02_bg.png);
    position: relative;
    overflow: hidden;
    height: 117.8385vw;
    background-size: cover;
  }
  #section02 .section_inner {
    display: flex;flex-direction: column;align-items: center;justify-content: center;
    max-width: 100.0000vw;width:100%;margin:0 auto;padding:25.3906vw 0 0;gap:0;position: relative;
  }
  #section02 .section_inner .section02_content {
    display: flex;flex-direction: column;align-items: center;justify-content: center;gap:3.5156vw;position: relative;bottom:0.6510vw;z-index: 5;
  }
  #section02 .section_inner .section02_content .location_wrap{
    display: flex;gap:1.9531vw;align-items: flex-end;justify-content: center;
  }
  #section02 .section_inner .section02_content .location_wrap > img {
    padding-right:1.1719vw;width: 75.6510vw;
  }
  #section02 .section_inner .section02_content .location_wrap a {
    display: flex;
  }
  #section02 .section_inner .section02_content .location_wrap a img {
    width: 5.7291vw;
  }
  #section02 .section_inner .section02_content .location_wrap a:nth-child(3) img {
    width: 5.46875vw;
  }
  #section02 .section_inner .section02_content .date_wrap p{
    font-size:3.125vw;font-weight:400;color: #ffffff;line-height: 1;
  }
  #section03{
    background: #fff;
    padding: 12.8906vw 0 12.5000vw;
  }
  #section03 .section_inner {
    display: flex;align-items: center;justify-content: center;flex-direction: column;
    max-width: 92.7083vw;width:100%;margin:0 auto;gap:5.5990vw;
  }
  #section03 .section_inner .section_title{
    display: flex;flex-direction: column;gap:3.2552vw;align-items: center;justify-content: center;
  }
  #section03 .section_inner .section_title h2{
      font-family: "GmarketSansMedium";font-weight: 400;font-size:7.1615vw;color: #333333;    line-height: 1;
      letter-spacing: -0.0521vw;
  }
  #section03 .section_inner .section_title h2 span{
    font-family: "GmarketSansBold";font-weight: 400;font-size:7.1615vw;color: #1200ff;    line-height: 1;
    letter-spacing: -0.0521vw;
  }
  #section03 .section_inner .section_title p{
    font-weight: 400;font-size:3.9063vw;color: #333333;    line-height: 1;letter-spacing: -0.0521vw;
  }
  #section03 .section_inner .section03_content {
    box-shadow: 0.7813vw 1.6927vw 4.1667vw rgba(59,59,59,0.5);
    border-radius: 2.6042vw;
    width: 92.7083vw;
    height: 45.3125vw;
    background-image: url(https://careergate-service.s3.amazonaws.com/img/campusdev/beautym_html_img/event/20250827/section03_content_bg.png);
    background-color: rgba(59,59,59,0.2);
    overflow: hidden;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;align-items: center;justify-content: center;flex-direction: column;
    background-size: cover;
  }
  
  #section03 .section_inner .section03_content .content_txt {
    display: flex;gap:2.2135vw;align-items: center;
  } 
  #section03 .section_inner .section03_content .content_txt p {
    font-size:2.4740vw;font-weight:300;color:#ffffff;
  }
  #section03 .section_inner .section03_content .content_txt > span {
    width:11.9792vw;height:0.1302vw;background: #fff;
  }
  #section03 .section_inner .section03_content .content_txt h2 {
    font-size:3.5156vw;font-weight:400;color:#ffffff;
  }
  #section03 .section_inner .section03_content .content_txt h2 span{
    font-size:3.5156vw;font-weight:700;color:#fff602;
  }
  #section03 .section_inner .section03_content > h2 {
    font-size:7.1615vw;font-weight:700;color:#ffffff;line-height: 1.6;
  }
  #section03 .section_inner .section03_content > h2 > span > span {
    font-family: "GmarketSansBold";font-size: 10.8073vw;line-height: 1;color: #fff602;
  }
  @keyframes twin {
    0%{
      opacity:0;
    }
    50%{
      opacity:1;
    }
    100%{
      opacity:0;
    }
  }
  #section04 {
    position: relative;
    overflow: hidden;
    height: 75.9115vw;
  }
  #section04 .section_inner {
    display: flex;flex-direction: column;align-items: center;justify-content: flex-end;
    max-width: 100.0000vw;width:100%;margin:0 auto;height: 100%;
  }
  #section05 {
    background: url(https://careergate-service.s3.amazonaws.com/img/campusdev/beauty_html_img/event/20250827/section05_bg.png);
    position: relative;
    overflow: hidden;
    height: 58.8542vw;
    background-size: cover;
  }
  #section05 .section_inner {
    display: flex;flex-direction: column;align-items: center;justify-content: flex-end;
    max-width: 100.0000vw;width:100%;margin:0 auto;height: 100%;
  }
  #section06 {
    background: #fff;
  }
  #section06 .section_inner {
    display: flex;flex-direction: column;align-items: center;justify-content: center;
    max-width: 100.0000vw;width:100%;margin:0 auto;height: 100%;padding:4.6875vw 0 11.0677vw;gap:26.0416vw;
  }
  #section06 .section_inner .section_content {
    background: url(https://careergate-service.s3.amazonaws.com/img/campusdev/beautym_html_img/event/20250827/section06_content_bg.png);
    position: relative;
    height: 31.2500vw;
    width:92.7083vw;
    display: flex;
    flex-direction: column;gap:5.4688vw;
    align-items: center;justify-content: flex-end;
    padding:6.5104vw 8.0729vw;
    background-size: cover;
  }
  #section06 .section_inner .section_content h2 {
    font-size:7.8125vw;color: #fff;font-weight:700;line-height:1;letter-spacing: -0.5208vw;
    background: linear-gradient(to right, #a524ff, #00a2ff);width:100%;position: relative;
    top:-4.5573vw;text-align: center;padding:1.3021vw 0 2.6042vw;
  }
  #section06 .section_inner .section_content img {
    width: 70.7031vw;
  }
  #section06-1 {
    background: #fff;
    position: relative;
    overflow: hidden;
    padding:0 0 14.1927vw;
  }
  #section06-1 .section_inner {
    display: flex;flex-direction: column;align-items: center;justify-content: center;
    max-width: 100.0000vw;width:100%;margin:0 auto;height: 100%;
  }
  #section06-1 .section_inner a img{
    width: 52.2135vw;
  }

  
  #section07 {
    background: url(https://careergate-service.s3.amazonaws.com/img/campusdev/beautym_html_img/event/20250827/section07_bg.png);
    position: relative;
    overflow: hidden;
    height: 32.5521vw;
    background-position: center center;
    background-size: cover;
  }
  #section07 .section_inner {
    display: flex;flex-direction: column;align-items: center;justify-content: center;
    max-width: 100.0000vw;width:100%;margin:0 auto;height: 100%;
  }
  #section07 .section_inner img {
    width: 79.4270vw;
  }
  #section08 {
    background-color: #464646;
    height: 26.0417vw;
  }
  #section08 .section_inner {
    display: flex;flex-direction: column;align-items: center;justify-content: center;
    max-width: 100.0000vw;width:100%;margin:0 auto;height: 100%;
  }
  
  #section08 .section_inner img {
    width: 89.9739vw;
  }
  #section09 {
    background-image: url(https://careergate-service.s3.amazonaws.com/img/campusdev/beautym_html_img/event/20250827/section09_bg.png);
    background-color: #00f6ff;
    background-position: bottom center;
    position: relative;
    overflow: hidden;
    height: 400.9115vw;
    background-size: cover;
  }
  #section09 .section_inner {
    display: flex;flex-direction: column;align-items: center;justify-content: flex-start;
    max-width: 100.0000vw;width:100%;margin:0 auto;height: 100%;gap:14.8438vw;padding:17.8385vw 0 0;
  }
  #section09 .section_inner .section_unit{
    text-align: center;display: flex;flex-direction: column;gap:10.8073vw;
  
  }
  #section09 .section_inner .section_unit.section_unit01 .section_title img {
    width: 62.1094vw;
  }
  #section09 .section_inner .section_unit.section_unit02 .section_title img {
    width: 84.1146vw;
  }
  #section09 .section_inner .section_unit .section09_content {
    height:98.4375vw;position: relative;width: 91.9271vw;
  }
  #section09 .section_inner .section_unit .graph_container {
    background: #fff;width: 100%;height:66.2760vw;border-radius: 3.9063vw;box-shadow: 0.9115vw 0.6510vw 2.3438vw rgba(3,24,55,.1);z-index: 2;position: relative;
    display:flex;gap:18.6198vw;padding:29.4271vw 15.1042vw 7.6823vw 11.1979vw;align-items: flex-end;
  }
  #section09 .section_inner .section_unit .graph_container > span {
    font-family: 'SchoolSafetyEraser';font-size:7.4219vw;font-weight:400;
    background: linear-gradient(to top, #0000ff, #ff00f6);
    color: transparent;
    -webkit-background-clip: text;
    position: absolute;top:21.0938vw;left:26.0417vw;
    line-height: 1.2;
    letter-spacing: -0.6510vw;
    width: 22.7865vw;
    transition: all 1s ease-in-out;scale: 0.5;opacity: 0;
    z-index: 1;
  }
  #section09 .section_inner .section_unit .graph_container > span.active{
    scale: 1;opacity: 1;transition: all 1s ease-in-out;
  }
  #section09 .section_inner .section_unit .graph_container .arrow_wrap{
    z-index: 0;position: relative;position: absolute;top:16.1458vw;left:21.7448vw;width: 39.4531vw;height:25.6510vw;overflow: hidden;
  }
  #section09 .section_inner .section_unit .graph_container .arrow_bg{
    background: #fff;width:100%;height:100%;position: absolute;top:0;left:0;transform: translateY(0);
  }
  #section09 .section_inner .section_unit .graph_container .arrow_wrap.chk3.active .arrow_bg{
    transform: translateY(-25.6510vw);transition: all 1s ease-in-out;
  }
  #section09 .section_inner .section_unit .graph_container #arrow {
    
  }
  #section09 .section_inner .section_unit .graph_container #revealMask {
    position: absolute;top:14.0625vw;left:42.4479vw;
  }
  #section09 .section_inner .section_unit .graph_container .graph_unit {
    display: flex;flex-direction: column;gap:0.3906vw;align-items: center;position: relative;
  }
  #section09 .section_inner .section_unit .graph_container .graph_unit.graph_unit01 > img {
    position: absolute;top:2.3438vw;right:-17.8385vw;display: none;width: 16.6667vw;
  }
  #section09 .section_inner .section_unit .graph_container .graph_unit.graph_unit02 > img {
    position: absolute;top:0.0000vw;right:-16.2760vw;display: none;width: 15.3646vw;
  }
  #section09 .section_inner .section_unit .graph_container .graph_unit.graph_unit01 > img.active {
    top:0.0000vw;opacity: 1;
  }
  #section09 .section_inner .section_unit .graph_container .graph_unit.graph_unit02 > img.active {
    top:-3.9063vw;opacity: 1;
  }
  #section09 .section_inner .section_unit .graph_container .graph_unit.graph_unit01 > span {
    background: rgba(176,176,176,0.5);width:6.3802vw;height:6.3802vw;border-radius: 6.3802vw;display: flex;align-items: center;justify-content: center;padding:0.6510vw;display: none;
  }
  #section09 .section_inner .section_unit .graph_container .graph_unit.graph_unit01 > span > span {
    background: rgba(176,176,176,1);width:100%;height:100%;border-radius: 100%;display: flex;align-items: center;justify-content: center;font-size:1.8229vw;font-weight:700;color:#ececec;letter-spacing: -0.0521vw;
  }
  #section09 .section_inner .section_unit .graph_container .graph_unit.graph_unit02 > span {
    background: rgba(94,94,94,0.5);width:6.5104vw;height:6.5104vw;border-radius: 6.5104vw;display: flex;align-items: center;justify-content: center;font-size:1.8229vw;font-weight:700;color:#fff;padding:0.6510vw;display: none;
  }
  #section09 .section_inner .section_unit .graph_container .graph_unit.graph_unit02 > span > span {
    background: rgba(94,94,94,1);width:100%;height:100%;border-radius: 100%;display: flex;align-items: center;justify-content: center;font-size:1.8229vw;font-weight:700;color:#ececec;letter-spacing: -0.0521vw;
  }
  #section09 .section_inner .section_unit .graph_container .graph_unit.graph_unit03 > span {
    border:0.1302vw solid #0012ff;width:21.6146vw;height:21.6146vw;border-radius: 21.6146vw;display: flex;align-items: center;justify-content: center;font-size:1.8229vw;font-weight:700;color:#0422ff;padding:2.3438vw;    position: absolute;
    top: -21.6146vw;
    scale: 0;
    opacity: 0;
    transition: all 1s ease-in-out;
  }
  #section09 .section_inner .section_unit .graph_container .graph_unit.graph_unit03 > span.active{
    scale: 1;
    opacity: 1;
  }
  #section09 .section_inner .section_unit .graph_container .graph_unit.graph_unit03 > span > span {
    border:0.6510vw solid #0060ff;width:100%;height:100%;border-radius: 100%;display: flex;align-items: center;justify-content: center;font-size:6.5104vw;font-weight:400;color:#0422ff;letter-spacing: -0.2604vw;font-family: 'SchoolSafetyEraser';  padding-top: 1.3021vw;transition: all 1s ease-in-out;
  }
  #section09 .section_inner .section_unit .graph_container .graph_unit.graph_unit03 > span > span > span {
    font-size: 4.5573vw;
    font-family: 'SchoolSafetyEraser';
    display: flex;
    line-height: 1;
    padding-top: 1.3021vw;
    font-weight:400;
  }
  
  #section09 .section_inner .section_unit .graph_container .graph_unit.graph_unit01 .bar {
    height: 0;width:9.2448vw;background: linear-gradient(to bottom, rgba(176,176,176,1), rgba(176,176,176,0) 80%);border-top-left-radius: 1.3021vw;border-top-right-radius:1.3021vw;position: relative;opacity:0;transition: all 0.5s;
  }
  #section09 .section_inner .section_unit .graph_container .graph_unit.graph_unit01 .bar.active{
    height: 10.6771vw;transition: all 1s;opacity:1;
  }
  #section09 .section_inner .section_unit .graph_container .graph_unit.graph_unit01 .bar.active img {
    width: 14.1927vw;position: absolute;bottom:-0.6510vw;left:50%;transform: translate(-50%, 0);
  }
  #section09 .section_inner .section_unit .graph_container .graph_unit.graph_unit02 .bar {
    height: 0;width:9.2448vw;background: linear-gradient(to bottom, rgba(94,94,94,1), rgba(94,94,94,0) 80%);border-top-left-radius: 1.3021vw;border-top-right-radius:1.3021vw;position: relative;transition: all 1s;opacity:0;
  }
  #section09 .section_inner .section_unit .graph_container .graph_unit.graph_unit02 .bar.active {
    height: 16.7969vw;transition: all 1s;opacity:1;
  }
  #section09 .section_inner .section_unit .graph_container .graph_unit.graph_unit02 .bar.active img {
    width: 16.5365vw;position: absolute;bottom:0.6510vw;left:50%;transform: translate(-50%, 0);
  }
  #section09 .section_inner .section_unit .graph_container .graph_unit.graph_unit03 .bar {
    height: 0;width:9.7656vw;background: linear-gradient(to bottom, rgba(0,103,255,1), rgba(0,103,255,0) 90%);border-top-left-radius: 1.3021vw;border-top-right-radius:1.3021vw;position: relative;transition: all 1s;opacity:0;
  }
  #section09 .section_inner .section_unit .graph_container .graph_unit.graph_unit03 .bar.active {
    height: 29.0365vw;transition: all 1s;opacity:1;
  }
  #section09 .section_inner .section_unit .graph_container .graph_unit.graph_unit01 .bar p {
    font-size:2.3438vw;font-weight:700;color:#1a1a1a;position: absolute;bottom:0.6510vw;left:50%;transform: translate(-50%, 0);white-space: nowrap;
  }
  #section09 .section_inner .section_unit .graph_container .graph_unit.graph_unit01 .bar p span {
    font-weight: 300;white-space: nowrap;
  }
  #section09 .section_inner .section_unit .graph_container .graph_unit.graph_unit02 .bar p{
    font-size:3.2552vw;font-weight:700;color:#1a1a1a;position: absolute;bottom:3.5156vw;left:50%;transform: translate(-50%, 0);white-space: nowrap;
  }
  #section09 .section_inner .section_unit .graph_container .graph_unit.graph_unit03 .bar img{
    position: absolute;bottom:0.2604vw;left:50%;transform: translate(-50%, 0);width: 20.4427vw;
  }
  #section09 .section_inner .section_unit .grapgh_txt {
    position: absolute;
    bottom:0;
  }
  
  
  
  
  
  #section10 {
    background-color: #00f6ff;
  }
  #section10 .section_inner {
    display: flex;flex-direction: column;align-items: center;justify-content: center;
    max-width: 161.4583vw;width:100%;margin:0 auto;height: 100%;gap:12.7604vw;padding:24.3490vw 0 24.7396vw;
  }
  #section10 .section_inner .section_title img {
    width: 90.3645vw;
  }
  #section10 .section_inner .section10_content{
    width:100%;
  }
  #section10 .section_inner .tabs2024_2_box {
    position: relative;padding: 0;
  }
  #section10 .section_inner .tabs2024_2 {
    width:100%;position: relative;
  }
  #section10 .section_inner .tabs2024_2 .swiper-slide {
    width: 100%;text-align: center;max-width: 37.8906vw;
  }
  #section10 .S3Img{
    display: flex;
  }
  #section10 .S3Img img {
    border:0.1302vw solid #4C7796;max-width: 100%;width: 100%;
  }
  #section10 .S3Name {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 3.2552vw;
    gap:1.3021vw;
  }
  #section10 .S3Name p {
    font-family: "GmarketSansMedium";
    font-size: 3.7760vw;
    padding-top: 0.6510vw;
    letter-spacing: -0.0651vw;
    font-weight: 400;
    color: #333333;
  }
  #section10 .S3Name img {
    width: 3.5156vw;
  }
  #section10 .SlideBtnR,
  #section10 .SlideBtnL {
    width: 8.0729vw !important;
    height: 8.0729vw !important;
    transform: translate(0, calc(-50% - 7.4219vw));
    transform: translate(0, calc(-50% - 7.4219vw));
    margin-top: 4.1667vw !important;
  }
  
  #section10 .swiper-button-next::after,
  #section10 .swiper-button-prev::after {
    display: none;
  }
  
  #section10 .swiper-button-prev,
  #section10 .swiper-rtl .swiper-button-next {
    left: 0 !important;
  }
  
  #section10 .swiper-button-next,
  #section10 .swiper-rtl .swiper-button-prev {
    right: 0 !important;
  }
  #section11 {
    background-color: #464646;height: 26.0417vw;
  }
  #section11 .section_inner {
    display: flex;flex-direction: column;align-items: center;justify-content: center;
    max-width: 100.0000vw;width:100%;margin:0 auto;height: 100%;padding:10.0260vw 0;
  }
  #section11 .section_inner .section_title {
    position: relative;
  }
  #section11 .section_inner .section_title img {
    position: relative;z-index: 1;width: 91.6666vw;
  }
  #section11 .section_inner .section_title img.section11_title_circle {
    position: absolute;    top: -5.0781vw;
    left: -2.9948vw;z-index: 0;width: 34.1146vw;
  }
  #section12 {
    background-color: #f6f6f6;
  }
  #section12 .section_inner {
    display: flex;flex-direction: column;align-items: center;justify-content: center;
    max-width: 100.0000vw;width:100%;margin:0 auto;height: 100%;padding:25.5208vw 0 24.7396vw;
  }
  #section12 .section_inner img {
    width: 93.0990vw;
  }
  #section13 {
    background-color: #464646;overflow: hidden;
  }
  #section13 .section_inner {
    display: flex;flex-direction: column;align-items: center;justify-content: center;
    max-width: 100.0000vw;width:100%;margin:0 auto;padding:21.3542vw 0 27.6042vw;gap:14.3229vw;
  }
  #section13 .section_inner .section_title img {
    width: 90.7552vw;
  }
  #section13 .section_inner .section13_content{
    width:100%;display: flex;align-items: center;justify-content: center;gap:24.2188vw;flex-direction: column;
  }
  #section13 .section_inner .section13_content .unit_container{
    width:100%;display: flex;flex-direction: column;gap:14.9740vw;
  }
  #section13 .section_inner .section13_content .unit_container .unit {
    display: flex;flex-direction: column;gap:6.5104vw;width: 100%;
  }
  #section13 .section_inner .section13_content .unit_container .unit_title h2{
    color:#fff;font-size:5.2083vw;font-weight: 700;line-height: 1;padding-left:3.2552vw;
  }
  #section13 .section_inner .section13_content .unit_container .unit_title h2 span{
    color:#fff;font-size:5.2083vw;font-weight: 300;line-height: 1;
  }
  #section13 .section_inner .section13_content .unit_container .swiper-container{
    width:100%;overflow: hidden;
  }
  #section13 .section_inner .section13_content .unit_container .swiper-container .swiper-slide{
    width: fit-content;
  }
  #section13 .section_inner .section13_content .unit_container .swiper-container .swiper-slide img {
    width: 72.9167vw;
  }
  #section13 .section_inner .section13_content .pass_unit {
    display: flex;flex-direction: column;align-items: center;justify-content: center;gap:13.0208vw;
  }
  #section13 .section_inner .section13_content .pass_unit .pass_content {
    display: flex;
      flex-direction: column;
      gap: 5.8593vw;
  }
  #section13 .section_inner .section13_content .pass_unit .pass_content p{
    font-size:2.8645vw;font-weight:300;color:#898989;
  }
  #section13 .section_inner .section13_content .pass_unit .pass_title img {
    width: 69.2708vw;
  }
  .stack{
    width:88.5417vw;
    height:126.1719vw;
    position:relative;
  }
  .title{
    text-align:center; color:#e9e9e9; opacity:.9;
    font-weight:800; letter-spacing:.02em;
    margin-bottom:2.6042vw; font-size:clamp(2.3438vw,2.4vw,3.1250vw);
  }
  
  .cards{
  display:flex;
  /* 기존: flex-direction: column; */
  flex-direction: column-reverse; /* 👈 아래에서 위로 쌓이도록 역순 배치 */
  gap:1.3021vw;
  
  }
  
  .card{
    border-radius:2.3438vw;
    box-shadow:1.4323vw 1.6927vw 5.2083vw rgba(70,70,70,.27);
    padding:2.3438vw 2.8646vw;
    background:#ddd;
    transform:translateY(5.2083vw);
    opacity:0;
    width: 100%;
  }
  .card.animate{
    animation:rackUp .6s cubic-bezier(.2,.8,.2,1) forwards;
  }
  .card > div > div{
    font-size:5.2083vw;color:#272727;
  }
  .card > div > div span{
    position: absolute;bottom:-5.2083vw;right:0;font-size:3.125vw;font-weight:500;color:#272727;
  }
  .card > div > small{
    font-size:5.2083vw;font-weight:300;color:#272727;
  }
  .dept{
    display:flex; justify-content:space-between; align-items:center;
    font-weight:800; color:#111;
  }
  .dept small{
    display:block; font-weight:600; opacity:.6; font-size:.86rem;
  }
  .dept .right{
    text-align:right;
  }
  .dept .num{
    font-size:13.6719vw; font-weight:700;font-family: "GmarketSansBold";
  }
  .dept .num >span {
    font-size:6.7708vw; font-weight:700;color: #151515;font-family: "GmarketSansBold";
  }
  
  .c3{ transform: translateY(11.7188vw); width:100%;height:26.0417vw;background:#f3f2ff; animation-delay:.05s; } /* 코스메틱뷰티매니지먼트 */
  .c2{ transform: translateY(11.7188vw); width:100%;height:26.0417vw;background:#dbe9ff; animation-delay:.25s; } /* 헤어디자인 */
  .c1{ transform: translateY(11.7188vw); width:100%;height:26.0417vw;background:#b0cdf3;  animation-delay:.45s; } /* 메이크업     */
  
  #section13 .section_inner .summary{
    position:relative;
    background:#0c00ff;
    color:#fff;
    padding:3.9063vw 3.6458vw;
    height: 40.1042vw;
    border-radius:2.6042vw;
    display:flex; flex-direction:column; gap:1.3021vw;
    transform: translateY(11.7188vw);
    align-items: center;
    justify-content: center;
  }
  #container #section13 .section_inner .summary .label{
    opacity:.95; font-weight:800; letter-spacing:.02em;
    font-size:clamp(1.8229vw,2vw,2.0833vw);
  }
  #container #section13 .section_inner .section13_content .pass_unit .summary .big{
    display:flex; align-items:baseline; gap:0.6510vw;justify-content: center;position: relative;    padding-top: 3.9063vw;
  }
  #container #section13 .section_inner .section13_content .pass_unit .summary .big #count{
    line-height:1.2; font-weight:400;
    font-size:24.7396vw;
      font-family: "GmarketSansBold";
      background: linear-gradient(to top, #46f1f7, #ffffff);
      color: transparent;
      -webkit-background-clip: text;
      letter-spacing: -1.0417vw;
  }
  #container #section13 .section_inner .summary .big .unit{
    font-size:16.9271vw; font-weight:400;  font-family: "GmarketSansBold" ;
    background: linear-gradient(to top, #46f1f7, #ffffff);
      color: transparent;
      -webkit-background-clip: text;
  }
  #container #section13 .section_inner .summary .badge{
    position: absolute;
    right: -7.1615vw;
    bottom: 5.2083vw;
    font-size: 5.2083vw;
    font-weight: 400;
    background: #0c00ff;
    font-family: "GmarketSansBold";
    border-radius: 0.6510vw;
    padding: 0.1302vw 0.5208vw;
    color:#fff;
  }
  
  @keyframes rackUp{
    from{ transform: translateY(11.7188vw); opacity:0 }
    to  { transform: translateY(0);    opacity:1 }
  }
  
  /* 접근성: 모션 최소 선호 시 애니메이션 제거 & 최종 상태 표시 */
  @media (prefers-reduced-motion: reduce){
    .card{ animation:none; transform:none; opacity:1 }
  }
  #section14{
    background: #fff;
    padding: 10.1563vw 0 0 0;
    overflow: hidden;
  }
  #section14 .section_inner {
    display: flex;align-items: center;justify-content: center;flex-direction: column;
    max-width: 100.0000vw;width:100%;margin:0 auto;
  }
  #section14 .section_inner img {
    width: 97.3958vw;
  }
  #section15{
    background: #282828;
    padding: 7.9427vw 0;
    overflow: hidden;
  }
  #section15 .section_inner {
    display: flex;align-items: center;justify-content: center;flex-direction: column;
    max-width: 156.2500vw;width:100%;margin:0 auto;
  }
  #section15 .section_inner img {
    width: 64.7135vw;
  }
  #section16 {
    background-image: url(https://careergate-service.s3.amazonaws.com/img/campusdev/beautym_html_img/event/20250827/section16_bg.png);
    background-color: #003cff;
    background-position: top center;
    position: relative;
    background-repeat: no-repeat;
    overflow: hidden;
    background-size: 100.0000vw auto;
  }
  #section16 .section_inner {
    display: flex;flex-direction: column;align-items: center;justify-content: flex-start;
    max-width: 156.3802vw;width:100%;margin:0 auto;height: 100%;padding:15.3646vw 0 0;
  }
  #section17{
    background: #003cff;
    padding: 26.0417vw 0;
    overflow: hidden;
  }
  #section17 .section_inner {
    display: flex;align-items: center;justify-content: center;flex-direction: column;
    max-width: 92.1875vw;width:100%;margin:0 auto;gap:9.6354vw;
  }
  #section17 .section_inner .section_title img{
    width:58.9843vw;
  }
  #section17 .section_inner .section17_content {
    width: 100%;display: flex;flex-direction: column;gap:8.9844vw;
  }
  #section17 .section_inner .section17_content a img {
    width: 60.4166vw;
  }
  #section17 .section_inner .section17_content .review_tab_container{
    width: 100%;display: flex;flex-direction: column;gap: 3.9063vw;
  }
  .tabs-wrap{width:100%}
  
  
  /* 상단 큰 탭 */
  .big-tabs{display:flex;align-items:flex-end;width:100%;}
  .big-tab{
  position:relative;
  height:13.0208vw;
  font-weight:700;
  font-size:3.9063vw;
  letter-spacing:-0.02em;
  cursor: pointer;
  width: 100%;
  }
  .big-tab.left{
  background:#e1e1e1;
  box-shadow:0 0.7813vw 2.3438vw rgba(0,0,0,.25);
  color:#706969;
  text-align: center;
  display: flex;align-items: center;justify-content: center;
  }
  .big-tab.left.active{
    background:#171717;
    color:#fff;
    height:14.9740vw;
  }
  /* 오른쪽 끝을 사선으로 잘라내기 */
  .big-tab.left.active::after{
  content:'';
  position:absolute;right:-4.5573vw;top:0;width:9.1146vw;height:100%;
  transform:skewX(-25deg);
  background:#151515;
  box-shadow: 0.7813vw 0 2.6042vw rgba(0,0,0,0.25);
  z-index: 1;
  }
  
  
  .big-tab.right{
  background:#e1e1e1;
  color:#706969;font-weight:700;
  min-width:33.8542vw;text-align:center;
  display: flex;align-items: center;justify-content: center;
  }
  .big-tab.right.active{
    background:#171717;
    color:#fff;
    height:14.9740vw;
  }
  .big-tab.right.active::after{
    content:'';
    position:absolute;left:-4.5573vw;top:0;width:9.1146vw;height:100%;
    transform:skewX(25deg);
    background:#151515;
    box-shadow: 0.7813vw 0 2.6042vw rgba(0,0,0,0.25);
    z-index: 1;
    }
  
  /* 하단 작은 탭 리스트 */
  .small-tabs{display:none;align-items:stretch;width:100%;}
  .small-tabs.active{display:flex;align-items:stretch;width:100%;}
  .small-tab{
  background:#022ebb;
  color: #86ade6;
  font-size: 3.3854vw;
  font-weight:700;text-align:center;
  width: 100%;
  cursor:pointer;
  transition:all .18s ease;
  height:14.9740vw;display: flex;align-items: center;justify-content: center;
  }
  .small-tab.active{
    background:#fff;
    color:#151515;
  }
  
  
  /* 작은 탭들을 감싸는 바(이미지 참고한 아래 네이비 백그라운드) */
  .small-tabs-bar{
  background:linear-gradient(180deg,#2b56ff,#063ba8);border-radius:0.7813vw;box-shadow:0 0.5208vw 1.8229vw rgba(0,0,0,.12);
  }
  
  #section17 .section_inner .section17_content .video_wrap {
    width:92.1875vw;height:51.8229vw;border-radius: 3.9063vw;overflow: hidden;
    margin:0 auto;
  }
  #section17 .section_inner .section17_content .video_wrap > div {
    width:100%;height:100%;
  }
  #section17 .section_inner .section17_content .video_wrap > div > iframe{
    width:100%;height:100%;
  }
  #section17 .section_inner .section17_content  a{
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    margin: 0 auto;
  }
  #section18 {
    background-color: #f8f8f8;
    position: relative;
    text-align: center;
    padding:25.7813vw 0 26.0417vw;
    display: flex;
    flex-direction: column;
    gap:8.4635vw;
  }
  #section18 #section18_title img {
    width: 91.9271vw;
  }
  #section18 #section18_content {
    width:100%;
  }
  #section18 #section18_content .marquee {
    width:100%;overflow: hidden;
  }
  #section18 .marquee .mar-track {
    display: flex;gap:3.3854vw; align-items:center; will-change:transform;
  }
  #section18 .marquee .mar-item{
    min-width:42.3177vw; flex:0 0 auto; border-radius:3.9063vw;display: flex;flex-direction: column;gap:4.6875vw;width: 42.3177vw;
  }
  #section18 .marquee .mar-item img {
    border-radius:3.9063vw;
  }
  #section18 .marquee .mar-item img:first-child{
    left:23.3073vw;position: relative;
  }
  #section19 {
    background-image: url(https://careergate-service.s3.amazonaws.com/img/campusdev/beautym_html_img/event/20250827/section19_bg.png);
    background-position: top center;
    position: relative;
    overflow: hidden;
    background-size: 100.0000vw auto;
  }
  #section19 .section_inner {
    display: flex;flex-direction: column;align-items: center;justify-content: flex-start;
    max-width: 100%;width:100%;margin:0 auto;height: 100%;padding:26.5625vw 0 54.6875vw;gap:22.9167vw;
  }
  #section19 .section_inner .section_title img {
    width:99.7396vw;
  }
  #section19 .section_inner .section19_content {
    WIDTH:100%;display: flex;flex-direction: column;gap:19.5313vw;
    align-items: center;justify-content: center;
  }
  #section19 .section_inner .section19_content .section19_content_title img {
    width: 75.9114vw;
  }
  #section19 .section_inner .section19_content.section19_content02 .section19_content_title img {
    width: 94.6614vw;
  }
  #section19 .section_inner .section19_content .event_swiper {
    width:100%;
    background-image: url(https://careergate-service.s3.amazonaws.com/img/campusdev/beautym_html_img/event/20250827/swiper_bg.png);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: 94.5313vw 48.1771vw;
    display: flex;
    align-items: flex-end;
    padding-bottom: 7.8125vw;
  }
  #section19 .section_inner .section19_content .event_swiper .swiper-slide{
    display: flex;flex-direction: column;align-items: center;justify-content: center;transition: all 0.8s ease-in-out;height:50.1302vw;
  }
  #section19 .section_inner .section19_content .event_swiper .swiper-slide-active{
    transition: all 0.8s ease-in-out;
  }
  #section19 .section_inner .section19_content .event_swiper .swiper-slide img {
    transition: all 0.8s ease-in-out;margin-bottom:10.4167vw;margin-top:0;
  }
  #section19 .section_inner .section19_content .event_swiper .swiper-slide-active img {
    margin-top: -7.8125vw;transition: all 0.8s ease-in-out;margin-bottom:6.5104vw;
  }
  #section19 .section_inner .section19_content .event_swiper .swiper-slide img.event_swiper_img01{
    width: 27.4740vw;
  }
  #section19 .section_inner .section19_content .event_swiper .swiper-slide img.event_swiper_img02{
    width: 22.6563vw;
  }
  #section19 .section_inner .section19_content .event_swiper .swiper-slide img.event_swiper_img03{
    width: 22.1354vw;
  }
  #section19 .section_inner .section19_content .event_swiper .swiper-slide img.event_swiper_img04{
    width: 22.7865vw;
  }
  #section19 .section_inner .section19_content .event_swiper .swiper-slide img.event_swiper_img05{
    width: 27.8646vw;
  }
  #section19 .section_inner .section19_content .event_swiper .swiper-slide img.event_swiper_img06{
    width: 19.1406vw;
  }
  #section19 .section_inner .section19_content .event_swiper .swiper-slide-active img.event_swiper_img01{
    width: 31.3802vw;
  }
  #section19 .section_inner .section19_content .event_swiper .swiper-slide-active img.event_swiper_img02{
    width: 26.5625vw;
  }
  #section19 .section_inner .section19_content .event_swiper .swiper-slide-active img.event_swiper_img03{
    width: 26.0417vw;
  }
  #section19 .section_inner .section19_content .event_swiper .swiper-slide-active img.event_swiper_img04{
    width: 26.6927vw;
  }
  #section19 .section_inner .section19_content .event_swiper .swiper-slide-active img.event_swiper_img05{
    width: 31.7708vw;
  }
  #section19 .section_inner .section19_content .event_swiper .swiper-slide-active img.event_swiper_img06{
    width: 23.0469vw;
  }
  #section19 .section_inner .section19_content .event_swiper .swiper-slide .swiper_txt {
    display: flex;align-items: center;justify-content: center;flex-direction: column;gap:2.6042vw;  transition: all 0.8s ease-in-out;
  }
  #section19 .section_inner .section19_content .event_swiper .swiper-slide-active .swiper_txt {
      transition: all 0.8s ease-in-out;
  }
  #section19 .section_inner .section19_content .event_swiper .swiper-slide h2 {
    font-size:4.4271vw;font-weight:700;color:#fff;transition: all 0.8s ease-in-out;line-height: 1;
  }
  #section19 .section_inner .section19_content .event_swiper .swiper-slide p{
    font-size:3.5156vw;font-weight:700;color:#fff;line-height: 1;
  }
  #section19 .section_inner .section19_content .event_swiper .swiper-slide p span {
    color: #fae289;line-height: 1;
  }
  #section19 .section_inner .section19_content .event_swiper .swiper-slide h6{
    font-size:2.2135vw;font-weight:500;color:#fff;line-height: 1;
  }
  #section19 .section_inner .section19_content .event_swiper .swiper-slide-active h2{
    font-size: 4.9479vw;transition: all 0.8s ease-in-out;
  }
  #section19 .section_inner .section19_content02{
    gap:11.5885vw;
  }
  #section19 .section_inner .section19_content02 .section19_content_title{
    margin-right: auto;
  }
  .roulette-container {
    width: 87.5000vw;
    height: 87.5000vw;
    position: relative;
  }
  #section19 .section_inner .section19_content02 .roulette-container .roulette_arrow{
    position: absolute;top:-9.6354vw;z-index: 2;left:30.8594vw;width: 21.3542vw;
  }
  #section19 .section_inner .section19_content02 .roulette-container .roulette_arrow2{
    position: absolute;top:34.8958vw;z-index: 0;left:-2.0833vw;width: 91.6667vw;
  }
  
  #roulette {
    width: 100%;
    height: auto;
    transform: rotate(0deg);
    transition: transform 4s cubic-bezier(0.33, 1, 0.68, 1);
    z-index: 1;
    position: relative;
    border-radius: 121.7448vw;
    box-shadow: 9.5052vw 0 20.1823vw rgba(0,0,0,.43);
  }
  
  #section20 {
    background-color: #f8f8f8;
    position: relative;
    text-align: center;
    padding:22.1354vw 0 0;
    display: flex;
    flex-direction: column;
    gap:6.5104vw;
  }
  #section20 .section_inner {
    max-width: 100vw;margin:0 auto;
  }
  #section20 .section20_content {
    width:100%;
  }
  #section20 .section20_content .mainCounseling .inner {
    display: flex;flex-direction: column;gap:18.2292vw; max-width: 99.2188vw;margin:0 auto;
  }
  #section20 .section20_content .mainCounseling .inner .infoHead {
    text-align: left;
    display: flex;
        align-items: center;
        justify-content: center;
  }
  #section20 .section20_content .infoHead .mSubTit{
    font-size:6.5104vw;font-weight:700;color:#2b2b2b;line-height:1;
    display: flex;flex-direction: column;align-items: center;gap:3.2552vw;
    width: fit-content;justify-content: center;
  }
  #section20 .section20_content .infoHead .mSubTit p {
    font-size:3.6458vw;font-weight:700;color:#f82828;line-height:1;
    width: 100%;
  }
  #section20 .section20_content .infoHead .mSubTit p span {
    font-weight: 300;line-height:1;
  }
  #section20 .section20_content .mainCounseling .inner .infoBody{
    display: flex;flex-direction: column;gap:0.6510vw;
  }
  #section20 .section20_content .mainCounseling .inner .infoBody .counsel_info{
    display: flex;padding:7.8125vw 3.6458vw 26.0417vw;border-top:0.1302vw solid #dbdbdb;justify-content: space-between;flex-direction: column;gap:3.1250vw;
  }
  #section20 .section20_content .mainCounseling .inner .infoBody .left{
    width:100%;
  }
  #section20 .section20_content .mainCounseling .inner .infoBody .left .counselingFormTable {
    display: flex;flex-direction: column;gap:3.1250vw;width: 100%;
  }
  #section20 .section20_content .mainCounseling .inner .infoBody .left .counselingFormTable .inp_box{
    display: flex;gap:6.5104vw;
  }
  #section20 .section20_content .mainCounseling .inner .infoBody .left .counselingFormTable .inp_box h2 {
    min-width:19.5313vw;text-align: left;font-size:5.2083vw;font-weight:700;color: #333333;
  }
  #section20 .section20_content .mainCounseling .inner .infoBody .left .counselingFormTable .inp_box .inp_wrap {
    display: flex;align-items: center;width: 100%;gap:1.9531vw;
  }
  #section20 .section20_content .mainCounseling .inner .infoBody .left .counselingFormTable .inp_box .inp_wrap input[type="radio"]{
    accent-color: #1c1c1c;width: 4.9479vw;height:4.9479vw;appearance: auto;
  }
  #section20 .section20_content .mainCounseling .inner .infoBody .left .counselingFormTable .inp_box .inp_wrap label {
    font-size:4.9479vw;font-weight:400;color:#333333;    line-height: 1;margin-right:3.2552vw;
  }
  #section20 .section20_content .mainCounseling .inner .infoBody .left .counselingFormTable .inp_box .inp_wrap input[type="text"],#section20 .section20_content .mainCounseling .inner .infoBody .left .counselingFormTable .inp_box .inp_wrap input[type="tel"]{
    width:100%;height:10.4167vw;border:0.0651vw solid #1a1a1a;font-size:3.9063vw;padding:0 2.6042vw;
  }
  #section20 .section20_content .mainCounseling .inner .infoBody .left .counselingFormTable .inp_box .inp_wrap.inp_wrap_tel {
    gap:0.1302vw;
  }
  #section20 .section20_content .mainCounseling .inner .infoBody .left .counselingFormTable .inp_box .inp_wrap span {
    min-width:1.9531vw;height:0.1302vw;background: #1c1c1c;display: flex;
  }
  #section20 .section20_content .mainCounseling .inner .infoBody .right {
    width:100%;display: flex;flex-direction: column;gap:3.2552vw;
  }
  #section20 .section20_content .mainCounseling .inner .infoBody .right .counselingFormTable {
    display: flex;flex-direction: column;gap:1.9531vw;width: 100%;
  }
  #section20 .section20_content .mainCounseling .inner .infoBody .right .counselingFormTable .inp_box{
    display: flex;gap:6.5104vw;
  }
  #section20 .section20_content .mainCounseling .inner .infoBody .right .counselingFormTable .inp_box h2 {
    min-width:19.5313vw;text-align: left;font-size:5.2083vw;font-weight:700;color: #333333;
  }
  #section20 .section20_content .mainCounseling .inner .infoBody .right .counselingFormTable .inp_box p {
    font-size:3.1250vw;color:#444444;font-weight:400;
  }
  #section20 .section20_content .mainCounseling .inner .infoBody .right .counselingFormTable .inp_box .inp_wrap > div select{
    width:100%;height:10.4167vw;border:0.0651vw solid #1a1a1a;padding:0 2.6042vw;font-size:2.0833vw;font-weight: 500;color: #8e8e8e; appearance: none;position: relative;font-size: 3.9063vw;
  }
  #section20 .section20_content .mainCounseling .inner .infoBody .right .counselingFormTable .inp_box .inp_wrap >div::after{
    content:'';
    background-image: url(https://careergate-service.s3.amazonaws.com/img/campusdev/beautym_html_img/event/20250827/ico_d_arr.png);
    position: absolute;
    top:50%;right:1.9531vw;
    width:3.1250vw;height:2.0833vw;
    background-size: cover;
    transform: translate(0, -50%);
  }
  #section20 .section20_content .mainCounseling .inner .infoBody .right .counselingFormTable .inp_box .inp_wrap{
    display: flex;align-items: flex-start;width: 100%;gap:0.6510vw;flex-direction: column;
  }
  #section20 .section20_content .mainCounseling .inner .infoBody .right .counselingFormTable .inp_box .inp_wrap > div{
    display: flex;align-items: center;width: 100%;gap:0.6510vw;position: relative;
  }
  .personalGuide{margin-top: 6.5104vw;position: relative;display: flex;flex-direction: column;align-items: flex-start;justify-content: flex-start;}
  
  .personalGuide a{color: #333333;font-size: 3.6458vw;letter-spacing: -0.04em;font-family: 'notokr-regular'; padding-right: 2.6042vw;-webkit-transition: 0.2s linear;
    -moz-transition: 0.2s linear;
    -ms-transition: 0.2s linear;
    -o-transition: 0.2s linear;
    transition: 0.2s linear;
  display: flex;gap:1.1719vw;
  line-height: 1;
  align-items: center;}
  .personalGuide a img {
    width:2.3438vw;
  }
  .personalGuide a img.on{
    transform: rotate(180deg);
  }
  .personalGuide .agree_bx {
    display: flex;align-items: center;gap:1.1719vw;
  }
  .personalGuide > p {
    font-size:3.1250vw;color:#333;font-weight:400;text-align: left;margin-top: 8.4635vw;
  }
  .personalGuide div{margin-top: 3.2552vw;}
  .personalGuide div input{width: 4.6875vw;height: 4.6875vw;border:1px solid #000;vertical-align: middle;margin-right: 0;background: #fff;}
  .personalGuide div label{color: #444444;font-size: 3.6458vw;letter-spacing: -0.04em;    font-weight: 300;}
  .personalInfo{background: #f7f7f7;/*border-top: 0.1302vw solid #e5e5e5;*/padding:1.3021vw 0;font-size: 2.8645vw;line-height: 3.9062vw;letter-spacing: -0.02em;font-family: 'notokr-demilight';color: #9a9a9a;display: none;text-align: left;}
  .counselingForm .btnCounseling a {
    background: #2b2b2b;
    font-size: 4.1667vw;
    line-height: 10.4167vw;
    border-radius: 2.6042vw;
    color:#fff;
    font-weight:700;
    display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 1.9531vw;
  }
  
  #section20 .section20_content .mainCounseling .inner .infoBody .apply_wrap{
    display: flex;border-radius:1.3021vw;width: 100%;background-color: #c4daff;height: 16.4063vw;max-width: 91.6667vw;margin:0 auto;width: 100%;
  }
  #section20 .section20_content .mainCounseling .inner .infoBody .progress {
    display: flex;width: 100%;height:100%;padding:2.7344vw 2.6042vw 2.7344vw 2.3438vw;position: relative;
  }
  #section20 .section20_content .mainCounseling .inner .infoBody .progress .progress_inner{
    display: flex;width: 100%;background-color: #7d8da9;border-radius: 1.3021vw;
  }
  #section20 .section20_content .mainCounseling .inner .infoBody .progress .bu01 {
    position: absolute;top:-11.7188vw;right:0;font-size:3.3854vw;font-weight: 700;color:#2c2c2c;
    display: flex;gap:0.7813vw;align-items: center;justify-content: center;background-image: url(https://careergate-service.s3.amazonaws.com/img/campusdev/beautym_html_img/event/20250827/bu01_red.png);
    width: 34.3750vw;
    height: 10.2865vw;
    background-size: cover;
    padding-bottom: 1.6927vw;
  }
  #section20 .section20_content .mainCounseling .inner .infoBody .progress .bu01 img {
    width: 3.6458vw;
  }
  #section20 .section20_content .mainCounseling .inner .infoBody .progress .progress_bar {
    background: #0f6efd;width:100%;border-radius: 1.3021vw;height:100%;display: flex;align-items: center;
    justify-content: center;
  }
  #section20 .section20_content .mainCounseling .inner .infoBody .progress .progress_bar h2 {
    font-size:3.7760vw;font-weight: 500;color:#fff;    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
  }
  #section20 .section20_content .mainCounseling .inner .infoBody .progress .progress_bar h2 span {
    font-size:4.6875vw;
  }
  #section20 .section20_content .mainCounseling .inner .infoBody .progress .progress_bar h2 span span {
    font-weight: 500;width: 2.6042vw;
  }
  
  #section20 .section20_title {
    display: flex;justify-content: center;background: #0f6efd;
    padding:12.7604vw 0 11.0677vw;align-items: center;flex-direction: column;
    gap:5.2083vw;
  }
  #section20 .section20_title .title_left h2 {
    font-size:5.2083vw;color:#fff;font-weight:400;text-align: left;font-family:"GmarketSansBold"
  }
  #section20 .section20_title .title_right {
    display: flex;
  }
  #section20 .section20_title .title_right a {
    border-radius: 2.6042vw;
    background-color: rgb(255, 0, 114);
    box-shadow: 0.0000vw 0.3906vw 0.6510vw 0.0000vw rgba(59, 59, 59, 0.29);
    font-size: 4.1667vw;
    color: rgb(254, 254, 254);
    font-weight: bold;
    padding: 1.3021vw 5.4688vw;
    width: 91.9271vw;
    height: 10.4167vw;
    display: flex;align-items: center;justify-content: center;
  }
  
  
  
  
  
  
  
  
  
  
  
  
  
  #section21 {
    background-image: url(https://careergate-service.s3.amazonaws.com/img/campusdev/beautym_html_img/event/20250827/section21_bg.png);
    background-position: top center;
    position: relative;
    overflow: hidden;
    height: 49.2188vw;
    background-size: cover;
  }
  #section21 .bg_wrap {
    width:100%;height:100%;background: rgba(26,26,26,1);transition: all 1s ease-in-out;
    z-index: 1;position: absolute;
  }
  #section21.active .bg_wrap{
    background: rgba(26,26,26,0);transition: all 1s ease-in-out;
  }
  #section21 .section_inner {
    display: flex;flex-direction: column;align-items: flex-start;justify-content: center;
    max-width: 100.0000vw;width:100%;margin:0 auto;height: 100%;  position: relative;
    z-index: 2;
  }
  #section21 .section_inner .section_title {
    width:100%;padding-left:6.5104vw;
  }
  #section21 .section_inner .section_title h2{
    color:#fff;font-family: "GmarketSansBold";font-size:5.9896vw;    line-height: 7.8125vw;
  }
  #section21 .section_inner .section_title span div{
    color:#fff;font-family: "GmarketSansMedium";font-size:4.4271vw;font-weight: 400;margin-top: 3.2552vw;
    display: block;
  }
  #section22 {
    background-color: #dedede;
    position: relative;
    text-align: left;
    padding:8.9844vw 0 7.8125vw;
  }
  #section22 .section_inner {
    display: flex;flex-direction: column;align-items: flex-start;justify-content: center;
    max-width: 88.5417vw;width:100%;margin:0 auto;height: 100%;
  }
  #section22 .section_inner .section_title h2{
    font-size:2.3438vw;font-weight:700;color:#9e9e9e;
  }
  #section22 .section_inner .section22_content{
    display: flex;flex-direction: column;gap:3.9063vw;
  }
  #section22 .section_inner .section22_content p{
    font-size:2.3438vw;font-weight:400;color:#9e9e9e;
  }
  
  
  .result_popup_bg{
    position: fixed;
    top:0;left:0;
    width:100%;height:100%;
    background: rgba(0,0,0,.5);
    z-index: 999;
    display: none;
  }
  .result_popup{
    position: fixed;
    top:50%;left:50%;transform:translate(-50%, -50%);
    z-index: 1000;
    width:92.1875vw;
    display: none;
  }
  .result_popup .result_title{
    background: #fff;    padding: 3.2552vw 3.9063vw;
  }
  .result_popup .result_title a {
    display: flex;justify-content: flex-end;
  }
  .result_popup .result_title a svg {
    width: 5.3385vw;
    height: 5.3385vw;
  }
  .result_popup .result_title a svg image{
    width:100%;height:100%;
  }
  .result_popup .result_content{
    background:#5683d4;text-align: center;display: flex;flex-direction: column;gap:3.9063vw;
    align-items: center;justify-content: center;padding: 6.7708vw 0 8.7240vw;
  }
  .result_popup .result_content img{
    width:88.5416vw;
  }
  .result_popup .result_content .roulette_apply_btn {
    background: #fff;color:#000000;font-size:3.6458vw;font-weight: 700;border-radius: 2.6042vw;
    width: 100%;max-width:88.5416vw;height: 9.1145vw;display: flex;align-items: center;justify-content: center;
  }
  
  .result_product_popup_bg{
    position: fixed;
    top:0;left:0;
    width:100%;height:100%;
    background: rgba(0,0,0,.5);
    z-index: 999;
    display: none;
  }
  .result_product_popup{
    position: fixed;
    top:50%;left:50%;transform:translate(-50%, -50%);
    z-index: 1000;
    width:92.1875vw;
    display: none;
  }
  .result_product_popup .result_product_img{
    position: absolute;
    width: 47.5260vw;
    height: 24.2187vw;
    top: 38.1510vw;
    display: flex;
    align-items: center;justify-content: center;
  }
  .result_product_popup .result_product_img img{
    max-height: 13.9322vw;
    width: auto;
  }
  .result_product_popup .result_title{
    background: #fff;    padding: 3.2552vw 3.9063vw;position: relative;
  }
  .result_product_popup .result_title h2{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 4.5573vw;
  font-weight: 700;
  color: #000;
  }
  .result_product_popup .result_title a {
    display: flex;justify-content: flex-end;
  }
  .result_product_popup .result_title a svg {
    width: 5.3385vw;
    height: 5.3385vw;
  }
  .result_product_popup .result_title a svg image{
    width:100%;height:100%;
  }
  .result_product_popup .result_content{
    background:#5683d4;text-align: center;display: flex;flex-direction: column;gap:3.9063vw;
    align-items: center;justify-content: center;padding: 6.7708vw 0 5.0781vw;
  }
  .result_product_popup .result_content > img {
    width: 88.5416vw;
  }
  .result_product_popup .result_content a {
    background: #fff;color:#000000;font-size:3.6458vw;font-weight: 700;border-radius: 2.6042vw;
    width: 100%;max-width:78.125vw;height: 9.1145vw;display: flex;align-items: center;justify-content: center;
    position: absolute;bottom:9.1146vw;left:50%;
    transform: translate(-50%, 0);
  }
  
  
  
  .anchor_box {
    position: fixed;
      max-width: 100.0000vw;
      top: 50%;
      left: 50%;
      width: 100%;
      height: 100%;
      background: #fff;
      z-index: 9999;
      transform: translate(-50%, -50%);
      display: flex;flex-direction: column;gap:6.5104vw;
      display: none;
  }
  .anchor_box .anchor_box_inner{
  
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
  }
  .anchor_box .close_anchor_btn{
    padding:4.0365vw 5.2083vw 0;
  }
  
  .anchor_box .anchor_title{
    width: 100%;
  }
  .anchor_box .anchor_title a {
    max-width: 72.9167vw;
    margin: 0 auto;
    font-size:5.2083vw;
    font-weight: 700;
    color:#000;
    padding-bottom:3.9063vw;
    display: flex;
  }
  .anchor_box .anchor_box_inner > a {
    max-width: 72.9167vw;
    margin: 0 auto;
    font-size:5.2083vw;
    height:16.2760vw;
    color:#676767;
    border-bottom: 0.1302vw solid #676767;width: 100%;
    display: flex;
        align-items: center;
        justify-content: flex-start;
  }
  .anchor_box .anchor_box_inner > a.active{
    color:#0024ff;font-weight:700;border-bottom: 0.1302vw solid #0024ff;
  }
  .anchor_box .anchor_box_inner .apply_btn{
    padding-top:9.1146vw;  max-width: 72.9167vw;  margin: 0 auto;
  }
  #top_btn {
    position: fixed;
    bottom:16.9270vw;right:3.9062vw;
    opacity: 0;
    pointer-events: none;
    transition: all 1s ease-in-out;
    z-index: 999;
  }
  #top_btn.active {
    transition: all 1s ease-in-out;
    opacity: 1;
    pointer-events: auto;
  }
  #bottom_btn {
    position: fixed;
    bottom:-100%;left:0;
    width:100%;
    z-index: 9999;
    background: #0060bc;
    height:13.6718vw;
    display: flex;
    transition: all 1s ease-in-out;
  }
  #bottom_btn.active{
    bottom:0;
    transition: all 1s ease-in-out;
  }
  #bottom_btn a {
    width:100%;
    height:100%;
    font-size:3.6458vw;
    color:#fff;font-weight:700;
    text-align: center;
    display: flex;flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  #bottom_btn a span {
    font-size:3.125vw;font-weight: 500;
  }
  #bottom_btn > span {
    width: 1px;height:100%;background: #fff;
  }
  #bottom_btn.bottom.active {
    bottom:-100%;
    transition: all 1s ease-in-out;
  }
}
@media all and (max-width:480px){
  #top_btn img{
    width: 10vw;
  }
}