@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:400);
@import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css);
@import url(https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@200..900);
body p {
  margin-bottom: 0;
  font-size: 18px;
}
:root {
  --page-max-width: 980px;
  --ec-bg-dark: #000000;
  --ec-bg-light: #f5f5f7;
  --ec-text-main: #1d1d1f;
  --ec-text-light: #f5f5f7;
  --ec-accent-blue: #0071e3;
  --ec-line-green: #449d44;
  --ec-secondary: #888;
  --font-sans: system-ui, BlinkMacSystemFont, "Noto Sans TC", "�L�n������", "ī��", sans-serif;
  --line-height-tight: 1.08;
  --radius-card: 18px;
  --shadow-soft: 0 18px 45px rgba(0, 0, 0, 0.35);
  --shadow-sm: 0 5px 10px rgba(0, 0, 0, 0.35);
  /* Hero */
  --ec-type-hero-title: clamp(2.5rem, calc(1.4rem + 4.5vw), 5.8rem);
  --ec-type-hero-lead: clamp(1.2rem, calc(.96rem + .45vw), 1.6rem);
  /* Section hierarchy */
  --ec-type-section-title: clamp(1.5rem, calc(1.5rem + 1vw), 2.2rem);
  --ec-type-section-lead: clamp(1.125rem, calc(1.02rem + .35vw), 1.4rem);
  /* Card hierarchy */
  --ec-type-card-title: clamp(1.3rem, calc(1.3rem + .3vw), 1.6rem);
	--ec-type-card-title02: clamp(1.05rem, calc(1.05rem + .3vw), 1.6rem);
  --ec-type-body: clamp(1.1rem, calc(.9rem + .14vw), 1.2rem);
  --ec-type-note: clamp(1rem, calc(.84rem + .1vw), 1.1rem);
  --ec-type-label: clamp(1.05rem, calc(.82rem + .16vw), 1.3rem);
  --ec-type-lh-title: 1.4;
  --ec-type-lh-body: 1.7;
}
*, *::before, *::after {
  box-sizing: border-box;
}
a {
  text-decoration: none;
}

/* Hero */
/* Buttons */
.btn-ec-primary {
  background-color: var(--ec-accent-blue);
  border-color: var(--ec-accent-blue);
  color: #fff;
  border-radius: 999px;
  padding-inline: 1.25rem;
  font-weight: 500;
}
.btn-ec-primary:hover {
  background-color: #0077ed;
  border-color: #0077ed;
  color: #fff;
  transform: translateY(-1px);
}

.ec-hdtitile {
  font-size: 1.5em;
}

/* Arrow buttons */
.owl-theme .owl-controls .owl-nav [class*=owl-] {
  margin-top: 1.2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: .6rem;
}
.owl-theme .owl-controls .owl-nav [class*=owl-] {
  width: 38px;
  height: 38px;
  color: #ffffff;
  border-radius: 999px;
  background: #000000;
  border: 1px solid rgba(0, 0, 0, 0.15);
  font-size: 1.3rem;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
/*CourseList*/
.CourseList > div.owl-stage-outer > div {
  left: -60px;
}
.CourseList > div.owl-controls {
  margin-right: 60px; /* margin-right: 15%; text-align: right;*/
}

.CourseList .ec-card {
  position: relative; 
  padding: 0px;
}

.CourseList .ec-card-inner {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: clamp(260px, 55vw, 360px);
  padding: 0px;
}
.CourseList .ec-card-text {
  padding: clamp(20px, 3vw, 30px);
  padding-bottom: 0px;
  flex: 1 1 auto; 
}

.CourseList .ec-card-img {
  margin-top: auto;
  height: clamp(140px, 40vw, 220px); 
  display: flex;
  align-items: flex-end;
}

.CourseList .ec-card-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  display: block;
  border-bottom-right-radius: var(--radius-card);
  border-bottom-left-radius: var(--radius-card);
}

.CourseList .ec-card {
  position: relative;
}
.CourseList .ec-card-btn {
  position: absolute;
  right: clamp(8px, 3vw, 20px);
  bottom: clamp(8px, 3vw, 20px);
  /*width:  clamp(36px, 4vw, 48px);*/
  height: clamp(36px, 4vw, 48px);
  font-size: clamp(20px, 4vw, 28px);
  border-radius: 50%;
  border: none;
  line-height: 1em;
  background: #000000f0;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: .25s ease;
}
.CourseList .ec-card-btn:hover {
  background: #333;
}

