@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;
}
.main_container {
  overflow: hidden;
}
.main_container * {
  font-family: "Noto Sans KR";
}
.main_container img {
  vertical-align: bottom;
}
.main_container section .section_title {
  text-align: center;
}
.main_container section .section_title h2{
  font-size:30px;font-weight: 400;color: #1a1a1a;line-height: 1.5;
}
.main_container section .section_title h2 span{
  font-size:40px;font-weight: 700;color: #1a1a1a;line-height: 1.6;
}
.main_container section .section_title h2 span span{
  color: #0183FF;
}
.main_container #mainTitleBanner{
  text-align: center;position: relative;
}
.main_container #mainTitleBanner img {
  position: relative;
  left:50%;
  transform: translate(-50%, 0);
}
.main_container #section01 {
  background: #fff;
}
.main_container #section01 .inner{
  padding:100px 0;text-align: center;
}

.main_container .contour {
  background: #fff;
}
.main_container .contour .inner span{
  width:100%;height:1px;
  background: rgba(153, 153, 153, 0);
  background: linear-gradient(90deg,rgba(153, 153, 153, 0) 0%, rgba(153, 153, 153, 1) 20%, rgba(153, 153, 153, 1) 80%, rgba(153, 153, 153, 0) 100%);display: block;
  opacity: 0.3;
}
.main_container #section02 {
  background: #fff;
}
.main_container #section02 .inner{
  padding:100px 0;text-align: center;display: flex;flex-direction: column;align-items: center;justify-content: center;gap:80px;
}
.main_container #section02 .inner .section02_content {
  display: flex;flex-direction: column;gap:100px;    width: 100%;
}
.main_container #section02 .inner .section02_content .content_unit{
  display: flex;flex-direction: column;gap:50px;justify-content: center;align-items: center;    width: 100%;
}
.main_container #section02 .inner .section02_content .content_unit .unit_title {
  text-align: center;width: fit-content;
}
.main_container #section02 .inner .section02_content .content_unit .unit_title > span {
  width:100%;height:1px;display: block;
  background: rgba(153, 153, 153, 0);
  background: linear-gradient(90deg,rgba(26, 26, 26, 0) 0%, rgba(26, 26, 26, 1) 50%, rgba(26, 26, 26, 0) 100%);
}
.main_container #section02 .inner .section02_content .content_unit .unit_title h2 {
  font-size:30px;font-weight: 400;color:#1A1A1A;line-height:45px;padding:10px 75px;
}
.main_container #section02 .inner .section02_content .content_unit .unit_title h2 span {
  font-weight:700;line-height:45px;
}
.main_container #section02 .inner .section02_content .content_unit .unit_slide_con {
  max-height:312px;overflow: hidden;    width: 100%;
}
.main_container #section02 .inner .section02_content .content_unit .unit_slide_con .swiper-container{
  height:100%;
  width:100%;
}
.swiper-container.no-slider .swiper-wrapper {
  transform: none !important;
}
.swiper-container.no-slider .swiper-slide {
  transition: none !important;
}
.main_container #section02 .inner .section02_content .content_unit .unit_slide_con .swiper-container .swiper-slide {
  display:grid;grid-template-columns: 1fr 1fr 1fr;column-gap:14px;row-gap:30px;height:100%;
}
.main_container #section02 .inner .section02_content .content_unit .unit_slide_con .swiper-container .swiper-slide .brand_unit {
  display: flex;align-items: center;justify-content: center;background: #F7F8FB;width:100%;height:100%;
  border-radius: 12px;padding:10px 20px;gap:20px;
}
.main_container #section02 .inner .section02_content .content_unit .unit_slide_con.unit_slide_con2 .swiper-container .swiper-slide .brand_unit {
  background: #EEEEEE;
}
.main_container #section02 .inner .section02_content .content_unit .unit_slide_con .swiper-container .swiper-slide .brand_unit img {
  max-height:61px;
}
.main_container #section02 .inner .section02_content .content_unit .unit_slide_con .swiper-container .swiper-slide .brand_unit .stu_info {
  text-align: left;
}
.main_container #section02 .inner .section02_content .content_unit .unit_slide_con .swiper-container .swiper-slide .brand_unit .stu_info h2{
  font-size:20px;font-weight:700;color:#1A1A1A;
}
.main_container #section02 .inner .section02_content .content_unit .unit_slide_con .swiper-container .swiper-slide .brand_unit .stu_info span{
  font-size:16px;font-weight:400;color:#999999;
}
.main_container #section02 .inner .section02_content .content_unit .unit_slide_con .swiper-container .swiper-slide .brand_unit .lec_info {
  margin-left:auto;background: #fff;border:1px solid #666666;
  border-radius: 20px;
}
.main_container #section02 .inner .section02_content .content_unit .unit_slide_con .swiper-container .swiper-slide .brand_unit .lec_info span{
  font-size:14px;font-weight:700;color:#333333;padding:4px 15px;
}


