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

/*========== map ==========*/
.location-sec .map {margin-bottom: 187px; } 
.location-sec .map .map-box {position: relative;width: 100%;max-width: 1380px;aspect-ratio: 1380 / 520;margin: 0 auto; } 
.location-sec .map .map-box #kakaomap {width: 100%;height: 100%; } 
/*아래부분 덮는용도*/
.location-sec .map .map-box #kakaomap::after {content:'';position: absolute;bottom: 0;left: 0;width: 100%;height: 20px;background-color: #fff;z-index: 1; } 
.location-sec .map .map-box .map-txt {position: absolute;left: 90px;bottom: 0;transform: translateY(calc(50% - 20px));display: flex;gap: 5.63em; min-width: 340px;padding: 50px 42px;background-color: #326AFF; color: #fff;z-index: 1; } 
.location-sec .map .map-box .map-txt p {margin-bottom: 1em;font-size: 20px;font-weight: 300;font-variation-settings: 'wght' 300; } 
.location-sec .map .map-box .map-txt h4 {font-size: 32px;font-weight: 600;font-variation-settings: 'wght' 600; } 
.location-sec .map .map-box .map-txt .address {align-self: end;padding-left: 36px;margin-bottom: 5px;font-size: 22px;font-weight: 500;font-variation-settings: 'wght' 500;background-image: url('../images/sub/icon-location-pin.svg');background-position: left 8px center;background-size: 15px 23px;background-repeat: no-repeat; } 
.location-sec .map .map-box .map-txt p:lang(en) { font-size: 18px;}
.location-sec .map .map-box .map-txt h4:lang(en) { font-size: 30px;}
.location-sec .map .map-box .map-txt .address:lang(en) { font-size: 20px;}
.location-sec .map .contact {margin: 0 auto;margin-top: 8px;max-width: 1000px; } 
.location-sec .map .contact ul {display: flex;justify-content: flex-end; } 
.location-sec .map .contact li {position: relative; } 
.location-sec .map .contact li dl {display: flex; align-items: center; padding: 10px 0 10px 110px;background-position: left center;background-size: 90px auto;background-repeat: no-repeat; } 
.location-sec .map .contact li.tel dl {background-image: url('../images/sub/icon-location-call.svg'); } 
.location-sec .map .contact li.tel::before {content:'';position: absolute;top: 0;right: 0;width: 1px;height: 100%;background-color: #DDD; } 
.location-sec .map .contact li.mail dl {background-image: url('../images/sub/icon-location-mail.svg'); } 
.location-sec .map .contact li dt {min-width: 87px;font-size: 22px;font-weight: 700;font-variation-settings: 'wght' 700;color: #326AFF; } 
.location-sec .map .contact li dd {font-size: 30px;font-weight: 300;font-variation-settings: 'wght' 300;color: #333; } 
.location-sec .map .contact li dd a {font-size: inherit;font-weight: 300;font-variation-settings: 'wght' 300; color: inherit;}

.location-sec:lang(en) .map .map-box .map-txt {flex-direction: column;gap: 3em;}

@media screen and (max-width: 1380px) {
	.location-sec .map .map-box .map-txt {gap: 2.5em;}
	.location-sec .map .contact li dl {padding-left: 72px;background-size: 62px auto; } 
	.location-sec .map .contact li dt {font-size: 20px; } 
	.location-sec .map .contact li dd {font-size: 27px; } 
}
@media screen and (max-width: 1100px) {
	.location-sec .map .map-box .map-txt {left: clamp(20px,4.545vw,50px);min-width: 30.909vw;padding: 3.636vw 3.273vw; } 
	.location-sec .map .map-box .map-txt p {font-size: 1.818vw; } 
	.location-sec .map .map-box .map-txt h4 {font-size: 2.909vw; } 
	.location-sec .map .map-box .map-txt .address {padding-left: 3.273vw;font-size: 2vw;background-position: left 0.727vw center;background-size: 1.364vw 2.091vw; } 
	.location-sec .map .map-box .map-txt p:lang(en) {font-size: 1.636vw; } 
	.location-sec .map .map-box .map-txt h4:lang(en) {font-size: 2.727vw; } 
	.location-sec .map .map-box .map-txt .address:lang(en) { font-size: 1.818vw;}
	.location-sec .map .contact {max-width: 83.64vw;margin-top: 0; } 
	.location-sec .map .contact li dl {padding-left: 7.818vw;background-size: 6.36vw auto;} 
	.location-sec .map .contact li.tel {padding-right: 2.727vw; } 
	.location-sec .map .contact li dt {min-width: max-content;padding-right: 15px;font-size: 1.8vw; } 
	.location-sec .map .contact li dd {font-size: 2.5vw; } 
}
@media screen and (max-width: 768px) {
	.location-sec .map {margin-bottom: 86px; } 
	.location-sec .map .map-box {aspect-ratio: 360 / 200; } 
	.location-sec .map .map-box .map-txt {gap: 1.80em; padding: 30px 35px;} 
	.location-sec .map .map-box .map-txt p {font-size: 14px !important; } 
	.location-sec .map .map-box .map-txt h4 {font-size: 22px !important; } 
	.location-sec .map .map-box .map-txt .address {padding-left: 28px;font-size: 18px !important;background-position: left 6px center; background-size: 11px 17px; } 
	.location-sec .map .contact {max-width: none;}
	.location-sec .map .contact li dl {padding-left: 52px; background-size: contain;} 
	.location-sec .map .contact li dt {min-width: auto; font-size: 16px; } 
	.location-sec .map .contact li dd {font-size: 22px; } 
}
@media screen and (max-width: 740px) {
    .location-sec .map .contact {max-width: 86%;}
	.location-sec .map .map-box .map-txt {flex-direction: column;gap: 24px;padding: 35px 30px;} 
}
@media screen and (max-width: 600px) {
	.location-sec .map .map-box {aspect-ratio: 360 / 320; } 
	.location-sec .map .map-box .map-txt {position: relative;bottom: auto;left: 20px;width: calc(100% - 40px) !important;min-width: auto;padding: 30px;transform: translateY(-40px); }
	.location-sec .map .map-box .map-txt .address {align-self: flex-start;margin: 0;}
	.location-sec .map .contact {justify-content: flex-start; max-width: none; margin-top: -20px; } 
	.location-sec .map .contact ul {flex-flow: column nowrap; padding: 0; } 
	.location-sec .map .contact li {width: 100%; } 
	.location-sec .map .contact li.tel {padding: 0 0 26px 24px !important; } 
	.location-sec .map .contact li.tel::before {display: none; } 
	.location-sec .map .contact li.tel::after {content:'';position: absolute;bottom: 0;left: 0;width: 100%;height: 1px;background-color: #ddd; } 
}
@media screen and (max-width: 768px) {
	.location-sec:lang(en) .map .map-box {aspect-ratio: 360 / 320; } 
	.location-sec:lang(en) .map .map-box .map-txt {position: relative;bottom: auto;left: 20px;width: calc(100% - 40px) !important;min-width: auto;padding: 30px;transform: translateY(-40px); }
	.location-sec:lang(en) .map .map-box .map-txt .address {align-self: flex-start;margin: 0;}
	.location-sec:lang(en) .map .contact {justify-content: flex-start; max-width: none; margin-top: -20px; } 
	.location-sec:lang(en) .map .contact ul {flex-flow: column nowrap; padding: 0; } 
	.location-sec:lang(en) .map .contact li {width: 100%; } 
	.location-sec:lang(en) .map .contact li.tel {padding: 0 0 26px 24px !important; } 
	.location-sec:lang(en) .map .contact li.tel::before {display: none; } 
	.location-sec:lang(en) .map .contact li.tel::after {content:'';position: absolute;bottom: 0;left: 0;width: 100%;height: 1px;background-color: #ddd; } 
}
@media screen and (max-width: 300px) {
	.location-sec .map .map-box .map-txt {padding: 20px !important; } 
	.location-sec:lang(en) .map .map-box .map-txt {padding: 20px !important; } 
}



/*========== floor ==========*/
.location-sec .floor .cont {background-image: url('../images/sub/img-location-floor.svg');background-position: right 20px bottom;background-size: 466px 905px;background-repeat: no-repeat; } 
.location-sec .floor .cont .floor-wrap {width: 850px;border-bottom: 2px solid #ccc; } 
.location-sec .floor .cont .floor-wrap li {border-top: 1px solid #ccc; } 
.location-sec .floor .cont .floor-wrap li:first-of-type {border-top: 2px solid #ccc; } 
.location-sec .floor .cont .floor-wrap dl {display: flex; } 
.location-sec .floor .cont .floor-wrap dl dt {width: 148px;padding: 10px 32px 10px 0;background-color: #F4F7FF;font-family: 'Outfit Variable';font-size: 24px; font-weight: 300;font-variation-settings: 'wght' 300;color: #333;text-align: right; } 
.location-sec .floor .cont .floor-wrap dl dd {width: calc(100% - 148px);padding: 10px 10px 10px 30px;font-size: 16px;font-weight: 400;font-variation-settings: 'wght' 400;color: #111;word-break:keep-all;text-wrap: pretty;line-height: 1.88; } 
@media screen and (max-width: 1480px) {
	.location-sec .floor .cont {background-position: right -3.378vw bottom;background-size: 37.568vw 67.162vw; } 
	.location-sec .floor .cont .floor-wrap {width: 65%; } 
}
@media screen and (max-width: 1100px) {
	.location-sec .floor .cont .floor-wrap dl dt {width: 13.455vw;font-size: clamp(20px,2.182vw,24px); } 
	.location-sec .floor .cont .floor-wrap dl dd {width: calc(100% - 13.455vw);font-size: clamp(16px,1.455vw,16px); } 
}
@media screen and (max-width: 768px) {
	.location-sec .floor .cont {background-size: 0; } 
	.location-sec .floor .cont .floor-wrap {width: 100%; } 
	.location-sec .floor .cont .floor-wrap dl dt {width: 100px;padding: 11px 25px 11px 0;font-size: 22px; } 
	.location-sec .floor .cont .floor-wrap dl dd {width: calc(100% - 100px);padding: 11px 0 11px 20px;font-size: 16px; line-height: 1.6;} 
}
@media screen and (max-width: 320px) {.location-sec .floor .cont .floor-wrap dl dt {width: 80px;padding: 14px 12px 14px 0; } 
	.location-sec .floor .cont .floor-wrap dl dd {width: calc(100% - 80px);padding: 14px 0 14px 14px; } 
}