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

/*========== intro ==========*/
.trainee-sec .tab-content-wrap .tab-content.current {margin: 60px 0 0;}
.trainee-sec .intro {margin-bottom: 160px; } 
.trainee-sec .intro h4 {margin-bottom: 0.75em;font-size: 40px;font-weight: 700;font-variation-settings: 'wght' 700;color: #111;line-height: 1.5;word-break:keep-all;text-wrap: pretty; } 
.trainee-sec .intro h4 em {color: #326AFF; } 
.trainee-sec .intro .cont li {padding: 50px 0 50px 70px;border-bottom: 1px solid #CCC; } 
.trainee-sec .intro .cont li:first-of-type {border-top: 1px solid #CCC; } 
.trainee-sec .intro .cont li dl {display: flex;align-items: center; } 
.trainee-sec .intro .cont li dt {display: flex;width: 548px;font-size: 26px; flex-shrink: 0; } 
.trainee-sec .intro .cont li dt span {font-family: 'Outfit Variable';font-weight: 600;font-variation-settings: 'wght' 600;color: #326AFF; } 
.trainee-sec .intro .cont li dt p {margin-left: 1.153em;font-weight: 700;font-variation-settings: 'wght' 700;color: #000; } 
.trainee-sec .intro .cont li dt p br { display: block;}
.trainee-sec .intro .cont li dd {font-size: 20px;font-weight: 400;font-variation-settings: 'wght' 400;color: #333;line-height: 1.6;flex-shrink: 1;word-break:keep-all;text-wrap: pretty; } 
@media screen and (max-width: 1480px) {
	.trainee-sec .intro .cont li {padding: 3.378vw 4.730vw; } 
	.trainee-sec .intro .cont li dt {width: 37.027vw; } 
	.trainee-sec .intro .cont li dd br {display: none; } 
}
@media screen and (max-width: 1100px) {
	.trainee-sec .intro h4 {font-size: 3.636vw; } 
	.trainee-sec .intro .cont li dt {font-size: 2.364vw; } 
	.trainee-sec .intro .cont li dd {font-size: 1.818vw; } 
}
@media screen and (max-width: 768px) {
	.trainee-sec .intro {margin-bottom: 100px; } 
	.trainee-sec .intro h4 {margin-bottom: 20px;font-size: 24px; } 
	.trainee-sec .intro h4 br.pc {display: block !important; } 
	.trainee-sec .intro .cont li {padding: 30px 0; } 
	.trainee-sec .intro .cont li dl {flex-flow: column nowrap; align-items: flex-start;gap: 24px; } 
	.trainee-sec .intro .cont li dt {width: 100%;font-size: 24px; } 
	.trainee-sec .intro .cont li dt p {margin-left: 0.75em; } 
	.trainee-sec .intro .cont li dd { margin-left: 2.5em; font-size: 18px; } 
	.trainee-sec .intro .cont li dt p br { display: none;}
}
@media screen and (max-width: 480px) {
	.trainee-sec .intro h4 br.pc {display: none !important; } 
	.trainee-sec .intro .cont li dt {flex-flow: column nowrap;gap: 8px; } 
	.trainee-sec .intro .cont li dt p {margin-left: 0; } 
	.trainee-sec .intro .cont li dd { margin-left: 0;} 
}
/*========== recruit ==========*/
.trainee-sec .recruit {margin-bottom: 70px; } 
.trainee-sec .recruit h4 {margin-bottom: 0.75em; } 
.trainee-sec .recruit .bg-img-box {position: relative;width: 100%;aspect-ratio: 1920 / 600; } 
.trainee-sec .recruit .bg-img-box::after {content: '';position: absolute;bottom: 0;right: 0;width: 50%;height: 110px;background-color: #fff; } 
.trainee-sec .recruit .bg-img-box picture,
.trainee-sec .recruit .bg-img-box picture img {width: 100%;height: 100%; } 
.trainee-sec .recruit .inner:last-of-type {display: flex; justify-content: flex-end; } 
.trainee-sec .recruit .cont {width: 1000px;transform: translateY(-110px); } 
.trainee-sec .recruit .cont .txt-box {padding-left: 60px;background-color: #fff; } 
.trainee-sec .recruit .cont .txt-box dl {display: flex;align-items: flex-start;padding: 40px 0; } 
.trainee-sec .recruit .cont .txt-box dl:first-of-type {border-bottom: 1px solid #ccc; } 
.trainee-sec .recruit .cont .txt-box dt {flex-shrink: 0;font-size: 26px;font-weight: 700;font-variation-settings: 'wght' 700;color: #111; } 
.trainee-sec .recruit .cont .txt-box dd {flex-shrink: 1; margin-top: 0.125em;margin-left: 3em;font-size: 20px;font-weight: 400;font-variation-settings: 'wght' 400;color: #333; } 
.trainee-sec .recruit .cont .txt-box dd li {position: relative;display: flex;align-items: flex-start;padding-left: 10px;font-size: 20px; } 
.trainee-sec .recruit .cont .txt-box dd li::before {content:'';position: absolute;left: 0;top: 0.5em;width: 4px;height: 4px;border-radius: 50%;background-color: #333; } 
.trainee-sec .recruit .cont .txt-box dd li:first-of-type {margin-bottom: 20px; } 
.trainee-sec .recruit .cont .txt-box dd li .course,
.trainee-sec .recruit .cont .txt-box dd li .period {flex-shrink: 0;font-weight: 700;font-variation-settings: 'wght' 700; } 
.trainee-sec .recruit .cont .txt-box dd li .period {margin-left: 0.85em;margin-right: 0.6em; } 
.trainee-sec .recruit .cont .txt-box dd li p {flex-shrink: 1;margin-top: 0.125em;font-size: 16px;font-weight: 400;font-variation-settings: 'wght' 400;color: #666;word-break:keep-all;text-wrap: pretty;line-height: 1.57;}
.trainee-sec .recruit .cont .txt-box dd li:lang(en) { flex-flow: row wrap;}
.trainee-sec .recruit .cont .txt-box dd li p:lang(en) { width: 100%; margin-top: 0.4em;}
.trainee-sec .recruit .cont .img-box-wrap {display: flex;justify-content: flex-end;gap: 2px;margin-top: 60px; } 
.trainee-sec .recruit .cont .img-box-wrap figure {max-width: 471px;aspect-ratio: 471 / 264; } 
.trainee-sec .recruit .cont .img-box-wrap figure img {height: 100%; } 
@media screen and (max-width: 1380px) {
	.trainee-sec .recruit .bg-img-box::after {width: 20px; } 
}
@media screen and (max-width: 1100px) {
	.trainee-sec .recruit {margin-bottom: calc(180px - 10vw); } 
	.trainee-sec .recruit .bg-img-box::after {height: 10vw; } 
	.trainee-sec .recruit .cont {transform: translateY(-10vw); } 
	.trainee-sec .recruit .cont .txt-box {padding-left: 5.455vw; } 
	.trainee-sec .recruit .cont .txt-box dl {padding: 3.636vw 0; } 
	.trainee-sec .recruit .cont .txt-box dt {font-size: clamp(22px,2.364vw,26px); } 
	.trainee-sec .recruit .cont .txt-box dd {font-size: clamp(18px,1.636vw,20px); } 
	.trainee-sec .recruit .cont .txt-box dd li {font-size: clamp(18px,1.636vw,20px); } 
	.trainee-sec .recruit .cont .txt-box dd li p {font-size: clamp(14px,1.455vw,16px); } 
	.trainee-sec .recruit .cont .img-box-wrap figure {width: 471px; } 
}
@media screen and (max-width: 1000px) {
	.trainee-sec .recruit .bg-img-box::after {width: 100%; } 
	.trainee-sec .recruit .cont {width: 100%; } 
	.trainee-sec .recruit .cont .txt-box {padding-left: 0; } 
	.trainee-sec .recruit .cont .img-box-wrap {margin-top: 40px; } 
}
@media screen and (max-width: 768px) {
	.trainee-sec .recruit {margin-bottom: 26px; } 
	.trainee-sec .recruit .bg-img-box {aspect-ratio: 360 / 267; } 
	.trainee-sec .recruit .cont {transform: translateY(-74px); } 
	.trainee-sec .recruit .bg-img-box::after {height: 74px; } 
	.trainee-sec .recruit .cont .txt-box dl { flex-flow: column nowrap;gap: 16px;padding: 24px 0; } 
	.trainee-sec .recruit .cont .txt-box dl:first-of-type {padding-top: 30px; } 
	.trainee-sec .recruit .cont .txt-box dd {margin: 0; } 
	.trainee-sec .recruit .cont .img-box-wrap {margin-top: 16px; } 
}
@media screen and (max-width: 480px) {
	.trainee-sec .recruit .cont .txt-box dd li {flex-flow: row wrap; } 
	.trainee-sec .recruit .cont .txt-box dd li:first-of-type {margin-bottom: 30px; } 
	.trainee-sec .recruit .cont .txt-box dd li p {width: 100%;margin-top: 8px; } 
	.trainee-sec .recruit .cont .img-box-wrap {flex-flow: column nowrap; } 
	.trainee-sec .recruit .cont .img-box-wrap figure {max-width: 100%; } 
}

/*========== qna ==========*/
.trainee-sec .qna .cont .qna-wrap li {width: 100%;padding: 60px 50px;background-color: #F8F8F8;border-radius: 4px;transition: 1s;background-image: url('../images/sub/img-trainee-qnabg-gray.png');background-position: right 40px bottom;background-size: 182px 209px;background-repeat: no-repeat; } 
.trainee-sec .qna .cont .qna-wrap li.on {background-color: #EEF3FF;background-image: url('../images/sub/img-trainee-qnabg-blue.png'); } 
.trainee-sec .qna .cont .qna-wrap li + li {margin-top: 40px; } 
.trainee-sec .qna .cont .qna-wrap li .qna-tit { display: flex; margin-bottom: 1.2em;font-size: 30px;font-weight: 700;font-variation-settings: 'wght' 700;color: #111;word-break:keep-all;text-wrap: pretty; } 
.trainee-sec .qna .cont .qna-wrap li .qna-tit em { display: inline-block;width: 32px;height: 32px;margin-right: 16px;font-size: 0;background-image: url('../images/sub/icon-trainee-qna.svg');background-position: center;background-size: contain;background-repeat: no-repeat;vertical-align: middle; flex-shrink: 0; margin-top: 2px; } 
.trainee-sec .qna .cont .qna-wrap li p {padding-left: 48px;font-size: 20px;font-weight: 400;font-variation-settings: 'wght' 400;line-height: 1.5;color: #666;word-break:keep-all;text-wrap: pretty; } 
@media screen and (max-width: 1100px) {
	.trainee-sec .qna .cont .qna-wrap li {padding: 5.455vw 4.545vw;background-position: right 3.636vw bottom;background-size: 16.545vw 19vw; } 
	.trainee-sec .qna .cont .qna-wrap li + li {margin-top: 3.636vw; } 
	.trainee-sec .qna .cont .qna-wrap li .qna-tit {margin-bottom: 1.2em;font-size: clamp(22px,2.727vw,30px); } 
	.trainee-sec .qna .cont .qna-wrap li .qna-tit em {width: clamp(17px,2.909vw,32px);height: clamp(17px,2.909vw,32px);margin-right: 1.455vw; } 
	.trainee-sec .qna .cont .qna-wrap li p {padding-left: 4.364vw;font-size: clamp(16px,1.818vw,20px); } 
}
@media screen and (max-width: 768px) {
	.trainee-sec .qna .cont .qna-wrap li {padding: 40px 30px;background-position: right bottom;background-size: 122px 140px; } 
	.trainee-sec .qna .cont .qna-wrap li .qna-tit { display: block; margin-bottom: 20px;font-size: 22px; } 
	.trainee-sec .qna .cont .qna-wrap li .qna-tit em {width: 17px;height: 17px;margin-right: 10px; margin-top: 0; margin-bottom: 2px;} 
	.trainee-sec .qna .cont .qna-wrap li p {padding-left: 0;font-size: 16px;line-height: 1.625; } 
	.trainee-sec .qna .cont .qna-wrap li p br {display: none; } 
}

/*========== 의생명과학 ==========*/
/* chart */
.trainee-sec .research-graph { padding: 20px 0 0; border-top: 1px solid #ccc; box-sizing: border-box; } 
.trainee-sec .research-graph-guide { display: flex; justify-content: flex-end; align-items: flex-start; font-size: 1.125rem; font-weight: 400; font-variation-settings: 'wght' 400; color: #666; } 
.trainee-sec .graph-guide-list { display: flex; align-items: center; position: relative; gap: 20px; } 
.trainee-sec .graph-guide-list > li { display: flex; align-items: center; gap: 8px; } 
.trainee-sec .guide-box { display: inline-block; width: 1em; height: 1em; border-radius: 2px; } 
.trainee-sec .guide-box.grey { background-color: #C6C6C7; } 
.trainee-sec .guide-box.blue { background-color: var(--main-color); } 
.trainee-sec .guide-box.dark-blue { background-color: #24447A; } 
.trainee-sec .guide-box.purple { background-color: #84A5FF; } 
.trainee-sec .guide-txt { color: #666; line-height: 1; } 
.trainee-sec .chart-box { margin-top: 140px;}
@media screen and (max-width: 1100px) {
	.trainee-sec .chart-box { width: 1060px; margin-top: 100px;}
}
@media screen and (max-width: 768px) {
    .trainee-sec .graph-guide-list { align-items: flex-start; flex-direction: column; gap: 8px; } 
    .trainee-sec .graph-guide-list > li { gap: 4px; } 
    .trainee-sec .guide-txt { font-size: 14px; } 
	.trainee-sec .chart-box { margin-top: 40px;}
}

/* table */
.trainee-table { position: relative; margin: 80px 0 0; } 
.trainee-table .common-table thead th.cell-min { width: 160px !important; } 
.trainee-table .trainee-table-inner { max-width: 1380px; margin: 0 auto; box-sizing: border-box; } 
.trainee-table .trainee-table-inner::-webkit-scrollbar { display: block; width: 4px; height: 4px; border-radius:10px; transition: 300ms; } 
.trainee-table .trainee-table-inner::-webkit-scrollbar-thumb { height: 30%; background: var(--main-color); border-radius:10px; border-left: 16px solid var(--main-color); border-right: 16px solid var(--main-color); } 
.trainee-table .trainee-table-inner::-webkit-scrollbar-track { background: #ccc; border-radius: 10px; } 
@media screen and (max-width: 1480px){
    .trainee-table .trainee-table-inner { margin: 0 20px; } 
}
@media screen and (max-width: 1280px){
    .trainee-table .trainee-table-inner { overflow-x: auto; margin: 0 0 0 20px; padding: 0 20px 1.25em 0; } 
    .trainee-table .common-table.awards { overflow: hidden; overflow-x: auto; width: 1190px; } 
}
@media screen and (max-width: 980px){
    .trainee-table .common-table.awards { width: 980px; } 
    .trainee-table .common-table.awards thead th { width: 30%; } 
	.trainee-table .common-table.awards thead th:nth-of-type(2),
	.trainee-table .common-table.awards thead th:nth-of-type(3) { width: 14%; } 
}