@charset "euc-kr"; 

/* ==============================
   information Àü¿ë css 
============================== */

/* --- ¿À½Ã´Â±æ --- */
.mexx-location-maps {position: relative;width: 100%;overflow: hidden;background: #f8f8fa;margin-bottom: 70px;}
.mexx-location-maps__map {width: 100%; height: 540px;}
.mexx-location-info {padding: 70px 0 0;}
.mexx-location-info__row {display: flex; align-items: flex-start;}
.mexx-location-info__row + .mexx-location-info__row {margin-top: 30px;}
.mexx-location-info__title {flex: 0 0 120px; width: 120px; color: var(--mexx-color-bluegray1); font-size: 20px; font-weight: 700; line-height: 1.5;}
.mexx-location-info__content {flex: 1; min-width: 0; color: var(--mexx-color-gray3); font-size: 16px; line-height: 1.5; font-weight: 300; padding: 4px 0 0;}
.mexx-location-info__contact {display: flex; flex-wrap: wrap; gap: 16px 48px; font-weight: 400;}
.mexx-location-info__contact strong {margin-right: 4px; font-weight: 700;}
.mexx-location-info__traffic-list {display: flex; flex-direction: column; gap: 10px;}
.mexx-location-info__traffic-item {display: flex; align-items: center; gap: 10px;}
.mexx-location-info__dot {flex: 0 0 auto; width: 12px; height: 12px; border-radius: 50%;}
.mexx-location-info__dot--yellow {background: #f0c53d;}
.mexx-location-info__dot--orange {background: #f27635;}
.mexx-location-info__bus-list {display: flex; flex-direction: column; gap: 20px;}
.mexx-location-info__bus-route {display: flex; flex-wrap: wrap; gap: 12px 20px; margin-top: 5px;}
.mexx-location-info__bus-route p {display: flex; align-items: center; gap: 8px; color: #898993;}
.mexx-location-info__bus-label {font-weight: 700;}
.mexx-location-info__bus-label--blue {color: #2864B9;}
.mexx-location-info__bus-label--green {color: #5EBF5E;}
/* ³×À̹ö¸Ê ¶óº§ Ä¿½ºÅÒ */
.mexx-map-label {position: absolute; z-index: 10; pointer-events: none;}
.mexx-map-label__box {position: relative; padding: 8px 10px; background: #fff; border: 1px solid #333; box-shadow: 0 2px 8px rgba(0,0,0,.12); white-space: nowrap;}
.mexx-map-label__title {display: block; color: #000; font-size: 12px; font-weight: 700; line-height: 1.4;}
.mexx-map-label__text {margin-top: 1px; color: #000; font-size: 12px; line-height: 1.4;}
.mexx-map-label__tail {position: absolute; left: 50%; bottom: -6px; width: 10px; height: 10px; background: #fff; border-right: 1px solid #333; border-bottom: 1px solid #333; transform: translateX(-50%) rotate(45deg);}
.mexx-map-label--point1 {transform: translate(-49%, calc(-100% - 45px));}
.mexx-map-label--point2 {transform: translate(calc(-100% - -77px), calc(-100% - 48px));}

/* --- ºê·£µå ¼Ò°³ --- */
.mexx-intro-identity {padding-top: 60px; border-top: 1px solid var(--mexx-color-bluegray5);}
.mexx-intro-identity__head {color: var(--mexx-color-navy);}
.mexx-intro-identity__head dt {color: #0f2240; font-size: 50px; font-weight: 500; line-height: 1.28; /* letter-spacing: -1px; */}
.mexx-intro-identity__head dd {margin-top: 18px; color: #22304c; font-size: 22px; font-weight: 400; line-height: 1.454;}
.mexx-intro-identity__body {margin-top: 80px;}
.mexx-intro-identity__body dl + dl {margin-top: 60px;}
.mexx-intro-identity__body dt {color: var(--mexx-color-bluegray1); font-size: 20px; font-weight: 500; line-height: 1.5;}
.mexx-intro-identity__body dd {margin-top: 18px; color: var(--mexx-color-bluegray2); font-size: 16px; font-weight: 300; line-height: 1.5;}
.mexx-intro-identity__body dd + dd {margin-top: 60px;}
.mexx-intro-identity__means {position: relative; padding: 40px 50px; color: #fff; display: flex; background: var(--mexx-color-navy) url(https://russeldata.megastudy.net/campus/images/russel/mexx/information/intro_means_bg.png) no-repeat 0 0 / cover; margin-top: 70px; display: flex; gap: 0 50px; overflow: hidden;}
.mexx-intro-identity__means-point {z-index: 1; font-size: 20px; line-height: 1.454; font-weight: 700;}
.mexx-intro-identity__means dl {z-index: 1; display: flex; flex-direction: column; font-size: 16px; line-height: 1.5; font-weight: 300;}
.mexx-intro-identity__means dl dt {font-weight: 500; margin-bottom: 8px;}
.mexx-intro-identity__means dl dd b {font-weight: 700;}
.mexx-intro-identity__means img {position: absolute; top:0; left:0; z-index: 0; height: 100%;}
.mexx-intro-identity__means img.tb,
.mexx-intro-identity__means img.mo {display: none;}


@media (max-width: 1199px) {

	/* --- ¿À½Ã´Â±æ --- */
	.mexx-location-maps__map {height: 360px;}
	.mexx-location-maps__map {height: 500px;}
    .mexx-location-info {padding: 30px 0 0;}
    .mexx-location-info__title {font-size: 16px;}
    .mexx-location-info__content {font-size: 14px; line-height: 1.428; padding: 3px 0 0;}
    .mexx-location-maps {margin-bottom: 40px;}

	/* --- ºê·£µå ¼Ò°³ --- */
    .mexx-intro-identity {padding-top: 30px;}
    .mexx-intro-identity__head dt {font-size: 36px; line-height: 1.33;}
    .mexx-intro-identity__head dd {margin-top: 12px; font-size: 16px;}
    .mexx-intro-identity__body {margin-top: 40px;}
    .mexx-intro-identity__body dl + dl {margin-top: 30px;}
    .mexx-intro-identity__body dt {font-size: 16px;}
    .mexx-intro-identity__body dd {margin-top: 18px; font-size: 14px; line-height: 1.428;}
    .mexx-intro-identity__body dd + dd {margin-top: 40px;}
    .mexx-intro-identity__means {padding: 25px 30px; flex-direction: column; margin-top: 50px; gap: 14px 0; background-image: url(https://russeldata.megastudy.net/campus/images/russel/mexx/information/intro_means_bg_tb.png);}
    .mexx-intro-identity__means-point {font-size: 16px; line-height: 1.5;}
    .mexx-intro-identity__means dl {font-size: 12px; line-height: 1.33;}
    .mexx-intro-identity__means dl dt {font-weight: 500; margin-bottom: 8px;}
    .mexx-intro-identity__means dl dd b {font-weight: 700;}

}

@media (max-width: 767px) {
	
	/* --- ¿À½Ã´Â±æ --- */
	.mexx-location-maps__map {height: 230px;}
    .mexx-location-info {padding: 64px 0 0;}
    .mexx-location-info__title {flex: 0 0 80px; width: 80px;}
	.mexx-location-info__contact {flex-direction: column; gap: 4px 0;}
	.mexx-location-info__bus-route {flex-direction: column; gap: 5px 0;}
	
	/* --- ºê·£µå ¼Ò°³ --- */
    .mexx-intro-identity__head dt {font-size: 28px; line-height: 1.428;}
    .mexx-intro-identity__means {background-image: url(https://russeldata.megastudy.net/campus/images/russel/mexx/information/intro_means_bg_mo.png);}


}