.modal-bottom-cstitle {
  position: absolute;
  bottom: -15px;
  right: 5%;
}
.modal-bottom-cstitle .Cs-subTL {
  background-color: #79C0F6;
  padding: 5px 8px;
}
.syllabus {
  padding: 20px;
  position: relative;
}
.syllabus h4 {
  font-weight: 400;
  letter-spacing: .02em;
}
.syllabus ul {
  padding-left: 1.15rem;
  margin-bottom: .75rem;
}
.syllabus li {
  margin: .2rem 0;
}
/* �`��D�D */
.theme-dark {
  background: #0b1118;
  color: #d7e6ff;
}
.theme-dark .modal-header {
  border-bottom: 1px solid #79C0F6;
}
.theme-dark .modal-title {
  color: #d7e6ff;
}
.theme-dark .btn-close {
  filter: invert(1);
  opacity: .85;
}
.theme-dark .btn-close:hover {
  opacity: 1;
}
.theme-dark .modal-title-img {
  width: 100%;
  max-width: 260px;
}
.theme-dark .modal-bottom-cstitle .Cs-subTL {
  color: #000;
}
.theme-dark .syllabus h4 {
  color: #79C0F6;
}
.theme-dark .syllabus li {
  color: #cfe5ff;
}

.theme-light {
  background: #fff;
  color: #1f2937;
}
.theme-light .modal-header {
  border-bottom: 1px solid #79C0F6;
}
.theme-light .modal-title {
  color: #374151;
}
.theme-light .modal-title-img {
  width: 100%;
  max-width: 260px;
}
.theme-light .modal-bottom-cstitle .Cs-subTL {
  color: #fff;
}
.theme-light .syllabus h4 {
  color: #1f9dfc;
}
.theme-light .syllabus li {
  color: #374151;
}

.modal-header.d-flex {
  padding: 1rem 1rem 0;
}

.btn-open {
  color: #007dd1;
  padding: 5px 20px;
  margin-top: 15px;
  letter-spacing: 1px;
  border-radius: 0px;
  border: 0.5px solid #007dd1;
}
.btn-open2 {
  background-color: #720D0E;
  border: 0.5px solid #720D0E;
  border-radius: 0px;
  padding: 3px 20px;
  margin-top: 15px;
}
.btn-open-w {
  color: #fff;
  border: 0.5px solid #fff;
  border-radius: 0px;
  padding: 3px 20px;
  margin-top: 15px;
}

.Wsp_Con_text-container.expanded {
  -webkit-line-clamp: unset; 
}

.UniList .owl-controls .owl-nav [class*=owl-] {
  color: #fff;
  font-size: 1.2em;
  margin: 5px;
  padding: 4px 13px;
  background: #000;
  display: inline-block;
  cursor: pointer;
  -webkit-border-radius: 300px;
  -moz-border-radius: 300px;
  border-radius: 300px;
  align-content: center;
}

.Alumni_TxtBox02 {
  color: #333;
  margin: 5px;
  border: 1px solid #000000;
  border-bottom: 6px solid #000000; 
  border-radius: 16px;
  padding: 20px;
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.05);
  height: 100%; 
}
.Alumni_TxtBox02 > a {
  color: #333
}
/* Hover �ĪG */
.Alumni_TxtBox02:hover {
  transform: translateY(-3px);
  background-color: rgba(243, 219, 240, 0.1);
  cursor: pointer;
}
.Alumni_TxtBox02_subtxt {
  font-size: 0.8em;
}
.Alumni_BtBox02 {
  background: linear-gradient(to right, rgba(255, 123, 172, 1) 0%, rgba(0, 255, 255, 0.8) 100%);
  padding: 20px;
  display: block;
  color: #000;
  font-weight: 700;
  letter-spacing: 1px;
}
.Alumni_TxtBox02:hover > div:nth-child(2) > a > span.Alumni_BtBox02 {
  color: #fff;
  text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
  background: linear-gradient(to right, rgba(0, 255, 255, 0.8) 0%, rgba(255, 123, 172, 1) 100%);
}
#TeacherList > div > div.owl-controls > div.owl-dots {
  margin-top: -32px;
}
#TeacherList > div > div.owl-controls > div.owl-nav > div.owl-prev {
  margin-right: 65% !important;
}
#TeacherList > .owl-theme .owl-controls .owl-nav [class*=owl-] {
  color: #fff;
  font-size: 1.2em;
  margin: 5px;
  padding: 4px 13px;
  background: #d6b680;
  display: inline-block;
  cursor: pointer;
  -webkit-border-radius: 300px;
  -moz-border-radius: 300px;
  border-radius: 300px;
  align-content: center;
}

