@charset "euc-kr";

/* ==============================
   contents css
============================== */

.mexx-contents .m_show {display: none;}

/* --- ÅÇ --- */
.mexx-contents .mexx-tab--line {margin-bottom: 80px;}

/* --- Hero (mexx-inner ¹ÛÀ¸·Î full-bleed) --- */
.mexx-contents-hero {padding-top: 60px; border-top: 1px solid var(--mexx-color-bluegray5); margin-bottom: 100px;}
.mexx-contents-hero__head {color: var(--mexx-color-navy);}
.mexx-contents-hero__head dt {color: var(--mexx-color-navy); font-size: 50px; font-weight: 500; line-height: 1.28;}
.mexx-contents-hero__head dd {margin-top: 18px; color: var(--mexx-color-navy); font-size: 22px; font-weight: 400; line-height: 1.454; text-indent: -11px; padding-left: 11px;}
.mexx-contents-hero__body {margin-top: 50px;}
.mexx-contents-hero__body p {color: var(--mexx-color-bluegray0); font-size: 16px; font-weight: 300; line-height: 1.5;}
.mexx-contents-hero__body p + p {margin-top: 12px;}

/* --- Body ÄÜÅÙÃ÷ --- */
.mexx-contents-info {color: var(--mexx-color-bluegray2); margin: 0 0 40px;}
.mexx-contents-info__title {margin-bottom: 20px; color: var(--mexx-color-navy); font-size: 28px; font-weight: 500; line-height: 1.5;}
.mexx-contents-info__title br {display: none;}
.mexx-contents-info__desc {font-size: 16px; font-weight: 300; color: var(--mexx-color-bluegray0); line-height: 1.5;}
.mexx-contents-info__apply {display: flex; align-items: flex-end; justify-content: space-between;}
.mexx-contents-info__apply .mexx-contents-info__title {margin-bottom: 0;}
.mexx-contents-info__apply button {display: inline-flex; align-items: center; justify-content: center; height: 56px; background: var(--mexx-color-orange); color: var(--mexx-color-white); font-size: 16px; padding: 0 20px; font-weight: 500; border-radius: 9999px; white-space: nowrap; cursor: pointer; border: 0; font-family: inherit; transition: background 0.2s;}

/* --- character --- */
.mexx-contents-charact {margin: 0 0 80px;}
.mexx-contents-charact .swiper-wrapper {display: flex;flex-wrap: wrap;gap: 30px;align-items: stretch;}
.mexx-contents-charact dl {background: var(--mexx-color-bluegray6); width: calc((100% - 60px) / 3); padding: 32px 30px; display: flex; flex-direction: column; align-items: flex-start; margin: 0;}
.mexx-contents-charact dl dt {display: flex;flex-direction: column;align-items: flex-start;font-size: 22px;font-weight: 500;color: var(--mexx-color-navy);margin: 0 0 20px;}
.mexx-contents-charact dl dt span {font-size: inherit;font-weight: 300;color: var(--mexx-color-bluegray3);font-size: 16px;}
.mexx-contents-charact dl dd {color: var(--mexx-color-bluegray0); font-weight: 300; line-height: 1.5;}

/* --- image description --- */
.mexx-contents-imgdescrpt {display: flex; flex-direction: row; align-items: flex-start; gap: 50px; margin: 0 0 80px;}
.mexx-contents-imgdescrpt__img {flex: 0 0 500px; border: 1px solid var(--mexx-color-bluegray4);}
.mexx-contents-imgdescrpt__img img {max-width: 100%;}
.mexx-contents-imgdescrpt dl {flex: 1; min-width: 0;}
.mexx-contents-imgdescrpt dl dt {color: var(--mexx-color-navy); font-size: 18px; font-weight: 500;}
.mexx-contents-imgdescrpt dl dd {color: var(--mexx-color-bluegray0); font-weight: 300; margin-top: 16px;}
.mexx-contents-imgdescrpt dl dd + dt {margin-top: 40px;}

/* --- summer info --- */
.mexx-contents-summerinfo {margin: 0 0 80px;}
.mexx-contents-summerinfo__desc {margin-top: 30px; color: var(--mexx-color-bluegray0); font-size: 16px; font-weight: 300;}

.mexx-contents-faq h4 {font-size: 28px; font-weight: 500; border-bottom: 1px solid var(--mexx-color-bluegray5); padding: 0 0 18px; margin: 0;}
.mexx-contents-faq dl {margin-top: 30px; position: relative; padding-left: 42px;}
.mexx-contents-faq dl dt {margin: 0 0 14px; font-weight: 500; color: var(--mexx-color-navy);}
.mexx-contents-faq dl dt span {position: absolute; top: 0; left: 0;}
.mexx-contents-faq dl dd {color: var(--mexx-color-bluegray0); font-weight: 300;}

