/* ---------------------------- */
/* 웹폰트                        */
/* ---------------------------- */

/*
  Pretendard (다이나믹 서브셋)
  font-family: Pretendard
  font-weight: 100 ~ 900
*/
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard-dynamic-subset.min.css');

.mmp_promotion .txt_accordion *,
.font_pretendard {font-family:'Pretendard';}



/* ---------------------------- */
/* 프로모션 상세 (공통)            */
/* ---------------------------- */

.mmp_promotion .hide {display: none !important;}
.mmp_promotion .abs {position:absolute;}
.mmp_promotion .flex {display:flex;align-items:center;}
.mmp_promotion .flex.right {justify-content:flex-end;}
.mmp_promotion .flex.center {justify-content:center;}
.mmp_promotion .flex.between {justify-content:space-between;}
.mmp_promotion .flex.around {justify-content:space-around;}
.mmp_promotion .flex.wrap {flex-wrap:wrap;}


/* 하단 목록보기 버튼 */
promotion_footer .wrap_button {
  padding: 0 20px;
}
.mmp_promotion #content>section.promotion_wrap>.inner .wrap_promotion_content .promotion_footer .wrap_button .btn_view_list {
  width: 328px;
  max-width: 100%;
  height: 44px;
  line-height: 42px;
  font-size: 15px;
  color: #171717;
  font-weight: normal;
  text-align: center;
  background-color: #fff;
  border: 1px solid #838383;
  border-radius: 8px;
}
.mmp_promotion #content>section.promotion_wrap>.inner .wrap_promotion_content .promotion_footer .wrap_button .btn_view_list:hover,
.mmp_promotion #content>section.promotion_wrap>.inner .wrap_promotion_content .promotion_footer .wrap_button .btn_view_list:focus,
.mmp_promotion #content>section.promotion_wrap>.inner .wrap_promotion_content .promotion_footer .wrap_button .btn_view_list:active {
  border: 1px solid #171717;
}


/* custom scroll x */
.mmp_promotion .custom_scroll_x {
  overflow-y: auto;
  scrollbar-width: thin; /* Firefox */
  scrollbar-color: rgba(255,255,255,0.6) #CFDBE5; /* Firefox */
}

.mmp_promotion .custom_scroll_x::-webkit-scrollbar {
  width: 12px; /* 트랙 너비 = 높이 */
  height: 12px; /* 가로 스크롤용 */
}

.mmp_promotion .custom_scroll_x::-webkit-scrollbar-track {
  background-color: #CFDBE5;
  border-radius: 6px;
}

.mmp_promotion .custom_scroll_x::-webkit-scrollbar-thumb {
  background-color: rgba(255, 255, 255, 0.6);
  border-radius: 4px;
  height: 8px;
}


/* link item */
.mmp_promotion .link-item {
  cursor: pointer;
  z-index: 10;
}

.mmp_promotion.test .link-item {
  background-color: rgb(253 0 0 / 50%) !important;
  cursor: pointer;
  z-index: 10;
}

.mmp_promotion .promotion_wrap {
  margin: 0 auto !important;
}

.mmp_promotion .promotion_wrap > .inner {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  grid-gap: 60px;
  max-width: 1920px;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin:0 auto;
}

@media (max-width:1199px) {
  .mmp_promotion .promotion_wrap > .inner {
    display:block;
  }
}

.mmp_promotion .promotion_wrap > .inner .lnb,
.mmp_promotion .promotion_wrap > .inner .wrap_promotion_content h2,
.mmp_promotion .promotion_wrap > .inner .wrap_promotion_content .wrap_promotion_title {
  display: none !important;
}

.mmp_promotion .promotion_content {
  max-width: 1920px;
  padding: 0 !important;
  margin: 0 auto;
  margin-top: 0 !important;
}

/* motion effect */
.mmp_promotion .promotion_content [data-effect-slidein] > * {
  opacity: 0;
  transition: transform 0.54s cubic-bezier(0, 0.55, 0.45, 1), opacity 0.2s ease-in;
  transform: translate(0, 8.2vh);
}

.mmp_promotion .promotion_content [data-effect-slidein] > [data-effect-execute] {
  opacity: 1;
  transform: initial;
}

.mmp_promotion .promotion_content [data-effect-slidein] .link_btn {
  position: absolute;
  font-size: 0;
  opacity: 0;
}

.mmp_promotion .promotion_content .pos_relative {
  position: relative;
}

.mmp_promotion .promotion_content .pos_sticky {
  position: sticky;
  top: 0;
  z-index: 11;
}
.mmp_promotion .promotion_content .pos_sticky.fixed {
  position: fixed;
  top: 0;
  left: 50%;
  width: calc(100% + 1px);
  max-width: 1920px;
  transform: translateX(-50%);
  transition: top .2s;
}

@media (max-width:1199px) {
  .mmp_promotion .promotion_content .pos_sticky.fixed {
    left: 0;
    transform: none;
  }
}

.mmp_promotion .promotion_content .pos_floating {
  position: fixed;
  opacity: 1;
  z-index: 10;
  transition: none;
  transform: none;
}

.mmp_promotion .promotion_content .pc_only {
  display: block !important;
}

.mmp_promotion .promotion_content.tablet .pc_only,
.mmp_promotion .promotion_content.mobile .pc_only {
  display: none !important;
}

.mmp_promotion .promotion_content .mo_only {
  display: block !important;
}

.mmp_promotion .promotion_content.pc .mo_only {
  display: none !important;
}

.mmp_promotion .promotion_content img {
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
}

/* infinite scroll */
.mmp_promotion .promotion_content .infinite_scroll {
  display: flex !important;
  align-items: center;
  justify-content: flex-start;
  overflow: hidden;
}

.mmp_promotion .promotion_content .infinite_scroll img {
  width: initial;
  max-width: fit-content;
  height: auto;
  max-height:100%
}

.mmp_promotion .promotion_content .infinite_scroll[data-scroll-direction=left] img {
  animation: scroll-x-left 60s linear infinite
}

.mmp_promotion .promotion_content .infinite_scroll[data-scroll-direction=right] img {
  animation: scroll-x-right 60s linear infinite
}

/* floating modal */
.mmp_promotion .promotion_content .floating_modal {
  position: fixed;
  right: 10px;
  z-index: 10;
}

.mmp_promotion .promotion_content .floating_modal a {
  display: block;
}

.mmp_promotion .promotion_content.pc .floating_modal {
  animation-name: dungdung;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-timing-function: ease-in-out;
  animation-fill-mode: both;
  animation-delay: 1s;
}

.mmp_promotion .promotion_content.pc .floating_modal a img {
  width: auto !important;
  max-width: initial !important;
  height: auto;
}