.main_container #section03 {
  background-color: #fff;
  background-image: url(https://careergate-service.s3.amazonaws.com/img/campusdev/beauty_html_img/perfect/section03_bg.png);
  background-size: 1920px auto;
  background-position: top center;
  background-repeat: no-repeat;
}
.main_container #section03 .inner{
  padding:100px 0 223px;text-align: center;display: flex;flex-direction: column;align-items: center;justify-content: center;gap:60px;
}
.main_container #section03 .inner .section03_content {
  width:100%;position: relative;display: flex;align-items: center;justify-content: center;padding-bottom:20px;
}
.main_container #section03 .inner .section03_content .img_unit{
  display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;max-width:1044px;gap:20px;width: 100%;
}
.main_container #section03 .inner .section03_content .img_wrap {
  width: 100%;height:246px;border-radius: 10px;box-shadow: 0px 4px 10px rgba(161,161,161,1);position: relative;overflow: hidden;
}
.main_container #section03 .inner .section03_content .img_wrap img {
  position: absolute;top:50%;left:50%;transform: translate(-50%, -50%);width: 100%;
}

.main_container #section03 .inner .section03_content::after {
  content:"";
  position: absolute;
  bottom:-4px;left:0;
  z-index: 1;
  width:100%;height:376px;
  background: linear-gradient(180deg,rgba(249, 249, 249, 0) 0%, rgba(249, 249, 249, 1) 100%);
}


.main_container #section04 {
  background-image: url(https://careergate-service.s3.amazonaws.com/img/campusdev/beauty_html_img/perfect/section04_bg.png);
}
.main_container #section04 .inner{
  padding:100px 0;text-align: center;
}

.main_container #section05 {
  background: #F0F5FB;
}
.main_container #section05 .inner{
  padding:100px 0;text-align: center;
}
.main_container #section06 {
  background: #ffffff;
}
.main_container #section06 .inner{
  padding:100px 0 0;text-align: center;
  display: flex;
  flex-direction: column;
  gap: 60px;
}
.main_container #section06 .inner .section_title h2 {
  font-family: "Noto Sans KR";font-size:26px;font-weight: 700;color:#1a1a1a;line-height: 39px;display: flex;flex-direction: column;gap:9px;align-items: center;justify-content: center;
}
.main_container #section06 .inner .section_title h2 span{
  font-family: "GmarketSansMedium";font-size:40px;color:#1a1a1a;line-height: 58px;    font-weight: 500;
}
.main_container #section06 .inner .section_title h2 span span{
  font-family: "GmarketSansBold";font-size:45px;color:#0183FF;line-height: 58px;
}

.main_container #section06 .inner .section06_content {
  display: flex;width:100%;justify-content: space-between;align-items: flex-start;gap:24px;
}
.main_container #section06 .inner .section06_content .img_wrap {
  overflow: hidden;border-radius: 24px;position: relative;height:300px;
}
.main_container #section06 .inner .section06_content .img_wrap img {
  position: relative;top:50%;left:50%;transform: translate(-50%, -50%);
  width: 100%;
}


























.room_video_box{
  height:675px;padding:100px 0 0;
}
.room_video_box .inner {
  height:100%;
}
.room_video_box .inner .room_video_wrap {
  height:100%;
}












































.main_container #consultingSection .inner {
  padding:130px 0 100px;
}