.mexx-contents-summerinfo .mexx-tbl-wrap {overflow: hidden;}
.mexx-contents-summerinfo .mexx-tbl {width: calc(100% + 2px); margin-left: -1px;}
.mexx-contents-summerinfo .mexx-tbl__th {padding: 14px 7px; font-size: 14px; font-weight: 400; color: var(--mexx-color-navy); text-align: center; border: 1px solid var(--mexx-color-border); background: var(--mexx-color-bg-gray7);}
.mexx-contents-summerinfo .mexx-tbl__td {padding: 9px 10px; font-size: 14px; color: var(--mexx-color-text-sub); text-align: center; border: 1px solid var(--mexx-color-border); line-height: 1.4286;}
.mexx-contents-summerinfo .mexx-tbl__td.tl {text-align: left;}
.mexx-contents-summerinfo colgroup col:nth-child(1) {width: 50px;}
.mexx-contents-summerinfo colgroup col:nth-child(2) {width: 240px;}
.mexx-contents-summerinfo colgroup col:nth-child(4) {width: 170px;}
.mexx-contents-summerinfo colgroup col:nth-child(5) {width: 104px;}

/* --- COMING SOON (full-bleed) --- */
.mexx-contents-soon {background: url(https://russeldata.megastudy.net/campus/images/russel/mexx/schedule/soon.png) no-repeat 50% 50% / cover; aspect-ratio: 1/0.64; display: flex; flex-direction: column; align-items: center; justify-content: center; color: var(--mexx-color-bluegray1);}
.mexx-contents-soon .soon-title {background: var(--mexx-color-bluegray1); font-size: 16px; font-weight: 400; padding: 7px 16px; color: var(--mexx-color-white); line-height: 1; border-radius: 40px; margin-bottom: 10px;}
.mexx-contents-soon .soon-cm {font-size: 46px; font-weight: 600; line-height: 1.26;}

/* --- ÇÏ´Ü °íÁ¤ ½Åû ¶ì¹è³Ê --- */
.mexx-contents-banner {position: fixed; bottom: 0; left: 0; right: 0; z-index: 500; background: var(--mexx-color-navy); padding: 0;}
.mexx-contents-banner .mexx-container {display: flex; align-items: center; justify-content: center; height: 90px;}
.mexx-contents-banner__text {font-size: 22px; font-weight: 400; color: var(--mexx-color-white); display: flex; align-items: center;}
.mexx-contents-banner__text b {font-weight: 700;}
.mexx-contents-banner__text .bar {margin: 0 38px; background: var(--mexx-color-bluegray3); opacity: 0.5; display: inline-block; font-size: 0; width: 1px; height: 20px;}
.mexx-contents-banner__btn {display: inline-flex; align-items: center; justify-content: center; height: 56px; background: var(--mexx-color-orange); color: var(--mexx-color-white); font-size: 20px; font-weight: 500; width: 211px; border-radius: 9999px; white-space: nowrap; cursor: pointer; border: 0; font-family: inherit; transition: background 0.2s; margin-left: 80px;}
.mexx-contents-banner__btn:hover {background: var(--mexx-color-white); color: var(--mexx-color-orange); font-weight: 700;}

/* --- ÇÏ´Ü ¹è³Ê¸¸Å­ body ¿©¹é --- */
body {padding-bottom: 64px;}

/* --- PC Swiper Á¤ÀûÈ­ --- */
@media (min-width: 768px) {
	.mexx-contents .mexx-tab--line.swiper {overflow: visible;}
	.mexx-contents .mexx-tab--line .swiper-wrapper {display: flex; transform: none !important; width: auto !important;}
	.mexx-contents .mexx-tab--line .swiper-slide {width: auto !important; flex-shrink: 0;}
}

@media (max-width: 1199px) {
	/* --- Hero --- */
	.mexx-contents-hero {padding-top: 30px; margin-bottom: 50px;}
	.mexx-contents-hero__head dt {font-size: 28px; line-height: 1.33;}
	.mexx-contents-hero__head dd {margin-top: 12px; font-size: 16px; text-indent: -9px; padding-left: 9px;}
	.mexx-contents-hero__body {margin-top: 40px;}
	.mexx-contents-hero__body p {font-size: 14px; line-height: 1.428;}

	/* --- Body ÄÜÅÙÃ÷ --- */
	.mexx-contents-info__title {font-size: 18px; margin-bottom: 18px;}
	.mexx-contents-info__desc {font-size: 14px;}
	.mexx-contents-info__apply button {height: 40px; font-size: 14px; padding: 0 16px;}


	.mexx-contents-charact {margin: 0 0 50px;}
	.mexx-contents-charact .swiper-wrapper {gap: 24px 14px;}
	.mexx-contents-charact dl {height: auto;width: calc((100% - 28px) / 3);padding: 24px 26px;}
	.mexx-contents-charact dl dt {font-size: 16px;margin: 0 0 14px;}
	.mexx-contents-charact dl dt span {font-size: 10px;}
	.mexx-contents-charact dl dd {font-size: 12px;}

	.mexx-contents-imgdescrpt {gap: 40px; margin: 0 0 50px;}
	.mexx-contents-imgdescrpt__img {width: 50%; flex: none;}
	.mexx-contents-imgdescrpt__img img {width: 100%;}
	.mexx-contents-imgdescrpt dl dt {font-size: 14px;}
	.mexx-contents-imgdescrpt dl dd {font-size: 14px;}
	.mexx-contents-imgdescrpt dl dd + dt {margin-top: 30px;}

	.mexx-contents-summerinfo__desc {font-size: 14px;}
	.mexx-contents-summerinfo colgroup col:nth-child(2) {width: 145px;}
	.mexx-contents-summerinfo colgroup col:nth-child(4) {width: 102px;}
	.mexx-contents-summerinfo .mexx-tbl__th {font-size: 12px;}
	.mexx-contents-summerinfo .mexx-tbl__td {font-size: 12px;}

	/* --- COMING SOON --- */
	.mexx-contents-soon .soon-title {font-size: 14px;}
	.mexx-contents-soon .soon-cm {font-size: 24px;}

	.mexx-contents-faq h4 {font-size: 20px;}
	.mexx-contents-faq dl {font-size: 14px; padding-left: 24px;}

	/* --- ÇÏ´Ü °íÁ¤ ½Åû ¶ì¹è³Ê --- */
	.mexx-contents-banner .mexx-container {height: 70px;}
	.mexx-contents-banner__text {font-size: 16px;}
	.mexx-contents-banner__btn {margin-left: 40px; width: 110px; height: 36px; font-size: 12px;}
	.mexx-contents-banner__text .bar {margin: 0 15px; height: 13px;}
}

@media (max-width: 767px) {
	.mexx-contents .m_show {display: block;}

	/* --- ÅÇ --- */
	.js-tab-margin {margin: 0 -20px 0 0; padding-right: 0;}
	.mexx-contents .mexx-tab--line {margin-bottom: 50px;}
	.mexx-contents .mexx-tab--line.swiper {padding-right: 20px;}
	.mexx-contents .mexx-tab--line .swiper-wrapper {align-items: stretch;}
	.mexx-contents .mexx-tab--line .swiper-slide {flex: 1;}
	.mexx-contents .mexx-tab--line .mexx-tab__item button {height: 40px; font-size: 14px; white-space: nowrap; padding: 0 7vw 5px;}

	/* --- Hero --- */
	.mexx-contents-hero__head dt {font-size: 28px; line-height: 1.428;}
	.mexx-contents-hero__label {margin-bottom: 16px; font-size: 12px;}
	.mexx-contents-hero__desc br {display: none;}

	/* --- Body ÄÜÅÙÃ÷ --- */
	.mexx-contents-charact.swiper {overflow: hidden; margin: 0 -20px 50px 0; padding-right: 20px;}
	.mexx-contents-charact.swiper .swiper-wrapper {display: flex; flex-wrap: nowrap; gap: 0;}
	.mexx-contents-charact.swiper .swiper-slide {width: 140px;flex: 0 0 auto;height: auto;margin: 0;}
	.mexx-contents-charact.swiper dl {padding: 18px 16px 18px 18px;}

	.mexx-contents-imgdescrpt {flex-direction: column; gap: 40px;}
	.mexx-contents-imgdescrpt__img {width: 100%;}
	.mexx-contents-imgdescrpt dl dd {margin-top: 10px;}

	.mexx-contents-summerinfo .mexx-tbl-wrap {overflow-x: scroll;}
	.mexx-contents-summerinfo .mexx-tbl {min-width: 760px;}

	.mexx-contents-info__apply {display: block;}
	.mexx-contents-info__apply button {margin-top: 10px; height: 34px; font-size: 12px;}

	/* --- ÇÏ´Ü °íÁ¤ ½Åû ¶ì¹è³Ê --- */
	.mexx-contents-banner .mexx-container {height: 64px;}
	.mexx-contents-banner__text {font-size: 13px; flex-direction: column;}
	.mexx-contents-banner__text .bar {display: none;}
	.mexx-contents-banner__btn {height: 34px; font-size: 13px; margin-left: 20px; width: 140px;}
	body {padding-bottom: 64px;}
	
}