*{box-sizing:border-box;border:none;padding:0;margin:0;word-break:keep-all;}

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

/* ================================
   스크롤 잠금 + iOS 튐 방지(공용)
================================== */
html.is-locked,
body.is-locked{
  height:100%;
  overflow:hidden !important;
}

body.is-locked{
  position:fixed;
  width:100%;
  left:0;
  right:0;
}

/* 스크롤 허용 영역 */
.js-allow-scroll{
  overflow:auto;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior:contain;
  touch-action:pan-y;
}

/* ================================
   레이아웃 공통
================================== */
.width_con{
  width:100%;
  padding:40px 14px;
  display:flex;
  justify-content:flex-start;
}
.width_con .main_con{width:100%;}
.width_con .main_con .title_con h5{font-size:22px;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;
}

/* ================================
   헤더
================================== */
.head_wrap .mini_home_con{position:relative;z-index:2;}
.mini_home_con .planner_header{background:#fff;}
.mini_home_con .planner_header .width_con{
  display:flex;
  flex-direction:column;
  padding:14px 10px;
}
.mini_home_con .planner_header .width_con .profile_con{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}
.mini_home_con .planner_header .width_con .profile_con .btn_back{
  padding:8px 10px;
  border-radius:4px;
  border:1px solid #101820;
  display:flex;
  align-items:center;
}
.mini_home_con .planner_header .width_con .profile_con .btn_back img{margin:0 10px 0 0;}
.mini_home_con .planner_header .width_con .profile_con .btn_back span{
  font-size:12px;font-weight:400;letter-spacing:-0.3px;color:#101820;
}
.mini_home_con .planner_header .width_con .profile_con .profile{margin:10px 0 0 0;}
.mini_home_con .planner_header .width_con .profile_con .profile .desc_con{
  display:flex;align-items:center;
}
.mini_home_con .planner_header .width_con .profile_con .profile .desc_con img{
  margin:0 10px 0 0;width:80px;border-radius:12px;
}
.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{margin:16px 0 0 0;}
.mini_home_con .planner_header .width_con .profile_con .profile .marks p{
  display:flex;align-items:flex-start;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;justify-content:center;
  padding:10px 0 0 0;margin:10px 0 0 0;
  border-top:1px solid #E0E0E0;
}
.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 16px 0 0;
}
.mini_home_con .planner_header .width_con .sns_con a:last-child{margin:0;}
.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,.50) 0%, rgba(0,0,0,.50) 100%); */
}
.mini_home_con .section_00 .width_con{
	position:relative;
	min-height: 360px; /* 모바일에서 배너 높이 확보 */
	align-items: center;
}
.mini_home_con .section_00 .width_con .title_con h3{
  margin:0 0 24px 0;font-size:30px;letter-spacing:-0.75px;
  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 24px 0;font-size:16px;font-weight:500;letter-spacing:-0.4px;color:#fff;
}
/* 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_01{position:relative;background:#F0F2FF;}
.section_01 .review_vod{width:100%;position:relative;display:flex !important;}
.section_01 .review_vod .slick-track{padding:20px 6px;}
.section_01 .review_vod .slick-slide{margin:0 6px;}

.section_01 .review_vod .conts{
  display:flex;flex-direction:column;
  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);
  min-height:320px;
}
.section_01 .review_vod .conts .desc_con{margin:10px 0 0 0;flex:1;display:flex;align-items:flex-start;}
.section_01 .review_vod .conts .vod_title h5{
  font-size:clamp(18px,3.5vw,22px);
  font-weight:900;color:#000;line-height:140%;
  overflow:hidden;text-overflow:ellipsis;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
}

/* 썸네일 16:9 고정 */
.section_01 .review_vod .conts a{width:100%;display:block;}
.section_01 .review_vod .conts a .thumb_wrap{
  position:relative;width:100%;
  aspect-ratio:16/9;
  border-radius:10px;overflow:hidden;background:#000;
}
/* 구형 대비 */
.section_01 .review_vod .conts a .thumb_wrap:before{
  content:"";display:block;padding-top:56.25%;
}
.section_01 .review_vod .conts a .thumb_wrap img{
  position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;display:block;
}

.section_01 .review_vod .btn_play{
  position:absolute;height:50px;width:50px;top:50%;left:50%;
  transform:translate(-50%,-50%);
  border-radius:50%;
}
.section_01 .review_vod .btn_play:after,
.section_01 .review_vod .btn_play:before{
  position:absolute;content:'';top:0;left:0;height:inherit;width:inherit;border-radius:inherit;
}
.section_01 .review_vod .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 .review_vod .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;
}

/* 영상 URL 없을 때 클릭/플레이 제거 */
.review_vod .conts.is-disabled a{pointer-events:none !important;cursor:default !important;}
.review_vod .conts.is-disabled .btn_play{display:none !important;}

