@charset "euc-kr";

.mainTop {position: relative; background: url('//img.megastudy.net/megaRun/main/bg_top_visual_v2.jpg') no-repeat 50% 0, url('//img.megastudy.net/megaRun/main/bg_top_visual_v2_repeat.jpg') repeat-x 0 0;}
.mainTopContents {position: relative; width: 1160px; height: 434px; margin:0 auto;}
.mainTop--nav {position: absolute; left: 0; bottom: 0; z-index: 2; width: 1160px; background: #fff;}
.mainTop--nav:after {content: ''; display: block; clear: both;}
/* .mainTop--nav > li {float: left; width: calc(100% / 4); width: -webkit-calc(100% / 4); height: 54px;} */
.mainTop--nav > li {float: left; width: calc(100% / 5); width: -webkit-calc(100% / 5); height: 54px;}
.mainTop--nav > li a {display: inline-block; width: 100%; border: 1px solid #e2e2e2; border-left: 0; background: #fff; font-weight: bold; font-size: 16px; line-height: 52px; color: #777; text-align: center; box-sizing: border-box; -webkit-box-sizing: border-box;}
.mainTop--nav > li:first-child a {border-left: 1px solid #e2e2e2;}
.mainTop--nav > li a:hover,
.mainTop--nav > li a.on {border-color: #272271; background: #272271; color: #fff;}

div[class^=runCont] {position: relative;}
div[class^=runCont]:after {content: ''; display: block; clear: both;}
.runCont1Bg {background: #fff;}
.runCont1Bg .column_main {}
.runCont2Bg {padding: 50px 0 0; background: #fff;}
.runCont2Bg .column_main {width: 1300px !important;}
.runCont3Bg {padding: 50px 0 100px; background: #f0f0f0;}
.runContEvtBg {}

.runMain-before {width: 1010px; margin: 30px auto 0;}

/* runMain-banner */
.runMain-banner {overflow: hidden; position: relative; width: 1300px; height: 480px; margin: 0 auto;}
.runMain-banner__list {}
.runMain-banner__list--text {height: 240px; padding: 80px 0 0; font-size: 24px; line-height: 30px; letter-spacing: -1px; color: #555; text-align: center; box-sizing: border-box; -webkit-box-sizing: border-box;}
.runMain-banner__list--text > em {font-weight: bold; font-size: 30px; color: #423ba8;}
.runMain-banner .bx-wrapper {position:relative; width:1010px; margin: 0 auto;}
.runMain-banner .bx-controls-direction > a {display: inline-block; position: absolute; top: 104px; width: 20px; height: 32px; background:url("//img.megastudy.net/megaRun/main/btn_banner_arrow.png") no-repeat; text-indent:-9999px;}
.runMain-banner .bx-controls-direction .bx-prev {left: -44px;}
.runMain-banner .bx-controls-direction .bx-next {right: -44px; transform: rotate(180deg); -webkit-transform: rotate(180deg);}
.runMain-banner .bx-controls-direction .bx-prev:hover {background-position: 0 -32px; transform: rotate(180deg); -webkit-transform: rotate(180deg);}
.runMain-banner .bx-controls-direction .bx-next:hover {background-position: 0 -32px; transform: rotate(0deg); -webkit-transform: rotate(0deg);}
.runMain-banner .bx-pager {position: absolute; width: 100%; left: 0; top: 270px; text-align: center;}
.runMain-banner .bx-pager .bx-pager-item {display: inline-block; width: 14px; height: 14px; margin: 0 0 0 14px;}
.runMain-banner .bx-pager .bx-pager-item:first-child {margin-left: 0;}
.runMain-banner .bx-pager .bx-pager-item:before {padding: 0;}
.runMain-banner .bx-pager .bx-pager-item a{display: block; width: 14px; height: 14px; background: #ccc; text-indent: -9999px; border-radius: 50%; -webkit-border-radius: 50%;}
.runMain-banner .bx-pager .bx-pager-item a.active{background: #423ba8;}

/* runMyInfo */
.runInfo {position: relative;}

/* runMyInfo : °øÅë */
.runInfo--title {margin: 0 0 30px;}
.runInfo--title > a {display: inline-block; position: relative; padding: 0 18px 0 0; font-weight: bold; font-size: 22px; color: #333;}
.runInfo--title > a:after {content: ''; display: inline-block; position: absolute; right: 0; top: calc(50% - 5px); top: -webkit-calc(50% - 5px); width: 10px; height: 10px; background: url('//img.megastudy.net/megaRun/main/ico_runInfo_more.jpg') no-repeat;}
.runInfo--title.type-none > a {text-decoration: none; cursor: default;}
.runInfo--title.type-none > a:after {content: none;}
.runInfo__inner {position: relative;}
.runInfo__inner:after {content: ''; display: block; clear: both;}

/* runInfo__header */
.runInfo__header {position: relative; height: 104px; margin: 0 0 40px; background: #f35c61 url('//img.megastudy.net/megaRun/main/bg_runInfo_header_v2.jpg') no-repeat 100% 100%;}
.runInfo__header--title {font-size: 30px; line-height: 104px; color: #fff; text-align: center;}
.runInfo__header--start,
.runInfo__header--today {position: absolute; left: 30px; top: 72px; z-index: 1; font-size: 12px; color: #fff;}
.runInfo__header--start {left: auto; right: 30px; padding: 0 0 0 15px; text-align: right;}
.runInfo__header--start:after {content: ''; display: inline-block; position: absolute; left: 0; top: calc(50% - 6.5px); top: -webkit-calc(50% - 6.5px); z-index: 1; width: 11px; height: 13px; background: url('//img.megastudy.net/megaRun/common/ico_flag_v2.png') no-repeat 0 0 / 100% auto; -webkit-background-size: 100% auto;}
.runInfo__header--my {position: absolute; right: 0; top: 0; z-index: 1; font-size: 0; text-align: right;}
.runInfo__header--my > * {display: inline-block; height: 28px; margin: 0 0 0 1px; font-size: 12px; line-height: 28px; letter-spacing: -0.5px; text-align: center; box-sizing: border-box; -webkit-box-sizing: border-box;}
.runInfo__header--my > span {padding: 0 15px; background: #bb3236; font-weight: bold; color: #ebff9a;}
.runInfo__header--my > a {width: 108px; padding: 0 0 0 30px; background: #e14d51 url('//img.megastudy.net/megaRun/main/ico_runInfo_header_my_v2.jpg') no-repeat 14px 50%; color: #fff; text-align: left;}

/* runInfo__status */
.runInfo__status {margin: 0 0 30px;}
.runInfo__status--list {overflow: hidden;}
.runInfo__status--list > li {float: left; width: 336px;}
.runInfo__status--list > li dl {overflow: hidden;}
.runInfo__status--list > li dl > * {float: left; height: 46px; font-weight: bold; font-size: 14px; line-height: 46px; letter-spacing: -0.5px; text-align: center;}
.runInfo__status--list > li dt {width: 136px; background: #423ba8; color: #fff;}
.runInfo__status--list > li dt > span {color: #ebff9a;}
.runInfo__status--list > li dd {width: calc(100% - 136px); width: -webkit-calc(100% - 136px); background: #fff; color: #333;}

/* runInfo__report : MY¼ö°­ ¸®Æ÷Æ® */
.runInfo__report {position: relative; margin: 0 0 30px; padding: 30px 0; background: #fff;}
.runInfo__report:after {content: ''; display: block; clear: both;}
.runInfo__report > * {box-sizing: border-box; -webkit-box-sizing: border-box;}
.runInfo__report--col {float: left; position: relative; width: calc(100% - 335px); width: -webkit-calc(100% - 335px); padding: 0 30px; border-left: 1px dotted #b2b2b2;}
.runInfo__report--col:first-child {width: 335px; padding: 0 40px;  border: 0;}
.runInfo__grade {}
.runInfo__grade .divTable {margin: 0 0 15px;}
.runInfo__grade .divTable--cell {width: 255px; height: 145px; background: #f3f3f3;}
.runInfo__grade--class {display: block; font-size: 18px; letter-spacing: -0.5px; color: #777;}
.runInfo__grade--class > b {color: #333;}
.runInfo__grade--current {font-weight: bold; font-size: 28px; letter-spacing: -0.5px; color: #333;}
.runInfo__grade--current > em {position: relative; top: 2px; font-size: 50px; color: #f78285;}
.runInfo__grade--link {display: block; font-size: 13px; letter-spacing: -0.5px; color: #000 !important; text-decoration: underline !important; text-align: right;}
.runInfo__report--none {padding: 85px 0 50px;}
.runInfo__report--none > P {font-size: 15px; line-height: 24px; letter-spacing: -0.5px; color: #555; text-align: center; word-wrap: break-word; word-break: keep-all;}
.runInfo__report--none .color-grade01 {color: #625cb3;}
.runInfo__report--none .color-grade02 {color: #f78285;}
.runInfo__report--col:first-child .runInfo__report--none {padding: 20px 0 30px; background: #f3f3f3;}

/* runInfo__mission : MY ¹Ì¼Ç */
.runInfo__mission {position: relative; padding: 30px 0; background: #fff;}
.runInfo__mission:after {content: ''; display: block; clear: both;}
.runInfo__mission > * {box-sizing: border-box; -webkit-box-sizing: border-box;}
.runInfo__mission--col {float: left; position: relative; width: calc(100% - 610px); width: -webkit-calc(100% - 610px); padding: 0 40px;}
.runInfo__mission--col:first-child {width: 610px; border-right: 1px dotted #b2b2b2;}

/* runInfo__accrue : ´©Àû ¹Ì¼Ç */
.runInfo__accrue {position: relative; margin: 0 0 20px; border: 1px solid #eaeaea;}
.runInfo__accrue .divTable {}
.runInfo__accrue .divTable--cell {width: 327px; /* width: calc(100% - 200px); width: -webkit-calc(100% - 200px); */ height: 204px; vertical-align: top;}
.runInfo__accrue .divTable--cell:first-child {width: 165px !important; background: #f3f3f3;}
.runInfo__accrue--title {display: block; margin: 20px 0 0; font-size: 18px; letter-spacing: -0.5px; color: #555;}
.runInfo__accrue--medal {display: block; position: relative; margin: 15px 0 0; padding: 0 0 0 106px; font-weight: bold; font-size: 24px; line-height: 98px; color: #423ba8; text-align: left;}
.runInfo__accrue--medal:after {content: ''; display: inline-block; position: absolute; left: 26px; top: 0; width: 70px; height: 95px; background: url('//img.megastudy.net/megaRun/main/ico_accrue_medal.png') no-repeat;}
.runInfo__accrue--day {display: block; margin: 15px 0 0; font-size: 13px; letter-spacing: -0.5px; color: #000;}
.runInfo__accrue--day > em {font-weight: bold; color: #423ba8; text-decoration: underline;}
/* 20221130 */
.runInfo__accrue--badge {margin: 15px 0 0;}
.runInfo__accrue--badge > span {width: 25%; display: inline-block; margin: 0 0 0 20px; font-weight: bold; font-size: 16px; line-height: 45px; color: #000;}
/* .runInfo__accrue--badge {margin: 25px 0 0;}
.runInfo__accrue--badge > span {display: inline-block; margin: 0 0 0 30px; font-weight: bold; font-size: 16px; line-height: 97px; color: #000;} */
/* // 20221130 */
.runInfo__accrue--badge > span:first-child {margin-left: 0;}

/* runInfo__challenge : ¹Ì¼Ç µµÀü */
.runInfo__challenge {position: relative; padding: 0 0 5px; border: 1px solid #eaeaea;}
.runInfo__challenge:after {content: ''; display: block; clear: both;}
.runInfo__challenge--col {width: calc(100% - 390px); width: -webkit-calc(100% - 390px); text-align: center;}
.runInfo__challenge--col:first-child {width: 390px; padding-left: 23px; border-right: 1px dotted #b2b2b2; text-align: left;}
.runInfo__challenge .runInfo__accrue--title {height: 50px; margin: 0 0 5px; padding: 0 23px; background: #f3f3f3; line-height: 50px; box-sizing: border-box; -webkit-box-sizing: border-box;}
.runInfo__challenge--count {display: inline-block; position: relative; top: 12px; height: 23px; margin: 0 0 0 10px; padding: 0 15px; background: #fff; font-weight: normal; font-size: 12px; line-height: 23px; color: #000; text-align: center; vertical-align: top;}
.runInfo__challenge--count > em {font-weight: bold; color: #f78285;}
.runInfo__challenge--current {display: inline-block; position: absolute; right: 24px; top: 12px; z-index: 1; height: 23px; padding: 0 15px; font-weight: bold; font-size: 12px; line-height: 23px; text-align: center; box-sizing: border-box; -webkit-box-sizing: border-box;}
.runInfo__challenge--current.current-fail {background: #dfdfdf; color: #777;}
.runInfo__challenge--current.current-success {color: #3e36a2; border: 1px solid currentcolor; background: #fff;}
.runInfo__challenge--week {width: 359px; min-height: 65px; margin: 40px 0 0; background: url('//img.megastudy.net/megaRun/main/bg_challenge_week.jpg') no-repeat;}
.runInfo__challenge--week > ol {font-size: 0; text-align: left;}
.runInfo__challenge--week > ol li {display: inline-block; width: 47px; margin: 0 0 0 57px;}
.runInfo__challenge--week > ol li:first-child {margin-left: 0;}
.runInfo__challenge--bonus {position: relative; margin: 25px 0; padding: 0 0 0 47px; cursor: pointer;}
.runInfo__challenge--bonus:after {content: ''; display: inline-block; position: absolute; left: 0; top: 0; width: 47px; height: 47px; background: url('//img.megastudy.net/megaRun/main/ico_challenge_bonus.jpg') no-repeat;}
.runInfo__challenge--bonus > span {display: inline-block; position: relative; padding: 0 14px; font-size: 13px; line-height: 47px; letter-spacing: -0.5px; color: #555; text-align: center; vertical-align: middle;}
.runInfo__challenge--bonus > span:last-child:after {content: ''; display: inline-block; position: absolute; left: 0; top: calc(50% - 12px); top: -webkit-calc(50% - 12px); width: 1px; height: 24px; }
.runInfo__challenge--bonus > span b {color: #423ba8;}
.runInfo__challenge--bonus > span em {font-weight: bold; color: #f78285;}
.runInfo__challenge--badge {overflow: hidden; width: 64px; margin: 15px auto 0; cursor: pointer;}
.runInfo__challenge--badge .ico-badge {margin: 10px 0 0;}
.runInfo__challenge--badge .ico-badge:first-child {margin-top: 0;}

/* runInfo__study : MY ½ºÅ͵ð */
.runInfo__study {}
.runInfo__study > li {position: relative; margin: 0 0 30px; border-bottom: 1px solid #eaeaea;}
.runInfo__study--header {position: relative; height: 40px; border-top: 1px solid #ccc; background: #f3f3f3;}
.runInfo__study--dl {overflow: hidden;}
.runInfo__study--dl > * {float: left; position: relative; font-size: 13px; line-height: 40px; letter-spacing: -0.5px; text-align: center;}
.runInfo__study--dl > dt {width: 42px; color: #000;}
.runInfo__study--dl > dt:after {content: ''; display: inline-block; position: absolute; right: 0; top: calc(50% - 6.5px); top: -webkit-calc(50% - 6.5px); width: 1px; height: 13px; background: #d1d1d1;}
.runInfo__study--dl > dd {padding: 0 0 0 6px; font-weight: bold; color: #423ba8;}
.runInfo__study--date {display: block; position: absolute; right: 0; top: 0; z-index: 1; width: 100%; padding: 0 10px 0 0; font-size: 12px; line-height: 40px; letter-spacing: -0.5px; color: #777; text-align: right; box-sizing: border-box; -webkit-box-sizing: border-box;}
.runInfo__study--text {padding: 28px 10px; }
.runInfo__study--text > a {font-weight: bold; font-size: 15px; line-height: 1.5; letter-spacing: -0.5px; color: #333; text-align: left; word-break: keep-all; word-wrap: break-word;}
.runInfo__study--none {padding: 215px 0 0; font-size: 15px; line-height: 24px; letter-spacing: -0.5px; color: #555; text-align: center;}
.runInfo__study > li.type-comingsoon {padding: 120px 0 0; margin-bottom: 0; border: 0; font-size: 15px; line-height: 1.5; letter-spacing: -0.5px; color: #555; text-align: center;}
.runInfo__study .comming--img {display: inline-block; margin-bottom: 15px;}

/* ico-badge : ¹Ì¼Ç ¼º°ø, ½ÇÆÐ ¹îÁö */
.ico-badge {display: block; width: 64px; height: 78px; background-repeat: no-repeat; text-indent: -9999px;}
.ico-badge.badge-week {background-image: url('//img.megastudy.net/megaRun/main/ico_challenge_badge01.png');}
.ico-badge.badge-day {background-image: url('//img.megastudy.net/megaRun/main/ico_challenge_badge02.png');}
.ico-badge.active {background-position: 0 -82px;}

/* ico-challenge : ¹Ì¼Ç µµÀü ½ºÅÜ ¾ÆÀÌÄÜ */
.ico-challenge {display: inline-block; width: 47px; height: 47px; background: url('//img.megastudy.net/megaRun/main/ico_challenge_step.png') no-repeat; text-indent: -9999px;}
.ico-challenge.step-going {background-position: 0 calc(-49px * 0); background-position: 0 -webkit-calc(-49px * 0);}
.ico-challenge.step-succee {background-position: 0 calc(-49px * 1); background-position: 0 -webkit-calc(-49px * 1);}
.ico-challenge.step-fail {background-position: 0 calc(-49px * 2); background-position: 0 -webkit-calc(-49px * 2);}

.runMain-event {position: relative; margin: 30px 0 0;}
.runMain-event:after {content: none; display: block; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; background: #f8f8f8; font-weight: bold; font-size: 16px; line-height: 110px; color: #777; text-align: center;}
.runMain-event.type-none:after {content: 'ÁøÇàÁßÀÎ À̺¥Æ®°¡ ¾ø½À´Ï´Ù.'; }

.footerCon{border-top: 1px solid #d9d9d9;border-bottom: 1px solid #d9d9d9;}
.footerContents{width:1010px;margin:0 auto;position: relative;}
.footerCon--subTitle{position:absolute;left:8px;top:18px;margin:0;line-height: 1;z-index:2}
.footerCon--subTitle a{display: inline-block;font-size: 18px;letter-spacing: -1px;color:#333;line-height: 1;padding:2px 36px 0 0;background: url('//img.megastudy.net/megaClub/main/ic_more.gif') 100% 0 no-repeat;font-weight: bold;height: 36px;}
.footerCon--notice{padding:0 0 0 135px;margin:0;height: 58px;overflow: hidden;}
.footerCon--notice ul{margin:0;list-style: none;padding:0}
.footerCon--notice li{height: inherit;line-height: 58px;}
.footerCon--notice li img{vertical-align: -2px;}
.footerCon--notice .new{vertical-align: 0;}

/* 20221130 */
.myMission_yes_table{border: 1px solid #777;}

/* //20221130 */