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

/********************************************************
■ 공통
********************************************************/
.con{width:74rem; padding: 0 1rem; margin:0 auto;}
.con:has(.filter-btn) {position:relative;}
.con_narrow {width:60rem; margin: 0 auto; padding:0 1rem;}
.sr-only {position: absolute !important;width: 1px !important;height: 1px !important;padding: 0 !important;margin: -1px !important;overflow: hidden !important;clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important;}


@media (max-width:1480px){
	.con{width:100%;}
}
@media (max-width:1024px){
	.con_narrow {width:100%;}
}



/* 아이콘 */
.icon_star {display:block; width:0.8rem; height:0.8rem; background:url('/images/default/content/star.svg') no-repeat center center; background-size:100% auto;}
.icon_target {display:block; width:1.2rem; height:1.2rem;; background:url('/images/default/content/icon_target.svg') no-repeat center center; background-size:100% auto;}
.icon_learn {display:block; width:1.2rem; height:1.2rem;; background:url('/images/default/content/icon_learn.svg') no-repeat center center; background-size:100% auto;}
.icon_training {display:block; width:1.2rem; height:1.2rem; background:url('/images/default/content/icon_training.svg') no-repeat center center; background-size:100% auto;}
.icon_trash {display:block; width:1.2rem; height:1.2rem; background:url('/images/default/content/icon_trash.svg') no-repeat center center; background-size:100% auto;}