/* slick dots */
.width_con .slick-dots li button:before{font-size:10px;}
.width_con .slick-dots li.slick-active button:before{color:#899AEA;}

/* ================================
   (모바일) 영상 썸네일: 잘림 방지(전체 보기)
   - cover/16:9 강제 해제
   - 이미지 비율대로 카드 높이 증가
================================== */
@media (max-width: 768px){
  .section_01 .review_vod .conts{ min-height: 0; } /* 고정 여백 줄이기(원하면 유지 가능) */

  .section_01 .review_vod .conts a .thumb_wrap{
    aspect-ratio: auto;     /* 16:9 해제 */
    height: auto;           /* 자동 높이 */
  }

  .section_01 .review_vod .conts a .thumb_wrap:before{
    display:none;           /* padding-top 방식 끄기(중복 방지) */
  }

  .section_01 .review_vod .conts a .thumb_wrap img{
    position: static;       /* absolute 해제 */
    width: 100%;
    height: auto;           /* 비율 유지 */
    object-fit: contain;    /* 안전장치(잘림 방지) */
    display:block;
  }

  /* 플레이 버튼은 thumb_wrap 기준 중앙 고정 */
  .section_01 .review_vod .btn_play{
    pointer-events:none;    /* 버튼 자체가 클릭을 가로채지 않게 */
  }
}

@supports (aspect-ratio: 16 / 9){
  .section_01 .review_vod .conts a .thumb_wrap:before{
    display:none;
  }
}

/* ================================
   리뷰 섹션
================================== */
.section_02 .width_con ul.review_list_con{display:flex;justify-content:space-between;margin:20px 0 0 0;}
.section_02 .width_con ul.review_list_con .slick-track{padding:20px 6px;}
.section_02 .width_con ul.review_list_con .slick-slide{margin:0 6px;}
.section_02 .width_con ul.review_list_con li.review_lists{
  width:100%;
  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 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 .review_lists.no_click{cursor:default;}
.section_02 .review_lists.no_click:hover{transform:none;}
.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);
}

/* ================================
   팝업(리뷰/유튜브)
================================== */
.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:9998;}

.popup_con{
  position:fixed;top:50%;left:50%;
  width:calc(100% - 32px);
  transform:translate(-50%,-50%);
  display:none;
}
.popup_con.on{display:block;z-index:9999;}

.popup_con .inner{
  position:relative;
  padding:50px 20px 20px 20px;
  background:#fff;border-radius:16px;
}
.popup_con .inner .btn_close{position:absolute;top:20px;right:20px;z-index:1;}
.popup_review_con .inner .img_con,
.popup_video_con .inner .img_con{
  max-height:320px;background:#000;border-radius:10px;overflow:hidden;
  display:flex;justify-content:center;align-items:center;
}
.popup_review_con .inner .img_con img{width:100%;display:block;}

