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

/*========== history ==========*/
.history-sec .history .top-wrap {display: flex;justify-content: space-between;align-items: center;font-size: 40px;margin-bottom: 0.75em; }
.history-sec .history .swiper-btns button {position: relative;left: auto;right: auto;width: 48px;height: 48px;margin-top: 0;font-size: 0;background-position: center;background-size: 14px 28px;transition: 300ms; }
.history-sec .history .swiper-btns button.swiper-button-prev {background-image: url('../images/common/icon-slide-prev.svg');margin-right: 10px; }
.history-sec .history .swiper-btns button.swiper-button-next {background-image: url('../images/common/icon-slide-next.svg'); }
.history-sec .history .swiper-progress-bar {height: 4px;background-color: #CCCCCC; }
.history-sec .history .swiper-progress-bar .progress-active {height: 100%;background-color: #326AFF;transition: width 1s; }
.history-sec .history .cont {position: relative;width: 1380px;margin: 40px auto 0; }
.history-sec .history .history-swiper {width: 100%; }
.history-sec .history .history-swiper .swiper-slide {opacity: 0;transition: opacity 1s; }
.history-sec .history .history-swiper .swiper-slide.swiper-slide-active,
.history-sec .history .history-swiper .swiper-slide.swiper-slide-next,
.history-sec .history .history-swiper .swiper-slide.swiper-slide-next + .swiper-slide {opacity: 1;transition: opacity 1s; }
.history-sec .history .swiper-slide .history-year {margin-bottom: 0.6em;font-family: 'Outfit Variable'; font-weight: 300;font-variation-settings: 'wght' 300;font-size: 50px;line-height: 1;color: #326AFF; }
.history-sec .history .swiper-slide .history-date li {display: flex;gap: 0.8em;font-size: 20px;font-weight: 600;font-variation-settings: 'wght' 600;margin-bottom: 1.5em; }
.history-sec .history .swiper-slide .history-date li .left-wrap {width: 60px;color: #999;line-height: 1.3; flex-shrink: 0;}
.history-sec .history .swiper-slide .history-date li .right-wrap {color: #333;line-height: 1.4; }
.history-sec .history .swiper-slide .history-date li .right-wrap p { word-break:keep-all;}
.history-sec .history .swiper-slide .history-date li .right-wrap p.professor {font-size: 0.9em;margin-top: 10px;font-weight: 400;font-variation-settings: 'wght' 400;color: #666; }
.history-sec .history .swiper-slide .history-date li .right-wrap p:lang(en) { text-wrap: pretty;}
@media (hover:hover) {
	.history-sec .history .swiper-btns button:hover {opacity: 0.65; }
}
@media screen and (max-width: 1480px) {
	.history-sec .history .cont {width: 100%;padding: 0 20px; }
}
@media screen and (max-width: 1100px) {
	.history-sec .history .top-wrap {font-size: 3.636vw; }
	.history-sec .history .cont {margin-top: clamp(32px,3.636vw,40px); }
	.history-sec .history .swiper-slide .history-year {font-size: clamp(36px,4.545vw,50px); }
	.history-sec .history .swiper-slide .history-date li {font-size: clamp(18px,1.818vw,20px); }
	.history-sec .history .swiper-slide .history-date li .left-wrap {width: clamp(50px,5.455vw,60px); }
}
@media screen and (max-width: 768px) {
	.history-sec .history .top-wrap {margin-bottom: 20px; }
	.history-sec .history .cont {margin-top: 32px; }
	.history-sec .history .swiper-slide .history-year {font-size: 36px; }
	.history-sec .history .swiper-slide .history-date li {flex-flow: column nowrap;gap: 0;margin-bottom: 24px;font-size: 18px; }
	.history-sec .history .swiper-slide .history-date li .left-wrap {font-size: 14px;margin-bottom: 8px; }
	.history-sec .history .swiper-slide .history-date li .right-wrap p.professor {font-size: 16px;margin-top: 8px; }
}
/*========== head ==========*/
.history-sec .head {margin-top: 130px; }
.history-sec .head .cont .head-wrap {display: flex;flex-flow: row wrap; }
.history-sec .head .cont .head-wrap li {position: relative;width: calc((100% - 60px) / 2); }
.history-sec .head .cont .head-wrap li:nth-of-type(2n-1) {margin-right: 60px; }
.history-sec .head .cont .head-wrap li + li {margin-top: 86px; }
.history-sec .head .cont .head-wrap li + li:nth-child(2) {margin-top: 0;}
.history-sec .head .cont .head-wrap li .head-img {width: 400px;aspect-ratio: 4/5; }
.history-sec .head .cont .head-wrap li .head-img figure,
.history-sec .head .cont .head-wrap li .head-img figure img {width: 100%;height: 100%; }
.history-sec .head .cont .head-wrap li .head-txt-box {position: absolute;right: 0;bottom: 0;width: 406px;padding: 40px 0 35px 40px;background-color: #F8F8F8; }
.history-sec .head .cont .head-wrap li .head-txt-box::before,
.history-sec .head .cont .head-wrap li .head-txt-box::after {content: '';position: absolute;bottom: 0;right: 0;background-color: #326AFF; }
.history-sec .head .cont .head-wrap li .head-txt-box::before {width: 2px;height: 35px; }
.history-sec .head .cont .head-wrap li .head-txt-box::after {width: 35px;height: 2px; }
.history-sec .head .cont .head-wrap li .head-txt-box:lang(en) { padding: 40px 30px 35px 40px;}
.history-sec .head .cont .head-wrap li .head-txt-box p {margin-bottom: 0.636em;font-size: 22px;font-weight: 600;font-variation-settings: 'wght' 600;color: #111; }
.history-sec .head .cont .head-wrap li .head-txt-box span {display: block;margin-bottom: 1.875em;font-size: 16px;font-weight: 400;font-variation-settings: 'wght' 400;color: #999; }
.history-sec .head .cont .head-wrap li .head-txt-box .head-name {display: flex;align-items: center;gap: 0.4em;font-size: 30px;font-weight: 600;font-variation-settings: 'wght' 600;color: #111; }
.history-sec .head .cont .head-wrap li .head-txt-box .head-name .dpt {font-size: 18px;font-weight: 600;font-variation-settings: 'wght' 600;color: #326AFF; }
.history-sec .head .cont .head-wrap li .head-txt-box .head-name:lang(en) { flex-flow: column-reverse; align-items: flex-start; font-size: 25px;}

@media screen and (max-width: 1100px) {.history-sec .head .cont .head-wrap li {width: calc((100% - 5.455vw) / 2); }
	.history-sec .head .cont .head-wrap li:nth-of-type(2n-1) {margin-right: 5.455vw; }
	.history-sec .head .cont .head-wrap li + li {margin-top: 7.818vw; }
	.history-sec .head .cont .head-wrap li .head-img {width: clamp(221px,36.364vw,400px); }
	.history-sec .head .cont .head-wrap li .head-txt-box { width: clamp(180px,32vw,406px); padding: 3.2vw 0 3vw 3.2vw !important; }
	.history-sec .head .cont .head-wrap li .head-txt-box p {font-size: clamp(14px,2vw,22px); }
	.history-sec .head .cont .head-wrap li .head-txt-box span {font-size: clamp(12px,1.455vw,16px); }
	.history-sec .head .cont .head-wrap li .head-txt-box .head-name {font-size: clamp(20px,2.727vw,30px); }
	.history-sec .head .cont .head-wrap li .head-txt-box .head-name:lang(en) {font-size: clamp(18px,2.273vw,25px); }
	.history-sec .head .cont .head-wrap li .head-txt-box .head-name .dpt {font-size: clamp(12px,1.636vw,18px); }
}
@media screen and (max-width: 768px) {
	.history-sec .head {margin-top: 60px;}
	.history-sec .head .cont .head-wrap li + li {margin-top:0; }
	.history-sec .head .cont .head-wrap li {width: 100%; margin-bottom: 40px; }
	.history-sec .head .cont .head-wrap li:nth-of-type(2n-1) {margin-right: 0px; } 
	.history-sec .head .cont .head-wrap li:last-of-type {margin-bottom: 0; } 
	.history-sec .head .cont .head-wrap li .head-img {width: 69%; } 
	.history-sec .head .cont .head-wrap li .head-txt-box {width: 52.865vw;padding: 5.208vw 0 4.557vw 5.208vw !important; } 
	.history-sec .head .cont .head-wrap li .head-txt-box p {font-size: 2.865vw; } 
	.history-sec .head .cont .head-wrap li .head-txt-box span {font-size: 2.083vw; } 
	.history-sec .head .cont .head-wrap li .head-txt-box .head-name {font-size: 3.906vw; } 
	.history-sec .head .cont .head-wrap li .head-txt-box .head-name .dpt {font-size: 2.344vw; } 
}
@media screen and (max-width: 560px) {
	.history-sec .head .cont .head-wrap li .head-txt-box .head-name br:lang(en) { display: block;}
}
@media screen and (max-width: 480px) {.history-sec .head .cont .head-wrap li .head-txt-box {width: 180px;padding: 20px !important; } 
	.history-sec .head .cont .head-wrap li .head-txt-box p {margin-bottom: 5px;font-size: 14px; } 
	.history-sec .head .cont .head-wrap li .head-txt-box span {margin-bottom: 20px;font-size: 12px; } 
	.history-sec .head .cont .head-wrap li .head-txt-box .head-name {flex-direction: column-reverse; align-items: flex-start;gap: 4px;font-size: 20px; } 
	.history-sec .head .cont .head-wrap li .head-txt-box .head-name .dpt {font-size: 12px; } 
}
@media screen and (max-width: 360px) {
	.history-sec .head .cont .head-wrap li .head-txt-box { position: relative;}
	.history-sec .head .cont .head-wrap li .head-img { width: 100%;}
	.history-sec .head .cont .head-wrap li .head-txt-box { width: 100%;}
}