#PdSk_CSListArea > div > div.owl-controls {
  text-align: center; /*display:inline-block;*/
}
#PdSk_CSListArea > .owl-theme .owl-controls .owl-nav [class*=owl-] {
  color: #fff;
  font-size: initial;
  margin: 5px;
  padding: 10px 13px;
  line-height: 1em;
  background: #000;
  display: inline-block !important;
  cursor: pointer;
  -webkit-border-radius: 300px;
  -moz-border-radius: 300px;
  border-radius: 300px;
  border: 1px solid #000;
  display: inline-block;
  aspect-ratio: 1/1;
}
#PdSk_CSListArea > .owl-theme .owl-controls .owl-nav [class*=owl-]:hover {
  background: transparent;
  color: #000;
  text-decoration: none;
  display: inline-block;
}
/*#PdSk_CSListArea > .owl-theme .owl-controls .owl-nav .disabled {
opacity: 0;
    cursor: default;
	display: inline-block;
}

*/
/*#PdSk_CSListArea > div > div.owl-controls > div.owl-nav > div.owl-prev.disabled {
display: none !important;
}

#PdSk_CSListArea > div > div.owl-controls > div.owl-nav > div.owl-next.disabled {
display: none !important;
}


/*QA*/

/* ===============================
   Accordion
================================ */
.accordion {
  border-radius: 14px;
  overflow: hidden;
  background-color: #DADBF1;
  box-shadow: none;
}

.accordion-item {
  border: 0;
  border-radius: 0;
  margin: 0; 
  background-color: transparent;
  box-shadow: none;
}

.accordion-item + .accordion-item {
  border-top: 1px solid #8A8FE3; 
}

.accordion-button {
  background-color: #DADBF1;
  color: #1B13A5;
  font-weight: 600;
  padding: 18px 22px;
  border: none;
  box-shadow: none !important;
  font-size: 1.2rem;
  letter-spacing: 0.3px;
  transition: background-color .25s ease, color .25s ease;
}
/* ���X���A */
.accordion-button.collapsed {
  background-color: #DADBF1;
  color: #1B13A5;
}
/* Hover */
.accordion-button:hover {
  background-color: #E6E7F7;
  color: #1B13A5;
}
.accordion-button:not(.collapsed) {
  background-color: #DADBF1;
  color: #1B13A5;
}
.accordion-button:focus {
  box-shadow: none !important;
}
.accordion-body {
  background-color: #ffffff;
  color: #2b2b2b;
  padding: 20px 24px;
  line-height: 1.7;
  font-size: 1.05em;
}
.accordion-button::after {
  filter: invert(12%) sepia(85%) saturate(4500%) hue-rotate(235deg);
  opacity: 1;
}

.accordion-button {
  border-radius: 0 !important;
}


@media (max-width: 767px) {
  .g-recaptcha {
    transform: scale(0.92) translate(0px);
    -webkit-transform: scale(0.92) translate(0px);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
  }
  
}

#youtube-player {
  position: absolute;
  width: 100%;
  height: 100vw; /* 16:9 */
  min-height: 110vh; 
  left: 50%;
  top: 35%;
  transform: translate(-50%, -56%); 
  object-fit: cover;
  visibility: hidden; 
}

#video-placeholder {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url("https://img.youtube.com/vi/bm9O_lxlOJU/maxresdefault.jpg") no-repeat center center;
  background-size: cover;
}

@media (min-width: 768px) {

  #youtube-player {
    position: absolute;
    width: 150%;
    height: 100vw; /* 16:9 */
    min-height: 110vh; 
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    object-fit: cover;
    visibility: hidden; 
  }

}
.wrap {
  overflow: hidden;
}
.scroll-link {
  display: none;
  cursor: pointer;
  opacity: 0; 
  transition: opacity 1s ease-in-out; 
}
.scroll-link.show {
  display: block;
  opacity: 1; 
}
.btn-btfixBk {
  position: fixed;
  bottom: 0px;
  right: 0px;
  font-size: 16px;
  padding: 20px 50px 35px 50px;
  background-color: #DC5F00;
  color: #222;
  width: 100%;
  text-decoration: none;
  text-align: center;
  z-index: 999;
  font-weight: 800;
  font-size: 1.2em;
}
.scroll-link:hover {
  background-color: #7e1818;
  color: #fff;
}

