@font-face {
    font-family: 'InkLiquid';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/InkLipquid.woff') format('woff');
    font-weight: normal;
    font-display: swap;
  }
  * {box-sizing: border-box; border: none; padding: 0; margin: 0; word-break: keep-all;}

  .fix_foot.version_250407 {display: none;}
  #stripe_banner_slider {display: none;}
  #header {display: none;}
  #navi_wrap {display: none;}
  #chatbot-embed-root-acb_scce {display: none;}
  #lecture_apply {display: none;}
  #learning_design {display: none;}
  .top_wrap {display: none;}

  .width_con {width: 1200px; margin: 0 auto; padding: 80px 0; display: flex; justify-content: flex-start;}
  .width_con .main_con {width: 800px;}
  .width_con .main_con .title_con h5 {font-size: 24px; color: #0A0A0A;}
  .width_con .main_con .title_con p {font-size: clamp(14px,3vw,16px); margin: 10px 0 0 0; font-weight: 400; color: #4A5565;}

  .width_con button.slick-arrow {margin-left: 0; margin-top: 0;}
  .width_con button.slick-prev {top: 50%; left: -30px; transform: translateY(-50%);}
  .width_con button.slick-next {top: 50%; right: -30px; transform: translateY(-50%);}
  .width_con button.slick-prev:before,
  .width_con button.slick-next:before {font-size: 40px; font-family: 'Font Awesome 6 Free'; font-weight: 900; color: #899AEA; opacity: 1;}
  .width_con button.slick-prev:before {content: '\f104';}
  .width_con button.slick-next:before {content: '\f105';}

  .head_wrap .mini_home_con {position: relative; z-index: 2;}
  .mini_home_con .width_con {width: 1200px; margin: 0 auto; padding: 80px 0;}
  .mini_home_con .banner .width_con {padding: 36px 0;}
  .mini_home_con .width_con .main_con {width: 800px;}
  .mini_home_con .planner_header {background: #fff;}
  .mini_home_con .planner_header .width_con {display: flex; justify-content: space-between; padding: 14px 0;}
  .mini_home_con .planner_header .width_con .profile_con {display: flex;}
  .mini_home_con .planner_header .width_con .profile_con .btn_back {margin: 0 20px 0 0; padding: 10px; border-radius: 4px; border: 1px solid #101820; display: flex; flex-direction: column; justify-content: center; align-items: center;}
  .mini_home_con .planner_header .width_con .profile_con .btn_back span {margin: 10px 0 0 0; font-size: 12px; font-weight: 400; letter-spacing: -0.3px; color: #101820;}
  .mini_home_con .planner_header .width_con .profile_con .profile {display: flex; align-items: center;}
  .mini_home_con .planner_header .width_con .profile_con .profile .desc_con {display: flex; align-items: center; margin: 0 80px 0 0;}
  .mini_home_con .planner_header .width_con .profile_con .profile .desc_con img {margin: 0 10px 0 0; width: 80px;}
  .mini_home_con .planner_header .width_con .profile_con .profile .desc_con div {display: flex; flex-direction: column;}
  .mini_home_con .planner_header .width_con .profile_con .profile .desc_con div span {font-size: 14px; color: #070F3A; font-weight: 400; letter-spacing: -0.35px;}
  .mini_home_con .planner_header .width_con .profile_con .profile .desc_con div h6 {margin: 4px 0 0 0; font-size: 24px; color: #000; font-weight: 700; letter-spacing: -0.7px;}
  .mini_home_con .planner_header .width_con .profile_con .profile .marks p {display: flex; align-items: center; margin: 0 0 10px 0;}
  .mini_home_con .planner_header .width_con .profile_con .profile .marks p:last-child {margin: 0;}
  .mini_home_con .planner_header .width_con .profile_con .profile .marks p img {margin: 0 2px 0 0;}
  .mini_home_con .planner_header .width_con .profile_con .profile .marks p span {font-size: 14px; font-weight: 400; letter-spacing: -0.35px; color: #070F3A;}
  .mini_home_con .planner_header .width_con .sns_con {display: flex;}
  .mini_home_con .planner_header .width_con .sns_con a {display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 4px 10px; margin: 0 0 0 5px;}
  .mini_home_con .planner_header .width_con .sns_con a span {margin: 4px 0 0 0; font-size: 12px; font-weight: 400; color: #555;}

  .mini_home_con .section_00 {position: relative;}
  .mini_home_con .section_00.need_back:before {position: absolute; top:0; left:0; content:''; width:100%; height:100%;
   /* background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.50) 100%); */
   }
  .mini_home_con .section_00 .width_con {position: relative; display: flex; justify-content: space-between;}
  .mini_home_con .section_00 .width_con .title_con {max-width: 800px;}
  .mini_home_con .section_00 .width_con .title_con h3 {margin: 0 0 30px 0; font-size: 50px; letter-spacing: -1.25px; font-weight: 700; color: #fff;}
  .mini_home_con .section_00 .width_con .title_con h3:last-child {margin: 0;}
  .mini_home_con .section_00 .width_con .title_con h3 span {color: #6C8EFF;}
  .mini_home_con .section_00 .width_con .title_con p {margin: 0 0 30px 0; font-size: 20px; font-weight: 500; letter-spacing: -0.5px; color: #fff;}

  @keyframes blink-effect { 50% { background: #F2FF92; } }

  .mini_home_con .sticky_banner {position: fixed; top: 120px; right: calc((100vw - 1200px) / 2); width: 348px; z-index: 9;}
  .mini_home_con .sticky_banner .rows {padding: 14px; border-radius: 24px; box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.30);}
  .mini_home_con .sticky_banner .rows.row_01 {background: #fff;}
  .mini_home_con .sticky_banner .rows.row_01 .img_con {text-align: center;}
  .mini_home_con .sticky_banner .rows.row_01 .img_con img {width: 80%;}
  .mini_home_con .sticky_banner .rows.row_01 .info_con {margin: 20px 0 0 0;}
  .mini_home_con .sticky_banner .rows.row_01 .info_con .info_tit h6 {font-size: 24px; font-weight: 700; color: #000; letter-spacing: -0.6px; text-align: center;}
  .mini_home_con .sticky_banner .rows.row_01 .info_con .info_tit .marks {display: flex; flex-direction: column; justify-content: center; align-items: center;}
  .mini_home_con .sticky_banner .rows.row_01 .info_con .info_tit .marks p {width: 80%; display: flex; justify-content: center; align-items: flex-start; margin: 10px 0 0 0;}
  .mini_home_con .sticky_banner .rows.row_01 .info_con .info_tit .marks p img {margin: 0 2px 0 0;}
  .mini_home_con .sticky_banner .rows.row_01 .info_con .info_tit .marks p span {font-size: 13px; font-weight: 400; color: #070F3A; text-align: center; letter-spacing: -0.5px;}
  .mini_home_con .sticky_banner .rows.row_01 .info_con .info_desc {display: flex; justify-content: space-between; margin: 20px 0 0 0; padding: 10px 0; border-top: 1px solid #E0E0E0; border-bottom: 1px solid #E0E0E0;}
  .mini_home_con .sticky_banner .rows.row_01 .info_con .info_desc .details {text-align: center; width: 50%;}
  .mini_home_con .sticky_banner .rows.row_01 .info_con .info_desc .details p {font-size: 12px; color: #101820;}
  .mini_home_con .sticky_banner .rows.row_01 .info_con .info_desc .details h6 {margin: 2px 0 0 0; font-size: 16px; font-weight: 700; letter-spacing: -0.4px; color: #101820;}
  .mini_home_con .sticky_banner .rows.row_01 .info_con .sns_con {display: flex; justify-content: center; align-items: center; margin: 20px 0 0 0;}
  .mini_home_con .sticky_banner .rows.row_01 .info_con .sns_con a {margin: 0 10px 0 0;}
  .mini_home_con .sticky_banner .rows.row_01 .info_con .sns_con a:last-child {margin: 0;}
  .mini_home_con .sticky_banner .rows.row_01 .info_con .btn_con {display: flex; justify-content: space-between; margin: 20px 0 0 0;}
  .mini_home_con .sticky_banner .rows.row_01 .info_con .btn_con a {width: calc(50% - 5px); border-radius: 10px; padding: 12px 0; display: flex; justify-content: center; align-items: center; border: 1px solid #070F3A; background: #fff;}
  .mini_home_con .sticky_banner .rows.row_01 .info_con .btn_con a img {margin: 0 8px 0 0;}
  .mini_home_con .sticky_banner .rows.row_01 .info_con .btn_con a h6 {font-size: 14px; font-weight: 700; letter-spacing: -0.35px; color: #070F3A;}
  .mini_home_con .sticky_banner .rows.row_01 .info_con .btn_con a.btn_kakao {border: 1px solid #FAE300; background: #FAE300;}
  .mini_home_con .sticky_banner .rows.row_01 .info_con .btn_con a.btn_kakao h6 {color: #000;}

  .mini_home_con .sticky_banner .rows.row_02 {margin: 12px 0 0 0; background: #070F3A;}
  .mini_home_con .sticky_banner .rows.row_02 .row_tit {display: flex; justify-content: center; align-items: center;}
  .mini_home_con .sticky_banner .rows.row_02 .row_tit img {margin: 0 4px 0 0;}
  .mini_home_con .sticky_banner .rows.row_02 .row_tit span {font-size: 16px; font-weight: 700; color: #fff; letter-spacing: -0.4px;}
  .mini_home_con .sticky_banner .rows.row_02 .row_desc {margin: 20px 0 0 0; padding: 10px 0; border-top: 1px solid #fff; border-bottom: 1px solid #fff; display: flex; justify-content: space-between; width: 100%;}
  .mini_home_con .sticky_banner .rows.row_02 .row_desc .desc_cols {display: flex; align-items: center;}
  .mini_home_con .sticky_banner .rows.row_02 .row_desc .desc_cols p {font-size: 12px; color: #fff; margin: 0 4px 0 0;}
  .mini_home_con .sticky_banner .rows.row_02 .row_desc .desc_cols h6 {font-size: 16px; font-weight: 700; color: #fff;}
  .mini_home_con .sticky_banner .rows.row_02 .row_desc .desc_cols ul.timer {display: flex; align-items: center;}
  .mini_home_con .sticky_banner .rows.row_02 .row_desc .desc_cols ul.timer li {display: flex; margin: 0 4px 0 0;}
  .mini_home_con .sticky_banner .rows.row_02 .row_desc .desc_cols ul.timer li span {font-size: 16px; font-weight: 700; color: #fff;}
  .mini_home_con .sticky_banner .rows.row_02 .btn_con {display: flex; margin: 20px 0 0 0;}
  .mini_home_con .sticky_banner .rows.row_02 .btn_con .btn_consult {padding: 20px 0; width: 100%; border-radius: 10px; background: #FF4343; font-size: 14px; font-weight: 700; color: #070F3A; text-align: center; animation: blink-effect 1s step-end infinite;}

  .section_01 {position: relative; background: #F0F2FF;}
  .section_01 .width_con .review_vod {width: 100%; position: relative; display: flex !important;}
  .section_01 .width_con .review_vod .slick-track {padding: 30px 10px;}
  .section_01 .width_con .review_vod .slick-slide {margin: 0 10px;}
  .section_01 .width_con .review_vod .conts {display: flex; flex-direction: column; height: 310px; padding: 10px; border-radius: 20px; background: #fff; box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.10), 0 4px 6px -4px rgba(0, 0, 0, 0.10);}
  .section_01 .width_con .review_vod .conts .desc_con {margin: 10px 0 0 0;}
  .section_01 .width_con .review_vod .conts .desc_con .vod_title h5 {font-size: clamp(18px,3.5vw,22px); font-weight: 900; color: #000; line-height: 140%;}
  .section_01 .width_con .review_vod a {width: 100%;}

  .section_01 .width_con .review_vod a div {position: relative;}
  .section_01 .width_con .review_vod a div img {border-radius: 10px;}
  .section_01 .width_con .review_vod a div .btn_play {position: absolute; height: 50px; width: 50px; top: 50%; left: 50%; cursor: pointer; border-radius: 50%; transition: all .125s ease-in-out; transform: translate(-50%, -50%);}
  
  
  .section_01 .width_con .review_vod a div .btn_play:after,
  .section_01 .width_con .review_vod a div .btn_play:before {position: absolute; content:''; top: 0; left: 0; height: inherit; width: inherit; border-radius: inherit; transition: inherit;}
  .section_01 .width_con .review_vod a div .btn_play:before {
    -webkit-backdrop-filter: blur(10px) brightness(1.25) saturate(2);
    backdrop-filter: blur(10px) brightness(1.25) saturate(2);
    -webkit-mask-box-image: url(https://web-resources.scce.kr/plugins_client/Main/activity/icon_play.png);
    mask-box-image: url(https://web-resources.scce.kr/plugins_client/Main/activity/icon_play.png);
  }
  .section_01 .width_con .review_vod a div .btn_play:after {
    background: url(https://web-resources.scce.kr/plugins_client/Main/activity/icon_play.png) 50% no-repeat;
    background-size: cover;
    filter: drop-shadow(0 2px 4px #000);
    opacity: .7;
  }

/* a가 inline이라 생기는 높이/여백 문제 방지 */
.section_01 .width_con .review_vod a.video_link{
  display: block;
  width: 100%;
}

/* 썸네일 영역 고정 + 아래 빈공간 방지 */
.section_01 .width_con .review_vod .thumb_wrap{
  position: relative;
  width: 100%;
  height: 190px;           /* 180~210 사이로 취향 조절 */
  border-radius: 10px;
  overflow: hidden;
  background: #000;
}

/* 이미지가 박스를 꽉 채우게 */
.section_01 .width_con .review_vod .thumb_wrap img{
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;

  /* 세로로 긴 인물 사진에서 얼굴 아래만 보이는 문제 완화 */
  /*object-position: 50% 20%;    얼굴이 위쪽이면 20% 정도가 보통 좋음 */
   object-position: center top;  /* 항상 위쪽을 보여주고 싶다면  */
}

/* 플레이 버튼 중앙 고정 */
.section_01 .width_con .review_vod .thumb_wrap .btn_play{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* 세로로 긴 사진만 높이를 제한 범위 내에서 자동 조절 */
.section_01 .width_con .review_vod .conts{ height:auto; }
.section_01 .width_con .review_vod .thumb_wrap{
  height: auto;            /* 고정 height 제거 */
  overflow: hidden;
  border-radius: 10px;
  background:#000;
}
.section_01 .width_con .review_vod .thumb_wrap img{
  width:100%;
  height:auto;
  display:block;
}

/* MAIN_PR_IMG 없을 때 기본 배너 배경 */
.section_00.banner.no_img {
  background: linear-gradient(135deg, #0b153f 0%, #243b8a 55%, #6c8eff 100%);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

/* 이미지 없을 때 클릭 비활성 느낌 */
.section_02 .review_lists.no_click { cursor: default; }
.section_02 .review_lists.no_click:hover { transform: none; }

  /* slick 진행 박스 옆 카드 비침 방지(핵심) */
  .section_01 .review_vod .slick-list,
  .section_02 .review_list_con .slick-list {
    overflow: hidden !important;
    margin: 0 !important; /* -margin 제거 */
  }

  /* ====== 영상 URL 없을 때: 플레이 버튼 숨김 + 클릭 불가 (확실하게) ====== */
  .review_vod .conts.is-disabled a {
    pointer-events: none !important;
    cursor: default !important;
  }
  .review_vod .conts.is-disabled .btn_play { display: none !important; }

  /* 영상 URL 없을 때도 썸네일은 정상 밝기로 유지 */
  .review_vod .conts.is-disabled .thumb_wrap img { opacity: 1; }

  .section_02 .width_con ul.review_list_con {display: flex; justify-content: space-between; margin: 60px 0 0 0;}
  .section_02 .width_con ul.review_list_con .slick-track {padding: 30px 10px 30px 0;}
  .section_02 .width_con ul.review_list_con .slick-slide {margin: 0 10px;}
  .section_02 .width_con ul.review_list_con li.review_lists {width: calc(100% / 2 - 10px); height: 380px; border-radius: 16px; background: #fff; box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.10), 0 4px 6px -4px rgba(0, 0, 0, 0.10); overflow: hidden; cursor: pointer;}
  .section_02 .width_con ul.review_list_con li.review_lists .img_con {width: 100%; height: 200px;}
  .section_02 .width_con ul.review_list_con li.review_lists .desc_con {padding: 16px 14px; background: #fff;}
  .section_02 .width_con ul.review_list_con li.review_lists .desc_con .star_con {display: flex; justify-content: space-between; align-items: center;}
  .section_02 .width_con ul.review_list_con li.review_lists .desc_con .star_con p {display: flex; align-items: center;}
  .section_02 .width_con ul.review_list_con li.review_lists .desc_con p.review_txt {margin: 16px 0; font-size: 16px; font-weight: 400; color: #364153; letter-spacing: -0.35px;
    overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
  .section_02 .width_con ul.review_list_con li.review_lists .id_con {padding: 14px 0 0 0; border-top: 1px solid rgba(0, 0, 0, 0.10);}
  .section_02 .width_con ul.review_list_con li.review_lists .id_con h6 {font-size: 16px; font-weight: 400; color: #101828;}

  /* 리뷰 썸네일 없을 때 그라데이션 카드 */
  .section_02 .width_con ul.review_list_con li.review_lists .img_con.no_thumb {
    background: linear-gradient(135deg, rgba(108,142,255,0.45), rgba(7,15,58,0.45)) !important;
    position: relative;
  }
  .section_02 .width_con ul.review_list_con li.review_lists .img_con.no_thumb:after{
    content: "REVIEW";
    position: absolute;
    right: 14px;
    bottom: 12px;
    font-weight: 800;
    letter-spacing: 1px;
    font-size: 14px;
    color: rgba(255,255,255,0.95);
  }

  .section_03 .width_con a {display: flex; justify-content: center; align-items: center; margin: 50px 0 0 0; width: 100%; pointer-events: none;}
  .section_03 .width_con a img {width: 100%;}

/* 공통 back */
.popup_back{
  position: fixed; top: 50%; left: 50%;
  width: 100%; height: 100%;
  background: rgba(0,0,0,.5);
  transform: translate(-50%, -50%);
  display: none;
}
.popup_back.on{ display:block; z-index:9; }

/* 공통 con */
.popup_con{
  position: fixed; top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  display: none;
}
.popup_con.on{ display:block; z-index:9; }

/* 리뷰 팝업 전용 */
.popup_review_con{ width:1024px; height:580px; }
.popup_review_con .inner{
  position: relative; height:100%;
  padding:20px; background:#fff; border-radius:16px;
  display:flex; justify-content:space-between;
}
.popup_review_con .btn_review_close{ position:absolute; top:20px; right:20px; z-index:2; }
.popup_review_con .img_con{
  width: calc(50% - 10px); height:100%;
  background:#000; border-radius:10px; overflow:hidden;
  display:flex; justify-content:center; align-items:center;
}
.popup_review_con .img_con img{ width:100%; }
.popup_review_con .desc_con{ width: calc(50% - 10px); padding:30px 0 0 0; }
.popup_review_con .desc_con .star_con {}
.popup_review_con .desc_con .star_con p {display: flex; align-items: center;}
.popup_review_con .desc_con .id_con {padding: 0 0 10px 0; border-bottom: 1px solid rgba(0,0,0,.1);}
.popup_review_con .desc_con .id_con h6 {font-size: 20px; letter-spacing: -0.5px; font-weight: 400; color: #101828;}
.popup_review_con .desc_con p.review_txt {padding: 10px; height: 100%; overflow: auto; font-size: 16px; line-height: 140%;}

/* 유튜브 팝업 전용 */
.popup_video_con{ width:1024px; height:580px; }
.popup_video_con .inner{
  position: relative; height:100%;
  padding:20px; background:#fff; border-radius:16px;
}
.popup_video_con .btn_video_close{ position:absolute; top:20px; right:20px; z-index:2; }
.popup_video_con .img_con{
  width:100%; height:100%;
  background:#000; border-radius:10px; overflow:hidden;
}

/* 전화상담 버튼: 기본은 문구(hover_out)만, hover 시 번호(hover_in)만 */
.mini_home_con .sticky_banner .rows.row_01 .info_con .btn_con a.btn_tel h6.hover_out {display: inline-block;}
.mini_home_con .sticky_banner .rows.row_01 .info_con .btn_con a.btn_tel h6.hover_in  {display: none;}

.mini_home_con .sticky_banner .rows.row_01 .info_con .btn_con a.btn_tel:hover img {display: none;}
.mini_home_con .sticky_banner .rows.row_01 .info_con .btn_con a.btn_tel:hover h6.hover_out {display: none;}
.mini_home_con .sticky_banner .rows.row_01 .info_con .btn_con a.btn_tel:hover h6.hover_in  {display: inline-block;}

  /* DEV 미리보기 표시 */
  .dev_badge {position: fixed; left: 16px; bottom: 16px; z-index: 99; background: rgba(0,0,0,.85); color:#fff; padding: 8px 10px; border-radius: 10px; font-size: 12px;}