.mmp_promotion .promotion_content.pc .floating_modal .wrap_modal_close .btn_close_modal {
  position: absolute;
  top: 25px;
  right: 25px;
  width: 30px;
  height: 30px;
  font-size: 0;
  background-image: url(../images/common/icon_promotion_modal_close_pc.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.mmp_promotion .promotion_content.pc .floating_modal.close_btn_top_right .wrap_modal_close .btn_close_modal {
  top: 0;
  right: 0;
}

.mmp_promotion .promotion_content.tablet .floating_modal,
.mmp_promotion .promotion_content.mobile .floating_modal {
  left: 0;
  width: 100%;
  animation: slideDownPromotionModal .6s forwards;
}


.mmp_promotion .promotion_content.tablet .floating_modal.active,
.mmp_promotion .promotion_content.mobile .floating_modal.active {
  animation: none;
}

.mmp_promotion .promotion_content.tablet .floating_modal .wrap_modal_close,
.mmp_promotion .promotion_content.mobile .floating_modal .wrap_modal_close {
  display: flex !important;
  align-items: center;
  justify-content: flex-end;
  background-color: #000;
  padding: 10px 20px !important;
}

.mmp_promotion .promotion_content.tablet .floating_modal .btn_close_modal,
.mmp_promotion .promotion_content.mobile .floating_modal .btn_close_modal {
  height: 20px;
  line-height: 20px;
  font-size: 13px;
  color: #333;
  background-color: #fff;
  border-radius: 4px;
  padding: 0 10px;
}

/* tab ui */
.mmp_promotion .promotion_content .promotion_tab {
  position: relative;
}

.mmp_promotion .promotion_content .promotion_tab .wrap_tab_btn {
  position: static;
}

.mmp_promotion .promotion_content .promotion_tab .wrap_tab_btn .pc_only,
.mmp_promotion .promotion_content .promotion_tab .wrap_tab_btn .mo_only {
  position: static;
}

.mmp_promotion .promotion_tab .btn_tab_menu {
  position: absolute;
  font-size: 0;
  min-width: initial;
  border: 0;
  border-radius: 0;
  background-color: transparent;
  z-index: 2;
  padding: 0;
}

.mmp_promotion .promotion_tab .wrap_tab_content {
  position: relative;
  display: grid !important;
}

.mmp_promotion .promotion_tab .wrap_tab_content .tab_content {
  display: none !important;
  opacity: 0;
  grid-column: 1;
  grid-row: 1;
  transition: opacity .2s;
  transition-delay: .2s;
}

.mmp_promotion .promotion_tab .wrap_tab_content .tab_content.active {
  display: block !important;
  opacity: 1;
  z-index: 1;
  transition: opacity .2s;
}

/* popup ui */
.mmp_promotion .promotion_content .promotion_popup {
  position: fixed;
  display: flex !important;
  align-items: center;
  justify-content: center;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  background-color: rgba(0, 0, 0, .7);
  box-shadow: 10px 10px 9px -10px rgba(0,0,0,0.1);
  opacity: 0;
  z-index: 300;
  overflow: hidden;
  transition: opacity .2s;
  transform: none;
}

.mmp_promotion .promotion_content .promotion_popup.active {
  right: 0;
  bottom: 0;
  width: initial;
  height: initial;
  opacity: 1;
}

.mmp_promotion .promotion_content .promotion_popup .inner {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
}

.mmp_promotion .promotion_content .promotion_popup .wrap_popup_close .btn_close_popup {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 30px;
  height: 30px;
  font-size: 0;
  background-image: url(../images/common/icon-close.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 10;
}

.mmp_promotion .promotion_content .promotion_popup .btn_close_popup {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 30px;
  height: 30px;
  font-size: 0;
  background-image: url(../images/common/icon-close.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 10;
  border: none;
  cursor: pointer;
}

.mmp_promotion .promotion_content .promotion_popup .modal_footer {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
}

.mmp_promotion .promotion_content .promotion_popup .modal_footer label {
  display: flex;
  align-items: center;
  color: #fff;
  font-size: 14px;
  cursor: pointer;
}

.mmp_promotion .promotion_content .promotion_popup .modal_footer input[type="checkbox"] {
  margin-right: 8px;
}

/* accordion ui */
.mmp_promotion .promotion_content [data-accordion-id] {
  cursor: pointer;
}

.mmp_promotion .promotion_content [data-accordion-id] img.collapse {
  display: block !important;
}

.mmp_promotion .promotion_content [data-accordion-id] img.expand {
  display: none !important;
}

.mmp_promotion .promotion_content [data-accordion-id].active img.collapse {
  display: none !important;
}

.mmp_promotion .promotion_content [data-accordion-id].active img.expand {
  display: block !important;
}

.mmp_promotion .promotion_content [data-accordion-id].active + [data-accordion-content] {
  max-height: 1000px;
  transition: max-height .5s ease-in-out;
}

.mmp_promotion .promotion_content [data-accordion-content] {
  max-height: 0;
  overflow: hidden;
  transition: max-height .3s ease-in-out;
}

.mmp_promotion .promotion_content [data-accordion-content] img {
  width: 100%;
  height: auto;
}



/* ---------------------------- */
/* SWIPER                       */
/* ---------------------------- */

.promotion_wrap [data-swiper] {
  position: relative !important;
  overflow: hidden !important;
}

.promotion_wrap [data-swiper] .slide_dim {
  position: absolute !important;
  top: 0 !important;
  height: 100% !important;
  z-index: 2 !important;
}
.promotion_wrap [data-swiper] .slide_dim.left {
  left: 0 !important;
}
.promotion_wrap [data-swiper] .slide_dim.right {
  right: 0 !important;
}

.promotion_wrap [data-swiper] .swiper-container {
  position: relative !important;
  overflow: visible !important;
  padding: 0 !important;
  margin: 0 !important;
}

.promotion_wrap [data-swiper] .swiper-wrapper {
  display: flex !important;
}

.promotion_wrap [data-swiper] .swiper-slide {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
}

.promotion_wrap [data-swiper] .swiper-slide a {
  display: block;
  width: 100%;
}

.promotion_wrap [data-swiper] .swiper-slide img {
  width: 100% !important;
  height: auto !important;
}

.promotion_wrap [data-swiper] .swiper-container .swiper_nav {
  position: absolute !important;
  bottom: -80px !important;
  left: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  transform: translateX(-50%) !important;
  z-index: 1 !important;
}

.promotion_wrap [data-swiper] .swiper-container .swiper-pagination {
  position: static !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  order: 2;
  width: initial !important;
  padding: 0 !important;
  margin: 0 !important;
}
.promotion_wrap [data-swiper] .swiper-container .swiper-pagination .swiper-pagination-bullet {
  width: 18px !important;
  height: 18px !important;
  border-radius: 100% !important;
  background-color: #fff;
  opacity: .2;
  padding: 0 !important;
  margin: 0 !important;
}
.promotion_wrap [data-swiper] .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
  opacity: 1 !important;
}

.promotion_wrap [data-swiper] .swiper-container .swiper-button-prev,
.promotion_wrap [data-swiper] .swiper-container .swiper-button-next {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  top: initial !important;
  right: initial !important;
  bottom: initial !important;
  left: initial !important;
  width: 30px !important;
  height: 30px !important;
  background-image: none !important;
  background-color: transparent !important;
  transition: opacity .2s !important;
  margin-top: 0 !important;
}
.promotion_wrap [data-swiper] .swiper-container .swiper-button-prev {order:1;}
.promotion_wrap [data-swiper] .swiper-container .swiper-button-next {order:3;}
.promotion_wrap [data-swiper] .swiper-container[dir="rtl"] .swiper-button-prev {order:3;}
.promotion_wrap [data-swiper] .swiper-container[dir="rtl"] .swiper-button-next {order:1;}
.promotion_wrap [data-swiper] .swiper-container .swiper-button-prev.disabled,
.promotion_wrap [data-swiper] .swiper-container .swiper-button-next.disabled {
  opacity: .5 !important;
  touch-action: none !important;
  cursor: default !important;
}
.promotion_wrap [data-swiper] .swiper-container .swiper-button-prev:before,
.promotion_wrap [data-swiper] .swiper-container .swiper-button-next:before,
.promotion_wrap [data-swiper] .swiper-container .swiper-button-prev:after,
.promotion_wrap [data-swiper] .swiper-container .swiper-button-next:after {
  display: none !important;
}
.promotion_wrap [data-swiper] .swiper-container .swiper-button-prev .arrow-left,
.promotion_wrap [data-swiper] .swiper-container .swiper-button-next .arrow-right {
  width: 18px !important;
  height: 18px !important;
  font-size: 0;
  border-top: 2px solid #666;
}
.promotion_wrap [data-swiper] .swiper-container .swiper-button-prev .arrow-left:active,
.promotion_wrap [data-swiper] .swiper-container .swiper-button-next .arrow-right:active,
.promotion_wrap [data-swiper] .swiper-container .swiper-button-prev .arrow-left:focus,
.promotion_wrap [data-swiper] .swiper-container .swiper-button-next .arrow-right:focus,
.promotion_wrap [data-swiper] .swiper-container .swiper-button-prev .arrow-left:focus-visible,
.promotion_wrap [data-swiper] .swiper-container .swiper-button-next .arrow-right:focus-visible {
  outline: none;
}
.promotion_wrap [data-swiper] .swiper-container .swiper-button-prev .arrow-left {
  
  border-left: 2px solid #666;
  transform: rotate(-45deg) !important;
}
.promotion_wrap [data-swiper] .swiper-container .swiper-button-next .arrow-right {
  border-right: 2px solid #666;
  transform: rotate(45deg) !important;
}

@media (max-width:1199px) {
  .promotion_wrap [data-swiper] .swiper-slide img {
    max-width: 100% !important;
  }

  .promotion_wrap [data-swiper] .swiper-container .swiper-pagination {
    bottom: -60px !important;
  }
  .promotion_wrap [data-swiper] .swiper-container .swiper-pagination .swiper-pagination-bullet {
    width: 20px !important;
    height: 20px !important;
  }
}



@keyframes slideDownPromotionModal {
  0% {
    bottom: 66px;
  }

  100% {
    bottom: -100%;
  }
}

@keyframes slideUpPromotionModal {
  0% {
    bottom: -100%;
  }

  100% {
    bottom: 66px;
  }
}

@keyframes scroll-x-left {
  from {
    transform: translateX(0%);
  }
  to {
    transform: translateX(-100%);
  }
}

@keyframes scroll-x-right {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(0%);
  }
}

@keyframes dungdung {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-20px);
  }
  100% {
    transform: translateY(0);
  }
}