.popup_con .inner .desc_con{padding:20px 0 0 0;}
.popup_con .inner .desc_con .star_con p{display:flex;align-items:center;}
.popup_con .inner .desc_con .id_con{padding:0 0 10px 0;border-bottom:1px solid rgba(0,0,0,.1);}
.popup_con .inner .desc_con .id_con h6{font-size:16px;letter-spacing:-0.5px;font-weight:400;color:#101828;}
.popup_con .inner .desc_con p.review_txt{
  padding:10px;max-height:140px;overflow:auto;font-size:16px;line-height:140%;
}

/* 유튜브 iframe 16:9 */
.popup_video_con .yt_wrap{
  position:relative;width:100%;
  padding-top:56.25%;
}
.popup_video_con .yt_wrap iframe{
  position:absolute;inset:0;width:100%;height:100%;
}

/* ================================
   스티키 배너(모바일)
================================== */
@keyframes blink-effect { 50% { background:#F2FF92; } }
@keyframes rotate-effect { 50% { transform:rotate(30deg); } }

.mini_home_con .sticky_banner{
  position:fixed;bottom:0;left:0;width:100%;
  height:80px;z-index:9990;
  display:flex;flex-direction:column;justify-content:flex-end;
}

/* overlay는 실제 요소로 넣었음 */
.mini_home_con .sticky_banner .sticky_overlay{
  position:absolute;inset:0;
  background:rgba(0,0,0,.50);
  display:none;
}

/* 상단 시계 */
.mini_home_con .sticky_banner .watchs{
  position:absolute;top:-50px;right:10px;
  transform:rotate(0deg);
  animation:rotate-effect 1s step-end infinite;
  transition:top 200ms ease-in-out;
  z-index:2;
}

.mini_home_con .sticky_banner .moving_con{
  position:absolute;bottom:-750px;left:0;width:100%;
  transition:bottom 500ms ease-in-out;
  z-index:3;
}

.mini_home_con .sticky_banner .rows{position:relative;}

/* row_01: 내부 스크롤 허용(핵심) */
.mini_home_con .sticky_banner .rows.row_01{
  width:100%;
  max-height:60vh;
  background:#fff;
  padding:12px;
  box-shadow:0 1px 20px 0 rgba(0,0,0,0.30);
  border-radius:24px 24px 0 0;
}

/* row_01 내용 */
.mini_home_con .sticky_banner .rows.row_01 .img_con{
  text-align:center;margin:0 0 14px 0;
}
.mini_home_con .sticky_banner .rows.row_01 .img_con img{width:60%;border-radius:16px;}
.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;margin:10px 0 0 0;
}
.mini_home_con .sticky_banner .rows.row_01 .info_con .info_tit .marks p{
  width:90%;display:flex;justify-content:center;align-items:flex-start;margin:6px 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:14px;font-weight:400;color:#070F3A;text-align:center;letter-spacing:-0.3px;
}
.mini_home_con .sticky_banner .rows.row_01 .info_con .info_desc{
  display:flex;justify-content:space-between;margin:16px 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:14px 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;}

/* row_03: 하단 버튼 */
.mini_home_con .sticky_banner .rows.row_03 .btn_con{
  display:flex;justify-content:space-between;background:#fff;padding:12px;z-index:4;
}
.mini_home_con .sticky_banner .rows.row_03 .btn_con .consult_btns{
  display:flex;justify-content:space-between;width:calc(100% - 66px);
}
.mini_home_con .sticky_banner .rows.row_03 .btn_con .consult_btns 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_03 .btn_con .consult_btns a img{margin:0 8px 0 0;}
.mini_home_con .sticky_banner .rows.row_03 .btn_con .consult_btns a h6{
  font-size:14px;font-weight:700;letter-spacing:-0.35px;color:#070F3A;
}
.mini_home_con .sticky_banner .rows.row_03 .btn_con .consult_btns a.btn_kakao{
  border:1px solid #FAE300;background:#FAE300;
}
.mini_home_con .sticky_banner .rows.row_03 .btn_con .consult_btns a.btn_kakao h6{color:#000;}

/* 토글 버튼 (프로필 이미지 배경) */
.mini_home_con .sticky_banner .rows.row_03 .btn_con a.open_banner{
  position:relative;
  width:56px;height:56px;
  background:#eee center top no-repeat;
  background-size:cover;
  border-radius:14px;overflow:hidden;
}

/* row_02(개강) */
.mini_home_con .sticky_banner .rows.row_02{
  width:100%;margin:0 0 10px 0;
  display:flex;justify-content:flex-end;
  transform:translateY(150px);
  transition:transform 300ms ease-in-out;
}
.mini_home_con .sticky_banner .rows.row_02 .row_con{
  width:92%;
  display:flex;justify-content:space-between;
  background:#070F3A;padding:14px;border-radius:24px;
  box-shadow:0 1px 20px 0 rgba(0,0,0,0.30);
}
.mini_home_con .sticky_banner .rows.row_02 .row_con .inner{width:calc(78% - 10px);}
.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:14px;font-weight:700;color:#fff;letter-spacing:-0.35px;
}
.mini_home_con .sticky_banner .rows.row_02 .row_desc{
  margin:10px 0 0 0;padding:10px;border:1px solid #fff;
  display:flex;flex-direction:column;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 .row_con .btn_con{display:flex;width:calc(22% - 10px);}
.mini_home_con .sticky_banner .rows.row_02 .row_con .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;
  display:flex;justify-content:center;align-items:center;
}

/* OPEN 상태 */
.mini_home_con .sticky_banner.on{height:100%;}
.mini_home_con .sticky_banner.on .sticky_overlay{display:block;}
.mini_home_con .sticky_banner.on .watchs{display:none;}
.mini_home_con .sticky_banner.on .moving_con{bottom:80px;}
.mini_home_con .sticky_banner.on .rows.row_02{transform:translateY(0);}

.mini_home_con .sticky_banner.on2 .sticky_overlay{display:block;}
.mini_home_con .sticky_banner.on2 .moving_con{bottom:80px;transition:bottom 0 linear;}
.mini_home_con .sticky_banner.on2 .moving_con .rows.row_01{display:none;}
.mini_home_con .sticky_banner.on2 .watchs{top:-190px;}
.mini_home_con .sticky_banner.on2 .rows.row_02{transform:translateY(0);}

.mini_home_con .sticky_banner.on .rows.row_03 .btn_con a.open_banner:before{
  position:absolute;top:0;left:0;content:'';
  width:100%;height:100%;background:rgba(0,0,0,.5);
}
.mini_home_con .sticky_banner.on .rows.row_03 .btn_con a.open_banner:after{
  position:absolute;top:50%;left:50%;content:'';
  width:40px;height:40px;
  background:url(https://web-resources.scce.kr/images/Landing/minihome/ver2/close.png) center no-repeat;
  background-size:cover;
  transform:translate(-50%,-50%);
}

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

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