.verify-box {
  margin-bottom: 6px;
}
.verify-code {
  display: inline-block;
  width: 90px;
  padding: 6px 8px;
  border: 1px solid #ccc;
  background: #fff;
  font-size: 20px;
  letter-spacing: 3px;
  text-align: center;
  font-weight: bold;
  border-radius: 4px;
  user-select: none;
}
.verify-refresh {
  margin-left: 8px;
  background: none;
  border: none;
  font-size: 20px;
  cursor: pointer;
  color: #666;
}
.verify-refresh:hover {
  color: #333;
}


.ec-inline-003 {
  right: 0;
  top: calc(125%/2);
  z-index: 666;
  position: fixed;
  font-size: 12px;
  border-radius: .3rem;
}
.ec-inline-004 {
  border-top-right-radius: 0px;
  padding: 10px 8px;
  box-sizing: border-box;
}
.ec-inline-005 {
  width: 30px;
  vertical-align: middle;
}
.ec-inline-006 {
  border-bottom-right-radius: 0px;
  padding: 10px 8px;
  font-size: 18px;
  box-sizing: border-box;
}
.ec-inline-007 {
  right: 0;
  top: calc(80%/2);
  z-index: 666;
  position: fixed;
}
.ec-inline-008 {
  border-top-right-radius: 0;
  padding: 15px 8px 15px 8px;
  line-height: 1.3em;
  font-size: 20px;
}
.ec-inline-009 {
  width: 30px;
  vertical-align: middle;
  margin-bottom: 6px;
}
.ec-inline-010 {
  border-bottom-right-radius: 0px;
  padding: 15px 8px 15px 8px;
  line-height: 1.3em;
  font-size: 20px;
}
.ec-inline-011 {
  --fa-animation-iteration-count: 3;
  --fa-animation-timing: ease-in-out;
}
.ec-inline-012 {
  padding-bottom: 130px;
  right: 7px;
}
.ec-inline-013 {
  padding: .4rem .45rem;
  font-size: 0.8rem;
  line-height: 1;
}
.ec-inline-014 {
  position: absolute;
  z-index: -9999;
}
.ec-inline-015 {
  display: block;
}
.ec-inline-016 {
  flex-direction: row;
}

.ec-inline-024 {
  font-weight: 700;
}

.ec-inline-027 {
  background-color: #edeef4;
  padding: 4% 5%;
}
.ec-inline-028 {
  color: ##006358;
}
.ec-inline-029 {
  padding: 20px 22px;
  background-color: #fff;
  box-shadow: 1px 2px 5px rgba(0, 0, 0, .08);
  border-radius: 6px;
  height: 100%;
}
.ec-inline-030 {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 10px;
}
.ec-inline-031 {
  border-radius: 50%;
  object-fit: cover;
}
.ec-inline-032 {
  color: #006358;
  font-size: .85em;
}
.ec-inline-033 {
  font-size: .9em;
  color: #555;
  margin: 0;
}

.ec-inline-038 {
  padding: 3% 0;
}
.ec-inline-039 {
  font-family: Noto Sans CJK TC;
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: 2px;
  margin: 10px 0 0px 0px;
}
.ec-inline-040 {
  font-family: Noto Sans CJK TC;
  font-size: 2rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: 2px;
  margin: 10px 0 0px 0px;
}
.ec-inline-041 {
  font-size: 12px;
  color: #CCC;
}
.ec-inline-042 {
  font-family: Noto Sans CJK TC;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 2px;
  margin: 10px 0 25px 0px;
}
.ec-inline-043 {
  font-size: 0.8em;
  color: #CCC;
}

.ec-inline-049 {
  margin-top: 15px;
}

.ec-inline-058 {
  background-color: #fff;
}
.ec-inline-059 {
  margin: 20px 0;
}
.ec-inline-060 {
  padding: 20px 15px 10px 15px;
	margin-inline: auto;
}
.ec-inline-061 {
  padding-right: 12px;
}
.ec-inline-062 {
  padding-right: 8px;
}
.ec-inline-063 {
  padding-right: 15px;
}
.ec-inline-064 {
  padding-bottom: 80px;
}