@media (max-width: 1199px) {
  .multicampusmain .tab-con-wrap {
    padding: 0 20px;
  }

  .multicampusmain .tab-con-wrap .tab {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
  }

  .multicampusmain .tab-con-wrap .tab button {
    min-width: calc(33.3% - 7px);
    height: 34px !important;
  }
}



/* ---------------------------- */
/* YOUTUBE 플레이어               */
/* ---------------------------- */
.mmp_promotion .yt_container {font-size:0;}



/* ---------------------------- */
/* TEXT ACCORDION (Not image)   */
/* ---------------------------- */

.mmp_promotion .txt_accordion ul {width:100%;max-width:1100px;margin:0 auto;}
.mmp_promotion .txt_accordion ul li {background-color:#f2f2f2;border-radius:20px;padding:50px;}
.mmp_promotion .txt_accordion ul li + li {margin-top:30px;}

.mmp_promotion .txt_accordion .txt_accordion_title {position:relative;display:flex;align-items:flex-start;justify-content:flex-start;gap:6px;width:100%;}
.mmp_promotion .txt_accordion .txt_accordion_title:after {content:'';position:absolute;top:0;right:7px;width:19px;height:19px;border:4px solid #999;border-top:0;border-left:0;-webkit-transform:rotate(45deg);transform:rotate(45deg);transform-origin: 15px 15px;-webkit-transition:transform .2s;transition:transform .2s;}
.mmp_promotion .txt_accordion .txt_accordion_title.active:after {-webkit-transform:rotate(225deg);transform:rotate(225deg);}

.mmp_promotion .txt_accordion .txt_accordion_title em,
.mmp_promotion .txt_accordion .txt_accordion_title span {font-size:24px;color:#111;font-weight:bold;letter-spacing:-.3px;}
.mmp_promotion .txt_accordion .txt_accordion_title em {color:#235cff;word-break:keep-all;}

.mmp_promotion .txt_accordion .txt_accordion_content {display:none !important;margin-top:30px !important;}
.mmp_promotion .txt_accordion .txt_accordion_content p {line-height:1.6;font-size:20px;color:#111;letter-spacing:-.3px;}
.mmp_promotion .txt_accordion .txt_accordion_title.active + .txt_accordion_content {display:block !important;}

@media (max-width:1199px) {
  .mmp_promotion .txt_accordion {padding:0 20px !important;}
  .mmp_promotion .txt_accordion ul li {padding:30px !important;}

  .mmp_promotion .txt_accordion .txt_accordion_title {padding-right:40px;}
  .mmp_promotion .txt_accordion .txt_accordion_title:after {top:2px;width:14px;height:14px;transform-origin: 12px 12px;}
  .mmp_promotion .txt_accordion .txt_accordion_title em,
  .mmp_promotion .txt_accordion .txt_accordion_title span {font-size:18px;}
  .mmp_promotion .txt_accordion .txt_accordion_title em {margin-top:-2px;}

  .mmp_promotion .txt_accordion .txt_accordion_title.active + .txt_accordion_content {margin-top:20px !important;}
  .mmp_promotion .txt_accordion .txt_accordion_content p {font-size:16px;}
}



/* ---------------------------- */
/* BOTTOM FLOATING BANNER       */
/* ---------------------------- */
.mmp_promotion .pos_float_bottom {position:fixed;top:initial;right:initial;bottom:0;left:50%;width:100%;max-width:1920px;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:2;}

@media (max-width: 1199px) {
  .mmp_promotion .pos_float_bottom {bottom:66px;left:0;width:100vw;max-width:100vw;-webkit-transform:none;transform:none;z-index:40;}
}



/* ---------------------------- */
/* AOS (Animate On Scroll)      */
/* ---------------------------- */

/* CSS Custom Properties */
[data-aos] {
  --aos-distance: 60px;
  --aos-duration-opacity: .8s;
  --aos-duration-transform: 1.2s;
  --aos-easing: ease;
  --aos-delay: 0ms;
}

/* Base: 공통 초기 상태 */
[data-aos] {opacity:0;transform:translateY(var(--aos-distance));transition:none;}
[data-aos].aos-animate {opacity:1;transform:translateY(0) scale(1);transition:opacity var(--aos-duration-opacity) var(--aos-easing), transform var(--aos-duration-transform) var(--aos-easing), filter var(--aos-duration-opacity) var(--aos-easing);transition-delay:var(--aos-delay);}

/* Fade */
[data-aos="fade-in"] {transform:none;}
[data-aos="fade-in"].aos-animate {transform:none;}
[data-aos="fade-up"] {transform:translateY(var(--aos-distance));}
[data-aos="fade-down"] {transform:translateY(calc(var(--aos-distance) * -1));}
[data-aos="fade-left"] {transform:translateX(calc(var(--aos-distance) * -1));}
[data-aos="fade-right"] {transform:translateX(var(--aos-distance));}

/* Zoom */
[data-aos="zoom-in"] {transform:scale(.6);}
[data-aos="zoom-out"] {transform:scale(1.2);}
[data-aos="zoom-in-up"] {transform:scale(.6) translateY(var(--aos-distance));}
[data-aos="zoom-in-down"] {transform:scale(.6) translateY(calc(var(--aos-distance) * -1));}
[data-aos="zoom-in-left"] {transform:scale(.6) translateX(calc(var(--aos-distance) * -1));}
[data-aos="zoom-in-right"] {transform:scale(.6) translateX(var(--aos-distance));}

/* Slide (opacity 변화 없음) */
[data-aos="slide-up"] {opacity:1;transform:translateY(var(--aos-distance));}
[data-aos="slide-down"] {opacity:1;transform:translateY(calc(var(--aos-distance) * -1));}
[data-aos="slide-left"] {opacity:1;transform:translateX(calc(var(--aos-distance) * -1));}
[data-aos="slide-right"] {opacity:1;transform:translateX(var(--aos-distance));}

/* Flip */
[data-aos="flip-up"] {transform:perspective(2500px) rotate3d(1, 0, 0, 50deg);}
[data-aos="flip-down"] {transform:perspective(2500px) rotate3d(1, 0, 0, -50deg);}
[data-aos="flip-left"] {transform:perspective(2500px) rotate3d(0, 1, 0, 50deg);}
[data-aos="flip-right"] {transform:perspective(2500px) rotate3d(0, 1, 0, -50deg);}

/* Blur */
[data-aos="blur-in"] {transform:none;filter:blur(10px);}
[data-aos="blur-in"].aos-animate {filter:blur(0);}



/* ---------------------------- */
/* STICKY NAVIGATION            */
/* ---------------------------- */
[data-scroll-nav] {opacity:0;}
[data-scroll-nav].active {opacity:1;}




/* ------------------------------------- */
/* 디자인팀에서 관리하는 이벤트 페이지용 스타일   */
/* ------------------------------------- */
.mmp_promotion.design .pc_only {
  display: block !important;
}
.mmp_promotion.design .mo_only {
  display: none !important;
}

@media (max-width: 1199px) {
  .mmp_promotion.design .pc_only {
    display: none !important;
  }
  .mmp_promotion.design .mo_only {
    display: block !important;
  }
}



/* ----------------------------------------------- */
/* 프로모션 > 개별 프로모션 스타일 정의                  */
/* ----------------------------------------------- */

/* PR-95: DigitalArchive */
#PR95 .mo_only .infinite_scroll {height:auto !important}
#PR95 .mo_only .infinite_scroll img {width:calc(100vw * 6.3) !important;max-width:4340px;}


/* PR-98: KDT */
#PR98 .swiper-slide {border-radius:10px;-webkit-box-shadow:0px 8px 12px 0px rgba(0,0,0,0.1);-moz-box-shadow:0px 8px 12px 0px rgba(0,0,0,0.1);box-shadow:0px 8px 12px 0px rgba(0,0,0,0.1);
}

#PR98 .pos_floating .pc_only .floating_modal .wrap_modal_close .btn_close_modal {top:0;right:0;}
#PR98 .pos_floating .mo_only .floating_modal {top:60%;right:0;bottom:initial;left:initial;width:50%;max-width:204px;-webkit-transform:trawnslateY(-50%);transform:translateY(-50%);}


/* PARKING06 2025년 6월 휴일주차 프로모션 */
#PARKING06 [data-swiper] .swiper-container .swiper_nav {bottom:-48px !important;}


/* ITPROMO202503: [IT정규] 중소기업 근로자 주도 훈련 프로모션 */
#ITPROMO202503 .txt_accordion {padding-bottom:120px;}
#ITPROMO202503 .txt_accordion .txt_accordion_title em {color:#f05c16;}
#ITPROMO202503 .txt_accordion .txt_accordion_title em.txt_green {color:#1a7900;}

@media (max-width: 1199px) {
  #ITPROMO202503 .txt_accordion {padding-bottom:45vw;}
}


/* backend202504: backend 프로모션 */
#backend202504 .color_black {color:#222 !important;}
#backend202504 .bold {font-weight:bold !important;}

#backend202504 .txt_accordion {background-color: #F7F7F7; padding-bottom: 100px !important;}
#backend202504 .txt_accordion ul li {background-color: #fff; border-radius: 8px; padding: 25px 0 !important;}

#backend202504 .txt_accordion .txt_accordion_title {position:relative;gap:9px;padding:0 20px !important;}
#backend202504 .txt_accordion .txt_accordion_title em {color: #fff; background: #6977F0; border-radius: 15px; font-size: 14px; min-width:80px; min-height: 30px; line-height: 30px; text-align: center;}
#backend202504 .txt_accordion .txt_accordion_title span {display:inline-block;min-height:30px;font-size: 18px;color:#222;margin-top:1px !important;}
#backend202504 .txt_accordion .txt_accordion_title:after {border: 2px solid #222; border-top: 0; border-left: 0; width: 14px; height: 14px; top: 5px; right: 40px;}
#backend202504 .txt_accordion .txt_accordion_title.active:after {top: 0;}

#backend202504 .txt_accordion .txt_accordion_content {border-top:1px solid #d1d1d1;padding-top:25px !important;padding-left: 110px !important;margin-top:25px !important;}
#backend202504 .txt_accordion .txt_accordion_content > p,
#backend202504 .txt_accordion .txt_accordion_content > p > span {position:relative;display:inline-block;min-height:20px;line-height:20px;font-size:16px;color:#6977F0;font-weight:bold;}
#backend202504 .txt_accordion .txt_accordion_content > p {padding-left:23px !important;}
#backend202504 .txt_accordion .txt_accordion_content > ul + p {margin-top:26px !important;}
#backend202504 .txt_accordion .txt_accordion_content > p + ul {margin-top:17px !important;}
#backend202504 .txt_accordion .txt_accordion_content > p:before {content:'';position:absolute;top:0;left:0;width:20px;height:20px;background-image:url(https://el.multicampus.com/de_common/mmp/promotion/2025/10-backend/images/common/icon_pen_20_blue.svg);background-size:contain;background-position:center;background-repeat:no-repeat;}

#backend202504 .txt_accordion .txt_accordion_content ul li {position:relative;font-size:16px;color:#222;padding:0 0 0 24px !important;}
#backend202504 .txt_accordion .txt_accordion_content ul li:before {content:'';position:absolute;top:8px;left:9px;width:4px;height:4px;background-color:#222;border-radius:100%;}
#backend202504 .txt_accordion .txt_accordion_content ul li + li {margin-top: 8px !important;}

#backend202504 .swiper-wrapper .swiper-slide:not(.swiper-slide-active) {opacity: 0.5;}
#backend202504 .swiper-container .swiper-pagination .swiper-pagination-bullet {width: 12px !important; height: 12px !important;}
#backend202504 .swiper-container .swiper-button-prev, 
#backend202504 .swiper-container .swiper-button-next {width: 24px !important; height: 24px !important;}
#backend202504 .floating_modal {animation: none !important; top: 0 !important; right: auto}

#backend202504 .txt_wrap span {position:absolute;line-height:clamp(1rem, 1.3vw, 24px);font-family:'Pretendard';font-size:clamp(1px, 0.94vw, 18px);color:#222;font-weight:normal;letter-spacing:0;}
#backend202504 .txt_wrap span.cancel {color:rgba(34,34,34,.6);}
#backend202504 .txt_wrap span.cancel:before {content:'';position:absolute;top:50%;left:-2px;width:calc(100% + 4px);height:1px;background-color:#3749e5;}


@media (max-width: 1199px) {
  #backend202504 .txt_accordion {padding-bottom:60px !important;}
  #backend202504 .txt_accordion ul li {padding:23px 0 19px 0 !important;}

  #backend202504 .txt_accordion .txt_accordion_title {padding:0 60px 0 20px !important;}
  #backend202504 .txt_accordion .txt_accordion_title:after {right:30px;}
  #backend202504 .txt_accordion .txt_accordion_title em {position:absolute;top:-34px;left:8px;width:70px;height:26px;min-height:26px;line-height:26px;font-size:13px;}
  #backend202504 .txt_accordion .txt_accordion_title span {line-height:18px;font-size:14px;}

  #backend202504 .txt_accordion .txt_accordion_content {padding:24px 23px 0 23px !important;}

  #backend202504 .txt_accordion .txt_accordion_content > p {padding-left:20px !important;}
  #backend202504 .txt_accordion .txt_accordion_content > p,
  #backend202504 .txt_accordion .txt_accordion_content > p > span {font-size:13px;}
  #backend202504 .txt_accordion .txt_accordion_content > ul + p {margin-top:24px !important;}
  #backend202504 .txt_accordion .txt_accordion_content > p:before {width:17px;height:17px;}

  #backend202504 .txt_accordion .txt_accordion_content ul li {line-height:18px;font-size:13px;padding-left:20px !important;}
  #backend202504 .txt_accordion .txt_accordion_content ul li + li {margin-top:10px !important;}
  #backend202504 .txt_accordion .txt_accordion_content ul li:before {top:5px;}

  #backend202504 .scroll_wrap {background-color:#e9f1f7;}
  #backend202504 .scroll_wrap .scroll_wrap_inner {width:calc(200vw + 40px);padding:0 20px 20px !important;}
  #backend202504 .scroll_wrap .scroll_wrap_inner img {width:200vw;max-width:initial;}

  #backend202504 .txt_wrap span {line-height:clamp(1rem, 4.6vw, 64px);font-size:clamp(14px, 3.9vw, 56px);}
}


/* PR202512: 빅데이터 분석 전문가 과정 */
#PR202512 .txt_accordion button.txt_accordion_title {display:grid;grid-template-columns:auto 1fr;gap:0;padding-left:37px;}
#PR202512 .txt_accordion button.txt_accordion_title:after {display:none;}

#PR202512 .txt_accordion button.txt_accordion_title > .icon {position:absolute;top:calc(50% - 4px);right:10px;width:26px;height:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);}
#PR202512 .txt_accordion button.txt_accordion_title > .icon:before,
#PR202512 .txt_accordion button.txt_accordion_title > .icon:after {content:'';position:absolute;top:50%;left:50%;background-color:#454545;opacity:1;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);transition:all .2s;}
#PR202512 .txt_accordion button.txt_accordion_title > .icon:before {width:26px;height:2px;}
#PR202512 .txt_accordion button.txt_accordion_title > .icon:after {width:2px;height:26px;}
#PR202512 .txt_accordion button.txt_accordion_title.active > .icon:before,
#PR202512 .txt_accordion button.txt_accordion_title.active > .icon:after {background-color:#ff34ac;-webkit-transform:translateX(-50%) translateY(-50%) rotate(90deg);transform:translateX(-50%) translateY(-50%) rotate(90deg);}
#PR202512 .txt_accordion button.txt_accordion_title.active > .icon:before {opacity:0;}

#PR202512 .txt_accordion > ul > li {background-color:#fff;padding:31px 23px 23px;}
#PR202512 .txt_accordion_title em,
#PR202512 .txt_accordion_title span {display:inline-block;font-size:31px;font-weight:bold;letter-spacing:-.3px;border:0;border-radius:0;padding:0;}

#PR202512 .txt_accordion_title em,
#PR202512 .txt_accordion_title .label {color:#eb008b;}

#PR202512 .txt_accordion_title em {position:relative;display:flex;align-items:center;height:100%;}
#PR202512 .txt_accordion.type_01 .txt_accordion_title em {min-width:35px;padding-right:110px;}
#PR202512 .txt_accordion.type_02 .txt_accordion_title em {min-width:250px;padding-right:60px;}

#PR202512 .txt_accordion_title em:after {content:'';position:absolute;top:0;right:55px;width:2px;height:100%;background-color:#d9d9d9;}
#PR202512 .txt_accordion.type_02 .txt_accordion_title em:after {right:35px;}

#PR202512 .txt_accordion_title .txt_wrap {display:inline-flex !important;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:4px;}

#PR202512 .txt_accordion_title span.title {line-height:42px;color:#0f0f0f;position:relative;}
#PR202512 .txt_accordion.type_02 .txt_accordion_title span.title {line-height:32px;font-size:22px;}

#PR202512 .txt_accordion_content {background-color:#f5f5f5;border-radius:20px;padding:40px !important;}

#PR202512 .txt_accordion.type_02 .cont_header {display:flex !important;align-items:center;justify-content:flex-start;gap:10px;}
#PR202512 .txt_accordion.type_02 .cont_header .cont_label {display:block;height:36px;line-height:36px;font-size:24px;color:#fff;font-weight:bold;letter-spacing:-.3px;background-color:#eb008b;border-radius:18px;padding:0 20px;}
#PR202512 .txt_accordion.type_02 .cont_header .txt:not(.cont_label) {font-size:36px;color:#0f0f0f;font-weight:bold;letter-spacing:-.3px;}
#PR202512 .txt_accordion.type_02 .cont_header .txt.accent {color:#eb008b;}

#PR202512 .txt_accordion_content .cont_detail {padding:0;}
#PR202512 .txt_accordion.type_01 .txt_accordion_content .cont_detail {padding-left:150px;}
#PR202512 .txt_accordion.type_02 .txt_accordion_content .cont_detail {padding-left:113px;margin-top:25px;}

#PR202512 .txt_accordion_content .cont_detail li {position:relative;line-height:35px;font-size:19px;color:#0f0f0f;background-color:transparent;padding:0 0 0 14px;}
#PR202512 .txt_accordion_content .cont_detail li:before {content:'';position:absolute;top:14px;left:0;width:6px;height:6px;background-color:#eb008b;border-radius:100%;}
#PR202512 .txt_accordion_content .cont_detail li + li {margin:0;}



@media (max-width: 1199px) {
  #PR202512 br {display:none;}
  #PR202512 .txt_accordion > ul > li {padding:20px;}

  #PR202512 .txt_accordion button.txt_accordion_title {padding-left:0;}
  #PR202512 .txt_accordion.type_02 button.txt_accordion_title {display:flex;flex-direction:column;gap:10px;}

  #PR202512 .txt_accordion button.txt_accordion_title > .icon {top:12px;width:13px;-webkit-transform:none;transform:none;}
  #PR202512 .txt_accordion button.txt_accordion_title > .icon:before {width:13px;height:2px;}
  #PR202512 .txt_accordion button.txt_accordion_title > .icon:after {width:2px;height:13px;}

  #PR202512 .txt_accordion_title em,
  #PR202512 .txt_accordion_title span {font-size:17px;}

  #PR202512 .txt_accordion.type_01 .txt_accordion_title em {height:initial;padding-right:30px;}
  #PR202512 .txt_accordion.type_01 .txt_accordion_title em:after {top:50%;right:15px;height:15px;-webkit-transform:translateY(-50%);transform:translateY(-50%);}

  #PR202512 .txt_accordion.type_02 .txt_accordion_title em {font-size:20px;padding:0;}

  #PR202512 .txt_accordion.type_01 .txt_accordion_title em,
  #PR202512 .txt_accordion.type_01 .txt_accordion_title span {line-height:23px;}
  #PR202512 .txt_accordion.type_02 .txt_accordion_title em {min-width:initial;}
  #PR202512 .txt_accordion.type_02 .txt_accordion_title em:after {display:none;}

  #PR202512 .txt_accordion.type_02 .txt_accordion_title span.title {line-height:21px;font-size:15px;}

  #PR202512 .txt_accordion_content {padding:20px 15px !important;}

  #PR202512 .txt_accordion.type_02 .cont_header {flex-direction:column;align-items:flex-start;gap:15px;}
  #PR202512 .txt_accordion.type_02 .cont_header .cont_label {height:24px;line-height:24px;font-size:16px;padding:0 15px;}
  #PR202512 .txt_accordion.type_02 .cont_header .txt_wrap {padding-left:15px;}
  #PR202512 .txt_accordion.type_02 .cont_header .txt:not(.cont_label) {line-height:22px;font-size:18px;}

  #PR202512 .txt_accordion.type_01 .txt_accordion_content .cont_detail {padding-left:0;}
  #PR202512 .txt_accordion.type_02 .txt_accordion_content .cont_detail {padding-left:15px;margin-top:15px;}
  #PR202512 .txt_accordion_content .cont_detail li {line-height:23px;font-size:15px;}
  #PR202512 .txt_accordion_content .cont_detail li:before {top:8px;width:4px;height:4px;}
}

/* PR202514: AI 소프터웨어 개발자 부트캠프 과정 */
#PR202514 .txt_accordion.type_01 .txt_accordion_title {display:grid;grid-template-columns:auto 1fr;gap:0;padding-left:35px; align-items: center; min-height: 88px;}
#PR202514 .txt_accordion.type_01 .txt_accordion_title:after {display:none;}
#PR202514 .txt_accordion.type_01 .txt_accordion_title > .icon {position:absolute;top:calc(50% - 4px);right:10px;width:26px;height:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);}
#PR202514 .txt_accordion.type_01 .txt_accordion_title > .icon:before,
#PR202514 .txt_accordion.type_01 .txt_accordion_title > .icon:after {content:'';position:absolute;top:50%;left:50%;background-color:#454545;opacity:1;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);transition:all .2s;}
#PR202514 .txt_accordion.type_01 .txt_accordion_title > .icon:before {width:26px;height:2px;}
#PR202514 .txt_accordion.type_01 .txt_accordion_title > .icon:after {width:2px;height:26px;}
#PR202514 .txt_accordion.type_01 .txt_accordion_title.active > .icon:before,
#PR202514 .txt_accordion.type_01 .txt_accordion_title.active > .icon:after {background-color:#1e56e3;-webkit-transform:translateX(-50%) translateY(-50%) rotate(90deg);transform:translateX(-50%) translateY(-50%) rotate(90deg);}
#PR202514 .txt_accordion.type_01 .txt_accordion_title.active > .icon:before {opacity:0;}
#PR202514 .txt_accordion.type_01 > ul {max-width: 1140px;}
#PR202514 .txt_accordion.type_01 > ul > li {background-color:#fff;padding:22px; border: 1px dashed #cfcfcf;}
#PR202514 .txt_accordion.type_01 > ul > li + li {margin-top: 28px}
#PR202514 .txt_accordion.type_01 .txt_accordion_title span {display:inline-block;font-size:22px;font-weight:bold;letter-spacing:-.3px;border:0;border-radius:0;padding:0; text-align: left;}
#PR202514 .txt_accordion.type_01 .txt_accordion_title em,
#PR202514 .txt_accordion.type_01 .txt_accordion_title .label {color:#1e56e3;}
#PR202514 .txt_accordion.type_01 .txt_accordion_title em {position:relative;display:flex;align-items:center;height:100%; min-width:210px;}
#PR202514 .txt_accordion.type_01 .txt_accordion_title em:after {content:'';position:absolute;top:8px;bottom:8px;right:35px;width:1px;background-color:#d9d9d9;}
#PR202514 .txt_accordion.type_01 .txt_accordion_title .txt_wrap {display:inline-flex !important;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:4px;}
#PR202514 .txt_accordion.type_01 .txt_accordion_title span.block {width:100%; line-height: 1.2;}
#PR202514 .txt_accordion.type_01 .txt_accordion_title span.title {line-height:1.4;color:#0f0f0f;position:relative;}
#PR202514 .txt_accordion.type_01 .txt_accordion_content {background-color:#f5f5f5;border-radius:20px;padding:40px !important;margin-top: 22px !important;}
#PR202514 .txt_accordion.type_01 .txt_accordion_content .cont_detail {padding:0; padding-left:124px;}
#PR202514 .txt_accordion.type_01 .txt_accordion_content .cont_detail li {position:relative;line-height:35px;font-size:19px;color:#0f0f0f;background-color:transparent;padding:0 0 0 14px;}
#PR202514 .txt_accordion.type_01 .txt_accordion_content .cont_detail li:before {content:'';position:absolute;top:14px;left:0;width:6px;height:6px;background-color:#1e56e3;border-radius:100%;}
#PR202514 .txt_accordion.type_01 .txt_accordion_content .cont_detail li + li {margin:0;}

#PR202514 .txt_accordion.type_02 {padding-bottom: 120px !important;}
#PR202514 .txt_accordion.type_02 ul li {border-bottom: 1px solid #cecece; background: #fff; border-radius: 0; padding: 40px 0; margin-top: 0 !important;}
#PR202514 .txt_accordion.type_02 ul li:first-child {border-top: 1px solid #cecece; }
#PR202514 .txt_accordion.type_02 .txt_accordion_title:after {top:5px; right: 10px;width: 15px;height: 15px;border-width: 3px; transform-origin: 11px 11px;}
#PR202514 .txt_accordion.type_02 .txt_accordion_title.active:after {border-color: #1e56e3;}
#PR202514 .txt_accordion.type_02 .txt_accordion_title.active + .txt_accordion_content {background: #f5f5f5; border-radius: 16px; padding: 45px 25px !important;}
#PR202514 .txt_accordion.type_02 .txt_accordion_content p {display: flex; gap: 6px;letter-spacing: -.5px;}
#PR202514 .txt_accordion.type_02 .txt_accordion_content p em {font-size: 24px; color: #235cff; font-weight: bold;}

@media (max-width: 1199px) {
  #PR202514 .txt_accordion.type_01 > ul > li {padding:10px;}
  #PR202514 .txt_accordion.type_01 > ul > li + li {margin-top: 20px}
  #PR202514 .txt_accordion.type_01 .txt_accordion_title {padding-left:0; display: flex; flex-wrap: wrap;padding-right: 0;}
  #PR202514 .txt_accordion.type_01 .txt_accordion_title > .icon {top:12px;width:13px;-webkit-transform:none;transform:none;}
  #PR202514 .txt_accordion.type_01 .txt_accordion_title > .icon:before {width:13px;height:2px;}
  #PR202514 .txt_accordion.type_01 .txt_accordion_title > .icon:after {width:2px;height:13px;}
  #PR202514 .txt_accordion.type_01 .txt_accordion_title em {width: 100%; border-bottom: 1px solid #d9d9d9; font-size: 17px; justify-content: center; padding-bottom: 8px; padding-right:0;}
  #PR202514 .txt_accordion.type_01 .txt_accordion_title em:after {display: none;}
  #PR202514 .txt_accordion.type_01 .txt_accordion_title .label {font-size: 14px;text-align: center;width: 100%;}
  #PR202514 .txt_accordion.type_01 .txt_accordion_title .txt_wrap {justify-content: center; padding-top: 10px; width: 100%;gap: 0;}
  #PR202514 .txt_accordion.type_01 .txt_accordion_title .title {font-size:14px; line-height:23px;}
  #PR202514 .txt_accordion.type_01 .txt_accordion_content {padding:20px 15px !important; margin-top: 15px !important}
  #PR202514 .txt_accordion.type_01 .txt_accordion_content .cont_detail {padding-left:0;}
  #PR202514 .txt_accordion.type_01 .txt_accordion_content .cont_detail li {line-height: 18px;font-size: 12px;padding-left: 8px;}
  #PR202514 .txt_accordion.type_01 .txt_accordion_content .cont_detail li:before {top: 6px;width:3px;height:3px;}

  #PR202514 .txt_accordion.type_02 {padding:0 20px 60px !important;}
  #PR202514 .txt_accordion.type_02 ul li {padding: 25px 0;}
  #PR202514 .txt_accordion.type_02 .txt_accordion_title em, 
  #PR202514 .txt_accordion.type_02 .txt_accordion_title span {font-size: 14px;}
  #PR202514 .txt_accordion.type_01 .txt_accordion_title span.block {text-align: center;}
  #PR202514 .txt_accordion.type_02 .txt_accordion_title:after {top: 2px;right: 10px;width: 10px;height: 10px;border-width: 2px;transform-origin: 8px 8px;}
  #PR202514 .txt_accordion.type_02 .txt_accordion_title.active + .txt_accordion_content {padding: 15px 20px;}
  #PR202514 .txt_accordion.type_02 .txt_accordion_content p,
  #PR202514 .txt_accordion.type_02 .txt_accordion_content p em {font-size: 12px;}
}

/* PR202514: AI 소프터웨어 개발자 부트캠프 과정 */
#PR202515 [data-swiper] .swiper-container .swiper_nav {bottom: -46px !important}
#PR202515 [data-swiper] .swiper-container .swiper-pagination .swiper-pagination-bullet {width: 12px !important; height: 12px !important;}
#PR202515 [data-swiper] .swiper-container .swiper-button-prev .arrow-left,
#PR202515 [data-swiper] .swiper-container .swiper-button-next .arrow-right {width: 24px !important; height: 24px !important; background: url(../images/common/btn-ar-left.png) no-repeat; background-size: 100% auto; border: 0 !important; transform: none !important;}
#PR202515 [data-swiper] .swiper-container .swiper-button-next .arrow-right {background-image: url(../images/common/btn-ar-right.png);}
#PR202515 [data-swiper] .slide_dim {width: calc((100vw - 970px) / 2) !important; max-width: 485px !important;}
#PR202515 .flex-swiper {max-width: 1100px; margin:0 auto !important;}
#PR202515 .flex-swiper .swiper07 {padding: 0 !important; overflow: hidden !important; width: 630px}
#PR202515 .flex-swiper .swiper07  .swiper-container {width:630px; overflow: hidden !important;}
#PR202515 .flex-swiper .swiper08 {padding: 0 !important; overflow: hidden !important; width: 630px}
#PR202515 .flex-swiper .swiper08 .swiper-container {width:630px; overflow: hidden !important;}

@media (max-width: 1199px) {
  #PR202515 [data-swiper] .swiper-container .swiper-pagination .swiper-pagination-bullet {width: 10px !important; height: 10px !important;}
  #PR202515 .bg_slide {background-image: url(https://ui.multicampus.com/mmp/2025/15-shiftAi/images/mo/bg_slide.jpg) !important; background-size: 100% 100% !important;}
  #PR202515 [data-swiper] .swiper-container .swiper_nav {bottom: -30px !important;}
}


/* ---------------------------- */
/* AUTO MODAL POPUP             */
/* ---------------------------- */

/* 자동 모달 팝업 스타일 */
#autoModal.promotion_popup {
  display:flex !important;position:fixed;align-items:center;justify-content:center;top:0;left:0;width:0;height:0;background-color:rgba(0, 0, 0, .7);opacity:0;z-index:300;overflow:hidden;transition:opacity .3s ease;}
#autoModal.promotion_popup.active {right:0;bottom:0;width:100%;height:100%;opacity:1;}

#autoModal .inner {position:relative;max-width:600px;max-height:90%;border-radius:16px;overflow:hidden;}

#autoModal .btn_close_popup {position:absolute;top:20px;right:20px;width:40px;height:40px;font-size:0;background:none;border:none;cursor:pointer;z-index:10;}
#autoModal .btn_close_popup:before {content:'✕';display:block;line-height:24px;font-size:26px;color:#000;font-weight:bold;text-align:center;}

#autoModal .modal_footer {position:relative;display:flex !important;bottom:initial;left:initial;align-items:center;height:64px;background-color:#fff;transform:none;padding:0 30px !important;}
#autoModal .modal_footer label {position:relative; display:flex;align-items:center;font-size:15px;color:#3b3b3b;cursor:pointer;margin:0;}
#autoModal .modal_footer input[type="checkbox"] {width:20px;height:20px;border:1px solid #a5a5a5;border-radius:2px;margin-right:8px;}
#autoModal .modal_footer label:has(input:checked):before {display: block; content: ''; position: absolute !important; left: 0; top: 1px; width: 22px; height: 22px; text-align: center; background: #007bff url(../images/common/icon_check_w.svg) no-repeat 50% 50%; border-color: #007bff; border-radius: 2px; background-size: 100% auto;}
@media (max-width: 1199px) {
  #autoModal .inner {max-width:calc(100vw - 40px);}

  #autoModal .btn_close_popup {top:12px;right:12px;width:32px;height:32px;}
  #autoModal .btn_close_popup:before {line-height:22px;font-size:22px;}

  #autoModal .modal_footer {height:54px;padding:0 20px !important;}
  #autoModal .modal_footer label {font-size:15px;}
}


/* --------------------------------- */
/* PR202517: 집합정규 리더십 과정 소개    */
/* --------------------------------- */

#PR202517 #reviewSwiperPc .swiper-slide,
#PR202517 #reviewSwiperMo .swiper-slide {border-radius:8px;box-shadow: 0px 3px 20px 0px rgba(0,0,0,0.16);}

#PR202517 .swiper-container .swiper_nav {gap:14px !important;}
#PR202517 .swiper-container .swiper-button-prev,
#PR202517 .swiper-container .swiper-button-next {width:40px !important;height:40px !important;}
#PR202517 .swiper-container .swiper-button-prev:after,
#PR202517 .swiper-container .swiper-button-next:after {content:'';position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid #1882f0;border-radius:100%;}

#PR202517 .swiper-container .swiper-button-prev > div,
#PR202517 .swiper-container .swiper-button-next > div {width:40px !important;height:40px !important;background-image:url(https://static.multicampus.com/mmp/promotion/2025/17-leadership-course/images/pc/swiper-arrow.svg);background-size:contain;background-position:center;background-repeat:no-repeat;border:0 !important;transform:rotate(0deg) !important;}
#PR202517 .swiper-container .swiper-button-prev > div {transform:rotate(180deg) !important;}

#PR202517 .swiper-container .swiper_nav .swiper-pagination {gap:12px !important;}
#PR202517 .swiper-container .swiper_nav .swiper-pagination .swiper-pagination-bullet {width:12px !important;height:12px !important;}

@media (max-width: 1199px) {
  #PR202517 .swiper-container .swiper_nav {bottom:-30px !important;}
  #PR202517 .swiper-container .swiper_nav .swiper-pagination .swiper-pagination-bullet {width:10px !important;height:10px !important;}

  #PR202517 .hor_scroll_wrap {display:flex !important;align-items:flex-start;justify-content:flex-start;gap:10px;width:100vw;max-width:100vw;overflow:hidden;padding:0 0 80px 0 !important;}
  #PR202517 .hor_scroll_wrap img {display:block;height:auto;max-width:initial;}

  #PR202517 .hor_scroll_wrap .scroll_header,
  #PR202517 .hor_scroll_wrap .scroll_content {height:100%;padding-bottom:20px !important;}

  #PR202517 .hor_scroll_wrap .scroll_header {padding-left:5.7vw !important;}
  #PR202517 .hor_scroll_wrap .scroll_header img {width:64px;}

  #PR202517 .hor_scroll_wrap .scroll_content {overflow-x:scroll;padding-right:5.7vw !important;}
  #PR202517 .hor_scroll_wrap .scroll_content img {width:876px;}
}


/* ---------------------------------------------------------- */
/* LCUX-21960 [이벤트] 내가 취업하고 싶은 직무에 딱! 맞는 과정 찾기     */
/* ---------------------------------------------------------- */

/* 탭 메뉴 */
#EVT0708_1 .wrap_tab_btn {background-color:#f5f5f5;border-top:1px solid #ccc;}
#EVT0708_1 .wrap_tab_btn .inner {display:flex;align-items:center;justify-content:flex-start;gap:0;width:57.1vw;max-width:1100px;margin:0 auto;}
#EVT0708_1 .wrap_tab_btn .btn_tab_menu {position:relative;display:flex;align-items:center;justify-content:center;flex:1;height:70px;line-height:70px;font-size:18px;color:#909090;font-weight:normal;text-align:center;letter-spacing:-.3px;word-break:keep-all;white-space:nowrap;}
#EVT0708_1 .wrap_tab_btn .btn_tab_menu.active {color:#1e59ff;font-weight:bold;}
#EVT0708_1 .wrap_tab_btn .btn_tab_menu.active:before {content:'';position:absolute;bottom:0;left:0;width:100%;height:3px;background-color:#1e59ff;}

@media (max-width: 1199px) {
  #EVT0708_1 .wrap_tab_btn {overflow-x:auto;overflow-y:hidden;padding:0 5%;}
  #EVT0708_1 .wrap_tab_btn .inner {width:initial;max-width:initial;}
  #EVT0708_1 .wrap_tab_btn .btn_tab_menu {flex:0;height:11vw;min-height:45px;font-size:clamp(13px, 3vw, 3vw);padding:0 3%;}
}




/* ---------------------------------------------------------- */
/* LCUX-22193 퍼블리싱 - B2C 사이트 배너 및 추천과정                */
/* ---------------------------------------------------------- */

#PR202521 .scroll_wrap .scroll_wrap_inner {width:100vw;max-width:100vw;overflow-x:auto;}

#PR202521 .scroll_wrap .scroll_wrap_inner img {width:200vw;max-width:initial;}



/* ---------------------------------------------------------- */
/* LCUX-22240 퍼블리싱 - [KDT] 현직자 멘토 모집 홍보 페이지          */
/* ---------------------------------------------------------- */

#PR202522 .txt_accordion ul li {background-color:#f3f3f6;border:1px solid #e6e5ea;transition:background-color .3s ease;}
#PR202522 .txt_accordion ul li:has(.txt_accordion_title.active) {background-color:#fff;}
#PR202522 .txt_accordion .txt_accordion_title em {color:#5089fa;}
#PR202522 .txt_accordion .txt_accordion_title:after {border-color:#5089fa;}
#PR202522 .txt_accordion .txt_accordion_title.active:after {border-color:#c4c3c6;}
#PR202522 .txt_accordion .txt_accordion_title.active + .txt_accordion_content {border-top:1px solid #dfdee1;padding-top:30px !important;}

@media (max-width: 1199px) {
  #PR202522 .txt_accordion {padding:0 7.8vw !important;}
  #PR202522 .txt_accordion .txt_accordion_title.active + .txt_accordion_content {padding-top:20px !important;}
}


/* ------------------------------------------------------------------------------------ */
/* LCUX-23091 퍼블리싱 - [정부지원] 멀티캠퍼스 모바일웹 추천클래스 디자인 수정요청_IT부트캠프          */
/* ------------------------------------------------------------------------------------ */

/* PC 커스텀 스와이퍼 스타일 */
.promotion_wrap #PR2025182 .pc_only [data-swiper] {overflow:visible !important;}
#PR2025182 .pc_only .custom_swiper_wrap {position:relative;height:282px;width:100%;max-width:1920px;overflow:hidden;margin:0 auto !important;}
#PR2025182 .pc_only .custom_swiper_wrap:before,
#PR2025182 .pc_only .custom_swiper_wrap:after {content:'';position:absolute;top:0;width:calc(50% - 600px);height:100%;background-image:linear-gradient(to bottom, #f6f8fa 0%, #edf0f4 100%);z-index:10;}
#PR2025182 .pc_only .custom_swiper_wrap:before {left:0;}
#PR2025182 .pc_only .custom_swiper_wrap:after {right:0;}
#PR2025182 .pc_only .custom_swiper_wrap [data-swiper] {margin-top:29px !important;}
#PR2025182 .pc_only #swiperPc01 .swiper-slide {opacity:.5;transition:opacity .3s ease, transform .3s ease,z-index .3s ease !important;}
#PR2025182 .pc_only #swiperPc01 .swiper-slide.swiper-slide-active {border-radius:12px;opacity:1;transform:scale(1.25) !important;z-index:1;overflow:hidden;}

/* MO 스와이퍼 공통 스타일 */
#PR2025182 .mo_only [data-swiper] .swiper-slide {border-radius:14px;overflow:hidden;}

/* 커스텀 탭 레이아웃 (PC video tab) */
#PR2025182 .video_tab.pc_only {grid-template-columns:25% 1fr;gap:20px;max-width:1240px;padding:0 20px !important;margin:0 auto !important;}

#PR2025182 .video_tab.pc_only .btn_wrap {display:grid !important;grid-template-rows:repeat(4,1fr);gap:15px;}
#PR2025182 .video_tab.pc_only .btn_wrap .btn_video_tab_menu {position:static;display:flex;align-items:center;justify-content:flex-start;height:100%;background-color:#e4e4e4;border-radius:15px;padding:0 35px;}
#PR2025182 .video_tab.pc_only .btn_wrap .btn_video_tab_menu span {display:block;font-size:22px;color:#ababab;font-weight:600;text-align:left;letter-spacing:-.3px;word-break:keep-all;white-space:nowrap;}

#PR2025182 .video_tab.pc_only .btn_wrap .btn_video_tab_menu.active {background-color:#1578ff;}
#PR2025182 .video_tab.pc_only .btn_wrap .btn_video_tab_menu.active span {color:#fff;}

#PR2025182 .video_tab.pc_only .content_wrap .pos_relative {border-radius:20px;overflow:hidden;}
#PR2025182 .video_tab.pc_only .content_wrap .video_content {position:relative;}
#PR2025182 .video_tab.pc_only .content_wrap .video_content.ready:before,
#PR2025182 .video_tab.pc_only .content_wrap .video_content.ready:after {content:'';position:absolute;top:0;right:0;bottom:0;left:0;cursor:pointer;}
#PR2025182 .video_tab.pc_only .content_wrap .video_content.ready:before {background-color:rgba(0, 0, 0, 0.4);}
#PR2025182 .video_tab.pc_only .content_wrap .video_content.ready:after {background:url(../images/common/icon_video_play.png) no-repeat center / 97px auto;}
#PR2025182 .video_tab.pc_only .content_wrap video {width:100%;max-width:100%;height:auto;}

@media (min-width: 1200px) {
  #PR2025182 .video_tab.pc_only {display:grid !important;}
}

/* 커스텀 아코디언 레이아웃 (모바일 video accordion) */
#PR2025182 .txt_accordion.video_accordion {padding-bottom:70px !important;}
#PR2025182 .txt_accordion.video_accordion ul {display:flex;flex-direction:column;gap:15px;}
#PR2025182 .txt_accordion.video_accordion li {background-color:transparent;border:none;border-radius:0;padding:0 !important;margin:0 !important;}

#PR2025182 .txt_accordion.video_accordion li .txt_accordion_title {display:flex;align-items:center;justify-content:center;height:61px;background-color:#e4e4e4;border-radius:15px;padding:0 20px !important;}
#PR2025182 .txt_accordion.video_accordion li .txt_accordion_title span {display:block;font-size:16px;color:#ababab;font-weight:600;text-align:center;letter-spacing:-.3px;}
#PR2025182 .txt_accordion.video_accordion li .txt_accordion_title.active {background-color:#1578ff;}
#PR2025182 .txt_accordion.video_accordion li .txt_accordion_title.active span {color:#fff;}
#PR2025182 .txt_accordion.video_accordion li .txt_accordion_title:after {display:none;}

#PR2025182 .txt_accordion.video_accordion li .txt_accordion_title.active + .txt_accordion_content {margin-top:15px !important;}

#PR2025182 .txt_accordion.video_accordion video {width:100%;}

#PR2025182 #swiperMo03 .swiper_nav {bottom:-33px !important;}
.promotion_wrap [data-swiper] #swiperMo03.swiper-container .swiper-pagination {gap:5px !important;}
.promotion_wrap [data-swiper] #swiperMo03.swiper-container .swiper-pagination .swiper-pagination-bullet {width:6px !important;height:6px !important;}

/* FAQ */
#PR2025182 .txt_accordion.qna {background-color:#fff;padding-bottom:140px !important;}
#PR2025182 .txt_accordion.qna li:has(.txt_accordion_title.active) {background-color:#1578ff;}
#PR2025182 .txt_accordion.qna li .txt_accordion_title.active em,
#PR2025182 .txt_accordion.qna li .txt_accordion_title.active span,
#PR2025182 .txt_accordion.qna li .txt_accordion_title.active + .txt_accordion_content p,
#PR2025182 .txt_accordion.qna li .txt_accordion_title.active + .txt_accordion_content a
{color:#fff;}

#PR2025182 .txt_accordion.qna li .txt_accordion_title.active:after {border-color:#fff;}

@media (max-width: 1199px) {
  #PR2025182 .txt_accordion.qna {padding-bottom:70px !important;}
}



/* ---------------------------------------------------------- */
/* LCUX-24396 퍼블리싱 - [IT정규] Gemini 시리즈 홍보물 디자인 및 퍼블 */
/* ---------------------------------------------------------- */

.promotion_wrap #PR20260219 [data-swiper] #swiperMo01.swiper-container .swiper_nav {bottom:-40px !important;}
.promotion_wrap #PR20260219 [data-swiper] #swiperMo01.swiper-container .swiper-pagination {gap:15px !important;}
.promotion_wrap #PR20260219 [data-swiper] #swiperMo01.swiper-container .swiper-pagination .swiper-pagination-bullet {width:16px !important;height:16px !important;}
.promotion_wrap #PR20260219 [data-swiper] #swiperMo01.swiper-container .swiper-pagination .swiper-pagination-bullet-active {background-color:#171717 !important;}

.promotion_wrap #PR20260219 .embed {position:absolute;display:flex;background-color:#fff;overflow:hidden;}
.promotion_wrap #PR20260219 .embed video {height:auto;border:1px solid #dedede;border-radius:10px;}
.promotion_wrap #PR20260219 .pc_only .embed {top:40px;left:calc(50% - 509px);}
.promotion_wrap #PR20260219 .pc_only .embed video {width:22.7vw;max-width:440px;}
.promotion_wrap #PR20260219 .mo_only .embed {top:3.2%;left:4.9%;}
.promotion_wrap #PR20260219 .mo_only .embed video {width:95%;}

@media (max-width: 1920px) {
  .promotion_wrap #PR20260219 .pc_only .embed {top:2.1vw;left:calc(50% - 26.3vw);}
}
