@charset "utf-8";
/* Info
 ========================================================================== */
/**
 * 1. Writer: Ajin Lee. (Weaverloft Corp.)
 * 2. Production Date: 2023-01-09
 * 3. Client: 서울대학교병원 융합의학기술원
 */
.greet-tit { margin: 0; padding: 2.81em 0 0; background-image: url('../images/sub/icon-quotes.svg'); background-repeat: no-repeat; background-position: left top; background-size: 32px auto; } 
.greet-tit p { margin: 0 0 14px; font-size: 1.50rem; font-weight: 700; font-variation-settings: 'wght' 700; color: #666; word-break: keep-all; } 
.greet-tit h4 { font-size: 1.88rem; font-weight: 700; font-variation-settings: 'wght' 700; color: #666; line-height: 1.5; word-break: keep-all; } 
.greet-tit h4 br.mo-only { display: none; } 
.greet-tit h4 em { color: var(--main-color); } 
.chairman-img-wrap { position: relative; left: 50%; transform: translateX(-43.13em); width: 100%; height: 450px; aspect-ratio: 1650/450; background-image: url('../images/sub/greet-bg.jpg'); background-repeat: no-repeat; background-position: right center; background-size: cover; } 
.chairman-img-wrap > .inner { display: flex; justify-content: space-between; align-items: center; position: relative;height: 100%;margin: 0 0 0 3.13em; } 
.chairman-txt-wrap {padding: 0 5em 0 0;}
.chairman-txt-wrap dl { display: inline-block; overflow: hidden; position: relative; width: 294px; padding: 4.38em 3.13em; border-radius: 50%; border: 1px solid var(--main-color); box-sizing: border-box; aspect-ratio: 1/1; text-align: center; } 
.chairman-txt-wrap dl + dl { margin: 0 0 0 -20px; } 
.chairman-txt-wrap dl::before { content: ''; opacity: 0.1; position: absolute; bottom: 4px; left: 50%; transform: translate(-50%, 0); width: 9.00em; height: 6.25em; background-image: url('../images/sub/greet-txt01.svg'); background-repeat: no-repeat; background-position: center bottom; background-size: 100% auto; } 
.chairman-txt-wrap dl + dl::before { background-image: url('../images/sub/greet-txt02.svg'); } 
.chairman-txt-wrap dl dt { position: relative; padding: 0 0 20px; margin: 0 0 20px; font-size: 1.88rem; font-weight: 700; font-variation-settings: 'wght' 700; color: var(--main-color); } 
.chairman-txt-wrap dl dt::after { content: ''; position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 0); width: 30px; height: 1px; background-color: var(--main-color); } 
.chairman-txt-wrap dl dd { font-size: 1.25rem; font-weight: 500; font-variation-settings: 'wght' 500; color: #666; } 
.chairman-txt-wrap dl:lang(en) { padding: 4.38em 1.8em;}
.chairman-txt-wrap dl dd:lang(en) { font-size: 16px;}
.chairman-img { position: absolute; bottom: 5px; right: 0; aspect-ratio: 550/647; } 
.greet-bottom { display: flex; justify-content: flex-end; padding-top: 2.50em;} 
.greet-bottom-inner { max-width: 54.50em; } 
.profile-box { padding: 2.72em; background-color: #F1F5FD; } 
.profile-left { display: flex; justify-content: center; align-items: center; gap: 30px; } 
.profile-left:lang(en) { gap: 15px;} 
.profile-left > p { font-size: 1.250rem; font-weight: 600; font-variation-settings: 'wght' 600; color:var(--main-color); word-break: keep-all; } 
.profile-left:lang(en) > p {width: 60%;}
.profile-left > h5 { font-size: 1.500rem; font-weight: 700; font-variation-settings: 'wght' 700; color:#333; line-height: 1.4; word-break: keep-all; } 
.profile-left > h5 em:lang(en) { display: block; margin-bottom: 0.25em; font-size: 0.75em; line-height: 1.3;}
.profile-right { margin: 0 0 0 6em; } 
.profile-right:lang(en) { margin: 0 0 0 5em; } 
.profile-right > p { margin: 0 0 1em; font-size: 1rem; font-weight: 600; font-variation-settings: 'wght' 600; color:#333; word-break: keep-all; } 
.profile-right > p br.mo-only { display: none; } 
.profile-right .list-circle { display: flex; flex-wrap: wrap; gap: 0 20px; } 
.list-circle > li { min-width: 205px; font-size: 1rem; font-weight: 400; font-variation-settings: 'wght' 400; color:#666; word-break: keep-all; } 
.list-circle > li + li { margin: 0 0 0.75em; } 
.list-circle > li.last { margin: 0; } 
.list-circle:lang(en) > li, .list-circle:lang(en) > li.last { margin: 0.75em 0 0; } 
.list-circle:lang(en) > li:first-child { margin: 0; } 
.list-circle > li span { position: relative; display: inline-block; padding: 0 0 0 10px; } 
.list-circle > li span::before { content: ''; position: absolute; top: 8px; left: 0; width: 3px; height: 3px; border-radius: 50%; background-color: #666; } 
.list-circle > li span em { display: inline-block; font-size: 0.750rem; } 
.greet-cont { margin: 2.50em 0 0; } 
.greet-cont > p { font-size: 1.125rem; font-weight: 400; font-variation-settings: 'wght' 400; color:#333; line-height: 1.7; } 
.greet-cont > p + p { margin: 1.940em 0 0; } 
.chairman-sign { display: flex; margin: 4.44em 0 0; } 
.chairman-sign > span { display: flex; align-items: center; margin: 0 2.22em 0 0; font-size: 1.125rem; font-weight: 600; font-variation-settings: 'wght' 600; color:#111; } 
.chairman-sign figure { width: 128px; } 
@media screen and (min-width: 1921px){
    .chairman-img-wrap { background-position: right 10.417vw center; } 
}
@media screen and (max-width: 1480px){
    .chairman-txt-wrap {padding: 0 20px 0 0;}
    .chairman-img-wrap { left: 0; transform: translateX(0); } 
    #sub .chairman-img-wrap { transform:translateX(0) translateY(3.125em); -webkit-transform:translateX(0) translateY(3.125em); -moz-transform:translateX(0) translateY(3.125em); -ms-transform:translateX(0) translateY(3.125em); -o-transform:translateX(0) translateY(3.125em); }
    #sub.scroll .chairman-img-wrap { transform:translateX(0) translateY(0); }
    .chairman-img { width: clamp(480px, 37.16vw, 550px); } 
    .greet-bottom {padding-top: 5em;}
}
@media screen and (max-width: 1246px) {
    .chairman-txt-wrap { display: none; } 
}
@media screen and (max-width: 1100px){
    .chairman-img-wrap > .inner { margin: 0 20px;}
    .profile-left > p { font-size: clamp(16px, 1.82vw, 1.250rem); } 
    .greet-tit p { font-size: clamp(16px, 2.182vw, 1.500rem); } 
    .greet-tit h4 { font-size: clamp(20px, 2.727vw, 1.88rem); line-height: 1.5; } 
    .greet-tit { padding: clamp(40px, 4.091vw, 2.81em) 0 0; background-size: clamp(26px, 2.909vw, 32px) auto; } 
    .chairman-img-wrap { height: clamp(330px, 40.909vw, 450px);} 
    .chairman-img { right: auto; left: 50%; bottom: 0; transform: translate(-50%, 0); width: clamp(300px, 43.64vw, 480px); -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); } 
    .greet-bottom { display: block; max-width: none; padding-top: 5em;} 
    .greet-bottom-inner { max-width: none; } 
    .profile-box { display: block; } 
    .profile-left > h5 br { display: none; } 
    .profile-right { margin: 1.88em 0 0; } 
	.profile-right:lang(en) { margin: 1.88em 0 0; } 
    .profile-right .list-circle { gap: 0; } 
    .list-circle > li { min-width: auto; width: calc(100%/2); } 
}
@media screen and (max-width: 768px){
    .profile-box { padding: 1.88em 10px; } 
    .profile-left {flex-direction: column;gap: 10px;}
    .profile-left > p {text-align: center;}
    .profile-left > h5 { font-size: 1.38rem; } 
    .profile-right > p { margin: 0 0 1.25em; line-height: 1.4; } 
    .list-circle > li { font-size: 0.875rem; } 
    .list-circle > li span::before { top: 6px; } 
    .greet-cont > p { font-size: 1rem; } 
    .greet-cont > p + p { margin: 1.63em 0 0; } 
    .chairman-sign { display: block; margin: 2.50em 0 0; } 
    .chairman-sign > span { margin: 0 0 12px; font-size: 0.875rem; } 
}
@media screen and (max-width: 580px){
    .greet-tit h4 br.mo-only { display: block; } 
    .profile-right > p br.mo-only { display: block; } 
    .profile-right .list-circle { display: block; } 
    .list-circle > li { width: 100%; } 
    .list-circle > li + li,
    .list-circle > li.last { margin: 10px 0 0; } 
}
@media screen and (max-width: 360px){
    .profile-left > h5 br:lang(en) { display: block;}
}
@media screen and (max-width: 320px){
    .greet-tit h4 br, .greet-tit h4 br.mo-only { display: none; } 
}