@media (min-width: 768px) and (max-width: 979px) {
  .ec-hdtitile {
    font-size: 2.5em;
  }

}
@media (min-width: 980px) and (max-width: 1199px) {
  .ec-hdtitile {
    font-size: 2.5em;
  }

}
@media (min-width: 1200px) {
  #PdSk_CSListArea > div > div.owl-controls {
    text-align: center;
  }
  .ec-hdtitile {
    font-size: 2.5em;
  }

}
@media (min-width: 1400px) {
  #PdSk_CSListArea > div > div.owl-controls {
    text-align: center;
  }
  .ec-hdtitile {
    font-size: 2.5em;
  }

}
@media (min-width: 1600px) {
  .ec-hdtitile {
    font-size: 2.5em;
  }
}

.ec-edu-card-text, .ec-guide-content > div:not(.ec-guide-heading), .ec-portfolio-content p, .S-desc, .accordion-body {
  font-size: var(--ec-type-body);
  line-height: var(--ec-type-lh-body);
}

.field-note, .ec-portfolio-note, .Alumni_TxtBox02_subtxt {
  font-size: var(--ec-type-note);
  line-height: 1.65;
}
.field-note {
  color: #4f596b;
  font-weight: 600;
}
/* ---------- FAQ ---------- */
.accordion-button {
  font-size: var(--ec-type-card-title02);
  line-height: 1.5;
}
.CourseList .ec-card-text, .Wsp_ConTL, .Alumni_TxtBox02, .syllabus {
  font-size: var(--ec-type-body);
}
.Alumni_BtBox02, .btn-open, .btn-open2, .btn-open-w {
  font-size: var(--ec-type-label);
}
.ec-inline-039, .ec-inline-040 {
  font-size: var(--ec-type-card-title);
  line-height: var(--ec-type-lh-title);
}

:root {
--ink:#17191f;
--deep:#151822;
--paper:#f4f5f7;
--white:#fff;
--muted:#737985;
--line:#d9dde4;
--purple:#727bff;
--ice:#c9e9ff;
--lime:#bdd646;
--soft:#edf0f4;
--pink:#fd789d;
}
* {
	box-sizing: border-box
}
html {
	scroll-behavior: smooth
}
body {
	margin: 0;
	font-family: "Inter", "Noto Sans TC", sans-serif;
	color: var(--ink);
	background: var(--paper);
	line-height: 1.75;
	overflow-x: hidden;
}
img {
	max-width: 100%;
}
a {
	text-decoration: none
}
.display-hero {
	font-size: clamp(3.5rem, 9vw, 8.5rem);
	line-height: .88;
	letter-spacing: -.07em;
	font-weight: 800
}
.section-title {
	font-size: clamp(2.1rem, 4vw, 4.6rem);
	line-height: 1.05;
	letter-spacing: -.045em;
	font-weight: 800
}
.section-kicker {
	font-size: .75rem;
	letter-spacing: .24em;
	text-transform: uppercase;
	font-weight: 700;
	color: var(--purple)
}
.lead-copy {
	font-size: clamp(1.05rem, 1.6vw, 1.35rem);
	color: #525866
}
.section-pad {
	padding: clamp(3rem, 7vw, 7rem) 0;
}
.btn-ec {
	background: var(--pink);
	color: #13170d;
	border: 0;
	border-radius: 999px;
	padding: .95rem 1.2rem;
	font-weight: 600;
	transition: .25s ease
}
.btn-ec:hover {
	transform: translateY(-2px);
	background: #ffffff;
	color: var(--pink);
}
.btn-ghost {
	border: 1px solid rgba(255,255,255,.84);
--bs-btn-bg:rgba(255,255,255,0.15);
	color: #fff;
	border-radius: 999px;
	padding: .9rem 1.4rem;
	font-weight: 700
}
.btn-ghost:hover {
	background: #fff;
	color: var(--deep)
}
/* HERO min-height:100svh*/
.hero {
	background: var(--deep);
	color: #fff;
	position: relative;
	display: flex;
	align-items: center;
	overflow: hidden
}
.hero:before {
	content: "";
	position: absolute;
	inset: -20%;
	background: radial-gradient(circle at 75% 42%, rgba(114,123,255,.34), transparent 24%), radial-gradient(circle at 68% 58%, rgba(201,233,255,.12), transparent 19%);
	pointer-events: none
}
.hero-grid {
	position: absolute;
	inset: 0;
	opacity: .16;
	background-image: linear-gradient(rgba(255,255,255,.08) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.08) 1px, transparent 1px);
	background-size: 72px 72px;
	mask-image: linear-gradient(to bottom, #000, transparent 86%)
}

