/**************************************************
* 버전관리
* version : v=3
* Last Update : 20260514
**************************************************/

/********************************************************
■ 공통
********************************************************/
.inner {max-width:74rem; width:100%;}

/* 섹션 타이틀 스타일 */
.sec_top {display:flex ; justify-content: center;  align-items: flex-end; margin-bottom:clamp(2.2rem, 1.593rem + 1.619vw, 3.05rem);  position:relative;}
.sec_top:has(.left) { justify-content: space-between;}
.sec_tit {color:#232323;font-size: 1.9rem;font-weight: 900; text-align:center; line-height:1.4;}
.sec_tit.left {text-align:left;}
.sec_tit em {color:var(--main);}
.sec_s_tit {font-size:1.3rem; font-weight: 900; color:#45474A; margin-bottom:clamp(0.7rem, 0.129rem + 1.524vw, 1.5rem);}
.sec_sub_tit {margin-top: 0.4rem; font-size:1.1rem; color:#45474A; line-height: 156%; font-weight:600;}
.sec_top:not(:has(.left)) .goToPage {position:absolute; bottom:0; right:0;}
.goToPage a {display:flex;  align-items: center; font-weight:800;}
.goToPage a i {font-size:1.5rem;}

/* 별점 */
.starDiv { display: flex; align-items: center; gap: 0.4rem;}
.star{background: url('/images/default/main/ico_review_y.svg') no-repeat right 0;  background-size: auto 100%; width: 0.8rem;   height: 0.8rem;   display: inline-block;   text-indent: -9999px;   cursor: pointer;}
.star.on{background-position:0 0;}

/* 게시글 없음 */
.noPost{ position:relative;padding:2rem 1rem; background:#fff; width:100%;  display: flex;  align-items: center;  justify-content: center;}
.noPost .inner_flex {display:flex; gap:2rem; align-items: center; color:#232323;}
.noPost .txt_box {font-size:0.85rem;  font-weight:600;}
.noPost .txt_box strong {display:block; font-size:1.05rem; font-weight:800; color:#112B45; line-height: 1.2;}
.noPost .txt_box i {display:block; margin-bottom: 0.6rem; width:1.2rem; height:1.2rem; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 25 25'%3E%3Cpath fill='%23112B45' d='M11.4 3.2a4.6 4.6 0 0 1 5 2.3l6.2 11.1a4.3 4.3 0 0 1-3.8 6.5H5.9a4.3 4.3 0 0 1-3.8-6.5l6.2-11c.7-1.3 1.8-2.1 3.1-2.4Zm1 12.9c-.5 0-.8.3-.8.7v.5a.8.8 0 0 0 1.5 0v-.5c0-.4-.3-.7-.8-.7Zm0-7c-.5 0-.8.3-.8.7v4a.8.8 0 0 0 1.5 0v-4c0-.4-.3-.7-.8-.7Z'/%3E%3C/svg%3E") no-repeat center center; background-size:100% auto;}
.noPost .img_box img {width:15.15rem;}

@media (max-width:1030px){
	.noPost .inner_flex {flex-direction:column;}
	.noPost .txt_box {text-align: center; font-size:1rem;}
	.noPost .txt_box i {margin: 0 auto 0.6rem;}
	.noPost .txt_box strong {font-size:1.11rem;}
}
@media (max-width:768px){
	.sec_top {flex-direction:column; align-items: flex-start; gap: clamp(1rem, 0.286rem + 1.905vw, 2rem) 1rem;}
	.sec_tit {font-size:1.57rem; text-align:left;}
	.sec_sub_tit {font-size:1rem;}
	.sec_top:has(.left) .goToPage {align-self: flex-end;}
	.sec_top:not(:has(.left)) .goToPage {flex-shrink: 0; align-self: flex-end; position:static;}
	.goToPage a {font-size:1rem;}

	.noPost .img_box img {width: 11.15rem;}
} 

/********************************************************
■ 비주얼
********************************************************/
#visual {position:relative;}
#visual .swiper-slide span {display:block; width:100%; height:auto; aspect-ratio:64/21;}


/*-----페이지네이션-----*/
.swiper-pagination.vis-paging {position:absolute; bottom:2rem; display: flex; gap: 0.5rem; justify-content: center; }
.swiper-pagination.vis-paging .swiper-pagination-bullet {margin: 0 !important; width: 0.5rem; height: 0.5rem; background: #D7D7D7; border-radius: 3rem; position: relative; opacity: 1; transition: width 0.3s cubic-bezier(0.79,0.14,0.15,0.86);}
.swiper-pagination.vis-paging .swiper-pagination-bullet.swiper-pagination-bullet-active {width:1.95rem;}
.swiper-pagination.vis-paging .progress { content: ''; position: absolute; top: 50%; left: 0%; width: 0.5rem; height: 100%; background-color: var(--gold); border-radius: 50%; transform: translateY(-50%); transition: none; opacity:0; transition: 0.3s cubic-bezier(0.79,0.14,0.15,0.86);}
.swiper-pagination.vis-paging .swiper-pagination-bullet.progressing .progress { opacity:1; animation: moveDot 6s linear forwards;}

@keyframes moveDot {
  from { left: 0%; }
  to { left: calc(100% - 0.5rem); }
}

/*-----네비게이션-----*/
.vis-prev,
.vis-next {width:1rem; height:2rem; background-image:unset; z-index:10;}
.vis-prev:after,
.vis-next:after {display:none;}
.vis-prev {left:auto; right:96.1%; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 22 42'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-width='2' d='M21 41 1.6 21.6a.8.8 0 0 1 0-1.2L21 1'/%3E%3C/svg%3E") no-repeat center center; background-size:100% auto;}
.vis-next {right:auto; left:96.1%; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 22 42'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-width='2' d='M21 41 1.6 21.6a.8.8 0 0 1 0-1.2L21 1'/%3E%3C/svg%3E") no-repeat center center; background-size:100% auto; transform:scaleX(-1)}
.vis_txt_control .swiper-button-next.swiper-button-disabled, 
.vis_txt_control .swiper-button-prev.swiper-button-disabled{display:none;}

@media (max-width:1024px){
	#visual .swiper-slide span {aspect-ratio:491/315;}
} 
@media (max-width:768px){
	.vis-prev,
	.vis-next {display:none;}
} 

/********************************************************
■ cts0
********************************************************/
.cts0 {padding:clamp(4rem, 2.214rem + 4.762vw, 6.5rem) 0 clamp(4rem, 1.857rem + 5.714vw, 7rem); background:url('/images/default/main/main_video_bg.webp')no-repeat 50% bottom; background-size: auto 65%;}

.video-wrap{max-width: 43.5688rem; margin:0 auto; border-radius: 0.5rem; padding:0.5rem; background:linear-gradient(#9b7c24 0%, #936c00 43%, #9b7c22 72%, #94751c 83%,  #806109 100% );}
.video-wrap iframe{width: 100%; height: auto; aspect-ratio: 16 / 9; border: none;}
.video-wrap video{width: 100%; height: auto; aspect-ratio: 16 / 8.5; border: none;}

/********************************************************
■ cts01
********************************************************/
.cts01 {padding:4.2rem 0 6.5rem;}
.topCourse {  transition: 0.3s cubic-bezier(0.79,0.14,0.15,0.86);}
.topCourse .swiper {margin: 0 auto;  width: 100%; max-width: 72rem;  overflow: visible;}
.topCourse .swiper-slide {width: 20.5rem; min-height:20.15rem;}

/*-----코스 슬라이드-----*/
.topCourse_card{width:100%; background:#fff; box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 12%);}
.card_top .thumb {position:relative;}
.card_top .thumb span {display:block; padding-top:56%; width:100%; position:relative;}
.card_top .thumb.video{position:relative; z-index:0;}
.card_top .thumb.video:before{content:""; position:absolute; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:1;}
.card_top .thumb.video:after{content:""; position:absolute; left:calc(50% - 1.5rem); top:calc(50% - 1.5rem); width:3rem; height:3rem; border:1px solid #fff; border-radius:50%; backdrop-filter: blur(12px); background:url('/images/default/main/icon_play.svg')no-repeat 50% 50%; background-size:1.15rem auto; z-index:2;}
.card_top .thumb .new_cate{position:absolute; top:0.5rem; left:0.5rem;z-index: 1; display:inline-block; padding:0.2rem 0.4rem; font-size:0.7rem; border: 1px solid rgba(255, 255, 255, 0.50); color:#fff; background: var(--main); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10) inset; }

:is(.card_top, .cts_card, .topCourse_card) .addBook{position:absolute; top:1rem; right:0.5rem; z-index: 1;} 
:is(.card_top, .cts_card, .topCourse_card) .icon_new{position:absolute; top:1rem; left:1rem; z-index: 1; width:1.6rem; height:1.6rem; background:url('/images/default/main/icon_new.svg')no-repeat 0 0; background-size:100%; box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.10); border-radius:50%;}

/* 코스 정보 */
.card_top .txt {padding:0.85rem 1rem 0.85rem;}
.card_top .tag ul {display:flex; gap:0.3rem 0.6rem; flex-wrap: wrap; font-size: 0.7rem; letter-spacing: 0.007rem; margin-bottom:0.45rem;}
.card_top .tag ul li {display: inline-flex;padding: 0.12rem 0.4rem; justify-content: center;align-items: center; font-weight:600;}
.card_top .tag .cate {background:#F3F1E9; color: #503C0F; font-weight:800; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10) inset;}
.card_top .subject { height: 2.85em; font-size:0.95rem; letter-spacing: 0.019rem; font-weight: 600; color:#232323; display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; word-break: keep-all; overflow-wrap: anywhere;}
.card_top .name{font-size: 0.85rem; color:#454545; font-weight:400; margin-top:1rem;}
.card_top .info {background:#1C3350;}
.card_top .info ul {display:flex; justify-content: space-between; padding: 0.35rem 1rem; color:#fff;}
.card_top .info ul .cost strong{color:#fff;}
.info .views {display:flex;  align-items: center; font-size:0.75rem;}
.info .views i {font-size:1.11rem;}
.info .cost {font-size:0.75rem; margin-left: auto;}
.info .cost strong {font-size:0.85rem; font-weight: 700; }

/* 랭크 */
.topCourse_card .rank{font-family: Manrope; position:absolute; bottom:-0.13em; left:-4rem; font-size:4.8rem; font-weight:900; color:#1C3350; letter-spacing: -0.288rem; line-height:1;}
.topCourse_card:nth-child(n+4) .rank{color:#aaa;}

/* 페이저 (모바일) */
.topCourse .swiper-pagination {display:none;}

@media (max-width:1600px){
	.topCourse { padding-left: 10%;}
	.topCourse .swiper-full-wrap {margin-left:0;  width:100%;  left:0;}
} 
@media (max-width:1024px){
	.cts01 {padding:4rem 0 5rem;}
	.topCourse .swiper-slide {min-height:unset;}
} 
@media (max-width:768px){
	.topCourse { padding-left: 0; padding-top: 2rem;}
	.card_top .tag ul {font-size:0.88rem;}
	.card_top .subject {font-size:1.11rem;}
	.info .views,
	.info .cost,
	.info .cost strong{font-size:1rem;}
	.topCourse_card .rank {font-size: 3rem; bottom:auto; left:0; top:-3.45rem; z-index:-1;}
} 
@media (max-width:600px){
	.topCourse .swiper-slide {width:auto}
} 

/********************************************************
■ cts02
********************************************************/
.cts02 {padding:5.25rem 0; background:#A57F18 url('/images/default/main/cts02_bg.png') no-repeat center center; background-size:cover;}
.cts02 .sec_top {margin-bottom:3.05rem}
.cts02 .sec_tit,
.cts02 .sec_sub_tit,
.cts02 .goToPage a{color:#fff;}

/*----- 멘토 스와이퍼 -----*/
.mento_list .swiper{    overflow: visible;}
.main_spk_list {flex-shrink: 0; max-width:15rem; width: 100%; border-radius:0.2rem; overflow:hidden; box-shadow: 0px 3.888000011444092px 29.159997940063477px 0px rgba(0, 0, 0, 6%); transition: 0.5s;}
.main_spk_list .swiper-slide-shadow-coverflow {width: calc(100% + 1rem);  height: calc(100% + 0.4rem); filter:blur(5px);}
.main_spk_list.swiper-slide-active { box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 46%);}

/* 썸네일 */
.pf_img_wrap {position:relative; z-index:0;  transition: 0.5s; }
.pf_img_wrap:before {content:''; display:block; width:100%; height:100%;background: url('/images/default/main/main_mento_gra.png') no-repeat left 0;  background-size: auto 100%; mix-blend-mode: multiply;position:absolute; top:0; left:0; backdrop-filter: blur(5px);}
.pf_img_wrap:after {content:''; display:block; width:100%; height:100%; background:rgba(0,0,0,0.5); position:absolute; top:0; left:0; transition: 0.5s;}
.pf_img_wrap .pf_img span {display:block; width:100%; padding-top:100%; position:relative; z-index: -1;}
.main_spk_list.swiper-slide-active .pf_img_wrap:after {opacity:0; }
.main_spk_list.swiper-slide-active .pf_img_wrap:before{backdrop-filter: blur(0px);}
.pf_img_wrap .tag {padding: 0.225rem 0.5rem; font-size:0.7rem; font-weight:600; color:#fff; border: 0.5px solid #FFF; background: linear-gradient(90deg, #92670A 0%, #997014 52.4%, #C0A031 100%); border-radius: 2rem; backdrop-filter: blur(5px); position:absolute; top:1rem; left:1rem; }
.rating {display: flex; align-items: center;  gap: 0.4rem;  margin-top: 0.4rem; font-size: 0.85rem;}
.pf_img_wrap .rating { position:absolute; bottom:0.8rem; right:1.5rem;  color:#fff;}
.rating .star_wrap {display:flex; align-items: center;  gap: 0.25rem; font-weight:700;}
.rating .reviews {font-size:0.7rem;}

/* 멘토 정보 */
.main_spk_list .sp_profile {background:#fff;}
.main_spk_list .sp_profile {padding:0.8rem 1rem 1rem}
.main_spk_list .sp_job {display:flex; justify-content: center;  gap:0.2rem 1.05rem; font-size:0.7rem;}
.main_spk_list .sp_job p {position:relative;}
.main_spk_list .main_spk .sp_job p {color:#fff;}
.main_spk_list .sp_job p:after {content:''; display:block; width: 0.2rem;height: 0.2rem; border-radius: 100%; background: #BCBCBC;position: absolute; top: 0.6em;right: -0.65rem;}
.main_spk_list .sp_job strong {color:var(--navy);}
.main_spk_list .main_spk .sp_job strong {color:#fff;}
.main_spk_list .sp_name {display: flex; justify-content: center;align-items: center; gap: 1rem; padding: 0.15rem 1rem; margin-top:0.7rem; background: #F3F3F3; box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.06) inset;  font-size: 0.95rem; font-weight:700; color:var(--black);}
.speakers .main_spk .sp_name {background:var(--lblue);}

/*----- 멘토 네비게이션 -----*/
.navigation {width:100%; max-width:20rem; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:1;}
.ml_next,
.ml_prev {margin:0; width: 3rem; height: 3rem;  aspect-ratio: 1; background: #fff; background-size:50%; border-radius:100%; border:1px solid #DCDCDC; transform: translateY(-50%); color:#45474A; font-size:1.5rem; box-shadow: 0px 2px 30px 0px rgba(0, 0, 0, 70%);}
@media (max-width:1024px){
	.cts02 {padding:4rem 0 5rem; background-position:left center;}
}
@media (max-width:768px){
	.main_spk_list {overflow:visible}
	/* 멘토 정보 */
	.main_spk_list .sp_job,
	.pf_img_wrap .tag,
	.pf_img_wrap .rating,
	.rating .reviews{font-size: 0.88rem;}
	.main_spk_list .sp_name {font-size:1rem;}
	
}
/********************************************************
■ cts03
********************************************************/
.cts03 {padding:5.7rem 0 6rem;}
/*----- 신규 코스 스와이퍼 -----*/
.courseTotalStyle .swiper {margin: 0 auto;  width: 100%; max-width: 72rem;  overflow: visible;}
.cts_card { border-radius:0.2rem; overflow:hidden; box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 12%);}
.cts_card > a {display: flex; flex-direction: column; height:100%; width:100%;}
.cts_card .card_top {display: flex; flex-direction: column; flex:1;}
.cts_card .card_top .txt {flex:1; word-break: keep-all; overflow-wrap: anywhere; background: #fff;}
.cts_card .info {margin-top:0.85rem; background:#fff;}
.cts_card .certi {display: flex; align-items: center; gap: 0.2rem; font-size:0.7rem; color:var(--main); font-weight:700;}
.cts_card .certi .certi_icon {display:block; width:0.7rem; height:0.7rem; background:url('/images/default/content/certi_icon.svg')no-repeat 0 0; background-size:100% auto;}
.cts_card .certi.notCerti {color:#808080; }
.cts_card .certi.notCerti .certi_icon {background-image:url('/images/default/content/certi_icon_n.svg')}
.cts_card .info ul {align-items: center; padding:0; color:#45474A; flex-flow:row wrap;}
.cts_card .info .spk {font-size:0.7rem;}
.card_top .info ul .cost strong{color:#232323;}

/*----- 스크롤바 -----*/
.nc_scroll.swiper-scrollbar {margin-top:clamp(2rem, 0.571rem + 3.81vw, 4rem); max-width:74rem; width:100%; height:0.7rem; background:#F3F1E9; position:static; border-radius:0.7rem; transition: 0.3s cubic-bezier(0.79,0.14,0.15,0.86); }
.nc_scroll.swiper-scrollbar .swiper-scrollbar-drag {min-width: 0.5rem; background:var(--main); transform-origin: left; border-radius:0.7rem;}

@media (max-width:1480px){
	.nc_scroll {margin:4rem auto 0; max-width: 95%;}
}
@media (max-width:1024px){
	.cts03 {padding:4rem 0 5rem;}
}
@media (max-width:768px){
	.courseTotalStyle .swiper-full-wrap {width:100%; margin-left:0; left:0;}
	.cts_card {max-width: unset;}
	.cts_card .info .spk {font-size:0.88rem;}
	.cts_card .certi {font-size:0.88rem;}
}

/********************************************************
■ cts04
********************************************************/
.cts04 {padding:5.3rem 0 6rem; background:#EDEDED;}
.cts04 .sec_top {margin-bottom: 3.05rem; gap: 1rem;}

/* ----- 카테고리 ----- */
.category-swiper {position:relative;}
.category-swiper .swiper{padding-left:0.3rem;}
.con:has(.ext_cate) .category-swiper {margin-bottom:1.4rem;}
.category-swiper ul {display:flex; justify-content: center;    padding: 5px 0; }
.category-swiper ul li {width:auto;}
.category-swiper ul li a {display: inline-flex; justify-content: center; align-items: center; gap: 0.6rem; padding: 0.76rem 1.4rem; font-size: 0.85rem; line-height: 1; border-radius: 1.5rem;  background: #FFF; box-shadow: 0px 0px 0 0px rgba(0, 0, 0, 0) inset, 0px 0px 0 0 rgba(0, 0, 0, 0); transition: 0.5s;}
.category-swiper ul li:is(:hover,:focus,.on) a {background: #1C3350; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10) inset, 0px 0px 0 6px rgba(214, 216, 208, 1); color:#fff;}
.category-swiper .swiper-button-next, 
.category-swiper .swiper-button-prev {display: flex; align-items: center;  justify-content: right; font-size: 1rem; height: 100%; width: 10%; transform: translateY(-50%); margin: 0;  color: inherit !important;}
.category-swiper .swiper-button-next:is(:hover,:focus) {background: linear-gradient(90deg,rgba(237, 237, 237, 0) 0%, rgba(237, 237, 237, 1) 50%);} 
.category-swiper .swiper-button-prev:is(:hover,:focus) {background: linear-gradient(-90deg,rgba(237, 237, 237, 0) 0%, rgba(237, 237, 237, 1) 50%);}
.category-swiper .swiper-button-next {justify-content: flex-start; right:-1rem; background: linear-gradient(90deg,rgba(237, 237, 237, 0) 0%, rgba(237, 237, 237, 1) 50%);}
.category-swiper .swiper-button-prev {left:-1rem; background: linear-gradient(-90deg,rgba(237, 237, 237, 0) 0%, rgba(237, 237, 237, 1) 50%);}
.category-swiper .swiper-button-next.swiper-button-disabled, 
.category-swiper .swiper-button-prev.swiper-button-disabled {display:none;}

@media (max-width:1200px){
	.category-swiper ul li a {padding: 0.5rem 1rem;}
	/* Extended Course 에서만 나오는 하위 카테고리 */
	.ext_cate {width:100%;}
}
@media (max-width:1024px){
	.category-swiper .swiper-container {overflow:visible;}
	.category-swiper ul {justify-content: flex-start;}
}
@media (max-width:768px){ 
	.cts04 {padding:4rem 0 5rem;}
	.cts04 .sec_top {margin-bottom:3.05rem;} 
	.ext_cate ul li button {font-size:1rem;}
}



/* ----- 임플란트 코스 스와이퍼 ----- */
/* 리스트 호버 */
.implantCourse .swiper-slide-prev{opacity:0;}
.implantCourse .cts_card {overflow:visible;}
.implantCourse .cts_card .card_top {border-radius:0.2rem; overflow:hidden;}
.hover {height: calc(100% + 2rem); visibility:hidden; position: absolute; bottom: -30%; left: 0; opacity:0; width: 100%; z-index:1; border-radius: 0.2rem; box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 10%), 0px 14px 20px 0px rgba(30, 58, 138, 20%); transition: 0.3s cubic-bezier(0.79,0.14,0.15,0.86); z-index:10;}
.hover_inner {display: flex; flex-direction: column; justify-content: space-between;padding:1.75rem 1.5rem 1.35rem;   background: rgba(255, 255, 255, 0.9); backdrop-filter: blur(5px);  border-radius: 0.2rem;     height: 100%;}
.hover .btn_default {margin-top:1.7rem;}
.hover .btn_default:before{opacity: 1;}
.hover .btn_default:hover:before{opacity: 0;}
.implantCourse .cts_card:hover .hover {bottom:0;  opacity:1; visibility:visible !important;}

.c_hover_infoTop {display:flex; gap:0.4rem; font-size:0.75rem; color:var(--gold); font-weight:600;}
.c_hover_infoTop .views {display: flex; align-items: center; gap: 0.1rem;}
.c_hover_name {margin-top:0.75rem; padding-bottom: 0.85rem; margin-bottom: 0.85rem; border-bottom:1px solid #232323; font-size:0.7rem; color:#45474A;}
.c_hover_name h5 {margin-bottom:0.35rem; font-size:1.1rem; font-weight:800; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1;  -webkit-box-orient: vertical;  word-wrap: break-word;   height: 1.425em;}

.c_hover_desc p {font-size:0.75rem;  text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3;  -webkit-box-orient: vertical;  word-wrap: break-word;  line-height: 1.6em;  height: 4.5em; color:var(--grey56);}
.c_hover_infoBtm {display:flex; justify-content: space-between; align-items: center; margin-top:1.4rem;}
.c_hover_infoBtm .ratings {display: flex; align-items: center; gap: 0.2rem;font-size:0.85rem; font-weight:700; color:var(--gold);}
.c_hover_infoBtm .rating {margin:0;}
.c_hover_infoBtm .cost {font-size:0.95rem;}

.cts_card .flex_tag{display:flex; position:absolute; top:-2.05rem; left:0; }
.cts_card .course_cate {position:relative; display: inline-block; padding:0.35rem 1.5rem 1.2rem 1.3rem; font-size:0.9rem; font-weight:600; width: auto; background-color: #1C3350; border-top-left-radius: 0.4rem; border-top-right-radius: 1.7rem; color:#fff; z-index:-1;}
.cts_card .course_cate:after {content:''; display:block; width:2.5rem; height:1.4rem; background:url('/images/default/content/course_cate_item.svg') no-repeat center center; background-size:100% auto; position:absolute;     bottom: 0.3rem; right: -2.4rem; z-index:-1;}
.cts_card .postNum {display: inline-block; padding:0.35rem 1rem 1.2rem 1rem; margin-left: -0.5rem; background:var(--gold); color:#fff; font-weight:800; font-size:0.9rem; border-radius: 0.4rem 0.4rem 0rem 0.4rem;  z-index:-2;}

@media (max-width:1024px){ 
	.implantCourse .cts_card:hover .hover{bottom: -30%; opacity:0; visibility:hidden !important;}
}
@media (max-width:768px){
	.hover {display:none;}
}


/********************************************************
■ cts05
********************************************************/
.cts05 {padding:5.3rem 0 6rem;}
.laser_swiper_wrap {display:flex; gap: 2rem 2.35rem; flex-wrap:wrap;}
.laser_swiper_wrap > div {width:calc(50% - calc(2.35rem / 2)); }
.laser_swiper_wrap .laser_l{display:flex; flex-direction: column;}
.laser_list{flex:1; position:relative;     box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 12%);}
.laser_list .swiper{height:100%;}
.laser_list .card_top .subject{-webkit-line-clamp: 1; height:1.5em; font-size: 1.2rem; font-weight:700;}
.laser_list .card_top .text{color: #565656; margin-top:0.25rem; font-size: 0.75rem; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; width: 80%;}
.laser_list .card_top .txt{padding:clamp(1rem, 0.643rem + 0.952vw, 1.5rem) clamp(1.5rem, 1.143rem + 0.952vw, 2rem); display:flex; flex-direction: column;}
.laser_list .card_top .info{margin-top:auto;}
.laser_list .card_top .info .cost strong{font-size:1rem;}
.laser_list .las-next,
.laser_list .las-prev {position:absolute;top:50%; margin:0; width: 3rem; height: 3rem;  aspect-ratio: 1; background: rgba(255,255,255,0.88); background-size:50%; border-radius:100%; border:2px solid #fff; transform: translateY(-50%); color:#45474A; font-size:1.5rem; box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.14); backdrop-filter: blur(2px);}
.laser_list .las-next{right: -1.5rem;}
.laser_list .las-prev{left: -1.5rem;}
.four_list .swiper{overflow: visible;}

@media (max-width:1024px){ 
	.laser_swiper_wrap{gap:2rem;}
	.laser_swiper_wrap .laser_l,
	.laser_swiper_wrap .laser_r{width:100%;}
	.laser_list .card_top .text {font-size:0.95rem;}

	.laser_list .las-next,
	.laser_list .las-prev {width:2.5rem; height:2.5rem;}
	.laser_list .las-next{right: -1rem;}
	.laser_list .las-prev{left: -1rem;}
}
@media (max-width:768px){
	.cts05 {padding:4rem 0 5rem;}
	.cts05 .sec_top{ justify-content: space-between; flex-direction: row;}
}
/********************************************************
■ cts06
********************************************************/
.cts06{position:relative; padding:clamp(4rem, 2.571rem + 3.81vw, 6rem) 0; background:url('/images/default/main/main_message.webp')no-repeat 50% 50%/cover;}

.cts06 .goToPage a, 
.cts06 .sec_tit{color:#fff;}

.shortSlide{position:relative;}
.shortSlide:before,
.shortSlide:after{content: ''; position: absolute; top: 0; z-index: 10; width: calc((100vw - 1480px) / 2); height: 100%; pointer-events: none; backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px);}
.shortSlide:before{left: 0;  mask-image: linear-gradient(to right, black 70%, transparent 150%); -webkit-mask-image: linear-gradient(to right, black 70%, transparent 150%);}
.shortSlide:after{right: 0; mask-image: linear-gradient(to left, black 70%, transparent 150%); -webkit-mask-image: linear-gradient(to left, black 70%, transparent 150%);}
.shortSlide .swiper{overflow: visible; max-width: 74rem; padding: 0 1rem;  margin: 0 auto;}
.shortSlide .swiper-slide{ transform: scale(0.8); transform-origin: 50% 20%;}
.shortSlide .video-item{padding:clamp(0.5rem, 0.143rem + 0.952vw, 1rem) clamp(0.5rem, 0.143rem + 0.952vw, 1rem) clamp(0.8rem, 0.157rem + 1.714vw, 1.7rem);border-radius: 0.5rem; border: 2px solid #FFF; background: rgba(255, 255, 255, 0.90); box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.20);}
.shortSlide .video-embed{width:100%;}
.shortSlide .video-embed iframe{width:100%; height:auto; aspect-ratio: 9 / 16; border: none;}
.shortSlide .subject{font-size: 0.95rem; letter-spacing: 0.019rem; font-weight: 800;  color: #232323; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; word-break: break-all; overflow-wrap: anywhere;}
.shortSlide .swiper-slide.swiper-slide-prev{transform-origin: 20% 20%;}
.shortSlide .swiper-slide.swiper-slide-next{transform-origin: 70% 20%;}
.shortSlide .swiper-slide.swiper-slide-active{transform: scale(1); transform-origin: 50% 0%; }
.shortSlide .swiper-slide.swiper-slide-active .video-item{padding-bottom:clamp(0.6rem, 0.171rem + 1.143vw, 1.2rem);}
.shortSlide .swiper-slide.swiper-slide-active .subject{-webkit-line-clamp: 1;}
.shortSlide .sht-next,
.shortSlide .sht-prev {margin:0; width: 3rem; height: 3rem;  aspect-ratio: 1; background: #fff; background-size:50%; border-radius:100%; border:1px solid #DCDCDC; transform: translateY(-50%); color:#45474A; font-size:1.5rem; box-shadow: 0px 2px 30px 0px rgba(0, 0, 0, 70%);}
.shortSlide .sht-next{right:clamp(1rem, -0.429rem + 3.81vw, 3rem);}
.shortSlide .sht-prev{left:clamp(1rem, -0.429rem + 3.81vw, 3rem);}