@charset "utf-8";
/* Info
 ========================================================================== */
/**
 * 1. Writer: Sunhyeong Kim. (Weaverloft Corp.)
 * 2. Production Date: 2023-01-11
 * 3. Client: 서울대학교병원 융합의학기술원
 */

/*========== intro ==========*/
.lecture-sec .intro h4 {font-size: 40px;font-weight: 700;font-variation-settings: 'wght' 700;color: #111;line-height: 1.5;word-break:keep-all;text-wrap: pretty; } 
.lecture-sec .intro h4 em {color: #326AFF; } 
@media screen and (max-width: 1100px) {
	.lecture-sec .intro h4 {font-size: clamp(24px,3.636vw,40px); } 
}
@media screen and (max-width: 768px) {
	.lecture-sec .intro h4 {margin-bottom: 20px;padding-bottom: 20px;font-size: 24px; } 
}
/*========== common ==========*/
.lecture-sec article:not(:last-of-type) {margin-bottom: 160px; } 
.lecture-sec .top-wrap h4 {margin-bottom: 1em;padding-bottom: 0.75em;font-size: 40px;font-weight: 700;font-variation-settings: 'wght' 700;border-bottom: 1px solid #ccc; } 
.lecture-sec:lang(en) .top-wrap h4 {font-size: 32px;}
.lecture-sec .top-wrap h4 span:not(.upper) {position: relative;display: inline-block; } 
.lecture-sec .top-wrap h4 .upper {position: absolute;right: -8px;top: 0;transform: translateX(100%);font-family: 'Outfit Variable';font-size: 30px;color: #326AFF;font-weight: 400;font-variation-settings: 'wght' 400; } 
.lecture-sec .top-wrap > p {margin-bottom: 80px;font-size: 20px;font-weight: 400;font-variation-settings: 'wght' 400;color: #333;line-height: 1.6;word-break:keep-all;text-wrap: pretty; } 
.lecture-sec .lecture-swiper {position: relative; } 
.lecture-sec .lecture-swiper .swiper-slide {width: 300px;margin-right: 60px;opacity: 0; pointer-events: none;transition: opacity 300ms; cursor: pointer; } 
.lecture-sec .lecture-swiper .swiper-slide:last-of-type {margin-right: 0; } 
.lecture-sec .lecture-swiper .swiper-slide figure {width: 100%;aspect-ratio: 300 / 410;transition: 300ms; border: 1px solid #eee; box-sizing: border-box; background-color: #eee; } 
.lecture-sec .lecture-swiper .swiper-slide figure img {height: 100%; } 
.lecture-sec .lecture-swiper .swiper-slide.view {opacity: 1; pointer-events: auto; } 
.lecture-sec .lecture-swiper .swiper-btns button {width: 60px;height: 60px;font-size: 0;background-position: center;background-size: 17px 34px;transition: 300ms; } 
.lecture-sec .lecture-swiper .swiper-btns .swiper-button-prev {left: -90px;background-image: url('../images/common/icon-slide-prev.svg'); } 
.lecture-sec .lecture-swiper .swiper-btns .swiper-button-next {right: -90px;background-image: url('../images/common/icon-slide-next.svg'); } 
.lecture-sec .lecture-swiper .swiper-slide .txt-wrap .lecture-tit {margin-top: 1.25em;font-size: 20px;font-weight: 500;font-variation-settings: 'wght' 500;color: #000; word-break:keep-all;} 
.lecture-sec .lecture-swiper .swiper-slide .txt-wrap p {margin-top: 8px;font-family: 'Outfit Variable';font-size: 18px;font-weight: 400;font-variation-settings: 'wght' 400;color: #767676; } 
.lecture-sec .lecture-swiper .swiper-btns .swiper-button-next,
.lecture-sec .lecture-swiper .swiper-btns .swiper-button-prev { top: 40%;}
.lecture-sec .lecture-swiper .swiper-btns.hdd button { display: none;}
@media (hover:hover) {
	.lecture-sec .lecture-swiper .swiper-slide:hover figure { transform: translateY(-10px); -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); } 
	.lecture-sec .lecture-swiper .swiper-btns button:hover {opacity: 0.65;background-color: rgba(255,255,255,0.8); } 
}
@media screen and (max-width: 1600px) {
	.lecture-sec .lecture-swiper .swiper-btns .swiper-button-prev {left: -60px; } 
	.lecture-sec .lecture-swiper .swiper-btns .swiper-button-next {right: -60px; } 
}
@media screen and (max-width: 1480px) {
	.lecture-sec .lecture-swiper .swiper-slide {width: calc((100% - 150px) / 4);margin-right: 50px; } 
	.lecture-sec .lecture-swiper .swiper-btns button {background-color: rgba(255,255,255,0.35); } 
	.lecture-sec .lecture-swiper .swiper-btns button.swiper-button-disabled {background-color: rgba(255,255,255,0); } 
	.lecture-sec .lecture-swiper .swiper-btns .swiper-button-prev {left: 0; } 
	.lecture-sec .lecture-swiper .swiper-btns .swiper-button-next {right: 0; } 
}
@media screen and (max-width: 1100px) {
	.lecture-sec .top-wrap h4 {font-size: clamp(24px,3.636vw,40px); } 
	.lecture-sec:lang(en) .top-wrap h4 {font-size: clamp(24px,2.909vw,32px); }
	.lecture-sec .top-wrap h4 .upper {font-size: clamp(18px,2.909vw,32px); } 
	.lecture-sec .top-wrap > p {font-size: clamp(16px,1.818vw,20px); } 
	.lecture-sec .lecture-swiper .swiper-slide {width: calc((100% - 100px) / 3); } 
	.lecture-sec .lecture-swiper .swiper-slide .txt-wrap .lecture-tit {margin-top: 1.25em;font-size: 20px;font-weight: 500;font-variation-settings: 'wght' 500;color: #000; } 
	.lecture-sec .lecture-swiper .swiper-slide .txt-wrap p {margin-top: 8px;font-family: 'Outfit Variable';font-size: 18px;font-weight: 400;font-variation-settings: 'wght' 400;color: #999; } 
}
@media screen and (max-width: 768px) {
	.lecture-sec article:not(:last-of-type) {margin-bottom: 100px; } 
	.lecture-sec .top-wrap h4 {font-size: 24px; } 
	.lecture-sec .top-wrap h4 .upper {right: -3px;top: 0;font-size: 18px; } 
	.lecture-sec .top-wrap > p {margin-bottom: 40px;font-size: 16px; } 
	.lecture-sec .top-wrap > p br {display: none; } 
	.lecture-sec .lecture-swiper .swiper-slide {width: 35%;margin-right: 40px; } 
	.lecture-sec .lecture-swiper .swiper-btns button {display: none; } 
	.lecture-sec .lecture-swiper .swiper-slide .txt-wrap .lecture-tit {margin-top: 16px;font-size: 16px; } 
	.lecture-sec .lecture-swiper .swiper-slide .txt-wrap p {margin-top: 6px;font-size: 16px; } 
}
@media screen and (max-width: 600px) {
	.lecture-sec .lecture-swiper .swiper-slide {width: calc((100% - 40px) / 2); } 
}
@media screen and (max-width: 480px) {
	.lecture-sec .lecture-swiper .swiper-slide {width: 214px; } 
}

/*========== training-lecture ==========*/
.lecture-sec .training-lecture .comming-soon-box {display: flex;justify-content: center;align-items: center;width: 100%;aspect-ratio: 1380 / 528;background-color: #F8F8F8; } 
.lecture-sec .training-lecture .comming-soon-box p {padding-top: 80px;font-size: 32px;font-weight: 400;font-variation-settings: 'wght' 400;color: #999;background-image: url('../images/common/icon-info-gray.svg');background-repeat: no-repeat;background-position: top center;background-size: 60px 60px;text-align: center;word-break:keep-all;text-wrap: pretty; } 
.lecture-sec .training-lecture .comming-soon-box p em {font-weight: 700;font-variation-settings: 'wght' 700; } 
@media screen and (max-width: 1100px) {
	.lecture-sec .training-lecture .comming-soon-box p {padding-top: 7.273vw;font-size: clamp(18px,2.909vw,32px);background-size: 5.455vw 5.455vw; } 
}
@media screen and (max-width: 768px) {
	.lecture-sec .training-lecture .comming-soon-box {aspect-ratio: 320 / 353; } 
	.lecture-sec .training-lecture .comming-soon-box p {padding-top: 50px;font-size: 18px;background-size: 41px 41px; } 
}