[class*='icon_m'] {display:block; flex-shrink:0; width:1rem; height:1rem; -webkit-mask-repeat: no-repeat; -webkit-mask-size: contain; -webkit-mask-position: center;  mask-repeat: no-repeat; mask-size: contain; mask-position: center; }
.icon_m_confirm { -webkit-mask-image: url('/images/default/content/icon_confirm.svg'); mask-image: url('/images/default/content/icon_confirm.svg');}
.icon_m_modify {-webkit-mask-image: url('/images/default/content/icon_modify.svg'); mask-image: url('/images/default/content/icon_modify.svg');}
.icon_m_list {-webkit-mask-image: url('/images/default/content/icon_list_file.svg'); mask-image: url('/images/default/content/icon_list_file.svg');}
.icon_m_edit {-webkit-mask-image: url('/images/default/content/icon_edit.svg'); mask-image: url('/images/default/content/icon_edit.svg');}
.icon_m_close {-webkit-mask-image: url('/images/default/content/icon_close.svg'); mask-image: url('/images/default/content/icon_close.svg');}
.icon_m_top {-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23000' stroke-width='1.25' d='M11.5 2.6h-.2c-2.9 1.7-2.8 6-2.8 6.8 0 0 0 .1 0 0C8 9.5 7 8.8 7 7.2c0 0 0-.1-.1 0a5.7 5.7 0 0 0-2.8 4.8c0 3 2.6 5.6 5.8 5.6 3.2 0 5.8-2.5 5.8-5.6 0-4.5-4.2-5.5-4.3-9.3Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23000' stroke-width='1.25' d='M11.5 2.6h-.2c-2.9 1.7-2.8 6-2.8 6.8 0 0 0 .1 0 0C8 9.5 7 8.8 7 7.2c0 0 0-.1-.1 0a5.7 5.7 0 0 0-2.8 4.8c0 3 2.6 5.6 5.8 5.6 3.2 0 5.8-2.5 5.8-5.6 0-4.5-4.2-5.5-4.3-9.3Z'/%3E%3C/svg%3E");}
.icon_m_asap {-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23000' stroke-width='1.55556' d='M11.5 8.7s-.2 0-.2-.2V2.2c0-.2-.2-.3-.3-.1l-6.3 8.5c-.2.3 0 .7.3.7h3.5s.2 0 .2.2v6.3c0 .2.2.3.3.1l6.3-8.6c.2-.2 0-.6-.3-.6h-3.5Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23000' stroke-width='1.55556' d='M11.5 8.7s-.2 0-.2-.2V2.2c0-.2-.2-.3-.3-.1l-6.3 8.5c-.2.3 0 .7.3.7h3.5s.2 0 .2.2v6.3c0 .2.2.3.3.1l6.3-8.6c.2-.2 0-.6-.3-.6h-3.5Z'/%3E%3C/svg%3E");}


.board_menus {display:flex; justify-content: space-between; align-items: center; margin-bottom: 2rem;}
.board_menus .selection {margin-bottom:0;}
.board_menus .boardButton {margin-top:0;}

/* 탭 */
.tab {margin-bottom:3.2rem; width:100%;}
.tab > ul {display: flex; flex-wrap: wrap;  align-items: stretch;  position: relative;  width: 100%;  gap: 0; justify-content: flex-start; flex-direction: row;}
.tab .btn-tab {display: flex; width: 100%; padding: 0.88rem 0.5rem;justify-content: center;align-items: center;flex: 1 0 0;font-size:0.95rem; color:#6D7882; font-weight:700; line-height: 1; border: 1px solid #B1B8BE; border-right:none; transition:0.4s ease-in-out;}
.tab .btn-tab:is(:focus,:hover) {background:#EEF2F7;}
.tab li {flex: 1 1 0px; min-width: 0;}
.tab li:first-child .btn-tab {border-radius: 0.4rem 0rem 0rem 0.4rem; border-right:none;}
.tab li:last-child .btn-tab {border-radius: 0 0.4rem 0.4rem 0; border-right: 1px solid #B1B8BE;}
.tab .btn-tab.active {background:#1C3350; color:#fff;}

@media (max-width:1440px){
	.tab > ul {gap:0.5rem; flex-wrap: wrap;}
	.tab .btn-tab {border-right:1px solid #B1B8BE; border-radius:0.4rem;}
	.tab li {flex: unset;}
	.tab li:first-child .btn-tab {border-right:1px solid #B1B8BE;}
	.tab li:first-child .btn-tab,
	.tab li:last-child .btn-tab {border-radius:0.4rem;}
}
@media (max-width:1200px){
	.tab .btn-tab {font-size:0.8rem;}
}
@media (max-width:1024px){
	.tab .btn-tab { height: 100%; font-size:0.88rem !important;}
}
@media (max-width:768px){

}


/* 불렛스타일 */
h5.s_tit {display: flex; align-items: center; gap: 0.5rem; margin-bottom: 1.165rem; font-size:1.3rem; font-weight:700; color:#353535;}
h5.s_tit:before {content:''; display:block; width:0.4rem; height:0.4rem; border-radius:100%; background:#353535;}
h6.s_tit {margin-bottom:1.3rem; font-size:1.15rem; font-weight:700; line-height: 166%; color:var(--black);}
h6.s_tit:not(:first-child) {margin-top:2.8rem}
.s_sqaure {display: flex; align-items: center; gap: 0.575rem; margin-bottom:0.4rem; font-size:0.85rem; font-weight:700; color:#353535; line-height: 1;}
.s_sqaure:before {content:''; display:block; width:0.6rem; height:0.6rem; background:#3D7EF5;}

@media (max-width:768px){
	.s_sqaure {font-size:1rem;}
} 


/* 정렬기능 */
.selection {display:flex; gap:1.4rem; margin-bottom: 2rem;}
.selection > div {position:relative;}
.selection .custom-select {padding: 0.25rem 2rem 0.25rem 0.8rem; height: auto; background: #fff url("/images/default/content/ico_angle.svg"); border: 1px solid #ccc; border-radius: 6px;  font-size: 0.75rem; line-height: 2.05rem; color: #666; background-repeat: no-repeat; background-position: right 10px center; width: 10rem; cursor: pointer; box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 6%);}
.selection .custom-select:focus { outline: none; border-color: var(--navy); color:var(--navy); box-shadow: 0 0 0 2px rgba(0,0,0,0.1); background-color:#EEF4FF;}

@media (max-width:768px){
	.selection {gap:0.5rem;}
} 


/* flex 레이아웃 */
.flex-layout {display:flex; margin-bottom:3.05rem;}
.flex-layout:last-child {margin:0;}
.flex-layout .view_tit,
.flex-layout h5{display: flex;  gap: 0.25rem; flex-shrink: 0; margin:0; width:14rem;}
.flex-con {flex:1; padding-top: 2rem; max-width: 54.5rem;  width: 100%;  font-size:0.75rem;}
#wrap:has(.spk_view) .flex-con{padding-top:0;}
.flex-con.spk-course {flex:auto; max-width:unset; width: calc(100% - 14rem); }
.flex-con.spk-course .swiper-container {overflow:hidden; position: relative;}

@media (max-width:1440px){
	.flex-layout .view_tit,
	.flex-layout h5{width:20%;}
}
@media (max-width:1260px){
	.flex-con {max-width:unset;}
}
@media (max-width:1024px){
	.flex-layout {flex-wrap:wrap;}
	.flex-layout .view_tit,
	.flex-layout h5 {width:100%;}
}
@media (max-width:768px){
	.flex-con {padding-top: 1.2rem; font-size:0.88rem;}
}


/* 페이지네이션 */
.pagination {display: flex;  align-items: center;  justify-content: center;  flex-direction: row;  gap: 0.4rem;  width: 100%;  margin-top: 3rem;  color: #464c53;  font-size:0.85rem;}
.pagination ul {display: flex;  align-items: center;  justify-content: center;  flex-direction: row;  order: 2;  gap: 0.4rem;}
.pagination ul li {width: 1.6rem !important; height:1.6rem !important;}
.pagination ul li a {display: inline-flex;  align-items: center;  justify-content: center;  flex-direction: row;  width:100%; height: 100%;  background-color: rgba(255,255,255,0); transition: 0.4s ease-in-out;}
.pagination ul li:has(.on) a {background:var(--main); color:#fff;}
.pagination .prev a,
.pagination .next a,
.pagination .first a,
.pagination .last a {position:relative}
.pagination .prev a::before {display: inline-flex; align-items: center; justify-content: center;  flex-direction: row;  content: "";  display: inline-flex;  width: 1.5rem; height: 1.5rem; background-color: #464c53;  forced-color-adjust: none;  -webkit-mask-repeat: no-repeat;  -webkit-mask-position: center center; -webkit-mask-size: contain; mask-repeat: no-repeat;  mask-position: center center;  mask-size: contain;  -webkit-mask-image: url('/images/default/content/ico_arrow.svg');  mask-image: url('/images/default/content/ico_arrow.svg'); background-color: #464c53;}
.pagination .next a::after {display: inline-flex; align-items: center; justify-content: center;  flex-direction: row;  content: "";  display: inline-flex;  width: 1.5rem; height: 1.5rem; background-color: #464c53;  forced-color-adjust: none;  -webkit-mask-repeat: no-repeat;  -webkit-mask-position: center center; -webkit-mask-size: contain; mask-repeat: no-repeat;  mask-position: center center;  mask-size: contain;  -webkit-mask-image: url('/images/default/content/ico_arrow.svg');  mask-image: url('/images/default/content/ico_arrow.svg'); background-color: #464c53;  transform: rotate(-180deg);}
.pagination .first a::before {display: inline-flex; align-items: center; justify-content: center;  flex-direction: row;  content: "";  display: inline-flex;  width: 1.5rem; height: 1.5rem; background-color: #464c53;  forced-color-adjust: none;  -webkit-mask-repeat: no-repeat;  -webkit-mask-position: center center; -webkit-mask-size: contain; mask-repeat: no-repeat;  mask-position: center center;  mask-size: contain;  -webkit-mask-image: url('/images/default/content/ico_arrow_last.svg');  mask-image: url('/images/default/content/ico_arrow_last.svg'); background-color: #464c53;}
.pagination .last a::after {display: inline-flex; align-items: center; justify-content: center;  flex-direction: row;  content: "";  display: inline-flex;  width: 1.5rem; height: 1.5rem; background-color: #464c53;  forced-color-adjust: none;  -webkit-mask-repeat: no-repeat;  -webkit-mask-position: center center; -webkit-mask-size: contain; mask-repeat: no-repeat;  mask-position: center center;  mask-size: contain;  -webkit-mask-image: url('/images/default/content/ico_arrow_last.svg');  mask-image: url('/images/default/content/ico_arrow_last.svg'); background-color: #464c53;  transform: rotate(-180deg);}

/* 페이지네이션 - 아직 페이지네이션 프로그램 안 들어간 곳 꾸미기용 */
.page-links {display: flex;  align-items: center;  justify-content: center;  flex-direction: row;  order: 2;  gap: 0.4rem;}
.page-links .page-link {display: inline-flex;  align-items: center;  justify-content: center;  flex-direction: row;  width: 2rem; height:2rem; background-color: rgba(255,255,255,0) ;border-radius: 0.4rem; transition: 0.4s ease-in-out;}
.page-links .page-link:is(.active) {background:#1C3350; color:#fff;}

@media (max-width:768px){
	.pagination {flex-wrap: wrap;}
	.pagination ul{width:100%;}
} 

/* 인풋 스타일 */
#container .i_text {display: block; padding: 0.5rem 0.8rem;  width: 100%; height:2.8rem; line-height: 1.8rem; border-radius: 0.4rem; border: 1px solid #58616A; background: #FFF;}
#container .i_text::placeholder {font-size:0.95rem; color:#8A949E;}
#container .i_text.small {height:2.25rem;}
#container textarea.i_text {height:auto;}
#container select.i_text {line-height:unset; color:#8A949E; font-size:0.95rem; background:#fff url("/images/default/content/ico_angle.svg"); background-repeat: no-repeat; background-position: right 10px center;}


/* 팝업 스타일1 */
.overlay:not(.header_inner) {position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); align-items: center; justify-content: center; z-index: 1000;}
.popup { background: #fff; border-radius: 0.6rem; max-width: 20rem; width: 90%; padding: 2rem 1.5rem 1rem; box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2); animation: fadeIn 0.3s ease; position: absolute;top: 50%;left: 50%; transform: translate(-50%, -50%); font-size:0.85rem; overflow-wrap: break-word;}
.popup.wide {max-width:50rem}
.popup.mid {max-width:30rem}
.popup h2 { padding-bottom: 1rem;  margin-bottom: 1rem;margin-top: 0; font-size:1.11rem; text-align: center; border-bottom: 1px solid #ddd; }
.popScroll {max-height:26rem; overflow-y:auto;}
.popup .close-btn { position: absolute; top: 0.6rem; right: 0.8rem; font-size: 0.9rem; cursor: pointer; border: none; background: none; color: #888;}
.popup .close-btn:hover { color: #333;}

@keyframes fadeIn {
  from {
	opacity: 0;
  }
  to {
	opacity: 1;
  }
}


/* 파일 미리보기 팝업 */
.overview_pop {position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 2000;background-color: rgba(0, 0, 0, .8);overflow: hidden;display: none;}
.overview_pop.active {display: block}
.overview_pop .inner {display: flex;flex-direction: column;justify-content: center;row-gap: 24px;}
.overview_pop .popup-title {display: flex; justify-content: space-between;  align-items: center; padding: 0.5rem 1rem 0.5rem 2rem; width: 100vw; background: rgba(255, 255, 255, 0.2); position: absolute;  top: 0;  left: 50%;  transform: translateX(-50%);}
.overview_pop .popup-title .pop_util {display: flex; gap:1rem;}
.overview_pop .popup-title .btn-wrap {display: flex; gap:0.5rem;justify-content: flex-start;}
.overview_pop .popup-title .btn-wrap .btn-white {padding: 0.5rem ;font-size: 1rem;border: 1px solid #fff;font-weight: 600;color: #fff;background-color: transparent;transition: .3s;display: flex;justify-content: center;column-gap: 8px;}
.overview_pop .popup-title .btn-wrap .btn-white:hover {color: var(--black);background-color: #fff;transition: .3s;}
.overview_pop .file_name {font-size:1.11rem; color:#fff; }
.overview_pop .popup-title .popup-close-btn i {font-size: 32px;color: #fff;}
.overview_pop .popup-content {position: absolute; top: 50%; left: 50%;  transform: translate(-50%, -50%);}
.overview_pop .popup-slider {width: 400px;transition: .3s;}
.overview_pop .popup-slider.zoom-in {width: 600px; max-height: 700px; transition: .3s;}
.overview_pop .popup-slider .swiper-slide .img img {display: block;width: 100%;height: 100%;object-fit: cover;}
.overview_pop .popup-slider .swiper-slide p {margin-top: 24px;font-size: 20px;text-align: center;font-weight: 500;color: #fff;}
.overview_pop .popup-btn-wrap {position: absolute;top: 50%;left: 50%;display: flex;justify-content: space-between;z-index: 10;width: 90%;transform: translate(-50%,-50%);}
.overview_pop .popup-btn-wrap > button {width: 50px;height: 50px;border: 1px solid #eee;background-color: transparent;transition: .3s;}
.overview_pop .popup-btn-wrap > button i {font-size: 24px;color: #fff;}
.overview_pop .popup-btn-wrap > button:hover {background-color: #fff;transition: .3s;}
.overview_pop .popup-btn-wrap > button:hover i {color: #333;transition: .3s;}

@media screen and (max-width: 768px) {
	.overview_pop .popup-content {transition: .3s;}
	/* .overview_pop .popup-content:has(.zoom-in) {width:90%;} */
	.overview_pop .popup-title {flex-direction:column;  align-items: flex-start; gap: 0.5rem;  padding: 1rem; padding-right:3rem;}
	.overview_pop .popup-title .popup-close-btn {position:absolute; top:1rem; right:1rem;}
	.overview_pop .popup-slider.zoom-in {max-width:90%;}

	.overview_pop .popup-btn-wrap {width:95%;}
	.overview_pop .popup-btn-wrap > button {width: 2rem;height: 2rem;background: #333;border: none;}
}	


/*-----팝업 스타일2 원형 아이콘 부분 있는거-----*/
.modal {width:100vw; height:100%; background:rgba(0,0,0,0.2); position:fixed; top:0; left:0; z-index: 999; backdrop-filter: blur(10px);}
.modal_wrap { width:100%; max-width:30rem; height: auto; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);  z-index:0; }
.modal_wrap.wide {max-width:54.7rem;}
.modal_wrap:after {content:''; display:block; width:calc(100% + 1rem); height:calc(100% + 1rem); background: linear-gradient(90deg, #694E12 0%, #48360E 52%, #966E16 100%); border-radius:0.5rem; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:-1; background-blend-mode: soft-light; box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.20);}
.modal_con {padding:1.5rem 0.9rem; width:100%; height:100%; background:#fff;  border-radius:0.5rem; position:relative;}
.modal_scroll {padding:4.65rem 3rem  3.1rem; height: calc(80vh - 7rem); overflow:auto; position: relative;}
.popClose {color:#353535; font-size: 1.2rem; position:absolute; top:0.9rem; right:0.9rem; }
.popClose i {line-height: unset;}

.modal_tit_area {display: flex; flex-direction: column; align-items:center;     margin-bottom: 0.75rem; font-size:1.05rem;  line-height: 160%;  position: relative;}
.modal_tit_area h4 {font-weight:700;  color:#45474A;}
.modal_tit_area p {font-weight:400; font-size:0.85rem; text-align: left;  line-height: 1.5;}
.modal_txt .dot{margin-top:1rem; color:#898989;font-size: 0.75rem; font-weight: 600; letter-spacing:0.025em; line-height:1.5;}
.modal_txt .dot li + li{margin-top:0.5rem;}
.modal_txt .dot li{padding-left:0.7rem;}
.modal_txt .dot li:before{width:0.15rem; height:0.15rem; top:0.7em;}
.modal .btn_wrap {margin-top:1.5rem;}

@media (max-width:1200px){
	.modal_wrap.wide {max-width:calc(100% - 4rem);}
} 
@media (max-width:540px){
	.modal_wrap {width: calc(100% - 4rem);}
} 



/********************************************************
■ Course - 리스트
********************************************************/
/* ----- 카테고리 ----- */
.category-swiper {margin-bottom:2.8rem; position:relative;}
.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.85rem 1.4rem; font-size: 0.95rem; line-height: 1; border-radius: 1.5rem; background: linear-gradient(117deg, #f2f2f2 16.92%, #f2f2f2 52.16%, #f2f2f2 88.78%); 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: linear-gradient(90deg, #694E12 0%, #48360E 52%, #966E16 100%); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10) inset, 0px 0px 0 3px rgba(203, 194, 157, 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(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);} 
.category-swiper .swiper-button-prev:is(:hover,:focus) {background: linear-gradient(-90deg,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);}
.category-swiper .swiper-button-next {justify-content: flex-start; right:-1rem; background: linear-gradient(90deg,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);}
.category-swiper .swiper-button-prev {left:-1rem; background: linear-gradient(-90deg,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);}
.category-swiper .swiper-button-next.swiper-button-disabled, 
.category-swiper .swiper-button-prev.swiper-button-disabled {display:none;}

/* Extended Course 에서만 나오는 하위 카테고리 */
.ext_cate {max-width:50rem; margin: 0 auto;}
.ext_cate ul {display:flex; justify-content: center; justify-content: flex-start; gap:1.4rem; margin-bottom:2.8rem;}
.ext_cate ul li button {padding:0 0.2rem; height: 2rem; color: #898989; font-size: 0.85rem; font-weight:600; position:relative; transition: all 0.3s;}
.ext_cate ul li button:after {content:''; display:block; width:0; height:3px; background:var(--main); position:absolute; bottom:0; left:0; transition: all 0.3s;}
.ext_cate ul li.on button,
.ext_cate ul li:is(:hover,:focus) button {color:var(--main);}
.ext_cate ul li.on button:after, 
.ext_cate ul li:is(:hover,:focus) button:after {width:100%;}


@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){
	.ext_cate ul li button {font-size:0.88rem;}
}

/* ----- 리스트 ----- */
.con:has(.gal_aside) .gal_item_list {display:flex; align-items: flex-start; gap: 5.5%;}
.filter-btn {display:none;}
.filter-btn button {display: flex; align-items: center; justify-content: center; gap: 0.5rem;width: 1.7rem;height: 1.7rem; font-size:1.11rem; border-radius:0.4rem; position: relative; transition: 0.3s cubic-bezier(0.79,0.14,0.15,0.86); border: 1px solid #B3B7BC;}
.filter-btn .svg-icon {display: block; flex-shrink: 0; width:1.2rem; height:1.2rem; -webkit-mask-repeat: no-repeat;  -webkit-mask-position: center center;  -webkit-mask-size: contain;  mask-repeat: no-repeat;  mask-position: center center;  mask-size: contain; -webkit-mask-image: url('/images/default/content/ico_filter.svg');  mask-image: url('/images/default/content/ico_filter.svg'); background:#000;}
.filter-btn .num {display:none; width: 15px; height: 15px; background: #8C6000;  border-radius: 100%; font-size: 11px; align-items: center; justify-content: center; position: absolute; top: -5px; right: -8px; color: #fff; z-index:1;}
.filter-btn:is(.hasChoose) button{background:#FBF5E9; border-color:#503C0F;}
.filter-btn:is(.hasChoose) .svg-icon {background:#503C0F;}
.filter-btn:is(.hasChoose) .num {display:flex;}

/* 왼쪽 필터 */
.gal_aside {flex-shrink:0; padding: 1rem 1.2rem 1.2rem; margin-top: -7.25rem; width: 14.5rem; height: 100%; border-radius:1rem; position: relative; box-shadow: 0 0 2rem 0 #00000014; transition: top 0.1s; background:#fff;}
.gal_item_list:has(.spk_item_list) .gal_aside:after {content:''; display:block; width:27.1rem; height:10rem; border-radius: 5rem 1rem 5rem 1rem; background: #EDEDED; position:absolute; top:-0.5rem; left:-5%; z-index: -2;}
.gal_aside h4 {margin-bottom: 0.3rem; width:calc(100% + 1.2rem); background: linear-gradient(90deg, #214E84 0%, #0F2840 52%, #275790 100%); color:#fff; font-size: 1.1rem; font-weight: bold; padding: 0.7rem 1.2rem; border-radius: 0.4rem 0 0 0.4rem; text-align: center; position:relative; } 
.gal_aside h4::before { content: ""; position: absolute; top: 0; left:0; width: calc(100% + 0.8rem); height: 3.5rem;background: #275790; border-radius: 0.4rem; z-index:-1;}
.course_list .gal_aside  {margin-top:0;}
.course_list:has(.noPost) > ul {display:none;}
.course_list .gal_aside h4 {margin-left: -1.2rem;  border-radius: 0 0.4rem 0.4rem 0; background: linear-gradient(90deg, #92670A 0%, #997014 52.4%, #C0A031 100%);}
.course_list .gal_aside h4:before {left:auto; right:0; width: calc(100% + 1rem); background:#996d0f}
.course_list .gal_aside:after {content:''; display:block; width:27.1rem; height:10rem; border-radius: 1rem 5rem 1rem 5rem; background: #F0EFF1; position:absolute; top:-0.5rem; right:-5%; z-index: -2;}

.accordion-item {transition:0.4s ease-in-out;}
.accordion-item .btn-accordion {position: relative; width: 100%; padding: 0.8rem calc(0.8rem + 0.8rem + 1.2rem) 0.8rem 0; background-color: transparent;  font-size: 0.85rem;  color: var(--navy);  font-weight: 800; text-align: left;  border-bottom: 1px solid #8a949e;}
.accordion-item .btn-accordion::after {content:''; display:inline-block; width:1.2rem; height:1.2rem; forced-color-adjust: none;  -webkit-mask-repeat: no-repeat;  -webkit-mask-position: center center;  -webkit-mask-size: contain;
 mask-repeat: no-repeat;  mask-position: center center;  mask-size: contain; -webkit-mask-image: url('/images/default/content/ico_angle.svg');  mask-image: url('/images/default/content/ico_angle.svg');  background-color: #000; position: absolute;  top: 0.8rem; right: 0;  transition: transform 0.3s ease; transform: rotate(0deg);}
.accordion-header:has(.onlyButton) {position:relative;}
.accordion-item:has(.accordion-collapse) .accordion-header {margin-bottom:0.8rem; position: relative;}
.accordion-item .btn-accordion.onlyButton::after {display:none;}
.accordion-item .btn-accordion.active::after {transform: rotate(180deg);}

.accordion-body .chks,
.accordion-body .radio {display:block; font-size:0.7rem;}
.accordion-body .radio:not(:first-child) {margin-top:0.1rem;}
.accordion-body .chks  input[type="checkbox"]:checked + label {font-weight:700;    letter-spacing: -0.02em;}
.accordion-body .radio input[type="radio"] + label {padding-left:1.5rem; line-height:1.3;}
.accordion-body .radio input[type="radio"] + label:before,
.accordion-body .radio input[type="radio"]:checked + label:before{width: 0.9rem; height: 0.9rem; line-height: 0.9rem; background-size: contain;}
.accordion-collapse {padding-bottom: 0.75rem; max-height: calc(22vh); overflow-y: auto;}
.con:has(.mento_list) .accordion-collapse {max-height: calc(22.5vh);}


.tSwitch { position:absolute; top:0.7em; right:0; display: inline-block;  width: 2.4rem;  height: 1.4rem;  vertical-align: middle;}
.tSwitch label {cursor:pointer;}
.tSwitch input {opacity: 0;  width: 0;  height: 0;}
.tSwitch .slider {position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #666; border-radius: 1.5rem; transition: background-color 0.3s;}
.tSwitch .slider::before { content: ""; position: absolute; left: 4px; top: 50%; transform: translateY(-50%); color: #fff;  background-color: #fff;  color: #666;  height: 1rem;  width: 1rem;  border-radius: 50%;  text-align: center; transition: 0.3s;}

/* checked 상태일 때 */
.tSwitch input:checked + .slider {
  background-color: #1a73e8;
}

.tSwitch input:checked + .slider::before {
  content:'';
  transform: translateX(20px) translateY(-50%);
  color: #1a73e8;
}



/* 왼쪽 필터 모바일 모달 */
.btn-close-filter {display: none; position: absolute; top: 0.8em; right: 1rem; background: none; border: none; font-size: 1.5rem; cursor: pointer;  z-index: 1;}

@media (max-width: 1024px) {
  .btn-close-filter {
    display:block;
  }
  .tSwitch input:checked + .slider::before {left:0;}

	.accordion-body .radio input[type="radio"] + label {font-size:1rem; line-height:1 !important;}
	.accordion-body .radio input[type="radio"] + label:before,
	.accordion-body .radio input[type="radio"]:checked + label:before{width: 1rem; height: 1rem; line-height: 1rem; background-size: contain;}
}


/* 강의 리스트 */
.gal_item_list .gal_item_cont {flex:1;}
.gal_item_list .gal_item_cont ul{ display:flex; flex-wrap:wrap; gap:2.2rem 2rem;}
.gal_item_list .gal_item {display: flex; flex-direction: column; width:calc((100% - 2rem * 2)/3); position:relative;}
.gal_item_list .gal_item a {display:block; width:100%; height:100%;  position:relative;}
.gal_item_list .gal_item .txt {display: flex; flex-direction: column; justify-content: space-between; flex:1;padding:1.2rem; box-shadow: 0 4px 20px 0 rgba(29, 61, 118, 0.10); border-radius: 0 0 0.3rem 0.3rem; border: 1px solid #E7E7E7; background: #FFF;}
.gal_item_list .gal_item:hover .hover {opacity:1;  transform:translateY(0);}
.gal_separator { width: 100%; height: 1px; background: #ccc;}
.gal_item .addBook {position:absolute; top:1em; right:0.8em; z-index:20;}

/* 썸네일 */
.c_img {margin-bottom:1.5rem;}
.c_img .thumb {display:block; padding-top:56.2%; border-radius:0.6rem;}
.noThumb .thumb_img .vid_icon,
.noThumb .thumb_img:after {display:none;}
.thumb_img {border-radius: 0.3rem 0.3rem 0 0; overflow:hidden; position:relative;  border: 1px solid #E7E7E7; border-bottom:none;}
.thumb_img .vid_icon {display:block; width:2.9rem; height:2.9rem; position:absolute; top:50%; left:50%;  transform: translate(-50%, -50%);  overflow:hidden; border-radius:100%; overflow:hidden; background:rgba(255,255,255,0.6) url('/images/default/content/vid_icon.svg') no-repeat center center; background-size:100% auto; border:1px solid #fff; backdrop-filter: blur(3px); z-index:1;}
.thumb_img span {display:block; width:100%; height:auto; aspect-ratio:331/186; background-size: cover;}
.thumb_img:has(.no_image) .vid_icon {display:none;}
.thumb_img:has(.no_image):after {display:none;}

.icons {display:flex; gap:0.4rem; padding:1rem; width: 100%; position:absolute; top:0; left:0; z-index:1;}
.icons .new {display:block; width:1.28rem; height:1.28rem; background:url('/images/default/content/new.svg'); background-size:100% auto;}
.icons .hot {display:block; width:2.4rem; height:1.3rem; background:url('/images/default/content/hot.svg'); background-size:100% auto;} 
.icons .addBook {position:absolute; top:1rem; right:1rem;}

.thumb_img:has(.no_image) .icons {display:none;}

/* 태그 */
.c_tag ul {display:flex; gap:0.3rem 0.6rem; flex-wrap: wrap; font-size: 0.7rem; letter-spacing: 0.007rem;}
.c_tag ul li {display: inline-flex;padding: 0.12rem 0.4rem; justify-content: center;align-items: center; font-weight:800;}
.upperMenu {display: inline-flex;gap:0.3rem 0.6rem; flex-wrap: wrap; padding: 0.12rem 0.4rem;margin-bottom: 0.5rem;font-size: 0.7rem; letter-spacing: 0.007rem; background:var(--gold); color:#fff; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10) inset;  font-weight:800;} 
.c_tag .cate {background:#F3F1E9; color: #503C0F; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10) inset;}
.c_tag .subject {background:#F3F1E9; color:#503C0F; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10) inset;}

/* 코스명 */
.c_name {margin-top:0.6rem; color:#232323;font-size: 0.95rem;font-weight: 600;letter-spacing: 0.0095rem; text-overflow: ellipsis; overflow: hidden;  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical; word-wrap: break-word;  line-height: 1.5em; height: 3em;}
.boardGalleryContainer .galleryList ul li:has(.c_views) .c_name {margin-top:0; margin-bottom: 1rem;}
.c_memo {margin-top:0.25rem; color:var(--grey56); font-size:0.75rem; line-height:160%;}
.c_memo p {text-overflow: ellipsis; overflow: hidden; display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;  word-wrap: break-word; line-height: 1.5em;
    height: 3em;}

/* 가격 */
.c_info > ul {display:flex; align-items: flex-end; justify-content: space-between; margin-top:0.65rem; height:auto !important;}
.c_info .certi {display: flex; align-items: center; gap: 0.2rem; font-size:0.7rem; color:var(--main); font-weight:700;}
.c_info .certi .certi_icon {display:block; width:0.7rem; height:0.7rem; background:url('/images/default/content/certi_icon.svg'); background-size:100% auto;}
.c_info .cost {font-size:0.75rem;}
.c_info .cost strong {font-size:0.95rem;}
.c_info .rating {display: flex;  align-items: center; gap: 0.25rem; font-size:0.85rem; font-weight:700;}

/* 코스에 참여한 speaker 목록 */
.c_spk_names {display:flex; align-items:flex-start; gap: 0.5rem; margin-top: 0.65rem;}
.c_spk_names > p {color:#999; font-size:14px; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word; line-height: 1.5em;
    height: 1.5em;}
.ico_spks_list {flex-shrink:0; display:block; margin-top: 2px; width: 15px; height: 15px; forced-color-adjust: none; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center center; -webkit-mask-size: contain; mask-repeat: no-repeat; mask-position: center center; mask-size: contain; -webkit-mask-image: url('/images/default/main/g_mypage.svg'); mask-image: url('/images/default/main/g_mypage.svg'); background-color:#999;}


/* 버튼모음 */
.c_menu_btn {display:flex; gap:0.6rem; margin-top:1rem;}
.c_menu_btn .btn_default {gap: 0.35rem; color:#fff; font-size:0.75rem; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.10) inset;}
.c_menu_btn .btn_default.atc {background:#fff; border:1px solid #8C6000; color:#8C6000; font-weight:700; box-shadow:unset;}
.c_menu_btn .btn_default.atc:is(:hover,:focus) {background:#F3F1E9;}
.c_menu_btn [class*='icon'] {display:block; width:1rem; height:1rem; -webkit-mask-repeat: no-repeat;  -webkit-mask-position: center center;  -webkit-mask-size: contain;
    mask-repeat: no-repeat;  mask-position: center center;  mask-size: contain;}
.c_menu_btn .icon-play {-webkit-mask-image: url('/images/default/content/icon-play.svg'); mask-image: url('/images/default/content/icon-play.svg');  background:#fff;}
.c_menu_btn .icon-cart {-webkit-mask-image: url('/images/default/content/icon-cart.svg'); mask-image: url('/images/default/content/icon-cart.svg');  background:#8C6000;}


.filter-list .chks input[type="checkbox"] + label:before {margin:0;}

@media (max-width:1440px){
	.con:has(.gal_aside) .gal_item_list .gal_item_cont ul {gap:2rem 0.8rem}
	.con:has(.gal_aside) .gal_item_list .gal_item {width:calc((100% - 0.8rem * 1)/2);}
}
@media (max-width:1024px){
	.gal_item_list .gal_item_cont ul {gap:2rem 0.8rem}
	.con:has(.gal_aside) .gal_item_list {display:block;}
	.con:has(.gal_aside) .gal_item_list .gal_item,
	.gal_item_list .gal_item  {width:calc((100% - 0.8rem * 2)/3);}
	.filter-btn {display: flex; justify-content: flex-end; margin-bottom: 0;position: absolute;  top: 0.5em; right: 1rem;}
	.course_list .filter-btn {margin-bottom:0.8rem; position:relative; top:auto; left:auto; bottom:auto; right:auto;}
	.accordion-collapse {max-height: calc(22.5vh - 2rem);}
	.spk_list_page .filter-list {display: flex; height: 100%; width: 100%;}
	.spk_list_page .filter-list .accordion-item {display: flex;flex-direction: column;flex: 1;}
	.spk_list_page .accordion-collapse {max-height: unset; flex: 1;}
	
	/* 왼쪽 필터 */
	.gal_aside {display:none; width:100%; margin-top:0;  margin-top: 0;  position: fixed;  bottom: -100%;  left:0;  height: 50%; z-index: 1000; transition: 0.3s cubic-bezier(0.79,0.14,0.15,0.86); border-radius: 0.4rem 0.4rem 0 0;}
	.gal_aside:has(.tSwitch) {padding-right: 5px; height:80%; bottom: -100%;}
	.gal_aside:has(.tSwitch) .filter-list {max-height: 100%; overflow-y: auto; margin-top: 3rem; padding-bottom: 3rem;margin-right: 5px; padding-right: 20px;}
	.course_list .gal_aside {height:65%;}
	.gal_aside.active {bottom:0;}
	.gal_aside:after {display:none !important;}
	.gal_aside h4 {display:none;}
	.accordion-item .btn-accordion {cursor:default; font-size:1.11rem;}
	.accordion-item .btn-accordion::after {display: none;}
	.accordion-body .chks {font-size:1rem;}

	/* 버튼모음 */
	.c_menu_btn {flex-direction:column;}
}
@media (max-width:768px){
	.con:has(.gal_aside) .gal_item_list .gal_item,
	.gal_item_list .gal_item {width:calc((100% - 0.8rem * 1)/2);}
	.gal_item_list .gal_item:hover .hover {opacity:0;  transform:translateY(10%);}
	.gal_item_list .gal_item.active .hover {opacity:1;  transform:translateY(0);}
	
	
	/* 썸네일 */
	.thumb_img .vid_icon {width: 4rem; height: 4rem;}
	
	.icons {padding: 0.5rem;}
	.icons .addBook {top:0.5rem; right:0.5rem;}
	.gal_item_list .gal_item.hover-active .addBook .heart {background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 29 27'%3E%3CforeignObject width='0' height='0' x='0' y='0'%3E%3Cdiv xmlns='http://www.w3.org/1999/xhtml' style='backdrop-filter:blur(1.5px);clip-path:url(%23bgblur_0_10558_133_clip_path);height:100%25;width:100%25'/%3E%3C/foreignObject%3E%3Cpath fill='%23fff' d='M14.64 2.8a8.05 8.05 0 0 1 11.57.34 9.26 9.26 0 0 1 .3 12.17l-.3.33-8.65 9.23a4 4 0 0 1-5.84 0l-8.65-9.23a9.25 9.25 0 0 1 0-12.5 8.05 8.05 0 0 1 11.57-.33Zm10.1 1.7a6.05 6.05 0 0 0-8.73-.23l-.24.24c-.57.61-1.52.65-2.14.11l-.12-.11a6.06 6.06 0 0 0-8.98 0 7.25 7.25 0 0 0 0 9.76l8.65 9.23a2 2 0 0 0 2.92 0l8.65-9.23.23-.25a7.26 7.26 0 0 0-.23-9.51Z' data-figma-bg-blur-radius='3'/%3E%3Cdefs%3E%3CclipPath id='bgblur_0_10558_133_clip_path'%3E%3Cpath d='M14.64 2.8a8.05 8.05 0 0 1 11.57.34 9.26 9.26 0 0 1 .3 12.17l-.3.33-8.65 9.23a4 4 0 0 1-5.84 0l-8.65-9.23a9.25 9.25 0 0 1 0-12.5 8.05 8.05 0 0 1 11.57-.33Zm10.1 1.7a6.05 6.05 0 0 0-8.73-.23l-.24.24c-.57.61-1.52.65-2.14.11l-.12-.11a6.06 6.06 0 0 0-8.98 0 7.25 7.25 0 0 0 0 9.76l8.65 9.23a2 2 0 0 0 2.92 0l8.65-9.23.23-.25a7.26 7.26 0 0 0-.23-9.51Z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat; background-size: 100% auto;}
	.gal_item_list .gal_item.hover-active .addBook .heart.checked {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 29 27'%3E%3CforeignObject width='0' height='0' x='0' y='0'%3E%3Cdiv xmlns='http://www.w3.org/1999/xhtml' style='backdrop-filter:blur(1.5px);clip-path:url(%23bgblur_0_0_1_clip_path);height:100%25;width:100%25'/%3E%3C/foreignObject%3E%3Cpath fill='%23DE3412' d='m3.8 15 8.7 9.2a3 3 0 0 0 4.3 0l8.7-9.2c2.9-3.1 2.9-8.1 0-11.2a7 7 0 0 0-10.5 0c-.2.3-.5.3-.8 0a7 7 0 0 0-10.4 0C.9 7 .9 11.8 3.8 15Z' data-figma-bg-blur-radius='3'/%3E%3CforeignObject width='0' height='0' x='0' y='0'%3E%3Cdiv xmlns='http://www.w3.org/1999/xhtml' style='backdrop-filter:blur(1.5px);clip-path:url(%23bgblur_1_0_1_clip_path);height:100%25;width:100%25'/%3E%3C/foreignObject%3E%3Cpath fill='%23fff' d='M14.6 2.8a8 8 0 0 1 11.6.3 9.3 9.3 0 0 1 .3 12.2l-.3.3-8.6 9.3a4 4 0 0 1-5.7.1l-.2-.1-8.6-9.3A9.2 9.2 0 0 1 3 3.1a8 8 0 0 1 11.5-.3Zm10.1 1.7a6 6 0 0 0-8.7-.2l-.2.2c-.6.6-1.6.7-2.2.1a6 6 0 0 0-9 0 7.2 7.2 0 0 0 0 9.7l8.6 9.2.1.1c.8.7 2 .7 2.8-.1l8.6-9.2.3-.3a7.3 7.3 0 0 0-.3-9.5Z' data-figma-bg-blur-radius='3'/%3E%3Cdefs%3E%3CclipPath id='bgblur_0_0_1_clip_path'%3E%3Cpath d='m3.8 15 8.7 9.2a3 3 0 0 0 4.3 0l8.7-9.2c2.9-3.1 2.9-8.1 0-11.2a7 7 0 0 0-10.5 0c-.2.3-.5.3-.8 0a7 7 0 0 0-10.4 0C.9 7 .9 11.8 3.8 15Z'/%3E%3C/clipPath%3E%3CclipPath id='bgblur_1_0_1_clip_path'%3E%3Cpath d='M14.6 2.8a8 8 0 0 1 11.6.3 9.3 9.3 0 0 1 .3 12.2l-.3.3-8.6 9.3a4 4 0 0 1-5.7.1l-.2-.1-8.6-9.3A9.2 9.2 0 0 1 3 3.1a8 8 0 0 1 11.5-.3Zm10.1 1.7a6 6 0 0 0-8.7-.2l-.2.2c-.6.6-1.6.7-2.2.1a6 6 0 0 0-9 0 7.2 7.2 0 0 0 0 9.7l8.6 9.2.1.1c.8.7 2 .7 2.8-.1l8.6-9.2.3-.3a7.3 7.3 0 0 0-.3-9.5Z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") !important}

	/* 왼쪽필터 */


	/* 버튼모음 */
	.c_memo {font-size:0.88rem;}
	.c_menu_btn .btn_default {font-size: 0.88rem;}
}
@media (max-width:540px){
	.con:has(.gal_aside) .gal_item_list .gal_item, .gal_item_list .gal_item {width:100%;}
}



/********************************************************
■ Course - 뷰페이지 공통
********************************************************/
/* ----- 기본 ----- */
#wrap:has(.c_view_name) .breadcrumb li .txt {color:#fff;}
#wrap:has(.c_view_name) .breadcrumb li:not(:last-child):after,
#wrap:has(.c_view_name) .breadcrumb li.home .txt:before{background:#fff;}
#wrap:has(.c_view_name) .section {display:none;} 


/* ----- 상단 프로그램 정보 ----- */
.view_top {padding-bottom: 6.55rem; position:relative; color:#fff;}
.view_top:after {content:''; display:block; width:100vw; height:calc(100% + 9rem); background:url('/images/default/content/view_top_bg2.jpg') no-repeat right center; background-size:cover; position:absolute; bottom:0; left:50%; transform:translateX(-50%); z-index:-1;}
.vt_inner {width:calc(100% - (31.48% + 3.4rem))}



/* 강의 영상 */
.video-container { margin-bottom: 1.5rem; width:100%; height:auto; aspect-ratio: 16 / 9; position: relative; border-radius: 0.5rem; overflow: hidden;}
.video-container iframe {width:100%; height:auto; aspect-ratio: 16 / 9; border: none;}



/* 강의명 */
.c_view_name {display:flex; flex-direction:column; gap:0.7rem; font-size:0.8rem; overflow-wrap: break-word;}
.c_view_name h3 {font-size:1.9rem;line-height: 1.5em;line-height: 1.5em; word-wrap: break-word; font-weight: 700;}
.c_view_name p {word-wrap: break-word;}

/* 강의 별점 및 조회수 */
.c_view_rating {display:flex; justify-content: space-between; margin-top:2.4rem;}
.c_view_rating > ul {display:flex; align-items: center;}
.c_view_rating > ul li:not(.line) {display:flex; align-items: center;}
.c_view_rating > ul .share_btn {position: relative; top:auto; left:auto; right:auto; bottom:auto; margin-top:0; margin-bottom:0;}
.rating_info {gap:0.4rem;}
.rating_info .line {color:#BEBEBE;}
.c_list_btn {max-width:10rem; margin-top:2rem;}


/* 별점 */
.rating_info .rating {gap:0.4rem; font-size:1.05rem; font-weight:700;}
.starDiv { display: flex; align-items: center; gap: 0.4rem;}
.star{background: url('/images/default/content/ico_review.svg') no-repeat right 0;  background-size: auto 100%; width: 0.8rem;   height: 0.8rem;   display: inline-block;   text-indent: -9999px;   cursor: pointer;}

.c_view_rating .star{background-image: url('/images/default/content/ico_review_for_course.svg');}

.star.on{background-position:0 0;}

/* 조회수 */
.rating_info .views {font-size:0.75rem; gap:0.2rem;line-height: 1; }
.rating_info .views i {font-size:1rem;}

/* 기타 메뉴 */
.c_view_rating .features {gap:0.96rem;}
.c_view_rating .features img{width:2.05rem;}
.features .content_share {margin:0;}
.features .content_share.on img {content:url('/images/default/content/icon_share_btn.svg?v=2')}
.features .cv_book_btn.on img {content:url('/images/default/content/btn_book_on.svg?v=2')}

@media (max-width:1024px){
	.vt_inner {width:100%;}
	.view_top {padding-bottom: 5rem;}
	.view_top:after {height: calc(100% + 20rem);}
}
@media (max-width:768px){


	/* 강의명 */
	.c_view_name {font-size:1rem;}
	.c_view_name h3 {font-size:1.5rem; line-height: 1.3;}
	
	/* 강의 별점 및 조회수 */
	.c_view_rating {flex-wrap: wrap; gap: 0.8rem;}
	
	/* 조회수 */
	.rating_info .views {font-size:0.88rem;}
	.rating_info .views i {margin-bottom: 0.125rem;}
}


/* ----- 본문 공통 ----- */
.view_wrap {width:calc(100% - (31.48% + 3.4rem))}
.course_view {flex:1; width:100%; }
.tab-content {display:none;}
.tab-content.active {display:block;}
.view_tit {flex-direction: column; margin-bottom:1.95rem; font-size:1.1rem; color:var(--black); font-weight:600;}
.view_tit:not(:first-child) {margin-top:2.95rem;}
.view_tit span {display:block; color:var(--main); font-weight:800; font-size:0.8rem;}

@media (max-width:1260px){
	.view_wrap {flex-direction: column;gap: 6rem;}
}
@media (max-width:768px){
	.view_tit {font-size:1.23rem;}
	.view_tit:not(:first-child) {margin-top:2.94rem;}
	.view_tit span {font-size:1rem;}
}



/* ----- 강사정보 ----- */
.course_view .speakers {margin-top: -2.5rem; margin-bottom:3.65rem;}
.course_view .speakers ul {display:flex; flex-wrap: wrap; gap:0.8rem 1.6rem;}
.course_view .speakers ul li {display:flex; align-items: center; padding:0.75rem; background: rgba(255, 255, 255, 0.2); border-radius: 0.2rem; backdrop-filter: blur(3px); box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 8%); transition: all 0.4s ease; cursor:pointer;}
.course_view .speakers ul .main_spk {background:#1C3350;}
.course_view .speakers ul .main_spk.active {background:var(--main)}
.speakers .sp_pic {flex-shrink: 0; border-radius: 0.2rem; box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 10%); overflow: hidden;}
.speakers .main_spk .sp_pic {border-color:var(--lblue); background: url('/images/default/content/speaker_bg.jpg') no-repeat center center; background-size: cover;}
.speakers .main_spk .icon_main_spk {display:block; width:1.35rem; height:1.35rem; position:Absolute; top:0.6rem; left:0.65rem; background:url('/images/default/content/main_spk.svg') no-repeat center center; background-size:100% auto;}
.speakers .sp_pic span {display:block; width:3.5rem; height:auto; aspect-ratio:1; -webkit-user-drag: none; -khtml-user-drag: none; -moz-user-drag: none; -o-user-drag: none; user-drag: none;}
.speakers .sp_profile {margin-left:0; width:0; transform: scaleX(0); opacity: 0;overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.speakers .sp_job {display:flex; gap:0.2rem 1.05rem; font-size:0.7rem; line-height: 1.5;}
.speakers .sp_job p {position:relative;}
.speakers .main_spk .sp_job p {color:#fff;}
.speakers .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;}
.speakers .sp_job strong {color:var(--navy);}
.speakers .main_spk .sp_job strong {color:#fff;}
.speakers .sp_name {display: flex; justify-content: center;align-items: center; gap: 1rem; padding: 0.25rem 1rem; margin-top:0.5rem; background: #ECEFF5; box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.06) inset; font-size:0.75rem; font-weight:700; color:var(--black); line-height: 1.5;}
.speakers .main_spk .sp_name {background:var(--lblue);}
.sp_more {display: none;  align-items: center;  justify-content: center;  font-size: 0.9rem; width:1.3rem; height:1.3rem; aspect-ratio: 1/1; position:absolute; top:50%; right:-0.3rem; transform:translateY(-50%); background:#838383; border-radius: 0.2rem;border: 4px solid rgba(30, 58, 138, 0.10);box-shadow: 0px 0px 0px 4px rgba(30, 58, 138, 0.10) ; color:#fff;}
.sp_more i {transition: 0.3s cubic-bezier(0.79,0.14,0.15,0.86);}
.speakers .main_spk .sp_more {background:var(--main);}


.course_view .speakers ul li:hover .sp_more i {transform: rotate(90deg);}
.speakers ul li.active {background: rgba(255, 255, 255, 1);}
.speakers ul li.active .sp_profile {margin-left:1.2rem; width:100%; height: 100%; transform: scaleX(1); opacity: 1;}
.speakers ul li:has(.sp_profile) .sp_more {display:flex;}
.speakers ul li.active .sp_more {display:none !important;}


@media (max-width:768px){
	.course_view .speakers ul {gap:0.8rem;}

	.speakers .sp_job {justify-content: center; font-size:0.88rem;}
	.speakers .sp_name {font-size:1rem;}
	.speakers ul li.active {flex-basis:100%;}
}

/* ----- 우측 픽스드 메뉴 ----- */
.view_pose{position:relative;}
#wrap:has(.sticky) {overflow:visible;}
#wrap:has(.view_fixed_menu) .course_view {width:100%;}
.view_fixed_menu {flex-shrink: 0; width:31.48%; position: fixed;  top: 24.5%; left: 64.35%; max-width: 23.2945rem; transition: top 0.3s, bottom 0.3s; z-index: 0;}
.view_fixed_menu.sticky {top: 10% !important;}
.view_fixed_menu.sticky.end {top: auto !important;  bottom: 0 !important;  position: absolute !important; right: 0 !important; left: auto !important;}
.view_fixed_menu .ci_inner {padding:1rem; background:#fff; box-shadow: 0px 4px 30px 0px rgba(30, 58, 138, 20%); border-radius:0.5rem;}
.view_fixed_menu .course_cate {display: inline-block; padding:0.4rem 1.1rem 0.95rem 0.85rem; margin-bottom:-0.5rem; width: auto; background-color: var(--gold);     border-top-left-radius: 1rem; border-top-right-radius: 1.7rem; color:#fff; position: relative; z-index:-1; font-weight:700;}
.view_fixed_menu .course_cate:after {content:''; display:block; width:2.5rem; height:1.4rem; background:url('/images/default/content/course_cate_item_g.svg') no-repeat center center; background-size:100% auto; position:absolute;     bottom: 0.4rem; right: -2.15rem; z-index:-1;}


/* 제목 */
.ci_inner .c_name {font-size:1.1rem; font-weight:800;}

/* 금액 */
.ci_inner .c_info {padding-bottom:1.1rem; margin-bottom:0.85rem; border-bottom:1px solid #4B4B4B;}
.ci_inner .c_info ul {margin-top:1rem;}
.ci_inner .c_info.hasDiscount {margin-top:0.5rem;}
.ci_inner .c_info.hasDiscount ul {margin:0;}
.ci_inner .c_info .discount {padding-top:0.5rem; margin-top:0.5rem !important; border-top:1px solid #ddd; font-size:0.7rem; color:var(--main); font-weight:500;}
.ci_inner .c_info .discount li:first-child {display: flex; align-items: center; gap: 0.4rem; padding-left:0.5rem;}
.ci_inner .c_info .discount li:first-child:before {content:''; display:block; width:0.25rem; height:0.25rem; background:var(--main); border-radius:100%; }
.ci_inner .c_info small {font-weight:700;}
.ci_inner .c_total ul {display:flex;justify-content: space-between; align-items: center;}
.ci_inner .c_total .total_cost {color:var(--navy); font-size:1.2rem;}

/* 특징 */
.ci_inner .c_point {padding:0 0.5rem; margin-top: 1.45rem;}
.ci_inner .c_point li {display: flex; align-items: center;justify-content: space-between; gap: 1rem; font-size:0.8rem; text-align: right; font-weight:700; color:var(--black);}
.ci_inner .c_point li:not(:first-child) {padding-top:0.45rem; margin-top:0.4rem; border-top:1px solid #E5E5E5;}
.ci_inner .c_point li i {display:block; flex-shrink:0; width:1.75rem; height:1.75rem;}
.ci_inner .c_point li i.icon_cal {background:url('/images/default/content/icon_cal.svg') no-repeat center center; background-size:100% auto; }
.ci_inner .c_point li i.icon_lang {background:url('/images/default/content/icon_lang.svg') no-repeat center center; background-size:100% auto; }
.ci_inner .c_point li i.icon_award {background:url('/images/default/content/icon_award.svg') no-repeat center center; background-size:100% auto; }
.ci_inner .c_point li i.icon_answer {background:url('/images/default/content/icon_answer.svg') no-repeat center center; background-size:100% auto; }
.ci_inner .c_point li i.icon_question {background:url('/images/default/content/icon_question.svg') no-repeat center center; background-size:100% auto; }

/* 약관 관련 안내 */
.policy_warn {display:flex; gap: 0.2rem; margin-top:2.2rem; line-height: 1.5; font-size:0.7rem;}
.policy_warn em {text-decoration:underline;}


/* 버튼 */
.ci_inner .c_btn {display:flex; flex-direction:column; gap: 1.05rem; margin-top: 1rem;}
.ci_inner .c_btn .btn_default {height:3rem;}


@media (max-width:1500px){
	.view_fixed_menu.sticky.end {right: auto !important; left: 65.5% !important;}
}

@media (max-width:1024px){
	.view_wrap{width:100%;}
	#wrap:has(.view_fixed_menu) .course_view {width:100%;}
	#wrap:has(.view_tab_wrap) .view_fixed_menu {margin-top:0; position:static; max-width:unset;}
	#wrap:has(.view_tab_wrap) .view_fixed_menu {display:flex; gap: 1rem; width:100%; position:relative; left:auto; justify-content: center; top:auto; right:auto; margin:5rem 0 3rem;}
	#wrap:has(.sticky) {overflow:hidden;}
	.view_fixed_menu.sticky,
	.view_fixed_menu.sticky.end {position:relative !important; top:auto !important; left:auto !important; bottom:auto !important; right:auto !important;}
	.view_fixed_menu .course_cate {position:absolute; margin-bottom:0; top:-2.3rem; left:0;}
	.view_fixed_menu .ci_inner {width:100%;}
	
	.ci_inner .c_point {padding: 0;}
	
}
@media (max-width:768px){
	.view_fixed_menu {flex-direction:column;}
	.view_fixed_menu .ci_inner {width:100%;}
	.ci_inner .c_info .discount  {font-size:0.88rem;}
	.ci_inner .c_point li {font-size:0.88rem;}
	

	/* 약관 관련 안내 */
	.policy_warn  {font-size:0.88rem;}
}


/* ----- 강의 요약 ----- */
.c_thumb_vid {margin-bottom:1rem; aspect-ratio:16/9; width:100%; height:auto; border-radius: 0.6rem; overflow:hidden;}
.c_thumb_vid video {aspect-ratio:16/9; width:100%; height:auto;}

/* 좋아요 및 댓글 수 */
.comm_and_likes {margin-bottom: 4rem; }
.comm_and_likes ul {display:inline-flex; align-items: center; gap:0.625rem; padding:0.25rem 0.45rem; background:#F3F1E9; border-radius: 6rem; cursor: default;}
.comm_and_likes ul > li {display:flex; align-items: center; gap: 0.25rem; font-size:0.7rem; font-weight:600; color:#45474A;}
.comm_and_likes ul > li:has(.pf_likes) {pointer-events: none;}
.comm_and_likes .line {width:1px; height:1.175rem; background:#B3B7BC; }

/* 하단 장소설명 */
.c_summary {margin-bottom:4rem;}
.c_summary ul {display:flex;}
.c_summary ul > li {padding: 0 1rem; width:100%; flex: 1; text-align:center; position: relative;}
.c_summary ul > li:not(:last-child):after {content:''; display:block; width:1px; height:100%; background:#e5e5e5; position:absolute; top:0; right:0;}
.c_summary .icon {display:inline-flex; align-items: center; justify-content: center; margin-bottom:1.2rem;  width:2.5rem; height:2.5rem; aspect-ratio:1; border-radius:100%; }
.c_summary .icon img {width:100%; height:auto; aspect-ratio:1;}
.c_summary .txt_box {color:#444;}
.c_summary .txt_box h5 {margin-bottom:0.25rem; font-size:1rem; font-weight:700;}
.c_summary .txt_box p {line-height:1.57; font-size: 0.9rem;}


@media (max-width:768px){
	/* 좋아요 및 댓글 수 */
	.comm_and_likes ul > li {font-size:0.88rem;}

	/* 하단 장소설명 */
	.c_summary ul {flex-direction:column; gap:2rem;}
	.c_summary ul > li {display:flex; gap:1rem; padding: 0; width:100%; text-align:left;}
	.c_summary ul > li:not(:last-child):after {width:100%; height:1px; top:auto; bottom:-20px;}
	.c_summary .icon {margin:0;}
	.c_summary .txt_box h5 {font-size:1.11rem;}
	.c_summary .txt_box p {font-size:1rem;}
}


/********************************************************
■ Course - 코스 목차
********************************************************/
.curri_list .item {display: flex; flex-direction: column; gap: 0.82rem; padding:1rem; border-radius: 0.6rem; border: 1px solid #B1B8BE;background: #F6F6F6; position: relative; transition:all 0.5s;}
.curri_list .item:has(.timeline.active) { background: #fff;  box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 10%);  border-color: var(--gold);}
.curri_list .item:not(:first-child) {margin-top:1.5rem;}
.curri_list .info_txt {display:flex; flex-direction:column; justify-content: space-between; gap: 0.9rem 0; flex-wrap: wrap; padding-right:30%;}
.curri_list .info_txt h6 {color:#232323; font-size:1rem;  word-wrap: break-word;}
.curri_list .info_txt > ul {display:flex; flex-wrap: wrap; gap:0.5rem 1.05rem;}
.curri_list .info_txt > ul  > li { font-size:0.85rem; font-weight:700; color:#232323;}
.curri_list .c_tag .cate {padding-top:0.23rem; padding-bottom:0.23rem;}
.curri_list .info_txt .c_time {display: flex; align-items: center; gap: 0.5rem; margin:0;}
.icon_time {display:inline-block; width:1.1rem; height:1.2rem; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 23 25'%3E%3Cpath fill='%23112B45' d='M5.87 2.67c.3-.26.35-.73.11-1.05A.67.67 0 0 0 5 1.5l-2.32 2a.79.79 0 0 0-.11 1.05c.24.33.68.38.98.12l2.32-2ZM17.97 1.5a.67.67 0 0 0-.98.12c-.24.32-.2.8.1 1.05l2.33 2c.3.26.74.2.98-.12s.2-.8-.1-1.05l-2.33-2Z'/%3E%3Cpath fill='%23112B45' fill-rule='evenodd' d='M11.48 2.08c-5.52 0-10 4.82-10 10.75 0 5.94 4.48 10.75 10 10.75 5.53 0 10-4.8 10-10.75 0-5.93-4.47-10.75-10-10.75Zm.7 6.75c0-.41-.31-.75-.7-.75-.38 0-.7.34-.7.75v3.5c0 1.25.94 2.25 2.1 2.25h1.4c.38 0 .7-.33.7-.75 0-.41-.32-.75-.7-.75h-1.4c-.39 0-.7-.33-.7-.75v-3.5Z' clip-rule='evenodd'/%3E%3C/svg%3E")}

/* 코스 상세 내용 */
.curriculum {position:relative; overflow-wrap: anywhere; word-break: break-word;}
.cur_wrap  {display: flex;  gap:1.5rem; position: relative;}
.cur_wrap .info {flex:1; width: 100%;}

.cur_thum {flex-shrink:0; width:10rem;}
.cur_thum span {display:block; padding-top:55.5%; background: url('/images/default/content/c_prev_thum.jpg') no-repeat center center;  background-size: cover; border-radius: 0.2rem;}
.cur_thum .btn_default {margin-top: 0.5rem; padding: 0; height: 2.1rem; font-size: 0.75rem; font-weight:700; border-radius: 0.4rem !important; border: 1px solid #DEDEDE;}
.cur_thum .btn_default i {font-size:0.8rem;}
.curriculum ul li {display: flex; align-items: flex-start; font-size:0.75rem; color:#353535; font-weight:600; }
.curriculum ul li:not(:first-child) {margin-top:0.7rem;}
.curriculum ul li span {display:inline-block; padding: 0.1rem 0.5rem;  margin-right:0.6rem; min-width: 3.5rem; text-align: center; background:#fff; color:var(--navy); font-size:0.65rem;border-radius:3rem;font-weight:700;}
.cur_more {display: flex;  align-items: center;  justify-content: center; width:1.5rem; height:1.5rem; background:#fff; position:absolute; bottom:-0.5rem; left:50%; transform: translateX(-50%); border-radius:100%; box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 10%); z-index: 1; cursor:pointer;}
.cur_more.unable {visibility:hidden;}

/* 타임라인 */
.timeline {position: relative;border-radius: 0.6rem; background: #F6F6F6; max-height: 0; min-height:0; padding: 0 2rem; border: 0; overflow: hidden; transition: all 0.3s ease;}
.timeline.active { padding:1.6rem 2rem; margin-top: 1rem; max-height:unset; overflow:visible;}
.timeline::before { content: ''; position: absolute; top:50%;  left: 2rem; width: 2px; background-color: #BBBFC3; border-radius: 0.6rem; height: calc(100% - 2rem);  transform: translateY(-50%);}
.timeline-item { display: flex; align-items: center; position: relative; z-index:0;}
.timeline-item:after {content:''; display:block; width:1.5rem; height:0.5px; background:#BBBFC3; border-radius: 0.6rem; position: absolute; top:1em;  left: 0;  z-index:-1;}
.timeline-item:not(:first-child) {margin-top:1.2rem;}
.timeline-dot {position: absolute; left: -0.25em; top: 0.7em; z-index:0;}
.timeline-dot span {display:block; width: 0.6rem; height: 0.6rem; background-color: #0e2c4c; border: 2px solid #fff; border-radius: 50%; z-index: 2; }
.timeline-dot:after {content:''; display:block; width:calc(100% + 0.3rem); height:calc(100% + 0.3rem); background:#BBBFC3; opacity:0.5; border-radius:100%; top:50%;  position: absolute; left: 50%; transform: translate(-50%,-50%); z-index:-1;}
.timeline-content {display: flex; align-items: flex-start; gap:0.2rem 0.7rem;   margin-left: 2.1rem; font-size: 0.8rem; font-weight: 700;}
.timeline-content .text{margin-top:0.2rem;}
.time-box {  display: flex;  align-items: center;  flex-shrink:0; background-color: #fff; gap: 0.3rem; padding: 6px 12px;  border-radius: 18px;  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);  font-size: 0.7rem;  color: #232323;}




.point-time-btn { background-color: #fff; color: #45474A; border: 1px solid #DEDEDE; padding: 0.55rem 1rem; border-radius: 30px; font-size: 0.75rem; font-weight: 700; display: flex; align-items: center; justify-content: center; gap: 8px; cursor: pointer; transition: all 0.3s ease; box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.06); position: absolute;   bottom: 0; right: 0; z-index:0; overflow:hidden;}
/*.point-time-btn:after {content:''; display:block; width:100%; height:100%; background: linear-gradient(97deg, #694E12 3.71%, #48360E 51.06%, #48360E 81.64%, #976D0F 103%); opacity:0; transition: all 0.3s ease; position:absolute; top:0; left:0; z-index:-1;}*/
.point-time-btn:after {content:''; display:block; width:100%; opacity:0; transition: all 0.3s ease; position:absolute; top:0; left:0; z-index:-1;}
.point-time-btn .arrow {display:flex; justify-content: center; align-items: center;width: 1rem; height: 1rem; border-radius: 100%;  background: #503C0F; color:#fff; font-size: 0.7rem; transform:rotate(0); transition: all 0.3s ease;}
.point-time-btn:is(.on) {color:#fff;}
.point-time-btn:is(.on):after {opacity:1;}
.point-time-btn:is(.on) .arrow {transform:rotate(-180deg); background:#fff; color:#503C0F}


@media (max-width:1200px){
	.curri_list .info_txt {padding-right:0;}
	.point-time-btn{position:relative; right:auto; bottom:auto; margin-top:1rem;}
}
@media (max-width:1024px){
	.curri_list .item {padding:1rem;}
	.curri_list .item:not(:first-child) {margin-top:1rem;}

	/* 코스 상세 내용 */
	.curriculum ul li {font-size:0.88rem;}
	.curri_list .info_txt h6 {font-size:1.11rem;}
}
@media (max-width:768px){
	.cur_wrap{ flex-direction: column; align-items: flex-start; gap:1rem;}
	.cur_thum{width: 100%;}
	.cur_thum .btn_default {padding:0.5rem; margin-top: 0.5rem; height: auto;}
	

	.curri_list .info_txt > ul{flex-direction: column;}
	
	/* 코스 상세 내용 */
	.curri_list .info_txt h6 {height:auto;}

	/* 타임라인 */
	.timeline.active{padding:1.6rem 1rem;}
	.timeline-content {margin-left:0.8rem;}
	.timeline::before{left:1rem;}
	.timeline-item:not(:first-child) {margin-top:1.88rem;}
	.timeline-content {flex-direction: column; font-size:0.88rem;}
	.time-box {font-size: 0.8rem;}
	.timeline-content .text {padding-left:1rem;}
}
@media (max-width:450px){
	.cur_wrap {flex-direction: column;}
	.cur_thum {width: 100%;}
}

.youtube-modal,
.vimeo-modal { position: fixed; z-index: 10000; top: 0; left: 0; width: 100%; height: 100%; display: none;}
.youtube-overlay,
.vimeo-overlay { background: rgba(0, 0, 0, 0.7); width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.youtube-content,
.vimeo-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height:27rem; max-width: 40rem; border-radius: 0.5rem;  overflow: hidden;}
.youtube-wrapper,
.vimeo-wrapper {  position: absolute;  top: 0; left: 0;  width: 100%; height: 100%;}
.youtube-wrapper .mov_tit,
.vimeo-wrapper .mov_tit{ display: flex;  flex-direction: column;  padding: 1rem 1rem 3rem;  margin-bottom: -2rem;  background:var(--navy); color:#fff; font-size: 1.11rem; box-shadow: inset 0 -4px 50px rgba(0, 0, 0, 0.2);}
.youtube-wrapper .mov_tit span,
.vimeo-wrapper .mov_tit span {font-size:0.85rem;line-height: 1; color:rgba(255,255,255,0.7);}
.youtube-wrapper iframe,
.vimeo-wrapper iframe {  width: 100%;  height: auto; aspect-ratio:16/9;  border-radius: 0.5rem;}
.btn-close-youtube,
.btn-close-vimeo { position: absolute;  top: 0.5rem; right: 1rem;  background: none;  border: none;  color: white;  font-size: 1.5rem;  z-index: 1;  cursor: pointer;}

@media (max-width:768px){
	.youtube-content,
	.vimeo-content{ max-width:unset; width:calc(100% - 2rem); height: 35vh;}
	.youtube-wrapper .mov_tit,
	.vimeo-wrapper .mov_tit{font-size:1rem;}
	.youtube-wrapper .mov_tit span,
	.vimeo-wrapper .mov_tit span {font-size:0.88rem;}
}

/********************************************************
■ Course - 코스 설명
********************************************************/
/* ----- 개요 ----- */
.overview_wrap { padding: 2.4rem 1.4rem 2.65rem;  border: 1px solid #B1B8BE;  border-radius: 0.4rem;}
.overview_wrap > div:not(:first-child) {margin-top:1.6rem;}
.overview_wrap > div:not(:has(p, span, em)) {display:none;}
.overview_wrap h6 {display: flex; align-items: anchor-center; gap: 0.5rem; margin-bottom:0.8rem; font-size:0.95rem; color:var(--grey35); font-weight:800;}
.overview img {max-width:100%;}
.text_bg {padding:0.8rem 1.2rem; font-size:0.75rem; line-height: 180%; border-radius: 0.2rem; background: #F6F6F6;overflow-wrap: anywhere;}


@media (max-width:1024px){
	.text_bg  {font-size:0.88rem;}
}
@media (max-width:450px){
	.overview_wrap {padding:1rem;}
}


/* ----- 연자 상세정보 ----- */
.speaker_list .item {display: flex; align-items: flex-start; gap: 0.5rem 1.2rem;  padding: 1.4rem 1.4rem 1.65rem;  border: 1px solid #B1B8BE;  border-radius: 0.4rem; position:relative;}
.speaker_list .item:not(:first-child) {margin-top:1.2rem}
.course_desc .profile_img { flex-shrink: 0; width: 12.3rem; height: 12.3rem; background: url('/images/default/content/speaker_bg.jpg') no-repeat center center; background-size:cover; overflow:hidden; aspect-ratio: 1;}
.course_desc .profile_img span {display:block; width: 12.3rem; height: 12.3rem; filter: drop-shadow(20px 20px 20px rgba(0,0,0,0.25));  aspect-ratio: 1;}

.profile {display:flex; flex-direction:column; font-size:0.85rem;}
.profile .mentoBadge {margin:0; position:absolute; top:0.5rem; left:0.5rem;}
.profile .info {margin-bottom:0.6rem;}
.profile .info .job {display:inline-block; padding: 0.17rem 0.4rem; margin-bottom:1.125rem; border-radius: 0.2rem; background: var(--navy); color:#fff; font-size:0.85rem;}
.profile .info .name {font-size:0.95rem; color:var(--black); font-weight:800;}
.profile .btn_default {display:inline-block; margin-top:1.3rem; padding:0.45rem 1.2rem; width: auto;}
.profile_menu {width:100%; position:absolute; top:1.7em; right:1.1rem;}
.profile_menu ul {display:flex; gap:1rem; justify-content: flex-end;}
.profile_menu ul li button {display: flex; align-items: center; gap:0.2rem; font-size:0.85rem;}

[class*="pf_"] {display:block; width:1rem; height:1rem; background-size:100% auto; background-position:center center; background-repeat:no-repeat }
.pf_share {background-image:url('/images/default/content/pf_share.svg');}
.pf_fav {background-image:url('/images/default/content/pf_fav.svg');}
.pf_chat {background-image:url('/images/default/content/pf_chat.svg');}
.pf_likes {background-image:url('/images/default/content/pf_likes.svg');}
/* .pf_likes.on {background-image:url('/images/default/content/pf_likes_on.svg');} */

.share_btn { display: flex;justify-content: flex-end; gap:1rem;  position:relative;}
.share_pop{display:none;position:absolute; right:0; top:2.5rem; width:15rem; background:#fff;  border: 1px solid #777; border-radius:.5rem; padding:1rem; z-index:11;}
.share_pop h5{font-size: 1.1rem; border-bottom: 1px solid #777; color: #191919; font-weight: 600; margin-bottom: 1rem;  padding-bottom:.25rem;}
.share_pop ul{display: flex; justify-content: center; text-align:center; }
.share_pop ul li{display:inline-block; margin:0 .5rem;}


@media (max-width:1440px){
	.profile_menu ul li button span {display:none;}
	.profile .mentoBadge {flex-basis:100%; flex-direction:column; position:static; gap: 1px;}
	.profile .mentoBadge.web {display:none;}
	.profile .mentoBadge.tablet {display:flex !important; gap: 5px; flex-direction: row;}
}
@media (max-width:768px){
	.speaker_list .item:not(:first-child) {margin-top:1.41rem}
	.speaker_list .profile_img,
	.speaker_list .profile_img img {width:7.5rem; height:7.5rem;}
	.course_desc .profile_img span {width:100%; height: auto; aspect-ratio:1;}
	.profile_menu ul {gap:0.5rem;}
	.profile .mentoBadge.tablet {padding-left:0;flex-wrap:nowrap;}
}
@media (max-width:540px){
	.speaker_list .item {flex-direction:column; gap: 1.2rem; padding: 3rem 1rem 1rem;}
	.speaker_list .profile_img {width:100%; height: 100%;}
	.speaker_list .profile_img img{width:100%; height:auto;}
	
	.profile_menu {top: 1rem;}

}


/********************************************************
■ Course - 연관 상품
********************************************************/
.linked_prod ul {display:flex; gap:1.5rem; flex-wrap:wrap;}
.linked_prod ul li {width:calc((100% - 1.5rem * 3)/4); border: 1px solid #E8E8E8;  border-radius: 0.3rem; overflow: hidden; position: relative;}
.linked_prod ul li .heart {position: absolute; top: 1rem; right: 0.5rem; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 29 26'%3E%3CforeignObject width='0' height='0' x='0' y='0'%3E%3Cdiv xmlns='http://www.w3.org/1999/xhtml' style='backdrop-filter:blur(1.5px);clip-path:url(%23bgblur_0_10595_306_clip_path);height:100%25;width:100%25'/%3E%3C/foreignObject%3E%3Cg data-figma-bg-blur-radius='3'%3E%3Cpath fill='%23000' fill-opacity='0.3' d='m4 14.8 8.7 9.2a3 3 0 0 0 4.4 0l8.6-9.2c3-3.1 3-8 0-11.2a7 7 0 0 0-10.4 0c-.2.3-.6.3-.8 0A7 7 0 0 0 4 3.6c-3 3.1-3 8.1 0 11.2Z'/%3E%3Cpath fill='%23fff' d='M14.9 2.6a8 8 0 0 1 11.6.4 9.3 9.3 0 0 1 .3 12.1l-.3.4-8.7 9.2a4 4 0 0 1-5.8 0l-8.7-9.2A9.2 9.2 0 0 1 3.3 3 8 8 0 0 1 15 2.6ZM25 4.3a6 6 0 0 0-8.7-.2l-.3.2c-.6.6-1.5.7-2.1.1h-.1a6 6 0 0 0-9 0 7.2 7.2 0 0 0 0 9.7l8.6 9.2a2 2 0 0 0 3 0l8.6-9.2.2-.3a7.3 7.3 0 0 0-.2-9.5Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='bgblur_0_10595_306_clip_path'%3E%3Cpath d='m4 14.8 8.7 9.2a3 3 0 0 0 4.4 0l8.6-9.2c3-3.1 3-8 0-11.2a7 7 0 0 0-10.4 0c-.2.3-.6.3-.8 0A7 7 0 0 0 4 3.6c-3 3.1-3 8.1 0 11.2Z'/%3E%3Cpath d='M14.9 2.6a8 8 0 0 1 11.6.4 9.3 9.3 0 0 1 .3 12.1l-.3.4-8.7 9.2a4 4 0 0 1-5.8 0l-8.7-9.2A9.2 9.2 0 0 1 3.3 3 8 8 0 0 1 15 2.6ZM25 4.3a6 6 0 0 0-8.7-.2l-.3.2c-.6.6-1.5.7-2.1.1h-.1a6 6 0 0 0-9 0 7.2 7.2 0 0 0 0 9.7l8.6 9.2a2 2 0 0 0 3 0l8.6-9.2.2-.3a7.3 7.3 0 0 0-.2-9.5Z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); background-size:100% auto; cursor:pointer;}

.prod_img span {display:block; width:100%; height:auto; aspect-ratio:1;}
.prod_name h5 {padding:0.7rem 1rem; font-size:0.85rem; border-top: 1px solid #E8E8E8;}
.prod_name .price {padding:0.25rem 1rem; background: #F6F6F6; box-shadow: 0px 0px 6px 0px rgba(9, 17, 33, 0.08) inset; text-align: right; font-size:0.75rem;}
.prod_name .price strong { font-size:0.95rem;}

@media (max-width:1200px){
	.linked_prod ul {gap:1.5rem 1rem;}
	.linked_prod ul li {width:calc((100% - 1rem * 3)/4);}

	.prod_name h5 {padding: 0.5rem;}
}
@media (max-width:768px){
	.linked_prod ul li {width:calc((100% - 1rem * 2)/3);}
}
@media (max-width:450px){
	.linked_prod ul li {width:calc((100% - 1rem * 1)/2);}
}


/********************************************************
■ Course - 후기
********************************************************/
.reviews_top {position:relative;}
.reviews_top p {font-size:0.8rem; color:var(--grey89); position:absolute; bottom: 0; right:0;}
.reviews_top p strong {color:var(--navy);}

/* ----- 후기 통계 ----- */
.rating-summary { display: flex; justify-content: center; gap: 6.95%; border: 1px solid #ccc; border-radius: 8px; padding: 24px; align-items: center;}
.rating-summary .line {width:1px; height:8rem; background:#D9D9D9;}
.rating-average { text-align: center; flex-shrink: 0;font-size: 0.85rem; color:var(--grey89);}
.rating-average .rating-score {margin-bottom: 0.48rem; font-size: 1.85rem; font-weight: 800; color: var(--grey35); line-height: 1;}
.rating-average .starDiv {justify-content: center; margin-bottom: 0.8rem;}
.rating-average .starDiv .star {width:1.45rem; height:1.4rem; background-image: url('/images/default/content/ico_review_big.svg?v=2');}
.course_view #tab4 .rating-average .starDiv .star {background-image: url('/images/default/content/ico_review_big_for_course.svg');}


/* 그래프 */
.rating-distribution {display: flex; flex-direction: column; gap: 0.4rem;}
.rating-bar {display: flex; align-items: center;gap: 0.4rem;font-size: 0.75rem; font-weight:600;}
.label { width: 0.8rem;text-align: right; color:#898989;}
.bar-bg {width:7rem; height: 10px;background-color: #eee;position: relative;}
.bar-fill {height: 100%; background-color: #1c2d8f;}
.count {width: 32px;text-align: right;color: #1c2d8f;}
.visually-hidden {position: absolute; left: -9999px;width: 1px; height: 1px; overflow: hidden;}


@media (max-width:450px){
	.rating-summary {flex-direction: column; gap: 1rem;}
	.rating-summary .line {width:100%; height:1px;}
	.rating-average {display: flex;  align-items: baseline; gap: 0.5rem;}
	
	/* 그래프 */
	.rating-distribution,
	.bar-bg {width:100%;}
	.rating-bar {font-size:0.88rem;}
}


/* ----- 후기 리스트 ----- */
.reviews_list {margin-top:3.35rem;}
.review-item:not(:first-child) {padding-top:1.05rem;}
.review-item:not(:last-child) {padding-bottom:2.5rem; border-bottom: 1px solid #ddd;}
.review-header {display: flex; align-items: flex-start; margin-bottom: 8px;}

.profile-img {flex-shrink:0; display: block;  margin-right: 0.8rem; width: 2.3rem; height: auto; aspect-ratio:1; border: 1px solid #ccc !important;}
.review-user-info { display: flex; flex-direction: column; gap:0.3em 0;}
.review-user-info .review-date {font-size: 0.75rem; color: var(--grey56); font-weight:500;}
.user_info {display: flex; align-items: baseline;}
.user_info .user-name {font-size: 0.85rem; font-weight: 700; color: #222; line-height:1;}
.user_info .review-count { margin-left: 0.4rem; padding-left:0.4rem; color: #888;  font-size: 0.75rem; position:relative; font-weight:400;}
.user_info .review-count:before {content:''; display:block; width:0.15rem; height:0.15rem; border-radius:100%; background:#898989; position:absolute; top:50%; left:-0.075rem; transform:translateY(-50%);}

.review-rating-row {display: flex;  align-items: center;  margin: 0.55rem 0 1.1rem;}
.review-rating-row .rating-score {font-weight: 700; font-size: 1.05rem;  margin-right: 0.4rem;  color: #222;}
.review-rating-row .badge { margin-left: 0.6rem; font-size: 0.7rem;  background-color: #EFEFEF; color: #898989;  padding: 0.1rem 0.3rem;}
.review-rating-row .badge.full {color:var(--navy); box-shadow: inset 0px 0px 6px 0px rgba(9, 17, 33, 8%); background:#EEF4FF; font-weight:500;}
.review-content {font-size:0.8rem; color: #464C53; overflow-wrap: anywhere;}


@media (max-width:768px){
	.review-item:not(:first-child) {padding-top:2rem;}

	.user_info .user-name,
	.review-content{font-size:1rem;}
	.user_info .review-count,
	.review-user-info .review-date,
	.review-rating-row .badge{font-size:0.88rem;}
	.review-rating-row .rating-score {font-size:1.11rem;}
}


/********************************************************
■ Clinical Library
********************************************************/
/* ----- Live surgery ----- */

/* 리스트페이지 라이브 영역 */
.now_live {display: flex; align-items: center; justify-content: center; padding: 4.5rem 0; margin:0 auto 4rem; width:100%; height:auto; border-radius:0.6rem;position:relative;}
.now_live:after {content:''; display:block; width:100vw; height:100%; background: #C0A031; position:absolute; top:0; left:50%; transform:translateX(-50%); z-index:-1;}
.live_vid_wrap {padding: 0 3.5rem; width:70%; height:auto; border-radius: 0.3rem; border: 0.75rem solid #fff; overflow:hidden;}
.now_live video,
.now_live iframe {width:100%; height:auto; aspect-ratio:16/9; margin-bottom: -8px; border-radius: 0.45rem;}


/* 뷰페이지 */
/* #wrap:has(.content_view) {background:#F0EFF1;} */
#wrap:has(.bgExchange) {background:#E9F1F5}
.con:has(.backToList) {position:relative;}

.share_btn:has(.content_share) {position:absolute; top:-7.25rem; right:1rem;}
.backToList {display:flex; justify-content: flex-end; position:absolute; top:-4rem; right:1rem;}
.backToList .list_btn {padding-left:1.5rem; padding-right:1.5rem; width:auto; border-color:#F3F1E9; box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.10);}
.content_share {display: flex; justify-content: flex-end;}
.content_share img,
.content_comm img,
.content_like img{width:2rem; height:2rem;}
.content_share.on img {content: url('/images/default/content/icon_share_btn_on.svg?v=2');}
.content_comm,
.content_like {display: flex; align-items: center; gap: 0.5rem;} 
.content_like.on img {content: url('/images/default/content/btn_like_on.svg?v=2');}
.content_comm {cursor:default;}

.content_view {width: 100%; border-radius:0.4rem; overflow:hidden; background:#fff; padding-bottom:4.95rem; border: 1px solid #C8C8C8;}
.content_view .post_title {width:calc(100% + 2px); left:50%; transform:translateX(-50%);}
.content_view .post_title:not(:has(.post-name)) {padding-top: 0.5rem;}
.content_view:has(.community-file-wrap .att_file_list .swiper-slide) .post_title {padding-bottom:4.95rem;}
.content_view:has(.period) .post_title {padding-bottom:7.05rem;}

.live_view_file .swiper-button-prev,
.live_view_file .swiper-button-next {display: flex; align-items: center; justify-content: center; margin-top:0; width:2.7rem; height:2.7rem; aspect-ratio:1; color:var(--main); font-size:1.11rem; border-radius:100%; border:2px solid #fff; background:rgba(255,255,255,0.7); backdrop-filter:blur(9.25px); top:50%; transform:translateY(-50%); box-shadow: 0px 3.700000047683716px 9.25px 0px rgba(0, 0, 0, 10%)}
.live_view_file .swiper-button-prev.swiper-button-disabled,
.live_view_file .swiper-button-next.swiper-button-disabled {display:none;}
.live_view_file .swiper-button-prev:before,
.live_view_file .swiper-button-next:before {display:none;}
.live_view_file .swiper-button-prev {left:0.5rem}
.live_view_file .swiper-button-next {right:0.5rem;}


.post_title {padding:2.9rem 2.5rem; background: url('/images/default/content/view_top_bg.jpg') no-repeat center center; background-size: cover; color:#fff; position: relative;}
.post_title .list_btn {gap: 0.4rem; max-width:8.4rem; position:absolute; top:2.5rem; left:2.5rem;}
.post_title .post-name { margin: 0px auto 0.95rem; text-align:center; font-size:1.3rem; font-weight:700; word-break: auto-phrase;}
.post-info {display:flex; align-items: center; gap:0.2rem 1rem; justify-content: center; font-size:0.95rem;}
.post-info > li {display:flex; gap:0.5rem 1rem; align-items: center;}
.post-info > li > div {display:flex; gap: 0.5rem; font-size: 0.75rem; line-height:1.6;}
.post-info > li > div [class*="pi_"] {display:block; flex-shrink: 0; width:0.95rem; height:auto; aspect-ratio:1; forced-color-adjust: none; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center center;  -webkit-mask-size: contain;  mask-repeat: no-repeat;  mask-position: center center;  mask-size: contain; background:#fff;}
.post-info .line {width:1px; height:0.85rem; background:rgba(255,255,255,0.5);}
.post-info .pi_w i {mask-image:url('/images/default/content/pi_icon1.svg'); -webkit-mask-image:url('/images/default/content/pi_icon1.svg')}
.post-info .pi_d i {mask-image:url('/images/default/content/pi_icon2.svg'); -webkit-mask-image:url('/images/default/content/pi_icon2.svg')}
.post-info .pi_v i {mask-image:url('/images/default/content/pi_icon3.svg'); -webkit-mask-image:url('/images/default/content/pi_icon3.svg')}
.post-info .pi_c i {mask-image:url('/images/default/content/pi_icon4.svg'); -webkit-mask-image:url('/images/default/content/pi_icon4.svg')}
.post-info .pi_l i {mask-image:url('/images/default/content/pi_icon5.svg'); -webkit-mask-image:url('/images/default/content/pi_icon5.svg')}


.content_view:has(.community-file-wrap .box-group-area > li) .post-cont  {padding-top:0;}
.post-cont {padding-top:3rem; max-width:45rem; margin:0 auto;  overflow-wrap: break-word;}
.post-cont .pnlAttachedImage img {width:100%;}
.post-cont .boardViewContent p:not(:first-child) {margin-top:1rem;}

.community-file-wrap { margin:-5rem auto 3rem; padding: 1.3rem 2.4rem; background: #F0F0F0; border-radius:0.2rem; position: relative;}
.community-file-wrap .con-tit {margin-bottom: 0.8rem; font-size: 0.95rem;}
.community-file-wrap:not(:has(li)) {display:none;}
.community-file-wrap.live_view_file .att_file_list .swiper-slide img {aspect-ratio:unset;}
.box-group-area {display: flex;  align-items: flex-start;  justify-content: flex-start;  flex-direction: column; gap: 0.5rem;}
.box-group-area > li {display: flex;  align-items: center;  justify-content: space-between;  flex-direction: row;  gap: 0.5rem 1rem;  padding: 0.8rem 1.6rem;  width: 100%; font-size:0.75rem; color:#131416; background: #fff; border: 1px solid #cdd1d5;  border-radius: 0.4rem}



.box-group-area > li .tit {display:flex; word-break: break-all;}
.box-group-area .btn-wrap a {display: flex;  align-items: center; justify-content: center; width:1.5rem; height:1.3rem; background:#B78200 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='13' fill='none'%3E%3Cpath fill='%23fff' d='M13.3 9c.3 0 .6.2.6.5v2.3c0 .3-.3.5-.6.5H.6a.6.6 0 0 1-.6-.6V9.6a.6.6 0 0 1 1.1 0v1.7h11.7V9.5c0-.3.2-.5.5-.5ZM7 .5c.4 0 .6.2.6.6v6.7L10 5.2a.6.6 0 0 1 .8.8L7.3 9.6a.6.6 0 0 1-.8 0L3.1 6a.6.6 0 1 1 .8-.8l2.5 2.6V1.1c0-.4.2-.6.5-.6Z'/%3E%3C/svg%3E") no-repeat center center; background-size:50% auto; border-radius:0.15rem;}
.box-group-area .file_icon {display:inline-block; margin-right:0.6rem; width:1.2rem; height:1.2rem; background-size:100% auto; background-position:center center; background-repeat:no-repeat}
.box-group-area .file_icon.pdf {background-image:url('/images/default/content/file_pdf.svg')}
.box-group-area .file_icon.zip {background-image:url('/images/default/content/file_zip.svg')}
.post-cont .video_wrap {margin-bottom:2rem;}
.post-cont iframe,
.post-cont video {width:100% !important; height:auto !important; aspect-ratio:16/9 !important;}
.post-cont .btn_wrap {display: flex; justify-content: flex-end; gap: 0.5rem;}
.post-cont .btn_wrap a {max-width:5rem;}


/* 뷰페이지 해시태그 영역 */
.live_titles {margin-bottom:0.5rem; font-size:1.2rem; font-weight:700;}
.live_titles:not(:first-of-type) {margin-top:3rem;}
.library-dr-info {}
.library-dr-photo-container { display: flex; flex-wrap:wrap; gap: 0.75rem; margin: 1.5rem 0 0; flex-wrap: wrap; }
.dr-photo-row {width:calc((100% - 0.75rem * 3)/4); height:auto;  aspect-ratio: 1; border-radius:0.2rem; overflow:hidden;}
.dr-photo-row span {display:block; width:100%; height:100%;}
h2 { font-size: 1.2rem; }
.hashtag-section {margin: 4rem 0 0; padding: clamp(0.8rem, 0.76rem + 0.25vw, 1rem) 0; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; }
.hashtag-wrapper {display: flex; flex-wrap: wrap; gap: 0.5rem; align-items: center; }
.hashtag-section .hashtag-item { display: inline-flex; align-items: center; padding: 0.4rem 0.8rem; background-color: #f8f9fa; color: #495057; border: 1px solid #dee2e6; border-radius: 3rem; font-size: 0.8rem; font-weight: 500; text-decoration: none; transition: all 0.2s ease; }
.hashtag-section .hashtag-item:hover { background-color: #e9ecef; border-color: #adb5bd; color: #212529; transform: translateY(-2px); box-shadow: 0 2px 4px rgba(0,0,0,0.1); }
.hashtag-section .hashtag-item:active { transform: translateY(0); box-shadow: none; }




/* 뷰페이지 댓글창 */
.comm_area {position:relative;}
.comm_area textarea {padding: 0.5rem 1rem; resize:none;}
.comm_userName {padding:0.5rem 1rem;}
.comm_userName .review-header {align-items: center; margin-bottom:0;}
.cmt_tit {display:flex; align-items: center; gap: 0.25rem;}
.cmt_tit .ico-comm {display:inline-block; width:1.5rem; height:1.5rem; background:url('/images/default/content/icon-comm.svg') no-repeat center center; background-size:100% auto;}
#commentTextLength,
#replyTextLength{display: flex; justify-content: flex-end;  padding: 0.5rem 1rem;  width: 100%; color: var(--main); font-size: 0.75rem;}
.Cmt_box .review-item {padding-top: 1.05rem; padding-bottom: 1.05rem; position:relative;}
.Cmt_box .review-item:first-child {border-top: 1px solid #ddd;}


.reply_area {padding:0; background:#FAFBFC; overflow: hidden; min-height: 0;  max-height: 0;}
.reply_area.active {padding: 0 1rem; padding-bottom: 0; margin-top: 1rem; min-height:unset; max-height:unset; overflow:visible; border-top: 1px solid #f0f0f0;}
.reply_area .review-item {padding:1rem 0; border-top:none !important; border-bottom: 1px solid #f0f0f0 !important; position:Relative;}
.reply_area .review-item:not(:last-child) {}
.reply_area .review-item:has(.reFrmCmt) {border-bottom: none !important}
.reply_area .pnlFrmCmt {margin-bottom:0; padding-top: 1rem;}
.review-item .openReply_list {display: flex; gap: 0.5rem; align-items: center; margin-top: 0.5rem; font-size:0.88rem;}
.review-item .openReply_list .pf_chat {width:1.2rem; height:1.2rem; opacity:0.8rem;}

.reply_listUp {display:flex; justify-content: center; align-items: center; margin-top:1rem; padding:0.7rem 0;cursor:pointer;}
.reply_listUp .listUp_btn { display: flex; align-items: center; gap: 0.5rem;font-size: 0.85rem; font-weight: 600;}
.Cmt_btn { display: flex; gap: 1rem;  font-size: 0.8rem;  font-weight: 700;  text-decoration: underline;  position:absolute; top:0.9rem; right:0;}
.Cmt_drop_trigger {font-size:1rem; color:#7A7A7A;}
.Cmt_drop {display:none; position: absolute;  top: 100%;  left: 50%;z-index: 106;  min-width: 4.5rem; padding: 0.2rem 0 0.3rem;  border-radius: 0.5rem;  margin-top: 0.8rem;  background-color: #fff;  border: 1px solid #ddd; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; transform: translateX(-50%);}
.Cmt_drop.active {display:block;}
.Cmt_drop:before {content: "";width: 0.6rem;height: 0.6rem;position: absolute;bottom: 100%;left: 50%; display: block; margin-bottom: -0.3rem; margin-left: -0.3rem; transform: rotate(-135deg); background-color: #fff; border: 1px solid #ddd; border-top-color: transparent; border-left-color: transparent; transition: 0.3s cubic-bezier(0.79,0.14,0.15,0.86);}
.Cmt_drop ul > li > a {display:block;   padding: 0.25rem 0.25rem 0.15rem; text-align:center;}
.Cmt_drop ul > li:not(:first-child) a {border-top:1px solid #ddd;}
.replys .Cmt_btn  {top: 1em;}


/* 폼페이지 상단 이미지 사이즈 안내 영역 */
.about_img_size {display: flex; justify-content: center; padding: clamp(1.2rem, 1.17rem + 0.188vw, 1.35rem) clamp(1.2rem, 1.04rem + 1vw, 2rem);  margin-bottom: 2rem; border-radius: clamp(0.6rem, 0.4rem + 1.25vw, 1.6rem); background: #F0EFF1;}
.about_img_size .line {width:1px; height:100%; background:#7B7B7B;}
.about_img_size .text-tit {font-size: 0.75rem;}
.about_img_size .text-tit h5 {margin-bottom:0.5rem; font-size:0.9rem;}
.about_img_size .txt-wrap {display: flex; justify-content: center; align-items: center; gap: 3vw; text-align:left;}
.about_img_size .txt-wrap h4 {flex-shrink: 0; margin-bottom:1rem; font-size:1rem; color:#232323; font-weight: 800;}
.about_img_size .img_guide {min-width: 13rem; width:25%; flex-shrink:0;}
.about_img_size .img_guide img {width:100%;}
.about_img_size ul {margin-top:1rem;}
.about_img_size ul li {padding-left:0.5rem; font-size:0.75rem; font-weight:600; position:relative;}
.about_img_size ul li:not(:first-child) {margin-top:0.25rem;}
.about_img_size ul li:before {content:'·'; display:block; line-height:0; position:absolute; top:0.65em; left:0;}


/* 폼페이지 해시태그 미리보기 영역 */
.hashtag-container { width: 100%; }
.hashtag-list { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 15px; min-height: 50px; padding: 15px; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; }
.hashtag-item { display: inline-flex; align-items: center; background-color: #f5f5f5; color: #333; padding: 8px 15px; border-radius: 4px; font-size: 14px; font-weight: 400; border: 1px solid #ddd; }
.hashtag-item .remove-tag { background: none; border: none; color: #999; font-size: 18px; margin-left: 8px; cursor: pointer; padding: 0; width: 18px; height: 18px; line-height: 1; transition: color 0.2s; }
.hashtag-item .remove-tag:hover { color: #ff0000; }
.hashtag-input-area { display: flex; flex-direction: row; gap: 10px; margin-bottom: 15px; align-items: stretch; width: 100%; }
.hashtag-input-area input { flex: 1; padding: 12px 15px; border: 1px solid #ddd; border-radius: 4px; font-size: 14px; color: #333; min-width: 85%; }
.hashtag-input-area input::placeholder { color: #999; }
.hashtag-input-area input:focus { outline: none; border-color: #0066cc; }
.hashtag-input-area button, .hashtag-input-area .btn_default, #addHashtagBtn { padding: 12px 30px !important; background-color: #0066cc !important; color: white !important; border: none !important; border-radius: 4px !important; font-size: 14px !important; font-weight: 500 !important; cursor: pointer !important; white-space: nowrap !important; transition: background-color 0.2s !important; min-width: 5% !important; display: inline-block !important; }
.hashtag-input-area button:hover, .hashtag-input-area .btn_default:hover, #addHashtagBtn:hover { background-color: #0052a3 !important; }
.hashtag-input-area button:active, .hashtag-input-area .btn_default:active, #addHashtagBtn:active { background-color: #004080 !important; }
.hashtag-suggestions { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; padding: 10px 0; }
.hashtag-suggestions small { color: #666; margin-right: 8px; font-size: 13px; }
.suggest-tag { display: inline-block; padding: 6px 12px; background-color: #f5f5f5; color: #666; border: 1px solid #e0e0e0; border-radius: 4px; font-size: 13px; cursor: pointer; transition: all 0.2s; }
.suggest-tag:hover { background-color: #e8e8e8; color: #333; border-color: #ccc; }



@media (max-width:1200px){
	.post-cont {padding:3rem 1rem 0;}
	.content_view:has(.community-file-wrap) .post-cont {padding-left:1rem; padding-right:1rem;}
	
	.post_title .list_btn {width: 2.2rem; height: auto; aspect-ratio: 1; left: 2rem; transition: unset;}
	.post_title .list_btn span {display:none;}
	.post_title .post-name {min-width: 85%;}
}
@media (max-width:1024px){
	.Cmt_drop { margin-top: 0.3rem; left:auto; right:0; transform: unset; border-radius: 0.25rem;}
	.Cmt_drop:before {display:none;}

	/* 리스트페이지 라이브 영역 */
	.now_live {padding:2rem 0;}
}
@media (max-width:768px){
	/* 리스트페이지 라이브 영역 */
	.live_vid_wrap {paddi`ng:0; width:100%;}
	.now_live video,
	.now_live iframe {border-radius:0}

	.comm_userName {padding:0.5rem;}
	#commentTextLength, #replyTextLength {font-size:0.88rem;}
	.page_sub_menu {display:flex; justify-content: space-between; align-items: center; margin-bottom: 2rem;}
	.share_btn:has(.content_share) {position: relative; top: auto; right: auto;}
	.backToList {position:static;}

	.content_view{padding-bottom:1rem;}
	.post-cont .video_wrap {margin-bottom:1.2rem;}
	.post-cont p:not(:first-child) {margin-top:0;}
	.post_title {padding: 2rem 1rem;}
	.post_title .list_btn {left:1rem; top:1rem;}
	.post_title .post-name {font-size:1.11rem;}
	.post_title .post-info {flex-direction:column;}
	.post_title .post-info li > div {font-size:0.88rem;}
	.post_title .post-info li.line {display:none;}

	.Cmt_drop {min-width: 7.5rem;}
	.Cmt_drop_trigger {font-size:1.3rem;}
	.Cmt_drop ul > li > a {font-size:1rem;}
	.review-item .openReply_list {font-size: 1rem;}
	.review-item .openReply_list .pf_chat {width:1.5rem; height:1.5rem;}
	.review-item .openReply_list strong {line-height:1;}
	.boardCommentContainer h4.cmt_tit {font-size:1.11rem;}

	.community-file-wrap {padding:1.2rem 1rem; margin-bottom: 2rem;}
	.box-group-area > li {align-items: flex-start;  padding:0.5rem; font-size: 0.8rem;}
	.box-group-area .file_icon {margin-right: 0.3rem;}

	.live_view_file .swiper-button-prev {left:-0.5rem}
	.live_view_file .swiper-button-next {right:-0.5rem;}
	

	.dr-photo-row {width: calc((100% - 0.75rem * 1) / 2);}


	/* 폼페이지 상단 이미지 사이즈 안내 영역 */
	.about_img_size .txt-wrap {flex-direction: column; gap: 1rem;}
	.about_img_size .line {width:100%; height:1px;}
	.about_img_size .txt-wrap h4 {text-align:center;font-size: 1.11rem;}
	.about_img_size .text-tit h5 {font-size:1rem;}
	.about_img_size .text-tit,
	.about_img_size ul li {font-size:0.88rem;}
	.about_img_size .img_guide {width:100%; max-width:20rem;}



}
@media (max-width:390px){
	.post_title .post-name {min-width:100%; line-height: 1.4;}
}

/********************************************************
■ Speakers
********************************************************/
.spk_page_title {display: inline-flex;  align-items: center; gap: 0.6rem;  margin-bottom:3.5rem; font-size: 1.6rem;   font-weight: 800;  position: relative; color:#232323;}
.spk_page_title:before {content: '';  display: block;  width: 1.6rem;  height: 0.7615rem;  background: url(/images/default/content/sub_tit_bul.svg) no-repeat center center; background-size: 100% auto;} 

/* ----- Oral surgery/Implants 리스트 ----- */
.skills_chk {display: none; flex-direction: column; width: 14.5rem; padding: 1.3rem 1.5rem; border-radius: 0.2rem; background: #FFF; box-shadow: 0px 2px 20px 0px rgba(29, 61, 118, 0.12);  position: absolute;top: 3.8rem; left: 0; z-index:11;}
.skills_chk li:not(:first-child) {margin-top:0.5rem;}
.skills_chk label {font-size:0.75rem; font-weight:700; font-weight:400;}
.skills.active .skills_chk {display:flex;}

/* 연자 리스트 공통 */
.spk_item_list {flex:1;}
.spk_item_list ul:has(.spk_item) {display:flex; gap:clamp(2rem, 1.7rem + 1.5vw, 3.5rem) 1rem; flex-wrap:wrap;}
.spk_item_list .spk_item {padding-top: 2rem; width:calc((100% - 1rem * 2)/3); position: relative; z-index: 0;}

.spk_item_list .spk_inner {display: flex; flex-direction: column; justify-content: space-between; padding: 0.75rem; height: 100%; background: #FFF;border-radius: 0.3rem; border: 1px solid #E2E2E2;}
.spk_item .spk_btnWrap {display:flex; margin-top:1rem;}
.spk_item .spk_btnWrap .btn_default {padding:0.75rem 0.3rem; font-size:0.75rem;}
.spk_item .spk_btnWrap .btn_default:first-child {border-radius:0.4rem 0 0 0.4rem !important;}
.spk_item .spk_btnWrap .btn_default:last-child {border-radius:0 0.4rem 0.4rem 0 !important;}
.spk_item .spk_btnWrap:not(:has(.gold_gradiant)) .btn_default {border-radius:0.4rem !important;}

/* 연자 프로필 */
.spk_info .profile .img_box {border-radius:0.3rem; overflow:hidden; position: relative;}
.spk_info .profile .img_box span {display:block; width:100%; height:auto; aspect-ratio:1;}
.spk_item_list .spk_info .profile .img_box {position:relative; margin-bottom:0.7rem; background: url('/images/default/content/speaker_bg.jpg') no-repeat center center; background-size: cover; aspect-ratio: 1;}
.spk_item_list .spk_info .profile .img_box img{position:absolute; left:50%; top:50%;  height:100%; width:auto; transform:translate(-50%,-50%);}
.spk_info .profile img {height: 100%; width:100%}
.spk_info .profile span {display:block; width:100%;  height: 100%;}
.spk_info .profile .text_box {padding: 0 0.5rem;}

.spk_tag p {display: inline-block; padding:0.4rem 1.1rem 0.95rem 0.85rem; min-width: 5.5rem; text-align: center;  position: absolute;  font-size: 0.85rem; font-weight: 700;  width: auto; border-top-left-radius: 1rem; border-top-right-radius: 1.7rem;  color: #fff;  z-index: -1;}
.spk_tag p:after {content: ''; display: block;  width: 1.75rem;  height: 1.45rem;  background-size: 100% auto; position: absolute;  z-index: -1;}
.spk_tag:not(:has(.isSpeaker)) p.isMentor {left: 0;}
.spk_tag p.isSpeaker { background-color: #1C3350;   top:0; left: 0;}
.spk_tag p.isSpeaker:after {background: url('/images/default/content/course_cate_item.svg') no-repeat center center;  bottom: 0.3rem;  right: -1.55rem;} 
.spk_tag p.isMentor {top: 0; left: 5.5rem;  background-color: var(--gold); z-index: -2;}
.spk_tag p.isMentor:after {background: url('/images/default/content/course_cate_item_g.svg') no-repeat center center;  bottom: 0.3rem;  right: -1.55rem;} 

.spk_info h3 {font-size: clamp(0.834rem, 0.81rem + 0.146vw, 0.95rem); font-weight:900;}
.spk_info .rating {display:flex; align-items: center; gap:0.4rem; margin-top: 0.15rem; font-size:0.65rem;}
.spk_info .rating .star_wrap {display: flex; align-items: center; gap: 0.2rem; font-size: 0.65rem; font-weight:700;}
.spk_info .rating .reviews {color:#2D2D2D; font-size: 0.65rem;}
.spk_info .rating .reply_time {display: flex; align-items: center; gap: 0.25rem; color:#2D2D2D; font-size: 0.65rem;}
.spk_info .rating .reply_time .time_icon {display:block; margin-top: 2px; width:0.8rem; height:0.8rem; background: url('/images/default/content/time_icon.svg') no-repeat center center; }
.spk_info .otherInfo {margin-top:0.5rem;}
.spk_info .otherInfo ul {display:flex; flex-wrap: wrap; flex-direction: column; gap:0.25rem 0.6rem;}
.spk_info .otherInfo li {display: flex;  align-items: center;  gap: 0.5rem; font-size:0.65rem;}

.icon_tooth {display:inline-block; flex-shrink: 0;  width:0.85rem; height:0.85rem; background-size:100% auto; background-position:center center; background-repeat:no-repeat; background-image:url('/images/default/content/icon_tooth.svg')}
.icon_country {display:inline-block; flex-shrink: 0;  width:0.85rem; height:0.85rem; background-size:100% auto; background-position:center center; background-repeat:no-repeat; background-image:url('/images/default/content/icon_country.svg')}
.icon_city {display:inline-block; flex-shrink: 0;  width:0.85rem; height:0.85rem; background-size:100% auto; background-position:center center; background-repeat:no-repeat; background-image:url('/images/default/content/icon_city.svg')}
.icon_hospital {display:inline-block; flex-shrink: 0;  width:0.85rem; height:0.85rem; background-size:100% auto; background-position:center center; background-repeat:no-repeat; background-image:url('/images/default/content/icon_hosp.svg')}
.icon_location {display:inline-block; flex-shrink: 0;  width:0.85rem; height:0.85rem; background-size:100% auto; background-position:center center; background-repeat:no-repeat; background-image:url('/images/default/content/icon_location.svg')}


@media (max-width:1440px){
	.spk_info .profile .text_box {width: 50%;  flex: 1; padding: 0;}
	.spk_item_list .spk_item {width: calc((100% - 1rem * 1) / 2);}
	.spk_item_list .spk_item .profile {flex-direction: row; align-items:flex-start;  gap: 0.5rem 1rem;}
	.spk_info .profile .img_box {width: 50%; min-width:4rem;}
	.spk_item_list .spk_info .profile .img_box {margin-bottom:0;}
	.spk_info h3 {font-size: clamp(0.981rem, 0.953rem + 0.146vw, 1.118rem);}
	.spk_info .tag p,
	.spk_info .otherInfo,
	.spk_info .introduction,
	.spk_info .otherInfo li{font-size:0.75rem; }
	.spk_info .rating {gap:0.2rem; font-size:0.65rem;}
	.spk_item .spk_btnWrap .btn_default {font-size:0.75rem;}
}
@media (max-width:1024px){
	.spk_info .profile .img_box {width: 28%;}
	.spk_tag p.isSpeaker:after {bottom: 0.5rem;} 
	.spk_tag p.isMentor:after {bottom: 0.5rem;} 
}
@media (max-width:768px){
	.spk_item_list .spk_item {width: 100%;}
	.spk_info .rating .reviews,
	.spk_info .rating .star_wrap,
	.spk_info .tag p, .spk_info .otherInfo, .spk_info .introduction, .spk_info .otherInfo li{font-size:0.88rem;}
	.spk_item_list .spk_item:not(:has(.isMentor,.isSpeaker)) {padding-top:0;}
	.spk_item .spk_btnWrap .btn_default {font-size:0.88rem;}
}
@media (max-width:390px){
	.spk_info h3 {font-size: clamp(1.042rem, 1.013rem + 0.146vw, 1.188rem);}
}

.spk_skills {flex-shrink: 0; padding: 1.9rem 3vw 1.5rem; background: #FFF; box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.04);}
.spk_skills .item:has(.skill_tag) {min-height:4.775rem;}
.spk_skills .item:not(:first-child){padding-top:0.8rem; margin-top:0.7rem; border-top:1px solid #D9D9D9}
.spk_skills .item h4 {display:flex; align-items: center; gap:0.35rem; padding-bottom:0.55rem; margin-bottom:1.1rem; border-bottom:1px solid #929292; font-size:0.95rem; font-weight:800; color:#353535;}
.spk_skills .item h4:before {content:''; display:block; width:1.1rem; height:1.1rem; background:url('/images/default/content/m_ans_comp.svg') no-repeat center center; background-size:100% auto; }
.skill_tag,
.record {display:flex;  align-items: center;flex-wrap:wrap; font-size:0.85rem; gap:0.05rem 0.5rem; color:#353535;}
.spk_skills .record {flex-direction: column;  align-items: flex-start;  gap: 0.3rem;}
.skill_tag strong,
.record strong {color:#45474A; font-size: 0.95rem; font-weight:800;}

@media (max-width:768px){
	.spk_skills ul {font-size:0.88rem;}
	.spk_item_list .spk_item:not(:has(.isSpeaker,.isMentor)) {padding-top:0;}
	.spk_skills .item h4 {justify-content: center; font-size:1rem;}
	.spk_skills .record {flex-direction: column;  align-items: center;}
	.spk_skills .record .line {display:none;}
}

.spk_btnWrap {display:flex; margin-top:1.2rem;}

@media (max-width:768px){
	/* .spk_btnWrap  {flex-direction: column;} */
}


/* ----- Oral surgery/Implants 뷰 ----- */

/* 상단 연자 정보 */
.spk_view {position:relative;  z-index:0;}
.spk_view .btn_wrap {justify-content: flex-end; margin-top:0; margin-bottom:1.7rem;}
.course_view .btn_wrap {margin-top:5rem;margin-bottom: 0;}
.spk_view .btn_wrap .backtolist {border:none; box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 10%);}
.spk_view .spk_tag p.isSpeaker,
.spk_view .spk_tag p.isMentor {top:2rem;}
.spk_view .spk_info {display:flex; gap: 1rem 3.25rem;  justify-content: center;   align-items: center; padding: 1.6rem 3.2rem; margin-bottom:2.5rem; border-radius: 0.3rem; border: 1px solid #E8E8E8; background: #F3F1E9 url('/images/default/content/view_top_bg.png') no-repeat left center; background-size: cover;  background-blend-mode: luminosity; position: relative; z-index: 1;}
.spk_view .spk_info h3 {font-size:1.15rem;}
.spk_view .spk_info .profile {display: flex; align-items: center; flex-direction: row; margin-bottom:0; width: 55%; gap: 1.5rem;}
.spk_view .spk_info .profile .img_box {width: 12rem;  height: auto;  aspect-ratio: 1; margin-bottom: 0; background: url('/images/default/content/speaker_bg.jpg') no-repeat center center; background-size: cover;}
.spk_view .spk_info .profile .text_box {flex:1; padding: 0;}
.spk_view .spk_info .rating { margin-top: 0.45rem; font-size:0.85rem;}
.spk_view .spk_info .lang_used {display: flex; align-items: center; gap: 0.25rem;margin-top: 0.25rem; font-size: 0.75rem;}
.spk_view .spk_info .otherInfo {margin-top:1.3rem;}
.spk_view .spk_info .otherInfo ul {display:flex; flex-wrap: wrap; flex-direction: row; gap:0.6rem;}
.spk_view .spk_info .otherInfo li {width: auto; min-width: 33%; font-size:0.7rem; align-items: center;}
.spk_view .spk_info .otherInfo [class*='icon_'] {width:1.4rem; height:1.4rem; background-color:#fff; background-size: 70.5%; border-radius:100%; filter: drop-shadow(0px 2px 8px rgba(0, 0, 0, 0.08));}
.spk_view .spks_sns_list {display:flex; gap: 0.4rem; margin-top: 1rem;}
.spk_view .spks_sns_list img {width:1.45rem;}


@media (max-width:1440px){
	.spk_view .spk_info {gap: 1rem 2rem; padding-left:2rem; padding-right:2rem;}
	.spk_view .spk_info .profile { align-items: flex-start; width:auto;}
}
@media (max-width:1024px){
	.spk_view .spk_info .profile {flex:1; align-items: flex-start; width:auto;}
	.spk_view .spk_info .profile .img_box {width: 7.75rem;}
	.spk_view .spk_skills {align-items: center; padding:1rem;}
	.spk_view .spks_sns_list {justify-content: center;}
}
@media (max-width:768px){
	.spk_view .spk_info {flex-direction:column;  margin-bottom:5rem; padding: 1.5rem 1rem; background-position: left top ;  background-size: contain;}
	.spk_view .spk_info .profile {width:100%; flex-direction: column;  align-items: center;text-align: center;}
	.spk_view .spk_skills,
	.spk_view .spk_skills .item {width:100%;}
	.spk_view .btn_wrap {margin-bottom:3.8rem;}
	.spk_view .spk_tag p.isSpeaker, .spk_view .spk_tag p.isMentor {top:4.2rem;}
	.spk_view .spk_info .profile .text_box {width:100%;}
	.spk_view .spk_info .otherInfo {width:100%;}
	.spk_view .spk_info .otherInfo ul {justify-content: center; gap: 0.5rem 1rem;}
	.spk_view .spk_info .otherInfo li {font-size:0.88rem; min-width: unset;}
	.spk_view .spk_info .rating,
	.spk_view .spk_info .lang_used {justify-content: center;}
}



/* 하단 내용 */
.spk_view_item {display:flex; align-items: flex-start; border: 1px solid #ddd;  border-radius: 8px;  padding: 1.6rem 1rem; padding-right: 8rem; background-color: #f9f9f9;  position: relative; cursor: pointer; transition: all 0.5s;}
.spk_view_item.column {flex-direction: column; gap:1rem; padding:1rem;}
.spk_view_item.column.has-folding {padding: 1.6rem 1rem; gap:0;}
.spk_view_item.open {background:#fff; box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 10%); border-color:var(--gold);}
.spk_view_item.no-folding { border: 1px solid #ddd; box-shadow:unset; cursor: default;}
.spk_view_item.no-folding .arrow {display:none;}
.spk_view_item:not(:first-child) {margin-top:1.95rem;}
.spk_view_item  .section-header { display: flex; justify-content: space-between; align-items: center; flex-shrink: 0; width: 16.5vw;}
.spk_view_item  .section-header h4 { font-size:1.1rem; font-weight:800; color:#232323; line-height: 2.25rem;}
.spk_view_item .tags {display: flex; flex-wrap: wrap; gap: 10px;}
.spk_view_item .tag { background: #fff; border-radius: 1rem; padding: 0.37rem 1.5rem; font-size: 14px; border: 3px solid rgba(44,62,80,0.1); box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 10%); color:#1C3350; font-weight:800; font-size:0.8rem;}
.spk_view_item .tag.active {  background-color: #1d3557;  color: white;  border-color: #1d3557;}
.spk_view .spk_view_item .section-content {width: calc(100% - 16.5vw);  display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; max-height: 2.45em;}
.spk_view:is(.mentoring) .spk_view_item .section-content {max-height:0;}
.spk_view_item.column .section-content {width:100%;}
.spk_view_item.open .section-content,
.spk_view:is(.mentoring) .spk_view_item.open .section-content {  display: block; max-height: unset; overflow:visible; text-overflow: unset;}
.spk_view_item .section-content.spk-course {overflow:hidden;} 
.spk_view_item .section-content.spk-course .txt {display: flex; flex-direction: column; justify-content: space-between;  flex: 1; padding: 1.2rem;  box-shadow: 0 4px 20px 0 rgba(29, 61, 118, 0.10); border-radius: 0 0 0.3rem 0.3rem; border: 1px solid #E7E7E7; background: #FFF;}
.spk_view_item .section-content .s_sqaure {margin-top:2rem;}
.spk_view_item.noPreview .section-content {display:none;}
.spk_view_item.noPreview.open  .section-content{display:block;}
.spk_view_item .arrow {display:flex; align-items: center; gap: 0.5rem; font-size:0.75rem; font-weight:800; color: #565656; position: absolute;top: 2rem;right: 2rem;}
.spk_view_item .arrow span {display:block; margin: 0;  width: 1.5rem;  height: 1.5rem;  aspect-ratio: 1;  background: #fff url('/images/default/main/h_banner_arrow.svg') no-repeat center center;  background-size: 50%;
border-radius: 100%;  border: 1px solid #DCDCDC; transform:rotate(90deg); transition:all 0.5s;}
.spk_view_item.open .arrow span {transform:rotate(-90deg);}
.spk-course {overflow:hidden;}
.spk_view_lectList {display: flex; flex: 1; flex-wrap: wrap; gap: 2.2rem 1rem;}
.spk_view_lectList > li {width: calc((100% - 1rem * 3) / 4);}
.spk_view_item .text-box {padding:1rem; margin-top:1rem; border-radius:0.5rem; background:#fff; border: 1px solid #ddd; font-size: 0.8rem; overflow-wrap: break-word;}


@media (max-width:1440px){
	.spk_view_lectList > li {width: calc((100% - 1rem * 2) / 3);}
}
@media (max-width:1300px){
	.spk_view_item.column.has-folding {gap: 1rem; padding-right: 1rem; padding-bottom:0.5rem;}
}
@media (max-width:768px){
	.spk_view_item {flex-direction: column; gap: 1rem;  padding: 1rem; }
	.spk_view_item.column.has-folding {padding:1rem; padding-bottom: 0;}
	.spk_view_item  .section-header  {width:100%;}
	.spk_view_item .section-header h4 {line-height:1.5;}
	.spk_view .spk_view_item .section-content {width:100%;}
	.spk_view_item .tag {padding: 0.2rem 0.8rem; font-size:0.88rem;}
	.spk_view_item .arrow {top: 1.15rem; right:1rem; line-height: 1;}
	.spk_view_item .text-box {font-size:1rem;}
	.spk_view_lectList > li {width: calc((100% - 1rem * 1) / 2);}
}
@media (max-width:540px){
	.spk_view_lectList > li {width: 100%}
}

/********************************************************
■ MINEC Playground
********************************************************/
/* ----- Mentoring 리스트 ----- */
.mento_list .spk_tag p.isMentor {left:0; z-index:-1;}
.mento_list .spk_tag p.isSpeaker {left: 5.5rem; z-index:-4;}


/* ----- Mentoring 프로필 뷰 ----- */
.mentoring .view_wrap {display:flex;flex-direction: row-reverse !important; gap: 3.4rem; align-items: flex-start; width:100%;}
.mentoring .view_fixed_menu {margin-top:0; position: static; transition: unset;}
.mentoring .view_fixed_menu.sticky { position:sticky; top:1rem !important; left: auto;}
.mentoring .profile .mentoBadge {position: static; margin-bottom: 1rem; flex-direction: row; gap: 0.5rem;}
.mentoring .profile .mentoBadge  p {flex-shrink:0; width: auto;}
.mento_field ul li:not(:first-child) {margin-top:0.95rem; margin-bottom:0;}
.mentoring .isMentor {left:0 !important; z-index:-1;}
.mentoring .isSpeaker {left:5.5rem !important; z-index:-2;} 

.flex-layout.column {flex-direction:column; gap: 1rem;}
.flex-layout.column h5 {width:100%;}
.mentoring .view_fixed_menu .spk_tag {margin:0;}
.mentoring .mentor_txt {margin-top:1.1rem; font-size:0.75rem; color:var(--black);}
.mentoring .mentor_txt strong {display:block; margin-top: 0.3rem; color:var(--navy); font-size:0.95rem;}
.mentoring .spk_view_item .text-box:has(.steps) {margin-top:0;}
.mentoring .ci_inner .c_info ul {margin-top: 1.35rem;}

.mentoBadge {display:flex; gap: 0.75rem; margin-bottom: 1rem;}
.mentoBadge p {display: flex; justify-content: center; align-items: center; gap:0.1rem; padding: 0.3rem 0.4rem; font-size: 0.7rem; font-weight:700; background: rgba(243, 233, 218, 0.8); color:#6A4E1F; border:1px solid #E8C89A;}
.badge-top i {background:#6A4E1F;}
.badge-asap i {background:#6A4E1F;}

/* How it works */
#how-section .steps {display: flex;flex-direction: column;justify-content: center;align-items: center; flex-shrink:0; padding: 0.2rem 0.5rem 0;  min-width: 3.1rem; font-size:0.95rem; font-weight:800; color:#fff; border-radius: 0.3rem; background: #2563EB; position: relative;}
#how-section .steps span {font-weight:400; font-size:0.7rem;}
#how-section ul li {display:flex; align-items: flex-start; gap:1.4rem;}
#how-section ul li:not(:first-child) {margin-top:1rem;}
.step_desc {flex:1;}
.step_desc h6 {padding-top: 0.35rem; font-size:0.95rem; font-weight:700; line-height: 1;}
.step_desc h6 span {display:block; margin-top: 0.65rem; font-weight:400;}
.step_desc p {padding: 1rem 1.2rem; margin-top:1.5rem; width:100%; border-radius: 0.4rem;background: #FFF;box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.04);}
.step_desc:has(.noSpan) p {margin-top:0.35rem;}

@media (max-width:1440px) {
	.mento_list .spk_item .profile{flex-wrap:wrap;}
	.mento_list .spk_item .profile .img_box {width: 28%;}
	.mento_list .spk_info .rating {flex-wrap:wrap;}
	.mentoBadge p {width:100%;}
}
@media (max-width:1300px) {
	.mentoring .spk_view_item {flex-direction:column; gap: 1rem;  padding-right: 1rem; padding-bottom: 0.5rem;}
	.mentoring .spk_view_item.open {padding-bottom:1.6rem;}
	.mentoring  .spk_view_item .section-content {width:100%;}
	.mentoring .spk_view_item .section-header {width:auto;}
	.mentoring .spk_view_item .text-box:not(:has(.steps)) {max-width:unset;}
}
@media (max-width:1024px) {
	.mentoring .view_wrap  {flex-direction:column !important;}
	.mentoring .spk_view_item .text-box:not(:has(.steps)) {margin-top: 0; max-width:100%;}
	.mentoring .view_fixed_menu.sticky,
	.mentoring .view_fixed_menu{position:relative; width: 100%; top:auto !important; left:auto !important; max-width:unset;} 
	.mentoBadge p {font-size:0.6rem;}
}
@media (max-width:768px){
	.mw_bg {padding:1.5rem 1rem;}
	.mw_bg ul li {gap:1rem; flex-direction:column; position:relative;}
	.mw_bg ul li:after {content:''; display:block; width: 0.3rem; height: 2.8rem; background:url('/images/default/content/mw_step_dot.svg') no-repeat center center; background-size:100% auto; position:absolute; bottom:-3rem; left:50%; transform:translateX(-50%);}
	.mw_bg .steps {flex-direction:row; gap:0.5rem; align-items: baseline;  width:100%; font-size:1.11rem;}
	.mw_bg .steps span {font-size:1rem;}
	.mw_bg ul li:not(:first-child) {margin-top:3rem;}
	.mw_bg ul li:not(:last-child) .steps:after {display:none;}
	
	
	.step_desc h6 { padding-top: 0; font-size:1rem; line-height:1.5;}
	.step_desc h6 span {margin-top:0;}
	.step_desc p {padding:1rem; font-size:0.88rem;}
	
	.mentoBadge p {font-size:0.88rem;}
	.mentoring .profile .mentoBadge {justify-content: center;}
	.mentoring .profile .mentoBadge  p  {width:auto;}
	.mentoring .mentor_txt {font-size:1rem;}
	.mentoring .spk_view_item {padding-bottom:0;}
	.mentoring .spk_view_item.open {padding-bottom:1rem;}
}


/* ----- Mentoring 신청 페이지 ----- */
#wrap:has(.mento_apply) .breadcrumb li .txt {color:#fff;}
#wrap:has(.mento_apply) .breadcrumb li:not(:last-child):after,
#wrap:has(.mento_apply) .breadcrumb li.home .txt:before{background:#fff;}
#wrap:has(.mento_apply) .section h2 {color:#fff;} 
#wrap:has(.mento_apply) .section h2:before {background-image:url('/images/default/content/sub_tit_bul_w.svg')}
#wrap:has(.mento_apply) .view_top:after {background-image:url('/images/default/content/view_top_bg3.jpg')}

.mento_apply .view_wrap {align-items: flex-start; width: 100%;}
.mento_apply .view_fixed_menu {margin-top: 0; position: static; transition: unset;}
.mento_apply .view_fixed_menu.sticky {position: sticky; top: 1rem !important; left: auto;}
.mento_apply .view_fixed_menu .img_box {width:25%;}
.mento_apply .view_wrap .profile {flex-direction: row;  align-items: center; gap:1rem;}

/* 상단 배너 */
.apply_banner {margin-top: -5rem; margin-bottom:2.8rem; padding:2rem 2rem 2rem 40.76%; font-size: 0.8rem; background:url('/images/default/content/mentoApply_ban_bg.jpg') no-repeat center center; background-size:cover; position:relative; border-radius: 0.6rem; overflow:hidden;}
.apply_banner:before {content:''; display:block; width:30.79%; height:100%;  background:url('/images/default/content/mentoApply_ban_l.svg') no-repeat right center; background-size:cover; position:absolute; top:0; left:0;}
.apply_banner:after {content:''; display:block; width:10.41%; height:100%; background:url('/images/default/content/mentoApply_ban_r.svg') no-repeat left center; background-size:cover; position:absolute; top:0; right:0;}
.apply_banner h4 {margin-bottom:0.3rem; font-size: 1.3rem;}

@media (max-width:1440px){
	.mento_apply .flex-layout {flex-direction:column; gap: 1rem;}
	.mento_apply .flex-layout h5 {width:100%;}
}
@media (max-width:1024px){
	.mento_apply .view_fixed_menu {display: flex;  gap: 2rem; width:100%; max-width:unset; position:relative; top:auto; left:auto;}
	.mento_apply .view_fixed_menu.sticky {position:relative; top:auto; left:auto;} 
	.mento_apply .apply_notice  {margin-top:0;}
	.apply_banner {padding: 1.5rem 1rem 1.5rem 35%}
}
@media (max-width:768px){
	.apply_banner {padding: 1.5rem; font-size:0.88rem; text-align: center;}
	.apply_banner:before,
	.apply_banner:after {display:none;}
	.apply_banner h4 {font-size:1.27rem;}


}

/* 멘토 신청 폼 */
.req {font-family:'Suit'; color:#F00;}
.mento_form .flex-con {padding-top:0;}
.mento_form .flex-con label {display:flex; align-items: center;  gap: 0.25rem; margin-bottom:0.25rem;font-size:0.8rem; font-weight:500;}
.mento_form .flex-con  .chksBox {display:flex; flex-wrap:wrap;  gap: 0.3rem 1rem; margin-bottom:1rem;}
.mento_form .flex-con  .chksBox > li {width:calc((100% - 1rem * 2)/3);}
.mento_form .flex-con  .chksBox > li.all {flex-basis:100%;}
.mento_form .col2 {display:flex; gap:1rem 2rem; position: relative;}
.mento_form .col1:not(:first-child) {margin-top:1.5rem;}
.mento_form .col2:not(:first-child) {margin-top:2rem;}
.mento_form .col1:has(.col2) .col2 {margin-top:0;}
.mento_form .col2 .long {width:66%;}
.mento_form .col2 .short {width:36%;}
.hasDatepicker {background: #fff url('/images/admin/ico_date.svg') no-repeat 95% 50% !important; background-size: 25px auto !important; cursor:pointer;}
.mento_form .toothNum {max-width:6rem; border:none !important; background:#ddd !important;}
.mento_form .form_top {padding-bottom:2.8rem; margin-bottom:2.8rem;  border-bottom:1px solid #B5B5B5; }
.mento_form .flex-con:has(.dow_select) {max-height:32vh; overflow-y:auto;}
.mento_form .dow_select {display:flex; flex:1; flex-wrap:wrap; gap:1rem;}
.mento_form .dow_select .item {display: flex; flex-direction: column; width:100%;}
.mento_form .dow_select .inner_select {margin-top:0.5rem;}

.mento_apply .quadrant {gap: 0rem;}
.mento_apply .quadrant .row {gap: 0.25rem; transform: scale(0.9);}

.mento_form .form_btm .file {gap:1rem; margin:0;}
.mento_form .form_btm .file .btn_default {max-width:6.1rem; font-weight: 400;}
.mento_form .file_con .col1:not(:first-child) {margin-top:0.5rem;}
.mento_form .tooth_img {margin-bottom:1rem;}
.mento_form .tooth_form_wrap {display:flex; flex-direction:column; gap:1rem;}
.mento_form .tooth_form {padding:1rem 1.5rem; border:1px solid #DEA459; border-radius:0.5rem; position:relative; box-shadow: 0 0 0 1px #e8c589, 0 8px 10px -3px rgba(0, 0, 0, .05), 0 3px 5px -3px rgba(0, 0, 0, .05);}
.mento_form .tooth_form .flex-layout:not(:last-child) {align-items: center; margin-bottom: 2.05rem;}
.mento_form .tooth_form h6 {font-size:0.9rem; margin-bottom:0.5rem;}
.mento_form .tooth_form  .tooth_form_del {font-size:1rem; position:absolute; top:0.5rem; right:0.5rem;}
.content_form {padding-top: 2.8rem;  margin-top: 2.8rem; border-top: 1px solid #B5B5B5;}

.tooth_form_box {display: flex; flex-direction: column; gap: 2rem;}
.tooth_form_box .half_wrap{display:flex; gap:1rem;}
.tooth_form_box .half_wrap .half:first-child h6{flex-shrink:0;width:6rem; }
.tooth_form_box .half_wrap .half .chksBox{height:3.7rem; overflow-y:scroll; padding:1rem; background:#f8f8f8; border-radius:0.5rem;}
.tooth_form_box .half_wrap .half .toothnum{height:3.7rem; width:100%; display: flex; align-items: center; justify-content: center; background:#F9EFDB; border-radius:0.5rem; font-weight:600; font-size:0.9rem;}


@media (max-width:1200px){
	.mento_form .col2 {gap:1rem;}
	.mento_form .flex-layout {gap:1rem;}
}
@media (max-width:768px){
	.chooseTooth {flex-direction: column; margin-top:0; padding: 1rem;}
	.chooseTooth .img_box { display: flex; align-items: center;  flex-wrap: wrap;  gap: 1rem; width: 100%; height: auto;}
	.mento_form .flex-layout {flex-direction: column;}
	.mento_form .col2:not(:first-child) {margin-top: 1.2rem;}
	
	.mento_apply .quadrant .row {gap:0.5rem; transform: scale(1);}
	.mento_apply .quadrant {gap:2rem;}
	.mento_form .flex-con label {min-height: 2.64rem; font-size:0.88rem;}
	.mento_form .tooth_form{padding:2.5rem 1rem;}
	.tooth_form_box .half_wrap{flex-direction: column;}
	.tooth_form_box .half_wrap .half:first-child{display:flex; align-items: center;}
	.tooth_form_box .half_wrap .half:first-child h6{margin-bottom:0;}
	.tooth_form_box .half_wrap .half .toothnum{height:auto; padding:1rem;}
	.tooth_form_box .half_wrap .half .chksBox{height:5rem; }
	.mento_form .flex-con .chksBox > li{width:100%;}

}
@media (max-width:540px){
	.mento_form .dow_select .item { width:100%;}
	.mento_form .flex-con label {min-height: unset;}
	.mento_form .flex-con:has(.dow_select) {max-height: 10rem;}
}

/* 오른쪽 메뉴 */
.mento_apply .otherInfo {margin-top:0.6rem; font-size:0.85rem;}

.mento_agree {margin-top:2.2rem; padding-top: 1.6rem; border-top: 1px solid #D1D5DA;}
.mento_agree:has(.priv_pop) {display:flex; justify-content: flex-end; gap:0.5rem;}
.mento_agree:has(.mailChk) {flex-direction: column; align-items: center;}
.mento_agree button{font-size: 0.8rem; font-weight: 500; color: var(--grey89); text-decoration: underline;}
.mento_agree .chks:not(:first-child) {margin-top:0.5rem;}
.mento_agree label {font-size:0.8rem; font-weight:500; color:var(--grey89) !important; flex-shrink:unset !important}
.mento_agree em {color:#D63D4A;}
.mento_agree label span {display:flex; gap:0.25rem;}
.mailChk,
.priChk {display:flex; gap: 1rem; color: var(--grey89);  font-size: 0.85rem;}
.priChk .chks {gap:0.5rem}

/* 오른쪽 메뉴 하단 공지사항 */
.apply_notice {margin-top:2rem;}
.apply_notice ul li {display:flex; align-items: flex-start; gap:0.65rem; padding: 1rem 1.5rem; color:var(--grey35); font-size:0.8rem; font-weight:500; border-radius: 0.5rem; background: #EEF4FF; box-shadow: 0px 0px 6px 0px rgba(9, 17, 33, 0.08) inset;}
.apply_notice ul li:not(:first-child) {margin-top:1.2rem;}
.apply_notice ul li i {font-size:1.6rem; color:var(--navy);}

@media (max-width:1260px){
	.apply_notice {}
}
@media (max-width:768px){
	.apply_notice {width:100%;}
}


/********************************************************
■ 내 계정
********************************************************/
#wrap:has(.myAccount),
#wrap:has(.for1year) {background:#F0EFF1}
#wrap:has(.for1year),
#wrap:has(.for1year) .content_view {overflow:visible;}
.myAccount .view_wrap {padding: 2.1rem 2rem; background:#fff; width:100%;}
#wrap:has(.view_fixed_menu) .view_wrap {display:flex; gap:3.4vw;}
.myAccount .view_wrap .coup{width:100%;}
#wrap:has(.myAccount) .view_fixed_menu {max-width:unset; width:31.48%; position:relative; left:auto; right:auto; top:auto; }
#wrap:has(.myAccount) .course_view {width:calc(100% - (31.48% + 3.4vw));}

@media (max-width:1260px){
	#wrap:has(.view_fixed_menu) .view_wrap {flex-direction:row;}
}
@media (max-width:1024px){
	.myAccount .view_wrap {flex-direction:column; gap: 2rem;}
	#wrap:has(.view_fixed_menu) .view_wrap {flex-direction:column-reverse; gap: 4rem 2rem;}
	#wrap:has(.myAccount) .course_view {width:100%;}
	#wrap:has(.myAccount) .view_fixed_menu {width:100%;}
}
@media (max-width:768px){
	.myAccount .view_wrap {  gap: 5rem; padding: 1.2rem 1rem}
}



/********************************************************
■ 수강이력
********************************************************/
/* 상단탭메뉴 */
.ch_tab {margin-bottom:2.8rem;}
.ch_tab ul {display:flex;}
.ch_tab ul > li {width:100%;}
.ch_tab ul > li button {display:flex; justify-content: center; align-items: center; padding: 0.9rem 0; width:100%; height:100%; font-size:1.05rem; font-weight:700; color:#6D7882; border: 1px solid #B1B8BE; background: #FFF;}
.ch_tab ul > li:first-child button { border-radius: 0.3rem 0rem 0rem 0.3rem; border-right:none;}
.ch_tab ul > li:last-child button { border-radius: 0rem 0.3rem 0.3rem 0rem;}
.ch_tab ul > li:is(.on,:focus) button {color:#fff; background: linear-gradient(90deg, #694E12 0%, #48360E 52.4%, #966E16 100%); border: 2px solid #BEB593;}

/* 상단 서브탭메뉴 */
.ch_sub_tab {padding:0; margin-bottom:30px; }
.ch_sub_tab ul { display:flex; border-bottom: 2px solid #B1B8BE; margin:0 auto;}
.ch_sub_tab ul li { flex:1; text-align:center; }
.ch_sub_tab ul li button { width:100%; padding:0 clamp(0.8rem, 0.76rem + 0.25vw, 1rem) 0.93rem; background:transparent; border:none;  color:#666; font-size: clamp(0.889rem, 0.887rem + 0.014vw, 0.9rem); cursor:pointer; transition:all 0.3s; position:relative;}
.ch_sub_tab ul li button:after {content:''; display:block; width:0; height:3px; background:var(--main); position:absolute; bottom:-2px; left:50%; transform:translateX(-50%); transition:width 0.3s;}
.ch_sub_tab ul li.on button {color:var(--main); font-weight: 700; letter-spacing: -0.02em;}
.ch_sub_tab ul li button:hover {color:var(--main);}
.ch_sub_tab ul li.on button:after,
.ch_sub_tab ul li button:hover:after {width:100%;}


@media (max-width:1024px){
	.ch_sub_tab ul li button {font-size: clamp(1.046rem, 1.043rem + 0.014vw, 1.059rem);}
}
@media (max-width:768px){
	.ch_sub_tab ul li button {font-size: clamp(0.988rem, 0.96rem + 0.137vw, 1.125rem);}
}


/*----- 수강이력 리스트 내용-----*/
.c_history {width:100%;}
.line_table.history_table {font-size:0.75rem;}
.line_table.history_table .nothing{font-size:0.9rem;}
.his_tab {display:none;}
.his_tab.active {display:block;}

/* 테이블 스타일 */
.line_table table {width:100%; border-top: 2px solid #565656; border-bottom: 1px solid #565656; background: #FFF;}
.line_table thead th {padding: 0.6rem 0.5rem; font-size: 0.8rem; border-bottom: 1px solid  #565656; position:relative;  font-family: 'Inter';}
.line_table thead th:not(:last-child):after {content:''; display:block; width:1px; height:60%; background:#B3B7BC; position:absolute; top:50%; right:0; transform:translateY(-50%);}
.line_table tbody tr:not(:first-child) {border-top:1px solid #B3B7BC}
.line_table thead th.no_line:after {display:none;}
.line_table thead th.add_line_l:before {content:''; display:block; width:1px; height:60%; background:#B3B7BC; position:absolute; top:50%; left:0; transform:translateY(-50%);}
.line_table thead th.add_line_r:before {content:''; display:block; width:1px; height:60%; background:#B3B7BC; position:absolute; top:50%; right:0; transform:translateY(-50%);}
.line_table tbody td {padding: 0.7rem 0.5rem; position:relative; overflow-wrap: anywhere;}
.line_table tbody td:not(:last-child) {border-right:1px solid #B3B7BC;}
/* .line_table:has([class*='no']) tbody td:before {display:none !important;} */


/* 테이블 내용 */
.c_his_box {display:inline-flex; align-items: center; justify-content: center;  width: auto;}
.c_his_name {justify-content: flex-start; align-items: flex-start;  text-align: left; width:100%; }
.about_c h4 {display:flex; align-items: flex-start; gap:0.3rem; flex-direction:column; font-size:1rem; line-height:1.3; margin-bottom:0.3rem;}
.about_c h4 span {display:inline-block;padding: 0.125rem 0.6rem; border-radius: 1rem; background: #1C3350; font-weight: 400; color: #FFF; font-size: 0.75rem;}
.c_his_spk {display:flex; flex-wrap: wrap; gap: 0rem 0.25rem; font-size: 0.75rem;}
.certi_badge {position: absolute; top: 0; right: 0;}
.certi_badge img {width:6rem;}
.footnote{ font-size:0.75rem; color:#898989;}

.c_his_detail ul li {display:flex; justify-content: flex-start; font-size: 0.75rem; font-weight:400;}
.c_his_detail ul li:not(:first-child) {margin-top:0.4rem;}
.c_his_detail ul li span {display:block; width: 7rem; text-align: left; font-weight:700;}

.donut-chart { position: relative; width: 6.2rem; height: 6.2rem; border-radius: 50%; background: #8C6000; transition: background 0.5s ease;}
.donut-chart::before {  content: "";  position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);  width: 5rem;  height: 5rem;  background: white;  border-radius: 50%;  z-index: 1;}
.chart-label {  position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);  text-align: center;  z-index: 2; width: 100%;}
.chart-label .text {font-size: 0.7rem;  color: var(--grey73);}
.chart-label .value {font-size: 0.95rem;  font-weight: 700;  color: #000;}
.c_his_btn { align-items: center; justify-content: center;gap: 0.5rem 1rem; width: 100%;}
.c_his_btn .btn_default {width:4.5rem;  max-height: 2.2rem; font-size: 0.7rem;}
.c_his_btn .btn_default.long {width:100%;  max-width:9.75rem;}
.iss_chk {font-size:0.75rem}
.iss_chk i {display:block; margin-bottom:0.35rem; width:1rem; height:1rem; aspect-ratio: 1/1;  background: url('/images/default/content/chk_gradiant.svg') no-repeat center center; background-size:auto 100%;}
.iss_chk strong {display:block; text-align: left; font-size:0.85rem; color:#232323;}

.my_course_view_tb .thumb .thumb_box {width:100%; height:auto; aspect-ratio: 262 / 146;  border-radius: 0.5rem;overflow: hidden;}
.my_course_view_tb .thumb .thumb_box span {display:block; width:100%; height:100%;}
.my_course_view_tb .el_wrap {text-overflow: ellipsis; overflow: hidden;  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;  line-height: 1.4em; max-height: 2.9em;}

/* 팝업 */
.review .modal_wrap {max-width:24rem;}
.review .about_c .c_write_name {flex-direction:row; gap:0.7rem; padding-bottom:0.75rem; margin-bottom:0.75rem; text-align: left; border-bottom:1px solid #B4B8BD;}
.review .about_c .c_write_name span {display: inline-block;  padding: 0.125rem 0.6rem;  border-radius: 1rem;  background: #1C3350;  font-weight: 400;  color: #FFF;  font-size: 0.75rem;}
.review .about_c .c_write_name ul li {display:flex; align-items: center; gap: 0.5rem; font-size:0.8rem;}
.review .about_c .c_write_name ul li:not(:first-child) {margin-top:0.5rem;}
.c_star {font-size:0.8rem;}
.c_star .starDiv {justify-content: center;  margin-top: 0.7rem;}
.c_star .starDiv .star {width:1.25rem; height:1.25rem; background: url('/images/default/content/ico_review_big.svg') no-repeat right 0; background-size:auto 100%;}
.c_star .starDiv .star.on {background-position:0 0;}
.cww_input {padding: 0.4rem 1rem; margin-top:1.5rem; background: var(--lgold); line-height: 154%; color: #2D2D2D; font-size: 0.75rem;}

.cww_input textarea {padding:0; max-height: 10rem; background:transparent; border:none;}
.c_history:not(.mento_history) .line_table tbody .table_c_name {padding-right:4rem;}
.c_history:not(.mento_history) .line_table tbody .table_c_name:not(:has(.certi_badge)) {padding-right:1rem;}
.c_history:not(.mento_history) .line_table tbody .table_c_name .about_c h4 {font-size:0.9rem;}

@media (max-width:1024px){
	/* 테이블 스타일(공통스타일) */
	.line_table:not(:has(.my_course_view_tb,.inq_stat)) table,
	.line_table:not(:has(.my_course_view_tb,.inq_stat)) thead,
	.line_table:not(:has(.my_course_view_tb,.inq_stat)) tbody,
	.line_table:not(:has(.my_course_view_tb,.inq_stat)) th,
	.line_table:not(:has(.my_course_view_tb,.inq_stat)) tbody td,
	.line_table:not(:has(.my_course_view_tb,.inq_stat)) tr {display: block;	width: 100%;}

	.line_table:not(:has(.my_course_view_tb,.inq_stat)) table {border:none;}
	.line_table:not(:has(.my_course_view_tb,.inq_stat)) thead { display: none;}
	.line_table:not(:has(.my_course_view_tb,.inq_stat)) tr {position:relative; display:flex; flex-wrap:wrap; flex-direction: column; border:1px solid #ddd; padding:1rem; padding-top: 0; padding-bottom: 0; border-radius:6px;}
	.line_table:not(:has(.my_course_view_tb,.inq_stat)) tr:not(:first-child) {margin-top:2rem;}

	.line_table:not(:has(.my_course_view_tb,.inq_stat)) th {display:flex; align-items: center; border:none; padding:0.2rem; text-align:left;  font-size:0.88rem;} 
	.line_table:not(:has(.my_course_view_tb,.inq_stat)) tbody td {display:flex; border:none; gap: 1rem; padding:1rem 0; text-align:left;  font-size:0.88rem;}
	/* .line_table:not(:has(.my_course_view_tb,.inq_stat)):has([class*='no']) tbody td {justify-content: center;} */
	.line_table:not(:has(.my_course_view_tb,.inq_stat)) tbody [data-label]::before { content: attr(data-label); display: inline-block; font-weight: bold; font-size:0.88rem;  width: 10rem;  flex-shrink: 0;}
	.line_table:not(:has(.my_course_view_tb,.inq_stat)) tbody .action_btns .c_his_btn .btn_default.long {max-width:unset;}
	.line_table:not(:has(.my_course_view_tb,.inq_stat)) tbody td.action_btns:before {display:none;}
	.line_table:not(:has(.my_course_view_tb,.inq_stat)) tbody td:not(:last-child) {border-right:none;  border-bottom: 1px solid #ddd;}
	.line_table:not(:has(.my_course_view_tb,.inq_stat)) tbody td .text_bg {width:100%;}
	.line_table:not(:has(.my_course_view_tb,.inq_stat)) .table_dot li {display:flex;}
	.line_table:not(:has(.my_course_view_tb,.inq_stat)) .table_dot li:not(:first-child) {margin-top:0.5rem;}
	.line_table:not(:has(.my_course_view_tb,.inq_stat)) .table_dot li span {display:block; width:4rem; font-weight:700;}
	
	.c_his_btn {justify-content: flex-start;}
	.certi_badge {right:-1rem;}
	.line_table .noCart .innerFlex {padding:0}
}
@media (max-width:768px){
	/* 테이블 스타일 */
	.my_course_view_tb,
	.my_course_view_tb thead,
	.my_course_view_tb tbody,
	.my_course_view_tb th,
	.my_course_view_tb tbody td,
	.my_course_view_tb tr {display: block;	width: 100%;}

	.my_course_view_tb {border:none !important;}
	.my_course_view_tb thead { display: none;}
	.my_course_view_tb tr {position:relative; display:flex; flex-wrap:wrap; border:1px solid #ddd; padding:1rem; border-radius:6px;}
	.my_course_view_tb tr:not(:first-child){margin-top:1rem; border-top:1px solid #ddd !important;} 
	.my_course_view_tb th {display:flex; align-items: center; border:none; padding:0 0.2rem !important; text-align:left;  font-size:0.88rem;} 
	.my_course_view_tb td {display:flex; border:none !important;  flex-wrap: wrap; gap: 1rem; padding:0.25rem 0 !important; text-align:left;  font-size:0.88rem;}
	.my_course_view_tb td .text_bg {width:100%;}
	.line_table .table_dot li {display:flex;}
	.line_table .table_dot li:not(:first-child) {margin-top:0.5rem;}
	.line_table .table_dot li span {display:block; width:4rem; font-weight:700;}

	.my_course_view_tb .num{width:10%; }
	.my_course_view_tb .name{width:90%; font-weight:700;}
	.my_course_view_tb .thumb{width:100%;}
	.my_course_view_tb .thumb .thumb_box img{}
	.my_course_view_tb .spk_box img{aspect-ratio: 48 / 48; width:2rem; }
	.my_course_view_tb .time{padding-left:1rem !important;}
	.my_course_view_tb .time,
	.my_course_view_tb .watch{ width:50%;  background:#FCF8F0; margin-top:0.5rem; font-size:0.9rem !important; font-weight:bold;} 
	.my_course_view_tb .time::before { content: attr(data-label); font-weight: bold; font-size: 0.9rem; margin-right:0.5rem;}
	.my_course_view_tb .watch::before { content: attr(data-label); font-weight: bold; font-size: 0.9rem; margin-right:0.5rem;}
	.my_course_view_tb .badge{width:60%; margin-top:1rem; display: flex; align-items: center;}
	.my_course_view_tb .play{width:40%; margin-top:1rem; }
	.my_course_view_tb .play .play_btn{width:100%; background:var(--gold); display: flex; align-items: center; justify-content: center; padding:0.25rem 0; border-radius:0.5rem; font-size:1.3rem;}
	.my_course_view_tb .play .play_btn i{color:#fff;}

	
	/* 테이블 내용 */
	.c_his_box {flex:1; justify-content: flex-start;}
	
	.about_c h4 {font-size:1rem;}
	.about_c h4 span,
	.c_his_spk {font-size:0.75rem;}
	.certi_badge {right:-1rem;border-top-right-radius: 6px; overflow: hidden;}
	.c_his_detail ul li {font-size:0.88rem;}
	.c_his_detail ul li span {width:8rem;}
	
	/* 코스 내역 페이지 */
	.c_history .line_table tbody td .btn_default.long {width:100%;}
	.c_history:not(.mento_history) .line_table tbody td:before {width:4rem;}
	.mento_history .line_table tbody td:before {width:6rem !important;}
		.c_history .line_table tbody .table_c_name,
	.c_history .line_table tbody .table_c_detail {flex-direction:column;}
	.c_history .line_table tbody .table_c_name:before,
	.c_history .line_table tbody .table_c_detail:before {width:auto !important}
	.c_history:not(.mento_history) .line_table tbody .table_c_name {padding-right:1rem;}

}
@media (max-width:640px){
	/* 테이블 스타일 */
	.my_course_view_tb td {gap: 1rem;}
	.my_course_view_tb td::before {width:auto;}
	.my_course_view_tb tbody td:has(.c_his_btn,.donut-chart) {flex-direction:row; justify-content: space-between; align-items: center;}
	.my_course_view_tb tbody td:has(.c_his_btn,.donut-chart)::before {width:auto;}
	.my_course_view_tb tbody td.action_btns {flex-direction:column;  align-items: flex-start;}
	
	/* 테이블 내용 */
	.c_his_detail ul li {flex-direction: column;  gap: 0.25rem;}
	.c_his_detail ul li:not(:first-child) {margin-top:1rem;}
	.c_his_detail ul li span {font-size:1rem;}
	.c_his_detail ul li p {padding-left:0.5rem;}
	.c_his_btn,
	.c_his_box:has(.donut-chart){width: 100%; justify-content:center; flex: unset;}
	.donut-chart {width: 8.2rem; height: 8.2rem;}
	.donut-chart::before {width:7rem; height:7rem;}
	.chart-label .text {font-size:1rem;}
	.chart-label .value {font-size:1.11rem;}
	.c_his_btn {width:100%;  justify-content: flex-start; align-items: stretch;}
	.c_his_btn .btn_default,
	.c_his_btn .btn_default.long{max-width: unset; max-height:unset; width: calc((100% - 1rem * 2)/3); font-size:0.88rem;}
	.iss_chk {font-size:1rem}
	.iss_chk strong {font-size:1.11rem;}
}
@media (max-width:540px){
	.c_his_btn .btn_default,
	.c_his_btn .btn_default.long{width: 100%;}
}




/*----- 수강이력 뷰페이지-----*/
.ch_view .post-cont {padding-top: 0; max-width:68rem;}
.ch_view .post_title {padding-top:2.5rem;}
.ch_view .post_title .list_btn {left:auto; right:2rem;}
.ch_view .post_title .post-info {gap:0.5rem;}
.ch_summary {display:flex; gap:1rem; margin-top:-5.55rem; margin-bottom:2.5rem; position: relative; z-index: 1;}
.ch_summary > div {padding:1.1rem 1rem 1rem; width:100%; border-radius:0.5rem; background:#fff; border:1px solid #B3B7BC;}
.ch_summary > div.period {display: flex; align-items: center; gap: 1.8vw; background:var(--lgold); border:none;}
.learn_stat {flex:1;padding: 0.925rem 0.25rem; background:#fff; border-radius: 1rem;}
.learn_stat h6 {display:flex;  margin-bottom: 0.8rem; font-weight:900; gap:0.6rem; justify-content: center;  align-items: center; font-size:0.85rem;}
.learn_stat ul {display:flex;}
.learn_stat ul li {flex: 1; padding:0 0.8rem; font-size:0.85rem;}
.learn_stat ul li span {white-space: nowrap; font-weight:700; font-size: 0.75rem;}
.learn_stat .icon_book {display: block;  width: 1.8rem;  height: 1.8rem;  background-size: 100% auto;  background-position: center center;  background-repeat: no-repeat; background-image: url('/images/default/content/ch_s_icon4.svg')}
.learn_stat .icon_mento {display: block;  width: 1.8rem;  height: 1.8rem;  background-size: 100% auto;  background-position: center center;  background-repeat: no-repeat; background-image: url('/images/default/content/icon_mento.svg')}
.learn_stat .icon_status {display: block;  width: 1.8rem;  height: 1.8rem;  background-size: 100% auto;  background-position: center center;  background-repeat: no-repeat; background-image: url('/images/default/content/icon_status.svg')}
.period_count h4 {margin-bottom: 1.15rem; padding: 0.2rem; color:#fff; text-align:center; font-size: 1.05rem; background: linear-gradient(rgba(151, 116, 0, 50%), rgba(151, 116, 0, 50%)), linear-gradient(132.876deg, #9F8447 0%, #8F6300 43%, #9F8447 72%, #917537 83%, #694E12 100%);}
.period_count h5 {display: flex;  flex-direction: column; align-items: center; justify-content: center; gap: 0.15rem; text-align: center; font-size:0.75rem; color: var(--grey56);}
.period_count h5 strong {font-size:1.25rem; color:#000;}
.ch_view .line_table {text-align:center;}
.ch_view .line_table td {font-size:0.85rem;}
.ch_view .line_table td .thumb_box img{width:6rem;}

/* 상태요약 */
.ch_summary .status ul {display:flex; flex-wrap:wrap; height: 100%;}
.ch_summary .status ul > li {width:calc(100% / 3);}
.ch_summary .status ul > li i {display:block; width:1.8rem; height:1.8rem; background-size:100% auto; background-position:center center; background-repeat:no-repeat;}
.ch_summary .status .th {display:flex; align-items: center;  justify-content: center; gap:0.6rem; font-size:0.85rem; font-weight:800; color:#232323;  position: relative;}
.ch_summary .status .th:not(:nth-child(3)) {border-right: 1px solid rgba(179, 183, 188, 0.30);}
.ch_summary .status .sb_wrap img {width:1.8rem;}
.ch_summary .status .th:after {content:''; display:block; width:80%; height:1px; background:#ddd; position:absolute; bottom:0; left:50%; transform:translateX(-50%);}
.ch_summary .status .td {display: flex; align-items: center; justify-content: center; gap: 0.25rem; text-align: center; font-weight:700;}
.ch_summary .status .td:not(:last-child) {border-right: 1px solid rgba(179, 183, 188, 0.30);}
.perc_bar {display:flex; gap: 0.5rem; justify-content: center; align-items: center;}
.perc_bar #progress {appearance: none; max-width:5vw;}
.perc_bar #progress::-webkit-progress-bar {padding:1px; background:#E8E8E8; border-radius:0.2rem;  box-shadow: inset 0px 0px 20px 0px rgba(0, 0, 0, 4%);}
.perc_bar #progress::-webkit-progress-value {border-radius:0.2rem;  background: var(--main);  background: linear-gradient(rgba(151, 116, 0, 50%), rgba(151, 116, 0, 50%)), linear-gradient(132.876deg, #9F8447 0%, #8F6300 43%, #9F8447 72%, #917537 83%, #694E12 100%);}
.index {color:var(--grey89); font-size:0.75rem; font-weight:300}
.index strong {font-size:0.95rem; color:#000;}
.ch_summary .icon_progress {background-image: url('/images/default/content/ch_s_icon1.svg')}
.ch_summary .icon_stat {background-image: url('/images/default/content/ch_s_icon2.svg')}
.ch_summary .icon_comp {background-image: url('/images/default/content/certi_icon_only.svg')}
.ch_summary .icon_noCerti {background-image: url('/images/default/content/noCerti_icon.svg')}
.ch_summary .icon_Certi {background-image: url('/images/default/content/Certi_icon.svg')}
.stat_badge .sb_wrap {display:flex; align-items: center; justify-content: center; gap: 0.1835rem;  color: var(--grey73); font-size:0.75rem; font-weight:700; white-space: nowrap;}
.stat_badge .sb_wrap img {width:2.8rem;}
.stat_badge .sb_wrap i {width:auto !important; height:auto !important;}
.stat_badge .complete {color:var(--gold);}
.stat_badge .complete i {color:#228738}
.stat_badge .incomplete i {color:#DE3412;} 

.table_caption {display:flex; align-items: center; gap:0.5rem; margin-bottom:0.5rem;}
.table_caption li {font-size: 0.75rem; color:#565656; line-height: 146%;}
.table_caption .line {width: 1px;height: 0.8rem; background:rgba(179, 183, 188, 0.60);}
.table_caption li strong {color:#232323;}

.curri_list li {display: flex; gap: 0.25rem; text-align:left;}
.spk_box {display:flex; justify-content: center;  gap: 0.5rem; align-items: center;}
.spk_box span {display:block; flex-shrink:0; width:clamp(2.4rem, 2.28rem + 0.75vw, 3rem); height:auto; aspect-ratio:1; border-radius:clamp(0.3rem, 0.26rem + 0.25vw, 0.5rem);}
.play_btn {display: flex; font-size:2rem; color:var(--gold)}

@media (max-width:1440px){
	.ch_view .post-cont {width:100%; max-width:unset;padding-left: 1rem; padding-right: 1rem;}
	
	/* 상태요약 */
	.ch_summary > div {padding: 1rem;}
	.ch_summary .status .th {gap: 0.25rem;}
	
	.learn_stat ul li {padding: 0 0.6rem;  flex: unset;}
}
@media (max-width:1024px){
	.stat_badge .sb_wrap {justify-content: center; font-size:1rem;}
	.spk_box {justify-content: flex-start;}
	.post-cont img {max-width:100% !important}

	/* 상태요약 */
	.ch_summary {flex-direction:column;}
	.learn_stat ul {justify-content: center; gap: 2rem;}
	.ch_summary .status ul > li {padding:0.5rem;}
}
@media (max-width:768px){
	.table_caption li {font-size:0.88rem;}

	/* 상태요약 */
	.ch_summary > div:not(.period) {padding:1rem 0.5rem 0;}
	.ch_view .post_title .post-info {flex-direction:row;}
	.ch_view .post_title .list_btn {right: 0.5rem; top: 0.5rem;}
	.stat_badge .sb_wrap {justify-content: center;}
	.ch_summary .status ul > li { width: calc(100% / 2); border-right: none !important;
	.perc_bar #progress {max-width:5rem;}
  }

  .ch_view .line_table td {font-size:1rem;}
  
  .ch_summary > div.period {flex-direction: column; gap: 2rem;}
  .period_count h4 {font-size:1.11rem;}
  .period_count h5 {font-size:1rem;}
  .period_count h5 strong {font-size:1.47rem}
  .learn_stat {width:100%;}
  .learn_stat h6 {margin-bottom: 1rem; font-size:1rem;}
  .learn_stat ul {flex-wrap: wrap; gap:0.5rem 2rem;}
  .learn_stat ul li {padding:0; font-size:1rem;}
  .learn_stat ul li span {font-size:0.88rem;}

  /* 각 쌍의 순서를 지정 */
  .ch_summary .status .th:nth-of-type(1) { order: 1; padding-top:0;}
  .ch_summary .status .td:nth-of-type(4) { order: 2;  padding-top: 0;}

  .ch_summary .status .th:nth-of-type(2) { order: 3; }
  .ch_summary .status .td.index { order: 4; }

  .ch_summary .status .th:nth-of-type(3) { order: 5; border-bottom: none;}
  .ch_summary .status .stat_badge { order: 6; }

  .ch_summary .status .th:after { display:none;}

  .ch_summary .status .th,
  .ch_summary .status .td {padding: 0.8rem 0.5rem; border-bottom: 1px solid rgba(0,0,0,0.08); }
  .ch_summary .status .th:last-child,
  .ch_summary .status .td:last-child {border-bottom:none;}
  .line_table .stat_badge .sb_wrap {justify-content: flex-start !important;}
  .ch_summary .status .th { gap: 0.5rem; justify-content: flex-start; font-size: 0.88rem;}
}


/*----- 강의 수강 페이지 -----*/
.content_view.ch_play {padding-bottom: 0; background:transparent; border:none;}
.ch_play_inner {display:flex; align-items: stretch; gap:0  2.5vw;}
.play_listZone,
.play_vidZone {padding:1rem;background:#fff; border-radius: 0.5rem; box-shadow: 0px 2px 10px 0px #F6F6F6;}
.play_listZone {width:47.22%;}
.play_vidZone {width:50%}


/* 강의 제목 및 버튼 */
.vidZone_top {display:flex; justify-content: space-between; align-items: center; width: 100%; margin-bottom:0.85rem;}
.vidZone_top .btn_wrap{margin-top:0; width: 8.4rem;}
.vidZone_top h4 {padding-left:1.35rem; max-width: 50%; font-size:1.3rem; font-weight:800; color:#232323; position:relative;}
.vidZone_top h4:before {content:''; display:block; width: 0.9rem;height: 0.9rem;background:url('/images/default/content/bullet1.svg') no-repeat center center; position:absolute; top:0.4em; left:0; background-size:100% auto;}
.vid_notice.record_warning {background: #fff3f1; color: #DE3412; border-color: #ffad9d;} 
.vid_notice .btn_default  {gap:0.5rem; padding-left:1rem; padding-right:1rem; font-size:0.75rem;}
.vid_notice .btn_default:before {content:''; display:block; flex-shrink: 0; width:0.8rem; height:0.8rem; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 18 18'%3E%3Cpath stroke='%23503C0F' stroke-width='1.5' d='M1 5a4 4 0 0 1 4-4h6a3 3 0 0 1 2 .9l3.1 3c.6.6.9 1.3.9 2.1v6a4 4 0 0 1-4 4H5a4 4 0 0 1-4-4V5Z'/%3E%3Cpath stroke='%23503C0F' stroke-width='1.5' d='M4.2 11.8c0-1.1.9-2 2-2h5.6a2 2 0 0 1 2 2V17H4.2v-5.2ZM5.8 1v3c0 .6.4 1 1 1h4.4c.5 0 1-.4 1-1V1'/%3E%3C/svg%3E") no-repeat center center; background-size:100% auto;}

/* 강의 영상 부분 & 강의 정보 */
.vid iframe {width:100%; height:auto; aspect-ratio:16/9}
.vid .vod {width:100%; height:auto; aspect-ratio:16/9}
.vid_btm {display:flex;}
.vid_notice {display: flex; justify-content: center;gap: 1rem 0.4rem;align-items: center; margin-top: 0.35rem; padding: 0.3rem 0.5rem; color:#052B57; font-size:0.7rem;border-radius: 0.4rem;border: 1px solid #D6E0EB;background: #EEF2F7; text-align: left;}
.vid_notice p {display: flex; align-items: baseline; gap: 0.2rem;}
.vid_notice p i {transform: translateY(0.05rem);}
.vid_notice .btn_default {max-width:10rem;}
.vid_info {margin-top:1.5rem;}
.vid_info .flex-layout  {align-items: center; margin-bottom:1rem; }
.vid_info .flex-layout > h5 {padding-left:0.7rem; width:7.5rem; font-size:0.85rem; color:#353535; position:relative;}
.vid_info .flex-layout > h5:before {content:'•'; display:block; line-height: 0; position:absolute; top:0.7em; left:0; }
.vid_info .flex-layout > div {flex:1; padding:0.5rem 1rem;font-size:0.75rem;  font-weight: 500; border-radius: 0.3rem; background: #F6F6F6; }
.ch_play_inner .spk_info {display:flex; align-items: center; gap:0.6rem;}
.ch_play_inner .spk_info .profile_img img {width:1.5rem}
.ch_play_inner .profile_img span {display:block; width:1.5rem; height:auto; aspect-ratio:1;}


.vid_info .timeline.active{margin-top:0;}
.vid_info .timeline::before{left:1rem;}


/* 강의 리스트 */
.listZone_top {display:flex;justify-content: space-between; align-items: center; margin-bottom:0.85rem;}
.listZone_top h4 {display: flex; gap:0.6rem; align-items: center; font-weight:700;}
.listZone_top .chks input[type="checkbox"] + label { align-items: center; }
.listZone_top .icon_list {display: block;  width: 1.8rem;  height: 1.8rem;  background-size: 100% auto;background-position: center center; background-repeat: no-repeat; background-image:url('/images/default/content/icon_list.svg');}
.list ul li a{display:flex; gap: 1rem; min-height:5.6rem; padding: 1rem; border:1px solid #B1B8BE; border-radius: 0.6rem; box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.04);}
.list ul li:not(:first-child) {margin-top:1.3rem;}
.list_scroll {max-height:37rem; overflow-y:auto;}

.vid_thumb {flex-shrink: 0; width:30%;}
.vid_thumb .vid_thumb_img {display:block; width:100%; padding-top:56.17%;}
.vid_thumb .vidst{font-size: 0.7rem; font-weight:600; margin-top:0.5rem; text-align:center; padding:0.3rem 0; line-height:1.1; display: flex; align-items: center;   justify-content: center; box-shadow: 0px 0px 6px 0px rgba(9, 17, 33, 0.08) inset;} 
.vid_thumb .vidst.done{background: #EEF4FF; color:#1E3A8A;}
.vid_thumb .vidst.undo{background: #EFEFEF;}
.vidList_txt{display: flex;  flex-direction: column; justify-content: space-between;}
.vidList_txt span {color:var(--gold); font-size:0.85rem; font-weight:500;}
.vidList_txt h5 {font-size:0.85rem; font-weight:700; text-overflow: ellipsis;  overflow: hidden; display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;  overflow-wrap: anywhere;  line-height: 1.5em; max-height: 3em;}
.spkAndTime {display:flex;  align-items: center; gap: 0.2rem 0.7rem; flex-wrap:wrap;  font-size:0.75rem; color:var(--grey56); font-weight:500;}
.spkAndTime .time {display:flex; align-items: center; gap:0.2rem;}
.spkAndTime .time .icon_time {display:block; width:1.5rem; padding:0.2em 0; aspect-ratio: 30 / 31;  background:url('/images/default/content/icon_time.svg') no-repeat center center; background-size:100% auto;}


/* 팝업 */
.modal.video .modal_wrap:before {content:''; display:block; width:33.33%; height:auto; aspect-ratio:1; background:url('/images/default/content/vid_pop_bg.svg') no-repeat center center; background-size:100% auto; position:absolute; top: -3.5rem; left: 50%; transform: translateX(-50%);}
.modal.video .modal_con {padding-top:0;}
.modal.video .modal_tit_area {gap:1rem; padding-bottom: 1rem;  border-bottom: 1px solid #B4B8BD;}
.modal.video .modal_tit_area i {margin-top:-1.5rem;}
.vid_watched_txt {font-weight:500;}


@media (max-width:1280px){
	/* 강의 리스트 */
	.list ul li a {}
	.vidList_txt{padding-bottom:0;}
	.vid_info .timeline-content{flex-direction:column;}
}
@media (max-width:1024px){
	.ch_play_inner {flex-direction:column; gap:2rem;}
	.play_listZone,
	.play_vidZone {width:100%}
	
	/* 강의 제목 및 버튼 */
	.vidZone_top {gap:1rem; justify-content: space-between;flex-direction: column-reverse; align-items: flex-start; width:100%;}
	.vidZone_top h4 {max-width: 100%; font-size:1.11rem;}
	.vidZone_top .btn_wrap {align-self: flex-end;}
	
	/* 강의 영상 부분 & 강의 정보 */
	.vid_notice {font-size:0.88rem;}
	.vid_info .flex-layout {flex-direction:column; align-items: flex-start;  gap: 0.5rem;}
	.vid_info .flex-layout > h5 {font-size:1.11rem;}
	.vid_info .flex-layout > div {padding: 1rem; width:100%; font-size: 1rem;}
	
	/* 강의 리스트 */
	.vidList_txt {padding-left:0rem;}
	.spkAndTime{margin-top:1rem;}

	.vid_info .timeline-content{flex-direction:row; }
}
@media (max-width:768px){
	.vidZone_top .btn_default {font-size:1rem;}
	
	/* 강의 리스트 */
	.list ul li:not(:first-child) {margin-top:2rem;}

	
	.vid_notice {flex-direction: column;}
	.vid_notice .btn_default {max-width:unset;}

}
@media (max-width:390px){
	.vidZone_top .btn_default {width:100%;}
	.vid_notice p {font-size: 0.833125rem;}

	/* 강의 리스트 */
	.vid_info .timeline-content{flex-direction:column; }
	
	/* 팝업 */
	.modal.video .modal_wrap:before {width:44%;}
}



/*----- 수강증 발급 -----*/
.icon_goldChks {display:block; margin-bottom:0.45rem; width:1rem; height:1rem; background:url('/images/default/content/chk_gradiant.svg') no-repeat center center; background-size:100% auto;}
.c_his_box:has(.iss_title) {display: inline-flex; flex-direction: column;  align-items: flex-start; text-align: left;}
.iss_title {font-size:0.85rem; font-weight:800;}
.iss_txt {font-size:0.75rem; font-weight:500;}


@media (max-width:1024px){
	.iss_title {display: flex; align-items: center; gap: 0.5rem;}
	.icon_goldChks {margin-bottom:0;}
	.iss_title {font-size:1rem;}
	.iss_txt {padding-left: 1.5rem; font-size:0.88rem;}
}



/********************************************************
■ 멘토링 리스트 페이지
********************************************************/
/* 상단 안내문구 */
.mento_stat_notice {display: flex; justify-content: center; padding: 1.35rem 2rem; border-radius: 1.6rem; border: 1px solid #ECE2CD; background: rgba(51, 36, 0, 0.10);}
.mento_stat_notice .line {width:1px; height:70%; background:#7B7B7B;}
.mento_stat_notice .txt-wrap {display: flex; align-items: center; gap: 4vw; width:65.9%; text-align:left;}
.mento_stat_notice .txt-wrap h4 {flex-shrink: 0; font-size:0.95rem; color:#232323; font-weight: 800;}
.mento_stat_notice ul li {padding-left:0.5rem; font-size:0.75rem; font-weight:600; position:relative;}
.mento_stat_notice ul li:not(:first-child) {margin-top:0.25rem;}
.mento_stat_notice ul li:before {content:'·'; display:block; line-height:0; position:absolute; top:0.65em; left:0;}

/* 카테고리 */
.mento_cate_list {margin-top:2.8rem; margin-bottom:1rem;}
.mento_cate_list ul li a {padding:0.76rem 1.4rem; color:#6D7882; font-weight:600; font-size:0.85rem; border-radius:2rem;border: 1px solid rgba(177, 184, 190, 0.50);background: #FFF;}
.mento_cate_list .swiper-button-prev,
.mento_cate_list .swiper-button-prev:is(:hover,:focus) {background: linear-gradient(-90deg, rgba(255, 255, 255, 0) 0%, rgba(240, 239, 241, 1) 100%);}
.mento_cate_list .swiper-button-next,
.mento_cate_list .swiper-button-next:is(:hover,:focus) {background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(240, 239, 241, 1) 100%);}

/* 환자 정보 */
.p_info_forWeb {display:table-cell;}
.p_info_forTab {display:none !important;}

/* 스테이터스 */
.mentoring_stat {position:relative; display: inline-block;}
.mentoring_stat:after {content:''; display:block; width:0.3rem; height:0.3rem; border-radius:100%; position: absolute; top: 0.3em; right: 0;}
.mentoring_stat p {display: flex; align-items: center; gap:0.4rem; padding-right: 0.5rem; font-size:0.75rem; font-weight:700; white-space: nowrap;} 
.mentoring_stat .stat_icon {display:block; width:0.9rem; height:0.9rem; background:#f00;}
.mentoring_stat.m_writing:after {background:#A7A7A7} 
.mentoring_stat.m_comp:after {background:#2CA1FF} 
.mentoring_stat.m_refuse:after {background:#E53935} 
.mentoring_stat.m_answer:after {background:#FFC107} 
.mentoring_stat.m_ans_comp:after {background:var(--gold);} 
.mentoring_stat.m_writing .stat_icon {background:url('/images/default/content/m_write.svg') no-repeat center center; background-size:100% auto;} 
.mentoring_stat.m_comp .stat_icon {background:url('/images/default/content/m_comp.svg') no-repeat center center; background-size:100% auto;} 
.mentoring_stat.m_refuse .stat_icon {background:url('/images/default/content/m_refuse.svg') no-repeat center center; background-size:100% auto;} 
.mentoring_stat.m_answer .stat_icon {background:url('/images/default/content/m_answer.svg') no-repeat center center; background-size:100% auto;} 
.mentoring_stat.m_ans_comp .stat_icon {background:url('/images/default/content/m_ans_comp.svg') no-repeat center center; background-size:100% auto;} 


@media (max-width:1024px){
	.mento_stat_notice .txt-wrap {width:100%;}
	.mento_stat_notice ul li {font-size:0.88rem;}
	.mento_stat_notice .txt-wrap h4 {font-size:1rem;}
	
	/* 환자 정보 */
	.p_info_forWeb {display:none !important;}
	.p_info_forTab {display:flex !important;}
}
@media (max-width:768px){
	.mento_stat_notice {padding-left:1rem; padding-right:1rem;}
	.mento_stat_notice .txt-wrap {flex-direction: column;  gap: 1rem;}
	.mento_stat_notice .line {width:100%; height:1px;}
}


/********************************************************
■ 멘토링 뷰페이지 
********************************************************/
.ch_view:has(.forMentoPage) .post-info {color:rgba(255, 255, 255, 0.80);}
.ch_summary.forMentoPage {margin-bottom:2.2rem;}
.forMentoPage .learn_stat {flex:unset; padding-left: 1rem; padding-right: 1rem; width: calc(100% - 9rem);}
.forMentoPage .learn_stat h6 {margin-bottom: 1.05rem; padding-bottom:0.7rem; border-bottom:1px solid #B3B7BC;}
.forMentoPage .period,
.forMentoPage .learn_stat{padding: 0.5rem 1rem;}
.forMentoPage .period .learn_stat {padding:0.75rem 1rem;}
.forMentoPage .period_count {width:9rem;}
.forMentoPage .period_count h5 strong {font-size:0.85rem; text-decoration:underline; font-weight:600;}

/* status 단계 */
.m_stat_step { display: flex; justify-content: center; align-items: baseline;  gap: 3vw; position: relative; counter-reset: step;}
.m_stat_step:after {content:''; display:block; width:100%; height:1px;  background-image: repeating-linear-gradient(90deg, #565656, #565656 2px, transparent 2px, transparent 12px), repeating-linear-gradient(180deg, #565656, #565656 2px, transparent 2px, transparent 12px), repeating-linear-gradient(90deg, #565656, #565656 2px, transparent 2px, transparent 12px), repeating-linear-gradient(180deg, #565656, #565656 2px, transparent 2px, transparent 12px);  background-position: left top, right top, left bottom, left top;  background-repeat: repeat-x, repeat-y, repeat-x, repeat-y;  background-size: 100% 2px, 2px 100%, 100% 2px, 2px 100%; position: absolute; top: 2.2em;
    left: 0; }
.m_stat_step li {display: flex;  flex-direction: column; text-align: center; position: relative; color: #888; font-weight: 500;}
.m_stat_step li::before { content: ''; width: 1rem; height: 1rem; background-color: var(--grey89); border: 4px solid #dddddd; border-radius: 50%; display: block;margin: 0 auto; z-index: 2; position: relative;  box-sizing: border-box;}
.m_stat_step li:first-child::after { left: 50%; width: 50%;}
.m_stat_step li:last-child::after { width: 50%;}
.m_stat_step li:not(:first-child)::after { left: 0;}
.m_stat_step li.active { color: #654a00; font-weight: 700;}
.m_stat_step li.active::before {width: 1rem; height: 1rem; background: linear-gradient(90deg, #694E12 0%, #48360E 52%, #966E16 100%); border: 4px solid #F3F1E9;}

.m_stat_step span:has(.step) {order:-1; padding-bottom: 0.5rem;}
.m_stat_step .step { display: block; font-size: 0.7rem;}
.m_stat_step .step-tit { margin-top: 0.55rem; font-size: 0.85rem; line-height: 1.2;}


/* 멘토 정보 */
.mento_info .flex_wrap {display:flex; justify-content: center; gap:clamp(0.8rem, 0.75rem + 0.313vw, 1.05rem);}
.mento_info .txt_box {display:flex;flex-direction: column; align-items: flex-start; justify-content: center; gap:0.2rem;}
.mento_info .txt_box h5 {font-size:1.05rem; font-weight:800; color:#2D2D2D;}
.mento_info .txt_box .country {margin-left:0.5rem; padding-left:0.5rem; font-size:0.75rem; font-weight:400; border-left:1px solid #B3B7BC;}
.mento_info .txt_box p {font-size:0.75rem; color:#232323;}
.mento_info .img_box {display:block; flex-shrink: 0; padding:0.25rem; width:3rem; height:3rem; background:#1C3350; border-radius:0.2rem;}
.mento_info .img_box span {display:block; width:100%; height:auto; aspect-ratio:1; border-radius:0.2rem;}


/* 멘토 선택 팝업 */
.chooseMento .modal_tit_area {align-items: flex-start;padding:0 5%;}
.c_mento_list {padding:0 5%;}
.c_mento_list ul:not(.pagination > ul) {display:flex; gap:1rem;}
.c_mento_list .img_box span {display:block; width:100%; padding-top:100%}
.c_mento_list .mento_profile {padding:1rem;width:calc((100% - 1rem * 2)/3); border-radius:0.5rem; border:1px solid var(--gold); cursor:pointer; position:relative;}
.c_mento_list .mento_profile .img_box {margin-bottom:1rem; position:relative;}
.c_mento_list .mento_profile .mentoBadge {position:absolute; top:1.5rem; left:1.5rem; margin-bottom:0;}
.c_mento_list .mento_profile .btn_default {background:#F0EFF1; border:1px solid var(--gold); color:var(--gold); max-width:4.1rem; position: absolute;  bottom: 1rem;  right: 1rem;}
.c_mento_list .spk_info .rating { flex-wrap: wrap; gap: 0.2rem 0.4rem }
.c_mento_list  .otherInfo ul {flex-wrap: wrap; gap:0.25rem 1rem !important;}

.mento_info .txt_box .member_info {display:flex;}
.mento_info .txt_box .member_info .country {border-left:none; position:relative;}
.mento_info .txt_box .member_info .country:before {content:''; display:block; width:1px; height:100%; max-height:0.8rem; background:#B3B7BC; position:absolute; top:0.25em; left:0;}
.mento_info .txt_box .member_info:not(:has(.jobs)) .country {padding-left:0; margin-left:0;}
.mento_info .txt_box .member_info:not(:has(.jobs)) .country:before{display:none;}

/* 멘토 타입 선택 팝업 */
.mento_apply_pop .modal_tit_area {gap: 0.5rem; padding-bottom: 0.75rem; border-bottom: 1px solid #B4B8BD;}
.mento_apply_pop .modal_tit_area p {font-size: 0.88rem;}
.choose_mento_type {display:flex; justify-content: center; gap:1rem;}
.choose_mento_type > div {padding: 1rem; width:calc((100% - 1rem * 1)/2); border-radius:0.6rem; box-shadow: 0 0 0 1px #B4B8BD; cursor: pointer; transition:all 0.3s;}
.choose_mento_type > div:has(:checked){box-shadow: 0 0 0 3px var(--gold);}
.about_type { display: flex; flex-direction: column; padding-bottom:0.5rem; margin-bottom:0.5rem; border-bottom:1px solid #B4B8BD;}
.about_type h5 {font-size: 1rem; font-weight:800;}
.about_type .typeCost {color:#2563EB; font-size:1.5rem; font-weight:800;}
.about_type .typeCost span {font-size:1.11rem; font-weight:500; }
.type_sub_text {line-height:1.3; font-size:0.8rem;}

.choose_mento_type .radio input[type="radio"] + label {padding:0;}
.choose_mento_type .radio input[type="radio"]:checked + label:before {background-image: url('/images/default/content/radio_on2.svg')}
.choose_mento_type .radio input[type="radio"] + label:before {position:static;}


/* 1년 구독용 뷰 */
.for1year.ch_summary {margin-top:0;}
.for1year.ch_summary > div.period {gap: 1rem;align-items: stretch; background: var(--gold-gradiant);}
.for1year.ch_summary > div.learn_stat {width: 45%; min-height: 9.1rem; flex:unset;}
.for1year .m_stat_step {gap: 2vw;}
.for1year .m_stat_step:after {top:1.2em;}
.for1year .m_stat_step .step {display:none;}
.for1year .m_stat_step span:has(.step) {padding-bottom:0.6rem;}
.for1year.ch_summary .learn_stat h6 {text-align:left;line-height: 1.2;}
.for1year.ch_summary .period .learn_stat {display: flex; flex-direction: column; text-align:center;}
.for1year.ch_summary .period .learn_stat.subs_period { width:45%;}
.for1year.ch_summary .period .learn_stat .mento_info {height: 100%; align-content: center;}
.for1year.ch_summary .period .learn_stat .mento_info p {font-size:0.9rem;}
#wrap:has(.for1year) .title a {display:flex; gap:1rem;}
#wrap:has(.for1year) .title .tit_badge {display: flex;  align-items: center; justify-content: center; padding: 0.2rem 0.5rem; font-size: 0.7rem; font-weight: 600; color: #fff; background: linear-gradient(90deg, #92670A 0%, #997014 52.4%, #C0A031 100%); border-radius: 2rem; backdrop-filter: blur(5px);}
#wrap:has(.for1year) .btn_wrap {margin-bottom:2.5rem; margin-top: 0;}

#wrap:has(.for1year .mento_apply) .section h2 {color:#45474A;}
#wrap:has(.for1year .mento_apply) .section h2:before {background-image: url(/images/default/content/sub_tit_bul.svg);}
#wrap:has(.for1year .mento_apply) .breadcrumb li:not(:last-child):after, #wrap:has(.mento_apply) .breadcrumb li.home .txt:before {background-color:#33363D;}
#wrap:has(.for1year .mento_apply) .breadcrumb li .txt {color:#45474A;}
.for1year .apply_banner {margin-top:1.5rem;}
.for1year .mento_apply .quadrant .row { gap:0.05rem; transform: scale(0.9);}
.for1year .mento_apply .view_fixed_menu {position:sticky; top: 2rem; left: 0; bottom: 0; right: 0;}

.app1y_view .ch_summary {margin-top:0;}
.app1y_view .post-cont {padding-top:3rem;}
.app1y_info_table {display:flex; flex-wrap:wrap; border: 1px solid #ddd; border-radius: 0.5rem; overflow:hidden;}
.app1y_info_table .tr {display:flex; align-items: stretch; width:calc(100% / 2);}
.app1y_info_table .tr:is(:nth-child(3),:nth-child(4)) {border-top:1px solid #ddd;}
.app1y_info_table .tr .td,
.app1y_info_table .tr .th {padding:0.5rem 1rem; }
.app1y_info_table .tr .th  {width:30%; background:#F3F1E9; font-weight:700; font-size: 0.9rem;}
.app1y_info_table .tr .td {flex: 1; height: 100%; font-size:0.8rem;}


@media (max-width:1200px){
	.forMentoPage .learn_stat {width:100%;}
	.chooseMento .modal_tit_area,
	.c_mento_list {padding:0;}
}
@media (max-width:1024px){
	.c_mento_list .mento_profile .btn_default {margin-top:1rem; max-width:unset; position:static;}

	.for1year.ch_summary > div.learn_stat {width:100%;}

	.for1year .mento_apply .view_fixed_menu {position:relative;}
}
@media (max-width:768px){
	.forMentoPage .learn_stat {padding-bottom:1rem !important;}
	.forMentoPage .period, .forMentoPage .learn_stat {gap: 1rem !important; padding:1rem;}
	.forMentoPage .period_count h5 strong {font-size:1rem;}
	.forMentoPage .period .learn_stat {padding:0.6rem !important;}
	.for1year.ch_summary .period .learn_stat.subs_period {gap: 0 !important; width: 100%;}
	
	/* status 단계 */
	.m_stat_step li {flex:1;}
	.m_stat_step .step {font-size: 0.8rem;}
	.m_stat_step .step-tit {font-size: 0.88rem;}
	
	/* 멘토 정보 */
	.mento_info .txt_box h5 {font-size:1.11rem; overflow-wrap: break-word;}
	.mento_info .txt_box .country {font-size:0.88rem;}
	.mento_info .txt_box p {font-size:0.88rem;}
	
	
	/* 멘토 선택 팝업 */
	.c_mento_list ul:not(.pagination > ul) {gap:0.8rem; flex-wrap:wrap; padding-right:0.5rem}
	.c_mento_list .otherInfo ul {flex-direction:row;}
	.c_mento_list .mento_profile {display: flex;  justify-content: center; gap: 0.5rem 1rem; flex-wrap:wrap; padding:0.5rem; width: 100%;}
	.c_mento_list .img_box {width:8rem; height:auto; aspect-ratio:1;}
	.c_mento_list .img_box span {width: 100%; height: 100%;  aspect-ratio: 1;}
	.c_mento_list .mento_profile .btn_default {flex-basis:100%; margin-top:0;}
	.c_mento_list .mento_profile .spk_info {flex:1;}
	.c_mento_list .mento_profile .img_box {margin-bottom:0;}
	.c_mento_list .mento_profile .mentoBadge  {margin-bottom: 1rem; position:static;}
	.c_mento_list .c_mento_scroll {max-height:25rem; overflow-y:auto;}


	.type_sub_text {font-size:0.88rem;}
	.about_type .typeCost {font-size:1.24rem;}
	.about_type .typeCost span {font-size:1rem;}
	.mento_apply_pop .modal_tit_area p br {display:none;}
	.for1year.ch_summary .period .learn_stat {gap: 0 !important;}

	#wrap:has(.for1year) .boardListContainer .boardList table tr {display:flex; flex-direction: column;}

	.mt_subsc_status {order:-1;}
	.mt_subsc_status span {display: inline-flex; padding: 0.12rem 0.4rem; justify-content: center; align-items: center; font-weight: 800; background: #F3F1E9; color: #503C0F;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10) inset;}
	.mt_subsc_status span.answer_comp {background:#7fd1ae; color:#2f4858;}

	.app1y_info_table .tr {width:100%;}
	.app1y_info_table .tr:not(:first-child) {border-top: 1px solid #ddd;}
	.app1y_info_table .tr .th {font-size:1rem;}
	.app1y_info_table .tr .td {font-size:0.88rem;}
}
@media (max-width:540px){
	.choose_mento_type {flex-direction:column;}
	.choose_mento_type > div {width:100%;}
	.choose_mento_type > div .radio {margin:0;}

	.mento_info .flex_wrap {flex-direction: column; align-items: center;}
	.mento_info .txt_box {align-items: center;}

	.mento_info .txt_box .member_info {flex-direction: column;}
	.mento_info .txt_box .member_info .country {padding-left:0; margin-left:0;}
	.mento_info .txt_box .member_info .country:before {display:none;}
}
@media (max-width:450px){
	.c_mento_list .img_box {width:100%;}
	.c_mento_list .mento_profile .mentoBadge p {font-size:0.75rem;}
}

/********************************************************
■ 멘토링 뷰페이지 컨텐츠
********************************************************/
.folding-tit {display: flex; justify-content: space-between; align-items: center; padding: 1.1rem 1.5rem;  cursor:pointer;  transition: all 0.5s;}
.folding-tit h5 {font-size:1.1rem; color:#232323; font-weight:700; transition: all 0.5s;}
.folding-tit h5 span {display:block; margin-bottom: 0.4rem; color:#8C6000; font-size:0.8rem; font-weight:800;}
.folding-tit .icon_angle { display: flex; flex-shrink: 0; align-items: center; justify-content: center;  padding-top: 0.2rem; width:1.7rem; height:1.7rem; border:1px solid #B3B7BC; background: #fff; border-radius:100%; color:#33363D; transition: 0.3s cubic-bezier(0.79,0.14,0.15,0.86);}
.folding-tit.active {background:var(--gold); border-radius: 0 0 0.6rem 0.6rem;}
.folding-tit.active h5 { color:#fff;}
.folding-tit.active .icon_angle {transform:rotate(-180deg);}
.form_section:not(:first-child) {padding-top:3rem; margin-top:3rem; border-top:1px solid #ddd;}
.appMento_view .item {background:#f6f6f6; border-radius: 0.6rem; border: 1px solid #E2E2E2; transition: all 0.5s; overflow: hidden;}
.appMento_view .item:has(.folding-tit.active) {background: #fff; box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 10%); border-color: var(--gold);}
.appMento_view .item:has(.folding-tit) .appMento_con {display:none; margin-top:2rem;  padding: 0 1.5rem 1.5rem;}
.appMento_view .item:not(:first-child) {margin-top:2rem;}
.appCon_innerTit {margin-bottom:0.5rem; font-size:0.95rem; color:#353535; font-weight:900;}
.appCon_innerTit.red {color:#f00;}
.appCon_innerTit:not(:first-child) {margin-top:2.5rem;}
.text_box_bg {padding: 0.8rem 1.2rem; font-size:0.75rem; font-weight:500; line-height: 180%; background:#fff; border-radius: 0.3rem; border: 1px solid #E2E2E2;}
.patient_info li {display:flex; gap:1rem;}
.patient_info li:not(:first-child) {margin-top:0.5rem;}
.patient_info li span {display:block; width:8rem;flex-shrink:0; color:var(--gold);}


/* 이빨선택 */
.dental_note {padding: 1rem; border-radius: 0.5rem ; overflow:hidden;  border:1px solid #ddd; }
.dn_inner_scroll {display: flex; width: 100%; min-width: 100%; max-width: 0; position:relative; z-index:1; overflow-x:auto;  border:1px solid #ddd; background:#fff; }
.dn_inner { margin: 0 auto; display:flex;flex-wrap: wrap; justify-content: center;gap:1rem 3vw; padding:1.5rem; background: #F3F1E9;}
.inner_item {background:#fff; padding:1rem; border-radius:0.5rem;}
.quadrant { display: flex; gap: 2rem;justify-content: center; width: 100%;}
.quadrant .row {display: flex; gap: 0.5rem;}

.tooth {display: flex; align-items: center; cursor: pointer; position: relative; }
.tooth-bg {display:block; width: 2.5rem; height: 2.5rem; background-size: contain; background-repeat:no-repeat; background-position:center center; border-radius: 0.4rem; position: relative;}
.tooth.checked .tooth-bg::after { content: '\e928'; font-family: 'xeicon';position: absolute; top: -0.4em; right:-0.4em; background: #112B45; color: #fff; font-size: 0.7rem; width: 1rem; height: 1rem; border-radius: 50%; display: flex; justify-content: center; align-items: center;}
.tooth:is(.t11,.t21,.t31,.t41) .tooth-bg{width: 2rem; height: 2.25rem; background-image:url('/images/default/content/tooth1.svg')}
.tooth:is(.t12,.t22,.t32,.t42) .tooth-bg{width: 2rem; height: 2.25rem; background-image:url('/images/default/content/tooth2.svg')}
.tooth:is(.t13,.t23,.t33,.t43) .tooth-bg{width: 2rem; height: 2.25rem; background-image:url('/images/default/content/tooth3.svg')}
.tooth:is(.t14,.t24,.t34,.t44) .tooth-bg{width: 2.3rem; height: 2.4rem; background-image:url('/images/default/content/tooth4.svg')}
.tooth:is(.t15,.t25,.t35,.t45) .tooth-bg{width: 2.3rem; height: 2.4rem; background-image:url('/images/default/content/tooth5.svg')}
.tooth:is(.t16,.t26,.t36,.t46) .tooth-bg{width: 2.65rem; height: 2.5rem; background-image:url('/images/default/content/tooth6.svg');}
.tooth:is(.t17,.t27,.t37,.t47) .tooth-bg{width: 2.65rem; height: 2.5rem; background-image:url('/images/default/content/tooth7.svg');}
.tooth:is(.t18,.t28,.t38,.t48) .tooth-bg{width: 2.65rem; height: 2.5rem; background-image:url('/images/default/content/tooth8.svg');}

.tooth:is(.t51,.t61,.t71,.t81) .tooth-bg{width: 2rem; height: 2.25rem; background-image:url('/images/default/content/tooth1.svg')}
.tooth:is(.t52,.t62,.t72,.t82) .tooth-bg{width: 2rem; height: 2.25rem; background-image:url('/images/default/content/tooth2.svg')}
.tooth:is(.t53,.t63,.t73,.t83) .tooth-bg{width: 2rem; height: 2.25rem; background-image:url('/images/default/content/tooth3.svg');}
.tooth:is(.t54,.t64,.t74,.t84) .tooth-bg{width: 2.3rem; height: 2.4rem; background-image:url('/images/default/content/tooth4.svg');}
.tooth:is(.t55,.t65,.t75,.t85) .tooth-bg{width: 2.3rem; height: 2.4rem; background-image:url('/images/default/content/tooth5.svg');}


.tooth:is(.t11,.t21,.t31,.t41).checked .tooth-bg{width: 2rem; height: 2.25rem; background-image:url('/images/default/content/tooth1_on.svg')}
.tooth:is(.t12,.t22,.t32,.t42).checked .tooth-bg{width: 2rem; height: 2.25rem; background-image:url('/images/default/content/tooth2_on.svg')}
.tooth:is(.t13,.t23,.t33,.t43).checked .tooth-bg{width: 2rem; height: 2.25rem; background-image:url('/images/default/content/tooth3_on.svg')}
.tooth:is(.t14,.t24,.t34,.t44).checked .tooth-bg{width: 2.3rem; height: 2.4rem; background-image:url('/images/default/content/tooth4_on.svg')}
.tooth:is(.t15,.t25,.t35,.t45).checked .tooth-bg{width: 2.3rem; height: 2.4rem; background-image:url('/images/default/content/tooth5_on.svg')}
.tooth:is(.t16,.t26,.t36,.t46).checked .tooth-bg{width: 2.65rem; height: 2.5rem; background-image:url('/images/default/content/tooth6_on.svg');}
.tooth:is(.t17,.t27,.t37,.t47).checked .tooth-bg{width: 2.65rem; height: 2.5rem; background-image:url('/images/default/content/tooth7_on.svg');}
.tooth:is(.t18,.t28,.t38,.t48).checked .tooth-bg{width: 2.65rem; height: 2.5rem; background-image:url('/images/default/content/tooth8_on.svg');}

.tooth:is(.t51,.t61,.t71,.t81).checked .tooth-bg{width: 2rem; height: 2.25rem; background-image:url('/images/default/content/tooth1_on.svg')}
.tooth:is(.t52,.t62,.t72,.t82).checked .tooth-bg{width: 2rem; height: 2.25rem; background-image:url('/images/default/content/tooth2_on.svg')}
.tooth:is(.t53,.t63,.t73,.t83).checked .tooth-bg{width: 2rem; height: 2.25rem; background-image:url('/images/default/content/tooth3_on.svg');}
.tooth:is(.t54,.t64,.t74,.t84).checked .tooth-bg{width: 2.3rem; height: 2.4rem; background-image:url('/images/default/content/tooth4_on.svg');}
.tooth:is(.t55,.t65,.t75,.t85).checked .tooth-bg{width: 2.3rem; height: 2.4rem; background-image:url('/images/default/content/tooth5_on.svg');}



.tooth-number {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; font-size: 0.75rem; margin: 0 !important;}
.info-box {padding: 3rem 1rem 1rem; background: #F0EFF1;margin-top:-1rem; border-radius: 1rem; box-shadow: inset 0px 30px 20px -10px rgba(0, 0, 0, 0.2);}
.info-box.hasContent {display:block;}



#q1-row2 .tooth-bg, 
#q2-row2 .tooth-bg, 
#q3-row2 .tooth-bg, 
#q4-row2 .tooth-bg {transform: scaleX(-1);}

#q1-row2 .tooth-bg:after { right:auto; left:-0.4em; transform: scaleX(-1);}
#q2-row2 .tooth-bg:after { right:auto; left:-0.4em; transform: scaleX(-1);}
#q3-row1 .tooth-bg:after {top:auto; bottom:-0.4em; transform: scaleY(-1);}
#q3-row2 .tooth-bg:after  {top:auto; bottom:-0.4em; right:auto; left:-0.4em; transform: scale(-1);}
#q4-row1 .tooth-bg:after {top:auto; bottom:-0.4em; transform: scaleY(-1);}
#q4-row2 .tooth-bg:after {top:auto; bottom:-0.4em; right:auto; left:-0.4em; transform: scale(-1);}

.quadrant:is(.q4,.q3) {transform: scaleY(-1);}
.quadrant:is(.q4,.q3) .tooth-number {transform: translate(-50%, -50%) scaleY(-1);}

.dental_info{margin-top: 2rem;}
.dental_info .info_h7{margin-top:1rem; font-weight:700; font-size:0.9rem; margin-bottom:0.5rem; color:#1C3350;}


/* 멘토답변 페이팔 화면 */
.paypal_area .p_inner {padding: 2rem 3.5rem; margin:2rem auto 0; width:31.5rem; border-radius: 0.5rem; border: 1px solid #B1B8BE; background: #FFF;}
.paypal_area .appCon_innerTit {margin:0; font-size:1.1rem;}
.paypal_area .mento_agree {margin-top:1.5rem;}
.pd_list {display:flex; justify-content: space-between; flex-wrap: wrap; padding:0.75rem 0 0.55rem; font-size:.9rem; border-bottom:1px solid #B4B4B4} 
.pd_list.last {margin-bottom:1rem; padding-bottom:1rem; border-color:#4B4B4B;}
.pd_list .type{align-items: center; display: flex; color:#232323; font-size:0.85rem; font-weight:600}
.pd_list .text{display: flex; justify-content: flex-end; width: 100%;  max-width: 14rem; text-align: right; color: #353535; font-weight: 500;}
.pd_list.column .text {max-width:unset; flex:1;}
.pd_list .text.discount {color:#942A36; font-weight:700;}
.pd_list .coupon_choice {flex-basis:100%; margin-top:0.5rem;}
.pd_list .coupon_choice select {padding: 0.05rem 1rem; width:100%; height: auto; color:var(--grey56) !important; font-size:0.75rem;border-radius: 0.2rem; border: 1px solid  #B3B7BC;background-color: #F6F6F6;}
.pd_list .coupon_choice select option {color:var(--grey56);}
.total {display:flex; justify-content: space-between; flex-wrap: wrap;}
.total .type,
.total .text {font-size:1.1rem; color:#232323; font-weight:800;}
.paypal_btn {margin-top:1.5rem;}
.editor {margin-top:1.5rem;}

/* 파일선택 */
.att_file_list {overflow:hidden; position:relative;}
.att_file_list:has(.file_list_wrap) {overflow:visible;}
.att_file_list.isDoctor {margin-top:2rem;}
.att_file_list .swiper-slide span {display:block; width:100%; height:auto; aspect-ratio: 1;}
.file_list_wrap {overflow:hidden;}

.community-file-wrap .att_file_list .fileName { background: var(--navy); padding: 0.5rem 1rem;  font-size: 0.8rem;  font-weight: 600;  color: #fff;  display: none !important;  justify-content: space-between;  align-items: center;  border-radius: 0 0 0.3rem 0.3rem;}
.community-file-wrap .att_file_list .fileName p {display: -webkit-box;  -webkit-line-clamp: 1;  -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; height:1.4em;}

.isDoctor_files {overflow:hidden; margin-top:2rem;}
.isDoctor_files ul {display:flex; gap:1rem; flex-wrap:wrap;}
.isDoctor_files ul li {width:calc((100% - 1rem * 3)/4);}
.isDoctor_files ul li:nth-child(n + 5) {display:none;}
.isDoctor_files ul li span {display:block; width:100%; height:auto; aspect-ratio:1;}
.isDoctor_files .fileName {display:none;}


.att_file_list .swiper-button-prev,
.att_file_list .swiper-button-next {display: flex; align-items: center; justify-content: center; margin-top:0; width:2.7rem; height:2.7rem; aspect-ratio:1; color:var(--main); font-size:1.11rem; border-radius:100%; border:2px solid #fff; background:rgba(255,255,255,0.7); backdrop-filter:blur(9.25px); top:50%; transform:translateY(-50%); box-shadow: 0px 3.700000047683716px 9.25px 0px rgba(0, 0, 0, 10%)}
.att_file_list .swiper-button-prev.swiper-button-disabled,
.att_file_list .swiper-button-next.swiper-button-disabled {display:none;}
.att_file_list .swiper-button-prev:before,
.att_file_list .swiper-button-next:before {display:none;}
.att_file_list .swiper-button-prev {left:-0.5rem}
.att_file_list .swiper-button-next {right:-0.5rem;}



/* 페이지 제어 버튼 */
.btn_wrap.space-between {gap:1.5rem; justify-content: space-between;}
.btn_wrap.space-between > div {width:auto;}
.btn_wrap.space-between .hasTwoBtn {display:flex; gap:1.5rem;}
.btn_wrap.space-between a {padding: 0.6rem 1.28rem; max-width:unset; width:auto; text-align:left;}
.btn_wrap.space-between a:has(.icon_m_confirm) i,
.btn_wrap.space-between a:has(.icon_m_list) i,
.btn_wrap.space-between a:has(.icon_m_close) i{background:#fff;}
.btn_wrap.space-between a:has(.icon_m_modify) i {background:#7A2E20;}
.btn_wrap.space-between a:has(.icon_m_modify):is(:hover,:focus) i {background:#fff;}
.btn_wrap.space-between a:has(.icon_m_edit) i {background:#2C5034;}

@media (max-width:1380px){
	.quadrant .row{gap:0.3rem;}
	.tooth-bg { width: 2.2rem; height: 2.2rem;} 
	.paypal_area .p_inner {width:100%;}
}
@media (max-width:1024px){
	.dn_inner_scroll {background: #fff;}
	.dn_inner {border-radius:0; border:none; padding:1rem;}
}
@media (max-width:768px){
	.appMento_con {padding:0rem;}
	.appMento_con:has(.tooth) {padding:0; border:none;}
	.text_box_bg {padding: 0.5rem 1rem; font-size:0.88rem;}
	.dental_info .text_box_bg {padding:1rem;}
	.dental_info tbody tr:first-child td:nth-child(2),
	.dental_info tbody tr:nth-child(2) td:nth-child(1) {flex-direction:column; gap: 0.4rem;}
	.appMento_view .item:has(.folding-tit) .appMento_con {padding:0 1rem 1rem;}
	.appMento_view .item .line_table td strong {font-weight:400;}
	.appMento_view .item .line_table tr:not(:first-child) {margin-top:0rem;}
	.appCon_innerTit {font-size:1rem;}
	.folding-tit {padding: 1.1rem 1rem; background: #f6f6f6; border-radius: 0.5rem;}
	.folding-tit h5 {font-size:1.11rem; line-height: 1.2;}
	.appMento_view .item {}
	.appMento_view .item .line_table tr {padding:0; border:none;}
	.appMento_view .item .line_table td {padding: 0.5rem 1rem;}
	.appMento_view .item .line_table  tbody td:not(:last-child) {flex-direction: row; flex-wrap: wrap;}
	.appMento_view .vid_notice {flex-direction:row; align-items: flex-start;}
	.paypal_area .p_inner {width:100%; padding: 1rem;} 
	.pd_list .text {width:auto;}

	.isDoctor_files ul li {width:calc((100% - 1rem * 1)/2);}

	/* 환자정보 */
	.patient_info li {flex-direction: column; gap: 0;}
	.patient_info li:not(:first-child) {margin-top: 1.21rem;}
	.patient_info li span {line-height:1.3;}
	
	/* 페이지 제어 버튼 */
	.btn_wrap.space-between {flex-wrap:wrap; gap: 0.5rem;}
	.btn_wrap.space-between .hasTwoBtn {flex-wrap:wrap; gap:0.5rem;} 
	.btn_wrap.space-between > div {width:100%;}
	.btn_wrap.space-between a {width:100%; padding: 0.6rem;}
}



/*----- 장바구니 스텝 -----*/
.sign_step {display:flex; justify-content: center;  gap:1rem 6.97%; margin-bottom: 1.95rem; position:relative;  z-index: 0;}
.sign_step:after {content:''; display:block; width:100%; height:1px; background:#B4B8BD; position:absolute; top: 3rem; left:0; z-index:-1;}
.sign_step li {display:flex; flex-direction:column; align-items: center; gap: 0.5rem; font-size:0.85rem; color:var(--grey89);}
.sign_step li span {font-weight:700;}
.sign_step li.on {font-weight:600;  color:var(--navy)}
.sign_step li .step_icon {display:flex; align-items: center; justify-content: center; width:2.5rem; height:2.5rem; border-radius:100%; background:#fff; border:1px solid #D1D5DA;}
.sign_step li.on .step_icon {background:#fff; border-color:var(--navy);}

.sign_step .step1.on .step_icon {background:var(--navy) url('/images/default/content/step1_on.svg') no-repeat center center !important;} 
.sign_step .step2.on .step_icon {background:var(--navy) url('/images/default/content/step2_on.svg') no-repeat center center !important;}  
.sign_step .step3.on .step_icon {background:var(--navy) url('/images/default/content/step3_on.svg') no-repeat center center !important;}  

@media (max-width:768px){
	.sign_step {gap:1rem;}
	.sign_step:after {top: 3.5rem;}
	.sign_step li {width: 30%; font-size:1rem; line-height: 1.3; text-align:center;}
	.sign_step li .step_icon {width:3rem; height:3rem;}
}


/*----- 장바구니 -----*/
.myCart_list_top {display:flex; justify-content: space-between; align-items: center; padding-bottom:1.2rem; margin-bottom:1.8rem; border-bottom:2px solid var(--grey56);}
.myCart_list_top .cart_del {gap: 0; max-width:8.6rem;}
.myCart_list_top .select_all {font-size:0.8rem; color:var(--grey35); font-weight:600;}

.myCart_list > ul > li {display: flex; justify-content: space-between; gap: 1rem; align-items: center; padding:1.2rem 2.4rem 1.2rem 1rem; border-radius: 0.3rem; border: 1px solid #D5D5D5;}
.myCart_list > ul > li:not(:first-child) {margin-top:1.4rem;}
.myCart_list .info {display:flex; align-items: flex-start; gap:1rem;}
.myCart_list .aboutCourse {display:flex; align-items: flex-start; gap:1rem;}
.myCart_list .aboutCourse .img span {display:block; width:8rem; height:auto; aspect-ratio:700/392; border-radius:0.2rem;}
.myCart_list .course_name {display:flex; gap:0.25rem; margin-bottom:0.45rem;}
.myCart_list .course_name p {display: inline-flex;  padding: 0.1rem 0.4rem;  justify-content: center;  align-items: center;  font-weight: 600; background: var(--navy); color: #FFF; font-size:0.8rem;}
.myCart_list .course_name p.onlyForMento1year {display: flex; justify-content: center; align-items: center; gap: 0.1rem; padding: 0.3rem 0.4rem; font-size:0.8rem;  font-weight: 700; background: var(--main); color: #fff; border: 1px solid #E8C89A;}
.myCart_list .cart_info h4 {font-size:0.85rem; color:var(--black);}
.myCart_list .course_tags ul {display:flex; gap: 0 0.5rem; margin-top:0.1rem;}
.myCart_list .course_tags ul li {font-size:0.7rem; color:#3D7EF5; font-weight:500;}
.myCart_list > ul > li .cost  { flex-shrink: 0;  width: 6rem;  text-align: left;  display: flex;  justify-content: flex-end; font-size:0.95rem;}
#container .select_coupon select.i_text{font-size:0.8rem}


/* 카트에 담은 상품 없음 */
.noCart .innerFlex {display:flex; gap:2rem; justify-content: center; align-items: center; padding: 1.05rem; color:#353535;}
.noCart .txt_box {font-size:0.85rem;  font-weight:600;}
.noCart .txt_box strong {display:block; margin-bottom:0.25rem; font-size:1.35rem; font-weight:800; color:#45474A; line-height: 1.2;}
.noCart .img_box img {width:15rem;}


@media (max-width:1200px){
	.myCart_list > ul > li {padding:1.2rem;}
}
@media (max-width:1024px){
	.myAccount .view_fixed_menu {display:block; width:100%;}
}
@media (max-width:768px){
	.myCart_list .aboutCourse {align-items: flex-start;}
	.myCart_list .course_tags ul {flex-wrap:wrap;}
	.myCart_list .course_tags ul li {font-size:0.88rem;}
	.myCart_list .cart_info h4 {font-size:1rem;}
	
	/* 카트에 담은 상품 없음 */
	.noCart .innerFlex {flex-direction:column; padding-top: 0;}
	.noCart .txt_box {text-align:center;}
	.noCart .img_box img {width:100%; max-width:12rem;}
	
	.orderForm .table {}
	/* 테이블 스타일 */
	.orderForm .table table,
	.orderForm .table thead,
	.orderForm .table tbody,
	.orderForm .table th,
	.orderForm .table tbody td,
	.orderForm .table tr {display: block;	width: 100%;}
	
	.orderForm .table table {border:none;}
	.orderForm .table thead { display: none;}
	.orderForm .table tr {position:relative; display:flex; flex-wrap:wrap; flex-direction: column; border:1px solid #ddd; padding:1rem; padding-top: 0; padding-bottom: 0; border-radius:6px;}
	.orderForm .table tbody tr:not(:first-child) {margin-top:2rem;}
	.orderForm .table th {display:flex; align-items: center; border:none; padding:0.2rem; text-align:left;  font-size:0.88rem;} 
	.orderForm .table tbody  td {display:flex; gap: 1rem 2rem; border:none; padding:1.2rem 0; text-align:left;  font-size:0.88rem;flex-wrap: wrap;}
	.orderForm .table td::before { content: attr(data-label); font-weight: bold; font-size: 1rem;  width:100%;}
	.orderForm .table tbody td:not(:last-child) {border-right:none;  border-bottom: 1px solid #ddd;}
	.orderForm .table tbody.hasBg td {background:#fff;}
	
	.myCart_list {flex:1;}
	.myCart_list .aboutCourse .img,
	.myCart_list .aboutCourse .img span {flex-shrink: 0; width:100%; max-width: 15rem;}
	.myCart_list > ul > li {flex-direction: column; gap: 1rem;  align-items: flex-start; padding: 1rem; position: relative;}
	.myCart_list > ul > li .cost {align-self: flex-end;}
	.myCart_list .checkbox {position:absolute; right: 1rem; top: 1rem;}
}
@media (max-width:650px){
	.myCart_list > ul > li {padding-top:3rem;}
	.myCart_list .aboutCourse {flex-direction: column;}


	.orderForm .table tbody td {flex-direction:column;}
	.orderForm .table td::before {width:auto;}
}
@media (max-width:450px){
	.myCart_list .aboutCourse .img, .myCart_list .aboutCourse .img span {max-width: unset;}
}

/*----- 주문폼 -----*/
.myAccount .c_btn img {width:6.55rem;}

.course_view .table tr:not(:first-child) td {padding-top:0;}
.select_coupon select.i_text {max-width:14.5rem; border-radius: 0.2rem; border: 1px solid var(--navy); color:var(--navy)}
.table tbody td .discount {color:var(--main) !important;}

@media (max-width:768px){
	.course_view .table .aboutCourse {flex-direction:column;}
	.course_view .table tr:not(:first-child) td {padding-top:1.2rem;} 
	.course_view .table .course_tags ul {padding:0;}
	.select_coupon select.i_text {padding-right: 2rem;}
}
@media (max-width:450px){
	.table .myCart_list .aboutCourse .img span {width:100%;}
}


/*----- 주문완료 -----*/
.order_comp{display:flex; position:relative; z-index:0; flex-direction: column; align-items: center; gap:2rem; overflow:hidden; background:url('/images/default/content/pay_comp_bg.png') no-repeat center center !important; background-size:cover;}

.comp{width: 37.4rem;}
.comp_tit{width:100%; padding:4rem 2.4rem; background:url('/images/default/content/pay_comp_img.png') no-repeat right 0; background-position: calc(100% - 3rem) top; background-size:16.55rem auto;}
.comp_tit h3{font-size: 1.35rem; font-weight: 700; color:var(--navy);}
.comp_tit p{font-size: 0.8rem; font-weight: 500;}

.comp_box{padding:2rem; border-radius: 0.5rem; background: #EEF4FF; font-size: 0.75rem; font-weight: 500;}
.comp_box .dot li + li{margin-top:0.5rem;}
.comp_box .txt_link{color:var(--navy); font-size: 0.85rem;}

.order_comp	.c_btn .btn_default{width: 21.3rem; height: 3.05rem; font-size: 0.9rem;}

@media (max-width:768px){
  .comp{width: 100%;}
  .comp_tit{padding: 2rem 1rem; background-position:right top; background-size:12rem auto;}
}

@media (max-width:540px){
  .comp{width: 100%;}
  .comp_tit{padding: 1rem 1rem 6rem; background-position:center 4.5rem; background-size:10rem auto; text-align:center;}
  .order_comp .c_btn,
  .order_comp .c_btn .btn_default{width:100%;}
}


/*----- 쿠폰 -----*/
.precau{display: flex; justify-content: center; align-items: center; padding: 1rem; background: rgba(51, 36, 0, 0.10); border-radius: 0.8rem; margin-bottom:2.8rem;}
.precau p{font-weight: 600; color:var(--black); padding-right:4rem; margin-right:4rem;position:relative;}
.precau p:before{content : ""; display : block; position : absolute; right : 0; top:50%; transform:translateY(-50%);  width :1px; height : 100%; background : #7B7B7B;}
.small_dot{font-size: 0.75rem;}
.small_dot li{margin-bottom:0.25rem; position: relative; padding-left:10px;  }
.small_dot li:before{ content : ""; display : block; position : absolute; left :0; top:0.7em; width : 2px; height : 2px; background : #353535; border-radius:50%; }

.coup .tb_head{background: #F6F6F6;font-size: 0.75rem; box-shadow: 0px 0px 6px 0px rgba(9, 17, 33, 0.08) inset; padding:0.65rem 2rem; margin-bottom:2.2rem; font-weight: 500;}
.coup .tb_head strong{color:var(--navy); font-weight: 700; font-size: 0.95rem;}

.coup_item{display: flex; flex-wrap: wrap; gap:1.6rem 1.4rem;}
.coup_item .item{width: calc((100% - 1.4rem * 3) / 4);}
.coup_item .item .item_head{position:relative; border:1px solid #ddd; border-radius:1rem 1rem 0.5rem 0.5rem; padding:1.6rem 1.2rem 2rem;}
.coup_item .item .item_head:before{content : ""; display : block; position : absolute; right: -2rem; top:45%; width: 7.5rem;
height: 1.0573rem; transform: rotate(90deg); aspect-ratio: 150.00/21.15; background:url('/images/default/main/logo_b.svg') no-repeat 0 0; background-size:100% auto; opacity:0.14;}
.coup_item .item .item_head .sup_txt{display: flex; align-items: center; gap:0.4rem; font-size:0.8rem; font-weight:600; margin-bottom:1rem;}
.coup_item .item .item_head .sup_txt span{display:block; padding:0.35rem 0.4rem; line-height:1;}
.coup_item .item .item_head .sup_txt .dday{background:var(--navy); color:#fff;}
.coup_item .item .item_head .sup_txt .avai{background:#EEF4FF; color:var(--navy); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10) inset;}
.coup_item .item .item_head .per{font-size: 1.15rem; color:var(--black); font-weight: 600; margin-bottom:0.35rem;}
.coup_item .item .item_head .name{font-size: 0.85rem; color:var(--blueblack); font-weight: 500;}
.coup_item .item .item_tail{display:flex; justify-content: space-between; font-size: 0.75rem; background:#F6F6F6; border:1px solid #ddd; border-top:none; padding:1rem 1.2rem; border-radius:0.5rem 0.5rem 1rem 1rem;}
.coup_item .item .item_tail	strong{display:block;}

@media (max-width:1200px){
	.coup_item .item{width: calc((100% - 1.4rem * 2) / 3);}
}
@media (max-width:1024px){
	.coup_item .item .item_tail{flex-direction: column; gap:0.5rem 0;}	
	.coup_item .item .item_tail	p{ display:flex; justify-content: space-between;}
}
@media (max-width:768px){
	.precau{flex-direction: column; gap:0.5rem 0;}
	.precau p{padding-right:0; margin-right:0;}
	.precau p:before{display:none;}
	.coup .tb_head{padding: 0.65rem 1.2rem;}

	.coup_item .item{width: calc((100% - 1.4rem * 1) / 2);}
}
@media (max-width:540px){
	.coup_item .item{width: 100%;}
}

/********************************************************
■ 결제이력 페이지
********************************************************/
.pay_stat p {display: inline-flex; align-items: center; gap:0.4rem; padding-right: 0.5rem; font-size:0.75rem; font-weight:700; white-space: nowrap; position:relative;} 
.pay_stat p:after {content:''; display:block; width:0.3rem; height:0.3rem; border-radius:100%; position: absolute; top: 0.3em; right: 0;}
.pay_stat .stat_icon {display:block; width:0.9rem; height:0.9rem; background:#f00;}
.pay_stat.p_outs p:after {background:#B3B7BC} 
.pay_stat.p_comp p:after {background:#2CA1FF} 
.pay_stat.p_cancel p:after {background:#E53935} 
.pay_stat.p_comp .stat_icon {background:url('/images/default/content/m_comp.svg') no-repeat center center; background-size:100% auto;} 
.pay_stat.p_cancel .stat_icon {background:url('/images/default/content/m_refuse.svg') no-repeat center center; background-size:100% auto;} 
.pay_stat.p_outs .stat_icon {background:url('/images/default/content/m_stand.svg') no-repeat center center; background-size:100% auto;} 


/*----- 뷰페이지 -----*/
.p_view_top {display:flex; align-items: stretch; gap:clamp(1.2rem, 1.14rem + 0.375vw, 1.5rem);}
.p_view_top > div {flex:1; border-radius:clamp(0.1rem, 0.08rem + 0.125vw, 0.2rem);}
.myAccount:has(.p_view_top) .appCon_innerTit {margin-bottom: 0.8rem;}
.myAccount:has(.p_view_top) .appCon_innerTit:not(:first-child) {margin-top: 1.3rem;}
.myAccount:has(.p_view_top) .btn_wrap {margin-top:clamp(2.4rem, 2.28rem + 0.75vw, 3rem);}
.myAccount:has(.p_view_top) .btn_wrap .white_b {box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.10); border-color:#F3F1E9;}

/* 결제 정보 */
.p_info {padding:clamp(1.2rem, 1.19rem + 0.063vw, 1.25rem) clamp(1.2rem, 1.14rem + 0.375vw, 1.5rem) clamp(1.2rem, 1.15rem + 0.313vw, 1.45rem); background:#f4f4f4;}
.p_info .dot li {display:flex; gap:clamp(4rem, 3.51rem + 3.063vw, 6.45rem); margin-top:clamp(0.6rem, 0.56rem + 0.25vw, 0.8rem); padding:0 0 clamp(0.4rem, 0.36rem + 0.25vw, 0.6rem); padding-left:clamp(0.6rem, 0.57rem + 0.188vw, 0.75rem); position:relative; font-size:0.75rem; border-bottom:1px solid #000;}
.p_info .dot li:first-child {margin-top:0;}
.p_info .dot li:before{ content : ""; display : block; position : absolute; left :0; top:0.6em; width : 5px; height : 5px; background : #2D2D2D; border-radius:50%; }
.p_info .dot li h5 {width:5.15rem; flex-shrink:0; color:#2D2D2D; font-weight:800}

/* 금액 정보 */
.p_bill {padding:0.5rem clamp(0.8rem, 0.76rem + 0.25vw, 1rem); align-content: center; border:1px solid #ddd; box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.06); }
.p_bill .ci_inner .c_info ul {margin-top: 0.6rem;}
.p_bill .ci_inner .c_info ul:first-child {margin-top:0;}
.p_bill .ci_inner .c_info small {font-size:0.8rem;}
.p_bill .c_total .c_info {margin-bottom:0.6rem;}
.p_bill .c_total strong {font-weight:800; }
.p_bill .c_total .totalCost {color:#1531CC;}

/* 강의 정보 / 멘토정보 */
.payment_table  tbody th,
.payment_table  tbody td {padding: 0.7rem 1rem; font-size:0.75rem;}
.payment_table  tbody td:not(:has(.about_c)){text-align:center;}
.payment_table .about_c h4 {margin:0; font-size:0.75rem;}
.payment_table .about_c h4 span {line-height: 1.5; font-size:0.7rem;}

@media (max-width:1030px){
	.payment_table tbody td:not(:has(.about_c)) {text-align:left;}
}
@media (max-width:768px){
	.pay_stat p {font-size:0.88rem;}

	/*----- 뷰페이지 -----*/
	.p_view_top {flex-direction:column;}

	/* 결제 정보 */
	.p_info .dot li {gap: 1.5rem; font-size:0.88rem;}
	.p_info .dot li h5 {width: 6.15rem; font-size:0.88rem;}
	.p_bill .ci_inner .c_info small {font-size:0.88rem;}

	.payment_table tbody [data-label]::before {width:5rem !important;}
}

/********************************************************
■ 출석체크
********************************************************/
.att_intro {margin-bottom: 2.8rem;}
.att_intro .intro_text{ padding: 3.05rem 2rem 3.05rem 40.76%; font-size: 0.8rem; font-weight:600; color:#232323; background: url('/images/default/content/att_intro_bg.jpg') no-repeat center center; background-size: cover; position: relative; border-radius: 0.6rem 0.6rem 0 0; overflow: hidden;}
.att_intro .intro_text:before {content:''; display:block; width:100%; height:100%;  background:url('/images/default/content/att_deco_l.svg') no-repeat left center; background-size:auto 100%; position:absolute; top:0; left:0;}
.att_intro .intro_text:after {content:''; display:block; width:19.37%; height:100%; background:url('/images/default/content/att_deco_r.svg') no-repeat left center; background-size:cover; position:absolute; top:0; right:0;}
.att_intro .intro_text h4 {margin-bottom:0.3rem; font-size: 1.3rem; font-weight:700;}
.att_intro .att_notice {display: flex; align-items: baseline; justify-content: center; gap: 0.2rem;  padding:0.5rem; font-size:0.7rem; color: #052B57; background: #fff;  border-radius: 0 0 0.6rem 0.6rem; border:1px solid #D6E0EB;}


/*----- 출석체크판 -----*/
.calendar-wrap {display: flex; justify-content: center;align-items: center;flex-direction: column; gap:3rem; padding:2.7rem 1rem 3rem; border:1px solid #B1B8BE; border-radius:0.6rem;}
.calendar_in {overflow-x:auto;}
.cal_year {margin-bottom: 1.9rem; text-align: center; font-size:1.3rem; font-weight:700; color:#000;}
.calendar-wrap .btn_wrap {margin-top:0; width: 100%;}
.calendar-wrap .btn_wrap  .btn_default {max-width: 16.55rem;}
.calendar-wrap .btn_default.hasAttcomp {background:#e5e5e5; cursor:default; color:#898989; box-shadow: unset;}
.calendar-wrap .btn_default.hasAttcomp .icon_m_confirm {background:#898989 !important;}

/* 달력 */
.calendar {width:100%; max-width: 43.75rem;}
.calendar table{width:100%; font-family: "Inter", sans-serif; border-bottom: 2px solid #BEBEBE;}
.calendar th{padding:2.325rem 2rem; text-align:center; font-size: 1.1rem; border-top:2px solid #BEBEBE; font-weight: 500; color:#121212;}
.calendar th.sun {color:#B72569;}
.calendar th.sat {color:#1531CC;}
.calendar td{position:relative; height:6.25rem;}
.calendar td:first-child{border-left:none;}
.calendar td div{ display: flex; align-items: center; justify-content: center; flex-direction: column; margin: 0 auto; position:relative; width:calc(100% - 1.835rem); height:auto; aspect-ratio: 1; font-size:0.95rem; font-weight:600; border-radius: 1.65rem; background: #F0F5FF; }
.calendar td .dayNum{font-weight:500;}

.calendar td.ableDate div {background:#fff;}
.calendar td.ableDate:is(.checked) div {background:var(--main) url('/images/default/content/att_checked.webp') no-repeat center center; background-size:60% auto;}
.calendar td.ableDate:is(.checked) .dayNum {display:none;}
.calendar td.ableDate:is(.today) div {background:var(--main); color:#fff;}
.calendar td.unableDate div {background:#F5F6F8; color: #B7B7B7;}
.calendar td.beforeMonth div {background:#F5F6F8; color: #B7B7B7;}

@media (max-width:1024px){
	.att_intro .intro_text {padding: 1.5rem 1rem 1.5rem 35%}
}
@media (max-width:768px){
	.att_intro .intro_text  {padding: 1.5rem; font-size:0.88rem; text-align: center; background-image: url('/images/default/content/att_intro_bg_mob.jpg');}
	.att_intro .intro_text:before,
	.att_intro .intro_text:after {display:none;}
	.att_intro .intro_text  h4 {font-size:1.27rem;}

	.att_intro .att_notice {font-size:0.88rem;}

	/* 달력 */
	.calendar th {padding: 1.8rem 1.5rem;}
	.calendar td {height: 5rem;}
	.calendar td div {width: 3.5rem;}
}


/********************************************************
■ About
********************************************************/
#container .content_body:has(.mega_sch) {padding-bottom:0; position:relative;}
.normal_page_title {margin-bottom:clamp(2.4rem, 2.28rem + 0.75vw, 3rem);}
.normal_page_title span {display: block; color: var(--main); font-weight: 700; font-size: clamp(0.79rem, 0.788rem + 0.013vw, 0.8rem); letter-spacing:0;}
.normal_page_title h3 {font-weight:800; font-size: clamp(1.602rem, 1.542rem + 0.373vw, 1.9rem);}


/*----- 메가스쿨 -----*/
.mega_sch_logo {margin-top: 1.85rem; margin-bottom: 2rem;}
.mega_sch_logo img {display:block; margin: 0 auto; width:20rem;}
.mega_sch .hasBg{padding:clamp(4rem, 3.8rem + 1.25vw, 5rem) 0; position:relative; color:#fff;}
.mega_sch .hasBg:after {content:''; display:block; width:100vw; height:100%; background:url('/images/default/content/megasch_bg.webp') no-repeat center center; background-size:cover; position:absolute; top:0; left:50%; transform:translateX(-50%); z-index:-1;}
.mega_sch .text {display: flex; flex-direction: column; gap: 0; margin: clamp(2.4rem, 2.38rem + 0.125vw, 2.5rem) auto 0; width:100%; max-width:clamp(18rem, 11.14rem + 42.875vw, 52.3rem); font-size: clamp(0.889rem, 0.847rem + 0.264vw, 1.1rem); font-weight:600;}
.mega_sch .text strong {font-size: clamp(1.265rem, 1.199rem + 0.418vw, 1.6rem); color:var(--main); font-weight:800}
.vid_area {margin: 0 auto; width:100%; max-width:clamp(18rem, 11.14rem + 42.875vw, 52.3rem); height:auto; aspect-ratio:16/9;}
.vid_area iframe {width:100%; height:auto; aspect-ratio:16/9;}
.vid_area .vid_deco {display:flex; border: clamp(0.2rem, 0.14rem + 0.375vw, 0.5rem) solid #fff; border-radius: clamp(0.4rem, 0.38rem + 0.125vw, 0.5rem); background:#fff; position: relative; z-index:0;}
.vid_area .vid_deco:after {content:''; display:block; width:clamp(6rem, 5.3rem + 4.375vw, 9.5rem); height:clamp(11.05rem, 10.21rem + 5.25vw, 15.25rem); background:url('/images/default/content/megavid_deco.webp') no-repeat left top; background-size:100% auto; position:absolute; top:calc(-1 * (clamp(0.2rem, 0.14rem + 0.375vw, 0.5rem) + clamp(0.2rem, 0.14rem + 0.375vw, 0.5rem))); left:calc(-1 * (clamp(0.2rem, 0.14rem + 0.375vw, 0.5rem) + clamp(0.2rem, 0.14rem + 0.375vw, 0.5rem))); z-index:-1}

/* 비전 */
.mega_sch .purpose .normal_page_title {text-align:center;}
.mega_sch .purpose .left_t {text-align: left;}
.mega_sch .purpose .left_t strong {display:block; margin-top:clamp(0.4rem, 0.36rem + 0.25vw, 0.6rem);}
.mega_sch .purpose .right_t {text-align: right;}

/* 하단 비디오 */
.mega_sch .other_vid.hasBg:after {transform:translateX(-50%) scale(-1);}
.mega_sch .other_vid .text {text-align:center; gap:0;}


/*----- 메가스쿨 스와이퍼-----*/
.mega_sch .obj {padding:clamp(4rem, 3.8rem + 1.25vw, 5rem) 0;}
.obj_slide-container { display: flex; width: 100%; height: clamp(11.65rem, 6.18rem + 34.188vw, 39rem); min-height: 39rem;} 
.obj_slide-main { height: 100%; background: #1C3350; } 
.obj_slide-main .swiper-slide { display: flex; align-items: center; justify-content: space-between; padding-bottom: 6.85%; background-color: #f7f7f7; } 

/* 내용 */
.slide-content {padding: clamp(1.5rem, 1.2rem + 1.875vw, 3rem); padding-top: clamp(2.4rem, 2.36rem + 0.25vw, 2.6rem); width: 40%;  height: auto; color:#fff; border: 1px solid rgba(255, 255, 255, 0.30); background: rgba(28, 51, 80, 0.70); backdrop-filter: blur(10px);} 
.slide-content h4 {margin-bottom: clamp(1.2rem, 1.14rem + 0.375vw, 1.5rem); color: #d3a31d;} 
.slide-content h2 {font-size: clamp(1.2rem, 1.18rem + 0.125vw, 1.3rem); line-height: 146%;} 
.slide-content .sub_text {display: flex; flex-direction: column; gap: 0.7rem; margin-top: 1.45rem; font-size: clamp(0.85rem, 0.83rem + 0.125vw, 0.95rem);} 

/* 썸네일 스와이퍼 */
.obj_slide-thumb {position: absolute; top:61%; right:0; transform: translateY(-50%); width: 27rem; overflow: visible;} 
.obj_slide-thumb .swiper-wrapper { height: clamp(11.65rem, 6.18rem + 34.188vw, 39rem) !important; align-items: flex-end; } 
.obj_slide-thumb .swiper-slide { display: flex; align-items: center; justify-content: space-between; gap: 1rem clamp(2rem, 1.98rem + 0.125vw, 2.1rem); padding: clamp(1.2rem, 1.14rem + 0.375vw, 1.5rem) clamp(1rem, 0.8rem + 1.25vw, 2rem); cursor: pointer; transition: width 0.3s; background: rgba(0, 0, 0, 0.10); backdrop-filter: blur(10px); height: auto; } 
.obj_slide-thumb .swiper-slide .obj_thumb_tit {font-size: clamp(0.75rem, 0.71rem + 0.25vw, 0.95rem); font-weight: 800; color: #fff; } 
.obj_slide-thumb .swiper-slide .thumb { flex-shrink: 0; width: clamp(5rem, 4.6rem + 2.5vw, 7rem); height: clamp(2.15rem, 1.98rem + 1.063vw, 3rem); border-radius: clamp(0.2rem, 0.18rem + 0.125vw, 0.3rem); overflow: hidden; position:relative;}
.obj_slide-thumb .swiper-slide .thumb:before {content:''; display:block; width:1.6rem; height:1.3rem; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='26' fill='none'%3E%3Cpath stroke='%23C0A031' stroke-linecap='round' stroke-width='3' d='M13 24 2.5 13.5a.8.8 0 0 1 0-1.2L12.9 2.1M3.8 13H30'/%3E%3C/svg%3E") no-repeat center center; background-size:100% auto; position:absolute; top:50%; right:-40%; transform:translateY(-50%); opacity:0; transition: 0.3s cubic-bezier(0.79,0.14,0.15,0.86);  z-index: 5;}
.obj_slide-thumb .swiper-slide .thumb span { display: block; width: 100%; height: 100%; transition: 0.3s cubic-bezier(0.79,0.14,0.15,0.86);} 
.obj_slide-thumb .swiper-slide .thumb span:before {content:''; display:block;  width:100%; height:100%;  background: var(--navy); opacity:0; transition: 0.3s cubic-bezier(0.79,0.14,0.15,0.86);}

/* active 효과 */
.obj_slide-thumb .swiper-slide-thumb-active { width: calc(100% + 2rem); background: var(--navy); }
.obj_slide-thumb .swiper-slide-thumb-active .thumb:before { right:0; opacity:1;}
.obj_slide-thumb .swiper-slide-thumb-active .thumb span:before {opacity:1;}
.obj_slide-thumb .swiper-slide-thumb-active .obj_thumb_tit {color: #fff !important;}

/* 스와이퍼 페이지네이션 */
.obj_paging_wrap {width: 100%; text-align: center; color:#fff; font-weight:700; font-size: clamp(0.75rem, 0.71rem + 0.25vw, 0.95rem); position: absolute; bottom: clamp(2rem, 1.965rem + 0.219vw, 2.175rem);  left: 0;  z-index: 1;}




@media (max-width:1024px){
	.normal_page_title span {font-size: clamp(0.889rem, 0.878rem + 0.056vw, 0.941rem);}
	.normal_page_title h3 {font-size: clamp(1.802rem, 1.715rem + 0.461vw, 2.235rem);}
	.mega_sch .text {font-size: clamp(1rem, 0.941rem + 0.313vw, 1.294rem);}
	.mega_sch .text strong {font-size: clamp(1.424rem, 1.332rem + 0.487vw, 1.882rem);}

	/* 비전 */
	.mega_sch .purpose .right_t {text-align: left;}
	.mega_sch .purpose .text {gap:clamp(0.4rem, 0.36rem + 0.25vw, 0.6rem)}

	/*----- 메가스쿨 스와이퍼-----*/
	.obj_slide-container {flex-direction: column; height:auto; min-height:unset;}
	.obj_slide-main {width: 100%; height:27rem;}
	.obj_slide-main .swiper-slide {align-items: baseline; padding:0;}

	/* 내용 */ 
	.slide-content {width:100%;  height: 100%; border:none;  background: rgba(28, 51, 80, 0.3);}

	/* 썸네일 스와이퍼 */
	.obj_slide-thumb {position:static; width:100%; transform: translateY(0);}
	.obj_slide-thumb .swiper-wrapper {align-items: stretch; height:auto !important;}
	.obj_slide-thumb .swiper-slide .thumb:before { width: 40%; height: auto; aspect-ratio: 32 / 26;background-size: contain;}
	.obj_slide-thumb .swiper-slide .obj_thumb_tit {font-size: clamp(0.981rem, 0.953rem + 0.146vw, 1.118rem); color: var(--black);}

	/* active 효과 */
	.obj_slide-thumb .swiper-slide-thumb-active { gap: 0;  width: 100%;}

	/* 스와이퍼 페이지네이션 */
	.obj_paging_wrap {padding-left:clamp(1.5rem, 1.2rem + 1.875vw, 3rem); text-align:left;}
}
@media (max-width:768px){
	.mega_sch_logo {margin-top: -1.85rem;}
	.vid_area {max-width:unset;}

	/* 비전 */
	.mega_sch .text {max-width:unset;}
}
@media (max-width:390px){
	.normal_page_title span {font-size: 1rem}
	.normal_page_title h3 {font-size: clamp(1.602rem, 1.447rem + 0.773vw, 2.375rem); line-height: 1.3;}
	.mega_sch_logo img {width: 17rem;}
	.mega_sch .text strong {font-size: clamp(1.266rem, 1.119rem + 0.734vw, 2rem); line-height: 1.3;}

	/* 썸네일 스와이퍼 */
	.obj_slide-thumb .swiper-slide .obj_thumb_tit {font-size: clamp(1.042rem, 1.013rem + 0.146vw, 1.188rem);}
}

/* 251217 추가작업 */
/* MegaGen Implants */
#container:has(.implant) .content_body {padding-bottom: 0;}
:has(.implant) #sepration {background: #fff;}
.implant .con {max-width: 1080px;}
.implant .t_big {font-size: clamp(1.35rem, 1.06rem + 1.812vw, 2.8rem); line-height: 1.2;}
.implant .t_big strong {font-weight: 900;}
.implant .t_sml {font-size: 14px;}
.implant .tit_sml {font-size: 14px; font-weight: 700;}
.implant .t_marker {display: inline-block; position: relative; z-index: 1;}
.implant .t_marker::before {content: ''; display: block; width: 0; height: 27%; background-color: #21a4dd; position: absolute; bottom: 0; left: -4px; z-index: -1; animation: .8s fillWidth forwards;}
@keyframes fillWidth {
	100% {width: calc(100% + 8px);}
}
.top_box {font-size: var(--font-size-20); color: #fff; overflow: hidden; position: relative; z-index: 1;}
.top_box::after {content: ''; display: block; width: 24px; height: 24px; background: url('/images/default/content/icon_arrow_down.svg') no-repeat center/cover; position: absolute; bottom: 1rem; left: 50%; transform: translateX(-50%); animation: 4s arrowDown infinite;}
@keyframes arrowDown {
	50% {bottom: 1rem; opacity: 1;}
	90% {bottom: 0; opacity: 0;}
	91% {bottom: 1rem; opacity: 0;}
}
.top_box .bg_box {width: 100%; height: 152%; object-fit: cover; position: absolute; top: 0; left: 0; z-index: -1;}
.top_box .txt_box {width: 100%; margin: 0 auto; padding-top: clamp(2.5rem, 0.15rem + 14.688vw, 14.25rem); padding-bottom: clamp(2.5rem, 0.15rem + 14.688vw, 14.25rem);}
.top_box .txt_box .t_big + p {font-size: clamp(0.7rem, 0.64rem + 0.375vw, 1rem);}
.implant .half_wrap {display: flex;}
.implant .half_wrap.even {flex-direction: row-reverse;}
.implant .half_wrap .img_box {width: 50%;background: no-repeat center/cover;}
.implant .half_wrap .img_box.img1 {background-image: url('/images/default/content/implant_img1.jpg');}
.implant .half_wrap .img_box.img2 {background-image: url('/images/default/content/implant_img2.jpg');}
.implant .half_wrap .img_box.img3 {background-image: url('/images/default/content/implant_img3.jpg');}
.implant .half_wrap .img_box.img4 {background-image: url('/images/default/content/implant_img4.jpg');}
.implant .half_wrap .txt_box {width: 50%; padding: clamp(2.5rem, 1.1rem + 8.75vw, 9.5rem) clamp(0.75rem, -1rem + 10.938vw, 9.5rem); background: #fff;}
.implant .half_wrap .txt_box h4 {margin-bottom: clamp(0.5rem, 0.4rem + 0.625vw, 1rem); font-size: clamp(1.2rem, 1.16rem + 0.25vw, 1.4rem); font-weight: 700; color: #000;}
.implant .half_wrap .txt_box .tit_sml,
.implant .half_wrap .txt_box .t_sml {color: #7F7F7F;}
.implant .sct_icons {padding: clamp(3.125rem, 1.5rem + 8.13vw, 11.25rem) 0; color: #fff; background-color: rgb(37, 33, 59); position: relative;}
.implant .sct_icons::before {content: ''; display: block; width: 100%; height: 100%; background: rgb(37, 33, 59) url('/images/default/content/implant_bg1.jpg') no-repeat left center/auto 100%; position: absolute; top: 0; left: 0;}
.implant .sct_icons .con {display: flex; align-items: center; gap: clamp(1.25rem, 1rem + 1.25vw, 2.5rem) 0; position: relative;}
.implant .sct_icons .txt_box {flex: 1;}
.implant .sct_icons .txt_box .t_sml {margin-top: clamp(0.5rem, 0.4rem + 0.625vw, 1rem); opacity: .7;}
.implant .sct_icons .icons_list {flex: 1; display: flex; flex-wrap: wrap; gap: clamp(1rem, 0.8rem + 1.25vw, 2rem) clamp(0.5rem, 0.4rem + 0.625vw, 1rem); padding-left: 3%; margin-left: 2%;}
.implant .sct_icons .icons_list li {width: calc(50% - clamp(0.5rem, 0.4rem + 0.625vw, 1rem) / 2);}
.implant .sct_icons .icons_list li span {display: block; margin: 10px 0; font-weight: 700; opacity: .3;}
.implant .sct_icons .icons_list li p {opacity: .7;}
.implant .sct_icons .icons_list li svg path {transition: stroke-dashoffset 1s ease;}
.implant .sct_icons .icons_list.anim li svg path {stroke-dashoffset: 0 !important;}
.implant .fixed_bg {display: flex; justify-content: center; align-items: center; height: 100vh; color: #fff; position: relative; overflow: hidden;}
.implant .fixed_bg::before {content: ''; display: block; width: 100%; height: 100lvh; background: url('/images/default/content/implant_bg2.jpg') no-repeat center/cover; position: fixed; top: 0; left: 0; z-index: -1;}
.implant .fixed_bg .t_def {margin: 5px 0 clamp(1.25rem, 1rem + 1.25vw, 2.5rem); font-size: clamp(0.7rem, 0.64rem + 0.375vw, 1rem);}
.implant .fixed_bg .t_sml {opacity: .7;}

@media (max-width: 1024px){
	.implant .half_wrap {flex-direction: column;}
	.implant .half_wrap.even {flex-direction: column;}
	.implant .half_wrap .img_box {width: 100%; height: 14rem;}
	.implant .half_wrap .txt_box {width: 100%;}
	.implant .sct_icons::before {background-size: cover; background-position: 24% top; opacity: .4;}
	.implant .sct_icons .con {flex-direction: column;}
	.implant .sct_icons .txt_box {text-align: center;}
	.implant .sct_icons .icons_list {margin: 0; padding: 0; text-align: center;}
	.implant .sct_icons .icons_list li span {opacity: .5;}
}
@media (max-width: 767px){
	.implant .fixed_bg {height: auto;}
	.implant .fixed_bg .txt_box {padding-top: clamp(2.5rem, 0.15rem + 14.688vw, 14.25rem); padding-bottom: clamp(2.5rem, 0.15rem + 14.688vw, 14.25rem);}
}
@media (max-width: 480px){
	.implant .sct_icons .con {align-items: flex-start;}
	.implant .sct_icons .txt_box {text-align: left;}
}

/* MINEC */
#container:has(.minec) .content_body {padding-bottom: 0;}
.minec .t_big {font-size: clamp(1.35rem, 1.06rem + 1.812vw, 2.8rem); line-height: 1.2;}
.minec .t_big strong {font-weight: 900;}
.minec .t_sml {font-size: 14px;}
.minec .con {max-width: 1080px;}
.minec .top_box .bg_box {background: url('/images/default/content/minec_top.jpg') no-repeat center/cover;}
.minec .top_box {text-align: center; color: #fff; }
.minec .top_box .txt_box {padding-top: clamp(2.5rem, 1.4rem + 6.875vw, 8rem); padding-bottom: clamp(2.5rem, 0.9rem + 10vw, 10.5rem);}
.minec .top_box .minec_logo {width: clamp(10rem, 8rem + 12.5vw, 20rem); aspect-ratio: 400/261; margin: 0 auto clamp(0.5rem, 0.4rem + 0.625vw, 1rem); background: url('/images/default/content/minec-logo.png') no-repeat center/cover;}
.minec .top_box p {font-size: clamp(1rem, 0.92rem + 0.5vw, 1.4rem); font-weight: 700;}
.minec .txt_box span {font-size: 14px;}
.minec .swp_wrap {padding: clamp(2.5rem, 2rem + 3.125vw, 5rem) 0;}
.minec .swp_wrap.even {background-color: #f2f5f6;}
.minec .swp_wrap .con {display: flex; flex-wrap: wrap; align-items: center; gap: clamp(2.5rem, 2rem + 3.125vw, 5rem) clamp(1rem, 0.7rem + 1.875vw, 2.5rem);}
.minec .swp_wrap.even .con {flex-direction: row-reverse;}
.minec .swp_wrap .con .txt_box {width: calc(50% - (clamp(1rem, 0.7rem + 1.875vw, 2.5rem) / 2));}
.minec .swp_wrap .con .minec_swp {width: calc(50% - (clamp(1rem, 0.7rem + 1.875vw, 2.5rem) / 2)); overflow: hidden;}
.minec .swp_wrap .con .minec_swp .swiper-pagination {position: static; display: flex; justify-content: center; gap: .7rem; margin-top: 1rem;}
.minec .swp_wrap .con .minec_swp .swiper-pagination .swiper-pagination-bullet {width: .6rem; height: .6rem; margin: 0;}
.minec .swp_wrap .con .minec_swp .swiper-pagination .swiper-pagination-bullet-active {background-color: #21a4dd;}
.minec .swp_wrap .con .txt_box h4 {margin-bottom: clamp(0.5rem, 0.4rem + 0.625vw, 1rem); font-size: clamp(1.2rem, 1.16rem + 0.25vw, 1.4rem); font-weight: 800; color: #000;}
.minec .swp_wrap .con .txt_box p {opacity: .7;}
.minec .members ul {display: flex; gap: clamp(1.5rem, 1.4rem + 0.625vw, 2rem) clamp(0.5rem, 0.4rem + 0.625vw, 1rem); width: 100%; text-align: center;}
.minec .members ul li {flex: 1;}
.minec .members ul li img {width: 100%;}
.minec .members ul li p {margin-top: clamp(0.75rem, 0.6rem + 0.938vw, 1.5rem); font-size: .7rem; color: #7F7F7F;}
.minec .members h4 {margin-top: clamp(0.75rem, 0.6rem + 0.938vw, 1.5rem); font-size: clamp(0.9rem, 0.86rem + 0.25vw, 1.1rem); font-weight: 800; color: #333; text-align: center;}
.minec .minec_sns {padding: clamp(2rem, 1.82rem + 1.125vw, 2.9rem) 0; background: url('/images/default/content/minec_sns_bg.jpg') no-repeat center/cover;}
.minec .minec_sns .minec_logo {width: clamp(6rem, 5.1rem + 5.625vw, 10.5rem); aspect-ratio: 400/261; margin: 0 auto clamp(0.5rem, 0.4rem + 0.625vw, 1rem); background: url('/images/default/content/minec-logo-purple.png') no-repeat center/cover;}
.minec .minec_sns .txt {display: flex; justify-content: center; align-items: center; gap: clamp(1rem, 0.6rem + 2.5vw, 3rem); font-size: clamp(0.9rem, 0.86rem + 0.25vw, 1.1rem); font-weight: 800; color: #5e2c80;}
.minec .minec_sns ul {display: flex; gap: clamp(0.5rem, 0.4rem + 0.625vw, 1rem);}
.minec .minec_sns ul li img {width: clamp(2rem, 1.94rem + 0.375vw, 2.3rem);}

@media (max-width: 1024px){
	.minec .swp_wrap .con,
	.minec .swp_wrap.even .con {flex-direction: column;}
	.minec .swp_wrap .con .txt_box {width: 100%;}
	.minec .swp_wrap .con .minec_swp {width: 100%; text-align: center;}
	.minec .members ul {flex-wrap: wrap;}
	.minec .members ul li {flex: none; width: calc((100% / 3) - (clamp(0.5rem, 0.4rem + 0.625vw, 1rem)) * 2 / 3);}
	.minec .minec_sns .txt {flex-direction: column;}
}

/********************************************************
■ Meet Our Faculty
********************************************************/

.mega_ceo p{display:flex;}
.mega_ceo p span{font-size: 0.7rem; letter-spacing: 0.01em; display:inline-flex; align-items: center; height:1.5rem; padding:0 0.4rem; color: var(--navy); font-size: 0.7rem; font-weight: 600; background: #EEF4FF;}
.mega_ceo p span.bg1{background: linear-gradient(0deg, rgba(151, 116, 0, 0.50) 0%, rgba(151, 116, 0, 0.50) 100%), linear-gradient(95deg, #9F8447 3.86%, #8F6300 44.7%, #9F8447 71.73%, #917537 82.4%, #694E12 98.75%); color: #FFF; border:1px solid #fff;}
.mega_ceo p span.bg2{background: linear-gradient(90deg, #214E84 0%, #0F2840 52.4%, #275790 100%); color: #FFF; border:1px solid #EEF4FF;}
.mega_ceo h4{color: var(--navy); font-size: clamp(1rem, 0.857rem + 0.381vw, 1.2rem); font-weight: 700; margin-top:1.2rem; line-height:1;}
.mega_ceo ul li{padding-left:0.7rem; position:relative;}
.mega_ceo ul li:before{content:""; position:absolute; left:0; top:0.35em; width:0.2rem; height: 0.7em; border-radius: 0.1rem; background: var(--main);}
.mega_ceo ul li:not(:first-child){margin-top:0.5rem;}

.mega_ceo.big{display:flex; align-items: flex-end; border-radius: 3rem 0.3rem 0rem 0.3rem; background: #1C3350 url('/images/default/content/ceo_bgShape.svg')no-repeat right bottom; margin-bottom:2.8rem;}
.mega_ceo.big p span:first-child{background:#fff;}
.mega_ceo.big h4{font-size: 1.9rem; color:#fff; margin-bottom:2rem; }
.mega_ceo.big .img{width:37%; margin-top: -2.2rem; text-align:center; position:relative; z-index: 0; overflow: hidden; padding: 0 1.5rem;}
.mega_ceo.big .img img{max-width:100%;}
.mega_ceo.big .img:before{content:""; position:absolute; right:2rem; top:4.8rem; border-radius: 20rem 20rem 0 0; background: #5C7492; width: 110%; height: 40rem; z-index:-1;}
.mega_ceo.big .text{padding:3rem 2rem 3rem 0; flex:1;}
.mega_ceo.big ul{max-height:none;}
.mega_ceo.big ul li{color:#fff; font-size:0.85rem;}
.mega_ceo.big ul li:not(:first-child){margin-top:0.25rem;}

.mega_ceo-text{display:none;}

.mega_ceoFlex{display:flex; flex-wrap:wrap; gap:2.8rem 2rem;}
.mega_ceoFlex .items{width:calc((100% - 2rem) / 2); display: grid; gap:clamp(0.8rem, 0.514rem + 0.762vw, 1.2rem);}
.mega_ceoFlex .items .img{grid-row: span 2 ; display: flex; align-items: flex-end; justify-content: center; border-radius:0.3rem; overflow:hidden;}
.mega_ceoFlex .items .img img{max-width:100%}
.mega_ceoFlex .items .img.img1{background:#818181;}
.mega_ceoFlex .items .img.img2{background:#91857b;}
.mega_ceoFlex .items .img.img3{background:#91857b;}
.mega_ceoFlex .items .img.img4{background:#a3978f;}
.mega_ceoFlex .items .img.img5{background:#8f8f8f;}
.mega_ceoFlex .items .img.img6{background:#999999;}
.mega_ceoFlex .items .row2{grid-column-start: 2;  grid-row-start: 2; justify-content: flex-end;}
.mega_ceoFlex .items .text{ flex:1; display:flex; flex-direction: column;}
.mega_ceoFlex .items ul{border-radius: 0.4rem; background: #F3F1E9; padding: 0.8rem; max-height: 10.85rem; overflow-y:auto; font-size: 0.75rem; color: #232323; flex:1;}

@media (max-width: 1280px){ 
	.mega_ceoFlex .items{width:100%;}
	.mega_ceo.big ul{max-height:10rem; overflow-y:auto;}

}
@media (max-width: 1024px){ 
	.mega_ceo.big{    margin-bottom: 0;} 
	.mega_ceo.big ul{display:none;}
	.mega_ceo.big .img{height: 17rem; }

	.mega_ceo-text{display:block; margin-bottom: 2.8rem; border:2px solid #1C3350 ; padding:1.5rem; border-top:none; border-radius: 0rem 0rem 3rem 0.3rem;}

	.mega_ceoFlex .items h4{font-size:1.6rem;}
	.mega_ceoFlex .items .row1{justify-content: center;}
}
@media (max-width: 768px){ 
	.mega_ceo.big{background-size: auto 2rem;}
	.mega_ceo.big .img{height: 70%; padding: 0 1rem;}
	.mega_ceo.big h4 {font-size:1.6rem; margin-bottom: 0.5rem;}
	.mega_ceo.big h4 span{display:block; font-size: 1.3rem; margin-bottom: 0.25rem;}
	.mega_ceo-text{font-size:0.8rem; padding:1rem;}

	.mega_ceoFlex .items{    grid-template-columns: 40%;}
	.mega_ceoFlex .items .img{grid-row: span 1; grid-column: span 1;}
	.mega_ceoFlex .items .row1{grid-column: span 1; justify-content: flex-end; padding-bottom:3rem;}
	.mega_ceoFlex .items .row2{grid-column: span 2;  grid-row-start: 2;}
	.mega_ceoFlex .items h4{font-size:1.4rem;}
	.mega_ceoFlex .items ul{max-height:none;}
}
@media (max-width: 468px){ 
	.mega_ceo.big h4{font-size:1.3rem;}
	.mega_ceo.big h4 span{font-size:1.1rem;}
	.mega_ceo.big .text{padding:1rem 1rem 1rem 0;}

	.mega_ceoFlex .items{ grid-template-columns: 35%;}
	.mega_ceoFlex .items .row1{padding-bottom:1rem;}
	.mega_ceoFlex .items h4 span{display:block; font-size:1.1rem;  margin-bottom: 0.5rem;}
}