.hero-kicker {
	font-size: .8rem;
	letter-spacing: .28em;
	text-transform: uppercase;
	color: var(--ice);
	font-weight: 700
}
.hero-sub {
	font-size: clamp(1.1rem, 1.8vw, 1.45rem);
	color: #d8dbe4;
	max-width: 42rem
}


    /* ABOUT */
.about-card {
	background: #fff;
	border-radius: 32px;
	padding: clamp(2rem, 4vw, 4rem);
	box-shadow: 0 18px 60px rgba(22,24,34,.06)
}
.role-tags {
	display: flex;
	flex-wrap: wrap;
	gap: .65rem
}
.role-tags span {
	border: 1px solid var(--line);
	border-radius: 999px;
	padding: .55rem .9rem;
	font-size: .88rem;
	background: #fff
}
/* GOALS */

.goal-card {
	background: var(--purple);
	color:#fff;
	border-radius: 28px;
	padding: clamp(1.2rem, 2vw, 2rem);
	box-shadow: 0 14px 50px rgba(22, 24, 34, .06);
}
/* APPLICATION */
.application {
	background: var(--deep);
	color: #fff;
	overflow: hidden
}
.app-bg {
	font-size: clamp(5rem, 13vw, 12rem);
	font-weight: 900;
	line-height: .78;
	letter-spacing: -.07em;
	color: rgba(255,255,255,.035);
	white-space: nowrap
}
.app-list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 2fr));
	gap: .15rem 2.2rem;
	font-size: clamp(1.1rem, 1.7vw, 1.6rem);
	font-weight: 600
}
.app-list div {
	padding: .58rem 0;
	border-bottom: 1px solid rgba(255,255,255,.12)
}
/* COURSE */

.course-card {
	background: #fff;
	border-radius: 28px;
	padding: clamp(1.6rem, 3vw, 2.8rem);
	box-shadow: 0 14px 50px rgba(22,24,34,.06)
}
.course-card h3 {
	font-size: clamp(1.55rem, 2.4vw, 2.4rem);
	font-weight: 800;
	margin-bottom: 1.1rem
}
.course-card ul {
	padding-left: 1.1rem;
	margin: 0;
	color: #4d5360
}
.course-card li+li {
	margin-top: .7rem
}

.video-wrap {
	border-radius: 26px;
	overflow: hidden;
	background: #000;
	box-shadow: 0 20px 70px rgba(0,0,0,.12)
}
.video-wrap iframe {
	display: block;
	width: 100%;
	aspect-ratio: 16/9;
	border: 0
}
/* CTA */
.mid-cta {
	background: linear-gradient(120deg, #2c6eff, #000917);
	color: #fff;
	border-radius: 34px;
	padding: clamp(2rem, 5vw, 4rem);
	position: relative;
	overflow: hidden
}
/* WORKS */

/* MENTOR */
.mentor {
	background: #fff
}
.mentor-portrait {
	border-radius: 30px;
	background: linear-gradient(160deg, #282d40, #6873c9 55%, #c9e9ff);
	position: relative;
	overflow: hidden
}

.career {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0 1.5rem;
	border-top: 1px solid var(--line);
	margin-top: 1.4rem;
}
.career-row {
	padding: .85rem 0;
	border-bottom: 1px solid var(--line);
	font-size: .93rem;
}
.Z04bk {
	width: 100%;
	height: auto;
	background-color: #222222;
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
	background-size: cover;
	padding: 35px 0;
	color: #ffffff;
}
.Z04_bk01 {
	background-image: url(../images/client/course/2d/2dst_bk.jpg);
}

.mentorbk {
	background-size: cover;
	background-position: right;
}

.mentor_bk01 {
	background-image: url( "../images/client/course/2d/teacherbk.jpg");
}

@media(max-width:991.98px) {
.hero {
	min-height: auto;
	padding: 3rem 0 0 0.5rem
}/*padding:7rem 0 4rem*/

}

@media(max-width:575.98px) {
.display-hero {
	font-size: clamp(3.3rem, 18vw, 5rem)
}

.career {
	grid-template-columns: 1fr;
}
}