@charset "utf-8";

/************************************************
 common
*************************************************/
.blind {overflow: hidden; visibility: hidden; position: absolute; left: -9999px; width: 0; height: 0; font-size: 0; line-height: 0; text-indent: -9999px;}
.megarun_wrap img {display: block; width: 100%;}

/* mainTop--nav : 상단 탭 메뉴 */
.mainTop--nav {display: flex; display: -ms-flex; display: -webkit-flex; background: #fff;}
.mainTop--nav > li {flex: 1; -ms-flex: 1; -webkit-flex: 1;}
.mainTop--nav > li a {display: flex !important; display: -ms-flex !important; display: -webkit-flex !important; min-height: 4rem; border-left: 1px solid #fff; background: #eee; font-weight: bold; font-size: 1.1rem; letter-spacing: -0.5px; color: #3f3f3f; text-align: center; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center;}
.mainTop--nav > li:first-child a {border-left: 0 none;}
.mainTop--nav > li a:hover,
.mainTop--nav > li a.on {border-color: #272271; background: #272271; color: #fff;}

/* megaRun--title */
.megaRun--title {background: #272271;}
.megaRun--title > h2 {padding: 1.5rem 0; font-weight: bold; font-size: 1.4rem; letter-spacing: -0.5px; color: #fff; text-align: center;}

/* 페이지 배경색 */
.megarun_wrap {overflow: hidden; background: #f0f0f0;}
.myMission-bg {}
.popQna-bg {background: #f0f0f0;}

.divTable {display: table; table-layout: fixed; width: 100%;}
.divTable--cell {display: table-cell; text-align: center; vertical-align: middle; box-sizing: border-box; -webkit-box-sizing: border-box;}
.divFloat {}
.divFloat:after {content: ''; display: block; clear: both;}
.divFloat--col {float: left; position: relative; box-sizing: border-box; -webkit-box-sizing: border-box;}

/* highcharts-container : 그래프 api 호출로 기존 UI사항 주석 처리
.highcharts-container {position: relative; width: 100%; height: 40vw; padding: 6.8vw 0 0 11.4%; background: url('//img.megastudy.net/mobile/smart/megaRun/bg_highcharts_container_sm.jpg') no-repeat 7.1vw 48.4% / 100% auto; -webkit-background-size: 100% auto;}
.highcharts-container__list {display: flex; display: -ms-flex; display: -webkit-flex; margin-left: 0; font-size: 0; text-align: left;}
.highcharts-container__list--item {flex: 1; -ms-flex: 1; -webkit-flex: 1; position: relative; height: 28.4vw;}
.highcharts-container__list--item:first-child {margin-left: 0;}
.highcharts-container__list--bar {position: absolute; bottom: 0; width: 15.1%; height: 0;}
.highcharts-container__list--bar.bar01 {left: calc(50% - 19.25%); background:#f78285;}
.highcharts-container__list--bar.bar02 {right: calc(50% - 19.25%); background:#8f87ff;}
.highcharts-container__list--count {display: block; margin: -1.5rem 0 0; font-size: 0.9rem; line-height: 1.3; letter-spacing: -0.5px; color: #333; text-align: center;}
.highcharts-container__list--count.count-line02 {margin-top: -40px;}
.highcharts-container__list--tit {position:absolute; top: 110%; left: 0; width: 100%; font-size: 1rem; color: #000; text-align: center;}
.highcharts-container__list-axis {position: absolute; left: 0; top: 17.4%; z-index: 1; width: 11%; height: 28.4vw;}
.highcharts-container__list-axis > span {display: block; position: absolute; left: 0; width: 100%; padding: 0 1rem 0 0; font-size: 0.9rem; line-height: 1; letter-spacing: -0.5px; text-align: right; color: #333;}
.highcharts-container__list-axis > span:nth-of-type(1) {top: calc(0% - 0.45rem); top: -webkit-calc(0% - 0.45rem);}
.highcharts-container__list-axis > span:nth-of-type(2) {top: calc(25% - 0.45rem); top: -webkit-calc(25% - 0.45rem);}
.highcharts-container__list-axis > span:nth-of-type(3) {top: calc(50% - 0.45rem); top: -webkit-calc(50% - 0.45rem);}
.highcharts-container__list-axis > span:nth-of-type(4) {top: calc(75% - 0.45rem); top: -webkit-calc(75% - 0.45rem);}
.highcharts-container__list-axis > span:nth-of-type(5) {top: calc(100% - 0.45rem); top: -webkit-calc(100% - 0.45rem);}
.highcharts-container__legend {position: absolute; left: 0; top: 0; z-index: 1; width: 100%; font-size: 0; text-align: right;}
.highcharts-container__legend--item {display: inline-block; position: relative; height: 1rem; margin: 0 0 0 1rem; padding: 0 0 0 1.4rem; font-size: 0.9rem; letter-spacing: -0.5px; line-height: 1rem; color: #000;}
.highcharts-container__legend--item:first-child {margin-left: 7px;}
.highcharts-container__legend--item:after {content: ''; display: inline-block; position: absolute; left: 0; top: 0; width: 0.9rem; height: 0.9rem; border-radius: 50%; -webkit-border-radius: 50%;}
.highcharts-container__legend--item.item01:after {background: #f78285;}
.highcharts-container__legend--item.item02:after {background: #8f87ff;} */

/* check_prd : 데이트피커 */
.mp_bt18 {display: inline-block; width: 1.45rem; height: 1.55rem; background: url('//img.megastudy.net/mobile/smart/megaRun/ico_date_picker.jpg') no-repeat 0 0 / 100% auto; -webkit-background-size: 100% auto; text-indent:-10000px;}
.mp_bt4 {display:inline-block; padding: 1rem 0; border: 1px solid currentcolor; background: #fff; font-weight: bold; font-size: 1.2rem; color:#272271 !important; text-align: center;}
.check_prd {position: relative; padding: 0 0 .5rem; background: #f7f7f7;}
.check_prd_today {position: relative; padding: 1rem 0; border-top: 1px solid #ddd; background: #eaeaea; font-size: 1rem; letter-spacing: -0.5px; color: #000; text-align: center;}
.check_prd_today:before {content: ''; display: inline-block; position: relative; right: 0.5rem; top: -0.1rem; width: 1.1rem; height: 1.1rem; background: url('//img.megastudy.net/mobile/smart/megaRun/ico_today.jpg') no-repeat 0 0 / 100% auto; background-size: 100% auto; vertical-align: middle;}
.check_prd_notice {margin: 2vw 0 0; font-size: 0.9rem; color: #313131; text-align: center;}
.check_prd .cal_area {position: relative; margin: 1rem 0 0;}
.check_prd .cal_area .c_sel {display: flex; display: -ms-flex; display: -webkit-flex; margin: 0 0 1rem; padding: 0 4.2%;}
.check_prd .cal_area .c_sel .c_sel_fx {flex: 1; -ms-flex: 1; -webkit-flex: 1;}
.check_prd .cal_area .c_sel .brd {display: inline-block; position: relative; width: calc(100% - 3.5rem); width: -webkit-calc(100% - 3.5rem); height: 2.6rem; margin-right: 0.2rem; border: 1px solid #e5e5e5; background: #eaeaea; vertical-align: middle;}
.check_prd .cal_area .c_sel .brd input {width: calc(100% - 2.55rem); width: -webkit-calc(100% - 2.55rem); height: 100%; border: 0 none; text-align: center; vertical-align: top;}
.check_prd .cal_area .c_sel .brd .mp_bt18 {position: absolute; right: 0.5rem; top: calc(50% - 0.775rem); top: -webkit-calc(50% - 0.775rem); z-index: 1;}
.check_prd .cal_area .c_sel + .mp_bt4 {display: block; margin: 0 4.2%;}

.check_prd_container {position: relative;}
.check_prd .layer_range {display: none; z-index: 1;flex-direction: column; justify-content: center;align-items: center; background: #f7f7f7;}
.myReport-bg:has(.btn_range.is_open) .layer_range {display: flex;}
.myReport-bg:has(.btn_range.is_open) .check_prd_info,
.myReport-bg:has(.btn_range.is_open) .range_list {display: none;}
.check_prd_today .btn_range {display: flex;justify-content: center;align-items: center; position: absolute;top:50%;right:3vw;transform: translateY(-50%);padding:1vw 0;width: 19vw; max-width: 120px;font-size: .9rem; color:#666; line-height: 100%; border: 2px solid #666;border-radius: 3vw;font-family: 'nanum-barun-gothic';}
.check_prd_today .btn_range span:first-child {line-height: 1.2;}
.check_prd_today .btn_range span + span {display: inline-block;margin-left: 8px; width: 2vw;max-width: 13px;}
.check_prd_today .btn_range.is_open span + span {margin-top:-2px;margin-left: 6px; width: 1.7vw;max-width: 11px;}
.check_prd_today .btn_range img {width: 100%;}
.check_prd_info {padding: 3vw 0; text-align: center;}
.check_prd_container .range_list {display: grid;grid-template-columns: repeat(3, 1fr);grid-template-rows: minmax(2, 2);gap: 1vw;}
.check_prd_container .range_list li {flex: 1 33.333333%;border: 2px solid #cfcfcf;}
.check_prd_container .range_list .is_current {border: 2px solid #1162db;}
.check_prd_container .range_list a {display: flex;justify-content: center;align-items: center;height: 11vw;max-height: 60px; background: #cfcfcf;font-family: 'nanum-barun-gothic';}
.check_prd_container .range_list .is_current a {font-family: 'nanum-barun-gothic-bold';font-weight: 600; background: #fff;}
.myReport-bg:has(.btn_range.is_open) .myReport_container {position: relative;}
.myReport-bg:has(.btn_range.is_open) .myReport_container::after {content: '';position: absolute;inset: 0;background: #000;opacity: .6;}
.myReport-bg .check_prd .cal_area {width: 100%;}

@media (min-width: 700px){
    .check_prd_info {padding: 15px 0;}
}

.po_r {position: relative;}
.btn_membership {position: absolute;top:62%;left:22%;width: 56%;height: 25%;text-align: left;text-indent: -9999em;}

/* challengeWeek : 미션 도전 */
.challengeWeek.runInfo__challenge--week {width: 100%; margin: 1.5rem 0 0;}
.challengeWeek > ol {display: flex; display: -ms-flex; display: -webkit-flex;}
.challengeWeek li {position:relative; flex: 1; -ms-sflex: 1; -webkit-flex: 1; position: relative; margin-right:10%;}
.challengeWeek li:after {content:''; display: inline-block; position: absolute; left:52%; top: calc(50% - 1px); top: -webkit-calc(50% - 1px); width:155%; height:1.5px; background:#cccccc;}
.challengeWeek li:last-child {margin:0; }
.challengeWeek li:last-child:after {content:''; height:0;}
.challengeWeek li > div {width:100%; padding-top: 100%;}
.challengeWeek li > div:after {display: inline-block; position: absolute; left:0; bottom:calc(0% - 2rem); width:100%; height:1rem; text-align:center; font-weight:bold;}
.challengeWeek li:nth-child(1) > div:after {content:'1주';}
.challengeWeek li:nth-child(2) > div:after {content:'2주';}
.challengeWeek li:nth-child(3) > div:after {content:'3주';}
.challengeWeek li:nth-child(4) > div:after {content:'4주';}
.challengeWeek li > div .innerWeek {position:absolute; top:0; left:0; bottom:0; right:0; display:table; width:100%; height:100%;}
.challengeWeek li > div .innerWeek__dot {position:relative; display:table-cell; vertical-align:middle;}
.challengeWeek li > div .innerWeek__dot--point {margin:0 auto; width:0.7rem; height:0.7rem; background:#cccccc; border-radius:20px;}
.challengeWeek li > div .ico-challenge {position:absolute; left:0; top:0; z-index:1; width:100%; height:100%; background:url('//img.megastudy.net/mobile/smart/megaRun/ico_challenge_step.png') no-repeat 0 200% / 100% auto; -webkit-background-size: 100% auto; text-indent:-9999px;}
.challengeWeek li > div .ico-challenge.step-going {background-position:0 0;}
.challengeWeek li > div .ico-challenge.step-succee {background-position:0 50%;}
.challengeWeek li > div .ico-challenge.step-fail {background-position:0 100%;}

/* megaRun-sorting : 테이블 정렬 */
.megaRun-sorting {position: relative; margin: 0 0 10px;}
.megaRun-sorting .divTable--cell {width: 50%; text-align: right;}
.megaRun-sorting .divTable--cell:first-child {text-align: left;}
.megaRun-sorting select {height: 28px; font-size: 14px;}
.megaRun-sorting--button {display: inline-block; height: 22px; padding: 0 9px; border: 1px solid #bcbcbc; font-size: 12px; line-height: 20px; letter-spacing: -0.5px; color: #333 !important;}

/* megaRun--hrTable : 수평 타입 테이블 */
.megaRun--hrTable {table-layout:fixed; width: 100%;}
.megaRun--hrTable.bdNone {border: 0 none;}
.megaRun--hrTable.bdType01 {border-top: 1px solid  #e1e1e1;}
.megaRun--hrTable.bdType02 {border-top: 2px solid  #3f5a76;}
.megaRun--hrTable thead th,
.megaRun--hrTable tbody td {padding: 1rem 0; border-left: 1px solid #dedede; font-size: 1rem; letter-spacing: -0.5px; color: #222; text-align: center; vertical-align: middle; word-break: keep-all; word-wrap: break-word;}
.megaRun--hrTable thead th {background: #22254b; font-weight: bold; color: #fff;}
.megaRun--hrTable tbody td {border-bottom: 1px solid #dedede;}
.megaRun--hrTable thead th:first-child,
.megaRun--hrTable tbody td:first-child {border-left: 0 none;}
.megaRun--hrTable tbody td[headers^=th-],
.megaRun--hrTable tbody tr.myGrade > td {background: #ebff9a;}
.megaRun--hrTable tbody td.td-dataNone {padding: 30px 0; font-weight: normal !important; color: #333 !important;}

/* megaRun--vrTable : 수직 타입 테이블 */
.megaRun--vrTable {table-layout:fixed; width: 100%;}
.megaRun--vrTable.bdType01 {border-top: 1px solid  #bbb;}
.megaRun--vrTable.bdType02 {border-top: 2px solid  #3f5a76;}
.megaRun--vrTable tbody th,
.megaRun--vrTable tbody td {padding: 1rem 0; border-bottom: 1px solid #e5e5e5; font-size: 1rem; letter-spacing: -0.5px; color: #333; text-align: center; vertical-align: middle; word-break: keep-all; word-wrap: break-word; box-sizing: border-box; -webkit-box-sizing: border-box;}
.megaRun--vrTable tbody th {background: #f7f7f7; font-weight: bold;}
.megaRun--vrTable tbody td {}
.megaRun--vrTable thead th:first-child,
.megaRun--vrTable tbody td:first-child {border-left: 0 none;}
.megaRun--vrTable tbody td[headers^=th-],
.megaRun--vrTable tbody tr.myGrade > td {background: #ebff9a;}

/* commonThumbList : 썸네일 타입 게시판 */
.commonThumbList {position: relative; width: 100%; margin: 0 auto; display: flex; display: -ms-flex; flex-wrap: wrap;}
.commonThumbList > li {position: relative; width:49%; padding-top:49%; margin:0 2% 4.5rem 0; box-sizing: border-box; -wekit-box-sizing: border-box;}
.commonThumbList > li:nth-of-type(2n+2) {margin-right: 0;}
.commonThumbListInner {position:absolute; left:0; top:0; width:100%; height:100%;}
.commonThumbList--picture {overflow: hidden; position: relative; width:100%; height:45vw; background:#fff; text-align: center; box-sizing: border-box; -wekit-box-sizing: border-box;}
.commonThumbList--picture > img {width:100%; image-rendering:-webkit-optimize-contrast; image-rendering:-moz-optimize-contrast; image-rendering:-ms-optimize-contrast; image-rendering:-o-optimize-contrast;}
.commonThumbList--delete {position: absolute; right: 0; top: 0; z-index: 1; width:2rem;}
.commonThumbList--delete img {width:100%;}
.commonThumbList--zoom {position: absolute; right: 0; bottom: 2.5rem; z-index: 1; width:2rem;}
.commonThumbList--zoom img {width:100%;}
.commonThumbList--info {position: relative; padding: 0 5rem 0 0;}
.commonThumbList--info .myStudy-notice__list--button {display: inline-block; right: 0; top: 0; height: 2rem; font-weight: bold; line-height: 2rem; text-align: center;}
.commonThumbList--name {position: absolute; left: 0; bottom: 0; z-index: 1; width: 100%; height:2.5rem; background: rgba(0, 0, 0, 0.5);font-weight: bold; font-size: 1.1rem; line-height: 2.5rem; color: #fff; text-align: center;}
.commonThumbList > li.dataNone {padding:2rem; margin:0; width: 100%; height: auto; font-size:1.2rem; border-top: 1px solid #e5e5e5; border-bottom: 0;}
.commonThumbList > li.dataNone .divTable--cell {width: 100%; padding: 50px 0;}
@media screen and (orientation: landscape) {
    .commonThumbList--picture {max-height: 45.926vw;}
}
/* likeSetWrap : 좋아요 */
.likeSetWrap {position: relative; margin: 1rem 0 0; text-align: left; font-size: 0;}
.likeSetWrap > * {display: inline-block; vertical-align: top;}
.likeSetWrap--count {font-family: inherit; font-weight: bold; font-size:1.2rem; line-height:2.2rem; color: #f34d51;}
.likeSetWrap--button {position: relative; width: 2rem; height: 2rem; background:url('//img.megastudy.net/teacher_v2/bbs/ic_like.png') no-repeat 0 0 / 100% auto; -webkit-background-size: 100% auto; text-indent:-9999px;}
.likeSetWrap--button.active {background-position: 0 -2rem;}
.likeSetWrap--count + .likeSetWrap--button {margin-left: 8px;}

/* megaRun--fillCol*/
.megaRun--fillCol {position: relative;}
.megaRun--fillCol .divTable--cell {padding: 1rem 0; font-size: 0.9rem; letter-spacing: -0.5px;}
.megaRun--fillCol .divTable--cell > span {font-weight: bold; font-size: 1.3rem;}
.megaRun--fillCol .divTable--cell em {color: #ffb1b3;}
.megaRun--fillCol.fill-time {background: #8f87ff;}
.megaRun--fillCol.fill-time .divTable--cell {color: #fff;}
.megaRun--fillCol.fill-grade {margin-bottom: 1.5rem; background: #e1e1e1;}
.megaRun--fillCol.fill-grade .divTable--cell {color: #000;}
.megaRun--fillCol.fill-grade .divTable--cell > em {font-weight: bold; font-size: 1.3rem; color: #777;}
.megaRun--fillCol.fill-grade .color-grade01 {color: #625cb3;}
.megaRun--fillCol.fill-grade .color-grade02 {color: #f78285;}

.megaRun--refer {margin: 0.5rem 0 0; font-size: 0.9rem; line-height: 1.4; letter-spacing: -0.5px; color: #666; text-align: center;}
.calendar-mission__tblArea .megaRun--refer {margin-top: 1rem;}
.myReportArTime .megaRun--refer {margin-top: -1rem; margin-bottom: 1rem;}
.calendar-mission__header .megaRun--refer {margin-top: 1rem; margin-bottom: -1rem;}

/* ico--arrow */
.ico--arrow {display: inline-block; padding: 0.2rem; border: solid #fff; border-width: 0 0.2rem 0.2rem 0;}
.ico--arrow.right {transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}
.ico--arrow.left {transform: rotate(135deg); -webkit-transform: rotate(135deg);}
.ico--arrow.up {transform: rotate(-135deg); -webkit-transform: rotate(-135deg);}
.ico--arrow.down {transform: rotate(45deg); -webkit-transform: rotate(45deg);}

/* megaRunTab-wrap : 탭 메뉴 */
.megaRunTab-wrap {}
.megaRunTab-wrap ul {display:-webkit-flex; display:flex; background:#fff;}
.megaRunTab-wrap ul > li {background-color:#fff; border-top:1px solid #dddddd; border-bottom:1px solid #dddddd; background:url("//img.megastudy.net/mobile/smart_new/bg_line1.png") no-repeat right center / 2px 1.2rem; -webkit-background-size: 2px 1.2rem; -ms-background-size: 2px 1.2rem; font-size: 1.2rem; -webkit-flex: 1;  /* Safari 6.1+ */ flex: 1; display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack:  center; -webkit-box-align: center; text-align:center;}
.megaRunTab-wrap ul > li a {display: block; width: 100%; padding: 1.2rem 0; font-weight: bold; color: #3f3f3f;}
.megaRunTab-wrap ul > li:hover,
.megaRunTab-wrap ul > li.on {border-bottom: 0.2rem solid #272271;}
.megaRunTab-wrap ul > li.on a {color: #272271;  font-family: 'nanum-barun-gothic-bold';}
.megaRunTab-wrap ul > li:first-child a {border-left:0; border-right:0;}
.megaRunTab-wrap ul > li:last-child a {border-right:0; border-left:0; background:none;}
.megaRun__panel--col {display:none; padding:2rem 4.2% 2.5rem;}
.megaRun__panel--col img {display: block; width: 100%;}

/* popArea */
.popArea {position: relative;}
.popArea__header {position: relative; padding: 1rem 0; border-bottom: 1px solid #1677cb; background:#fff}
.popArea__header > h1{font-weight: bold; font-size:1.2rem; text-align: center;}
.popArea__header > h1 strong {color: #1677cb;}
.popArea__header--button {position:absolute; right:1%; top:calc(50% - 1.5rem); top:-webkit-calc(50% - 1.5rem); z-index:2; width:3rem; height:3rem; text-indent: -9999px;}
.popArea__header--button:before,
.popArea__header--button:after {content:''; display:block; position:absolute; left:50%; top:50%; width:2rem; height:2px; margin-left:-1rem; background:#444a59;}
.popArea__header--button:before {transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg);}
.popArea__header--button:after {transform:rotate(135deg); -moz-transform:rotate(135deg); -webkit-transform:rotate(135deg);}
.popCont {width:auto; background:#f0f0f0;}
.popCont__section {position:relative; margin:0 0 1.5rem; padding:2rem 4.2% 2.5rem; background:#fff;}
.popCont__section--title {position:relative; margin:0 0 1rem 0; font-size:1.4rem; color:#333; font-weight:bold; letter-spacing:-0.5px;}
.popCont .megaRun__panel--col {padding: 1.5rem 0 0;}

/* megaRunLayer :  레이어 팝업 */
.megaRunLayer {display: none; position: fixed; left: 50%; top: 50%; z-index: 20; min-width: 80%; max-width: 90%; padding: 2rem 0 3rem; border: 1px solid #423ba8; background: #fff; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}
.megaRunLayer.on {display: block;}
.megaRunLayer--close {position:absolute; right:0.5rem; top:0.5rem; z-index:2; width:1.5rem; height:1.5rem; text-indent: -9999px;}
.megaRunLayer--close:before,
.megaRunLayer--close:after {content:''; display:block; position:absolute; left:50%; top:50%; width:1.4rem; height:1px; margin-left:-0.7rem; background:#453ea9;}
.megaRunLayer--close:before {transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg);}
.megaRunLayer--close:after {transform:rotate(135deg); -moz-transform:rotate(135deg); -webkit-transform:rotate(135deg);}
.megaRunLayer__header {position: relative; height: 3rem; margin: 1rem; background: #e0e0e0; font-weight: bold; font-size: 1.4rem; line-height: 3rem; letter-spacing: -0.5px; color: #333; text-align: center;}
.megaRunLayer__inner {position: relative; margin: 1rem 0; padding: 0 1rem;}
.megaRunLayer--text {font-size: 1.2rem; line-height: 1.4; letter-spacing: -0.5px; text-align: center;}
.megaRunLayer--text > em {font-weight: bold; color: #423ba8;}
.megaRunLayer--write {margin: 2rem 0 0; text-align: center; font-size: 0;}
.megaRunLayer--input {width: 3.8rem; height: 3.8rem; margin: 0 0 0 0.5rem !important; border: 0.1rem solid #e5e5e5; font-weight: bold; font-size: 1.8rem; line-height: 3.8rem; color: #333; text-align: center;}
.megaRunLayer--input:first-of-type {margin-left: 0 !important;}
.megaRunLayer--notice {margin: 1rem 0 0; font-size: 0.9rem; letter-spacing: -0.5px; color: #888; text-align: center;}
.megaRunLayer--button {display: inline-block; width: 80%; height: 3rem; background: #171344; font-weight: bold; font-size: 1.2rem; line-height: 3rem; letter-spacing: -0.5px; color: #fff !important; text-align: center;}
.megaRunLayer__inner--tite {display: block; font-size: 1.2rem; letter-spacing: -0.5px; color: #000; text-align: left;}
.megaRunLayer--list {}
.megaRunLayer--list > li {position: relative; padding: 0 0 0 0.8rem; font-size: 1rem; line-height: 1.6; letter-spacing: -0.5px; color: #000; text-align: left; word-wrap: break-word; word-break: keep-all;}
.megaRunLayer--list > li:after {content: '-'; position: absolute; left: 0; top: 0; z-index: 1;}
.megaRunLayer__footer {margin: 1.5rem 0 0; text-align: center;}
.megaRunLayer__footer--button {display: inline-block; width: 80%; height: 2.6rem; background: #423ba8; font-weight: bold; font-size: 1.2rem; line-height: 2.6rem; letter-spacing: -0.5px; color: #fff !important; text-align: center; border-radius: 3rem; -webkit-border-radius: 3rem;}

@media screen and (orientation: landscape) {
    .megaRunLayer {position: absolute; top: 25%; transform: translate(-50%, 0)}
}

/* 가입축하 팝업 */
.megaRunLayer.layer-Join {z-index: 99995; padding: 30% 0 3rem; border: 0; background: #423ba8 url('//img.megastudy.net/megaRun/common/bg_layer_join.jpg') no-repeat 50% 0 / 100% auto; -webkit-background-size: 100% auto;}
.megaRunLayer.layer-Join .megaRunLayer__header {height: auto; margin: 0 0 1.5rem; padding: 0; background: none; font-size: 1.8rem; line-height: 1; color: #fff;}
.megaRunLayer.layer-Join .megaRunLayer--text {margin: 0 0 1.5rem; color: #fff;}
.megaRunLayer.layer-Join .megaRunLayer--text > em{color: #ccee51;}
.megaRunLayer.layer-Join .megaRunLayer--close {right: 1.5rem; top: 1rem; width: 2rem; height: 2rem;}
.megaRunLayer.layer-Join .megaRunLayer--close:before,
.megaRunLayer.layer-Join .megaRunLayer--close:after {width: 2.4rem; margin-left: -1.1rem; background: #fff;}
.megaRunLayer.layer-Join .megaRun--vrTable {width: 86%; margin: 0 auto; border-color: #fff;}
.megaRunLayer.layer-Join .megaRun--vrTable tbody th {border-bottom: 1px solid #736fb6; border-right: 1px solid #736fb6; background: none; font-weight: normal; font-size: 1.2rem; color: #b6b2f7;}
.megaRunLayer.layer-Join .megaRun--vrTable tbody td {border-bottom: 1px solid #736fb6; font-weight: bold; font-size: 1.2rem; color: #fff;}
.megaRunLayer.layer-Join .megaRunLayer__footer--button {height: 3.6rem; background: #171344; font-size: 1.4rem; line-height: 3.6rem; border-radius: 0; -webkit-border-radius: 0;}
.dimmed {overflow: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 99994; background: rgba(0, 0, 0, 0.8);}

/* 공지안내 팝업 */
.megaRunLayer.layer-notice {z-index: 99995; padding: 0; border: 0; background: #fff;}
.megaRunLayer.layer-notice .megaRunLayer__header {height: auto; margin: 0; padding: 2rem 0;  background: none; font-size: 1.8rem; line-height: 1; letter-spacing: -1px; color: #272271;}
.megaRunLayer.layer-notice .megaRunLayer__inner {margin: 0; padding: 0 1.5rem;  background: none; font-size: 1rem; line-height: 1.4; letter-spacing: -0.5px; color: #000; text-align: center;}
.megaRunLayer.layer-notice .megaRunLayer__inner--tite {margin: 1.5rem 0 0;}
.megaRunLayer.layer-notice .megaRunLayer__inner--tite:first-of-type {margin-top: 0;}
.megaRunLayer.layer-notice .megaRunLayer--list {margin: 1.5rem 0 0;}
.megaRunLayer.layer-notice .megaRunLayer--button {margin: 1.5rem 0;}
.megaRunLayer.layer-notice .megaRunLayer__footer {position: relative; height: 3rem; margin: 0; background: #9e9e9e; text-align: left;}
.megaRunLayer.layer-notice .megaRunLayer__footer--label {padding: 0 0 0 1rem; font-size: 1rem; line-height: 3rem; letter-spacing: -0.5px; color: #333;}
.megaRunLayer.layer-notice .megaRunLayer__footer--label > input[type="checkbox"] {position: relative; margin: 0; padding: 0; vertical-align: middle;}
.megaRunLayer.layer-notice .megaRunLayer__footer .megaRunLayer--close {right: 1.5rem; top: 50%; width: auto; height: auto; padding-right: 0.5rem; font-size: 1rem; color: #333; text-align: right; text-indent: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.megaRunLayer.layer-notice .megaRunLayer--close:before,
.megaRunLayer.layer-notice .megaRunLayer--close:after {width: 1rem; margin-left: 1rem; background: currentcolor;}

/* noticeWrap */
.noticeWrap {position: relative; padding: 1.5rem 1rem 2.5rem; background: #fff;}
.noticeWrap--title {display:block; padding: 0 0 0.7rem; font-weight: normal; font-size:1.2rem; text-align:left;}
.noticeWrap__list {position:relative;}
.noticeWrap__list--item {position: relative; padding: 0 0 0 0.8rem; font-size: 0.9rem; line-height: 1.5; letter-spacing: -0.5px; color: #777; text-align: left; word-break: keep-all; word-wrap: break-word;}
.noticeWrap__list--item.item-impact {color: #000 !important;}
.noticeWrap__list--item:after {content: '-'; position: absolute; left: 0; top: 0;}
.noticeWrap__list--link {display:inline-block; font-weight:bold; color:#000 !important; text-decoration: underline !important;}

/* noticeWrap-updown */
.noticeWrap-updown {}
.noticeWrap-updown .noticeWrap__title {display:block; width:100%; padding:0.8rem 0 0.7rem; background:#ececec; font-size:1.2rem; font-weight:normal; text-align:center; cursor:pointer;}
.noticeWrap-updown .noticeWrap__title--txt {display:inline-block; position:relative; padding:0 1rem 0 0; font-weight:normal; color:#333;}
.noticeWrap-updown .noticeWrap__title--txt:before {position:absolute; right:0; top:50%; font-size:0.8rem; content:"▼"; transform:translateY(-50%); -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.noticeWrap-updown.on .noticeWrap__title--txt:before {content:"▲";}
.noticeWrap-updown .noticeWrap__inner {display:none; margin:0.5rem 0 0 0; padding:1rem; border: 1px solid #ececec; background:#fff;}

/* box text */
.box_infomation {margin:2.5rem 4.2%;text-align:left;padding:0;}
.box_infomation .tit {background-color:#cccccc;}
.box_infomation .tit strong {color:#333; font-weight:normal; margin-right:0.5rem;}
.box_infomation .tit a {display:block;}
.box_infomation .tit a span {display:block;width:100%;padding:1rem 0 1rem;font-weight:bold;font-size:1.2rem;line-height:1;color:#333;text-align:center;}
.box_infomation .tit a span::after {content:'▼'; color:currentcolor;}
.box_infomation .cont {display:none;padding:0;}
.box_infomation .cont .pointColor{color:#423ba8; font-weight:bold;}
.box_infomation.open .tit{margin-bottom: 0.5rem;}
.box_infomation.open .tit a span::after{content:'▲'; color:currentcolor;}
.box_infomation.open .cont {display:block; background:#fff;border: 1px solid #fff;padding:1rem .6rem;color:#333}
.box_infomation.open .cont li{padding-left: 1rem;text-indent: -.8rem;line-height: 1.6rem;}
.box_infomation.open .cont li::before{content:'-';margin-right: .3rem;}
.box_infomation.open .cont b{font-weight: normal;color:#dbecb4}
.box_infomation.open .cont a{font-weight: bold;color:#a52a38;text-decoration: underline;margin-left: 0.5rem; line-height: 1.6rem;}

/* freeviewer : 확대보기 */
.freeviewer {display: none; position: fixed; _position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10000; cursor: pointer;}
.freeviewer .layer_area {position: absolute; left: 50%; top: 50%; background: none; cursor: pointer; transform: translate(-50%, calc(-50% - .5px)); -webkit-transform: translate(-50%, calc(-50% - .5px)); -ms-transform: translateX(-50%) translateY(-50%) translateY(-.5px); /*IE*/}
.freeviewer .layer_area_bg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: .75; -moz-opacity: .75; filter: alpha(opacity=75); cursor: pointer;}

/* megaRunBtn-more : 더보기 */
.megaRunBtn-more {padding: 1rem 1.3rem; text-align: center;}
.megaRunBtn-more > a {display: block; padding: 1rem 0; font-weight: bold;}
.megaRun__panel--col .megaRunBtn-more {padding: 0;}
/************************************************
 contents
*************************************************/
/* runMain-banner */
.runMain-banner {overflow: hidden; position: relative; padding: 0 0 1rem; background: url('//img.megastudy.net/mobile/smart/megaRun/bg_run_top_v2.jpg') no-repeat 0 0 / 100% 100%; -webkit-background-size: 100% 100%;}
.runMain-banner__list {}
.runMain-banner__list--img {margin: 0 11%;}
.runMain-banner__list--text {padding: 1rem 0 0; font-size: 1.1rem; line-height: 1.4; letter-spacing: -0.5px; color: #272271; text-align: center;}
.runMain-banner__list--text > em {font-weight: bold; font-size: 1.3rem; color: #272271;}
.runMain-banner .bx-wrapper {position:relative; width:100%;}
.runMain-banner .bx-wrapper .bx-viewport {height: auto !important;}
.runMain-banner .bx-controls-direction > a {display: inline-block; position: absolute; top: calc(50% - 1rem); top: -webkit-calc(50% - 1rem); width: 2rem; height: 2rem; background:url("//img.megastudy.net/mobile/smart/megaRun/btn_banner_arrow_v2.jpg") no-repeat 0 0 / 100% auto; -webkit-background-size: 100% auto; text-indent:-9999px;}
.runMain-banner .bx-controls-direction .bx-prev {left: 0;}
.runMain-banner .bx-controls-direction .bx-next {right: 0; transform: rotate(180deg); -webkit-transform: rotate(180deg);}
.runMain-banner .bx-pager {padding: 1rem 0; text-align: center;}
.runMain-banner .bx-pager .bx-pager-item {display: inline-block; width: 1rem; height: 1rem; margin: 0 0 0 1rem;}
.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: 1rem; height: 1rem; background: #fff; text-indent: -9999px; border-radius: 50%; -webkit-border-radius: 50%;}
.runMain-banner .bx-pager .bx-pager-item a.active{background: #272271;}

.runMain-before {position: relative; margin: 0 0 1.5rem;}
.runMain-event {position: relative; margin: 0 4.2% 2rem;}
.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: '진행중인 이벤트가 없습니다.'; display: flex; display: -ms-flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center;}

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

/* runMyInfo : 공통 */
.runInfo--title {margin: 0 0 1rem;}
.runInfo--title > a {display: inline-block; position: relative; padding: 0 2rem 0 0; font-weight: bold; font-size: 1.4rem; letter-spacing: -0.5px; color: #333;}
.runInfo--title > a:after {content: ''; display: inline-block; position: absolute; right: 0; top: calc(50% - 0.7rem); top: -webkit-calc(50% - 0.7rem); width: 1.2rem; height: 1.2rem; background: url('//img.megastudy.net/mobile/smart/megaRun/ico_runInfo_more.jpg') no-repeat 0 0 / 100% auto; -webkit-background-size: 100% auto;}
.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__tab : 탭메뉴 */
.runInfo__tab {position: relative; margin: 0 0 1.5rem;  padding: 0 6.1%;}
.runInfo__tab--list {display: flex; display: -ms-flex; display: -webkit-flex;}
.runInfo__tab--list > li {flex: 1; -ms-sflex: 1; -webkit-flex: 1; margin: 0 0 0 1px;}
.runInfo__tab--list > li:first-child {margin-left: 0;}
.runInfo__tab--list > li a {display: block; padding: 0.5rem 0; border: 1px solid #dbdbdb; font-weight: bold; font-size: 1rem; letter-spacing: -0.5px; color: #999; text-align: center;}
.runInfo__tab--list > li.on a {color: #423ba8; border-color: currentcolor;}

/* runInfo__header */
.runInfo__header {position: relative; margin: 1rem 4.2%; padding: 3rem 0 2.5rem; background: #423ba8 url('//img.megastudy.net/megaRun/main/bg_runInfo_header.jpg') no-repeat 100% 100% / 1.2rem auto; -webkit-background-size: 1.2rem auto;}
.runInfo__header--info {text-align: center;}
.runInfo__header--info > * {display: inline-block; position: relative; margin: 0 0 0 1px; font-size: 1.3rem; letter-spacing: -0.5px;}
.runInfo__header--info > span {padding: 0 0.8rem; font-weight: bold; color: #ebff9a;}
.runInfo__header--info > span:after {content: ''; display: inline-block; position: absolute; left: 0; top: 0; width: 0.1rem; height: 100%; background: #282372;}
.runInfo__header--info > span:first-child:after {content: none;}
.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: 2.4rem; font-size: 0.9rem; line-height: 2.4rem; letter-spacing: -0.5px; text-align: center;}
.runInfo__header--my > a {padding: 0 1rem 0 2.5rem; background: #332c93 url('//img.megastudy.net/megaRun/main/ico_runInfo_header_my.jpg') no-repeat 1rem 50% / 0.9rem auto; -webkit-background-size: 0.9rem auto; color: #aea9fa; text-align: left;}
.runInfo__header--today {display: block; position: relative; padding: 1rem 0; border-top: 1px solid #ddd; background: #eaeaea; font-size: 1rem; letter-spacing: -0.5px; color: #000; text-align: center;}
.runInfo__header--today:before {content: ''; display: inline-block; position: relative; right: 0.5rem; top: -0.1rem; width: 1.1rem; height: 1.1rem; background: url('//img.megastudy.net/mobile/smart/megaRun/ico_today.jpg') no-repeat 0 0 / 100% auto; background-size: 100% auto; vertical-align: middle;}
.runInfo__header--start {padding: 1rem 0; background: #3032c9; font-size: 0.9rem; letter-spacing: 0; color: #aea9fa; text-align: center;}
.runInfo__header--start:before {content: ''; display: inline-block; position: relative; right: 0.2rem; width: 0.85rem; height: 1rem; background: url('//img.megastudy.net/megaRun/common/ico_flag.png') no-repeat 0 0 / 100% auto; -webkit-background-size: 100% auto; vertical-align: middle;}

/* runInfo__status : 누적 수강 시간 */
.runInfo__status {position: relative; margin: 0 0 1.5rem; padding: 2rem 4.2%; background: #fff;}
.runInfo__status--title {margin: 0 0 1rem; font-weight: bold; font-size: 1.4rem; letter-spacing: -0.5px; color: #333;}
.runInfo__status--list > li {margin: 1px 0 0;}
.runInfo__status--list > li:first-child {margin-top: 0;}
.runInfo__status--list > li dl {overflow: hidden;}
.runInfo__status--list > li dl > * {float: left; height: 3rem; font-weight: bold; font-size: 1.2rem; line-height: 3rem; letter-spacing: -0.5px; text-align: center;}
.runInfo__status--list > li dt {width: 36.4%; background: #423ba8; color: #fff;}
.runInfo__status--list > li dt > span {color: #ebff9a;}
.runInfo__status--list > li dd {width: calc(100% - 36.4%); width: -webkit-calc(100% - 36.4%); background: #f0f0f0; color: #333;}

/* runInfo__report : MY수강 리포트 */
.runInfo__report {position: relative; margin: 0 0 1.5rem; padding: 2rem 4.2% 2.5rem; background: #fff;}
.runInfo__report--col {position: relative; padding: 0 6.1%;}
.runInfo__grade {margin: 0 0 1rem;}
.runInfo__grade .divTable {}
.runInfo__grade .divTable--cell {padding: 1rem 0; background: #f3f3f3; font-size: 1.3rem; letter-spacing: -0.5px;}
.runInfo__grade--class {color: #777;}
.runInfo__grade--class > b {color: #333;}
.runInfo__grade--current {font-weight: bold; color: #333;}
.runInfo__grade--current > em {font-size: 2rem; 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 {}
.runInfo__report--none > P {padding: 1.5rem 0; font-size: 1.1rem; line-height: 1.4; letter-spacing: -0.5px; color: #555; text-align: center;}
.runInfo__report--none .color-grade01 {color: #625cb3;}
.runInfo__report--none .color-grade02 {color: #f78285;}
.runInfo--title + .runInfo__report--none {margin-bottom: 1rem; background: #f3f3f3;}

/* runInfo__mission : MY 미션 */
.runInfo__mission {position: relative; margin: 0 0 1.5rem; padding: 2rem 4.2% 2.5rem; background: #fff;}

/* runInfo__accrue : 누적 미션 */
.runInfo__accrue {position: relative; padding: 0 0 1.5rem; border-bottom: 1px dashed #d5d5d5;}
.runInfo__accrue .divTable {}
.runInfo__accrue .divTable--cell {width: calc(100% - 30%); width: -webkit-calc(100% - 30%); vertical-align: top;}
.runInfo__accrue .divTable--cell:first-child {width: 27%;border-right: 1px solid #e8e8e8;}
.runInfo__accrue .divTable--cell img {display: inline-block; vertical-align: middle;}
.runInfo__accrue--title {margin: 1rem 0 0; font-size: 1.2rem; letter-spacing: -0.5px; color: #555;}
.runInfo__accrue--medal,
.runInfo__accrue--badge {margin: 1rem 0 0; font-size: 0; text-align: center; padding: 0 0.3rem;}
.runInfo__accrue--medal {}
.runInfo__accrue--medal > span,
.runInfo__accrue--badge > span {font-weight: bold; font-size: 1rem; vertical-align: middle;}
.runInfo__accrue--medal > span {color: #423ba8;}
.runInfo__accrue--badge > span {margin-left: 1rem; color: #000;}
.runInfo__accrue--badge > span:first-child {margin-left: 0;}
.runInfo__accrue--medal img {width: 43.75%;}
.runInfo__accrue--badge img {width: 17%;}

/* runInfo__challenge : 미션 도전 */
.runInfo__challenge {position: relative; padding: 1.5rem 0; border-bottom: 1px dashed #d5d5d5;}
.runInfo__challenge--header {}
.runInfo__challenge--header .runInfo__accrue--title {display: block; margin: 0 0 1rem; text-align: center;}
.runInfo__challenge--col {width: 50%; text-align: right;}
.runInfo__challenge--col:first-child {text-align: left;}
.runInfo__challenge--count {display: inline-block; position: relative; padding: 0.5rem 0; font-size: 1rem; color: #000;}
.runInfo__challenge--count > em {font-weight: bold; color: #f78285;}
.runInfo__challenge--current {display: inline-block; padding: 0.5rem 0.8rem; font-weight: bold; font-size: 1rem;}
.runInfo__challenge--current.current-fail {background: #dfdfdf; color: #777;}
.runInfo__challenge--current.current-success {color: #3e36a2; border: 1px solid currentcolor; background: #fff;}

/* runInfo__challenge--badge : 누적 시간 뱃지 */
.runInfo__challenge--badge {position: relative; margin: 4rem 0 0; padding: 1.5rem 0; border: 1px solid #e8e8e8; background: #f7f7f7;}
.runInfo__challenge--badge .divTable--cell > * {display: inline-block; vertical-align: middle;}
.runInfo__challenge--badge .runInfo__accrue--title {margin-top: 0;}
.runInfo__challenge--badge .ico-badge {margin-left: 1rem;}
.runInfo__challenge--badge .ico-badge:first-child {}

/* ico-badge : 미션 성공, 실패 뱃지 */
.ico-badge {display: inline-block; width: 4.75rem; height: 5.85rem; background-repeat: no-repeat; text-indent: -9999px;}
.ico-badge.badge-week {background: url('//img.megastudy.net/mobile/smart/megaRun/ico_challenge_badge01.png') no-repeat 0 0 / 100% auto; -webkit-background-size: 100% auto;}
.ico-badge.badge-day {background: url('//img.megastudy.net/mobile/smart/megaRun/ico_challenge_badge02.png') no-repeat 0 0 / 100% auto; -webkit-background-size: 100% auto;}
.ico-badge.active {background-position: 0 100%;}

/* runInfo__bonus : 획득 가능한 보상 */
.runInfo__bonus {position: relative; cursor: pointer;}
.runInfo__bonus--header {padding: 1.5rem 0 2.5rem; text-align: center;}
.runInfo__bonus--header .runInfo__accrue--title {display: block; margin: 0 0 2rem; text-align: center;}
.runInfo__bonus--header > span {display: inline-block; position: relative; padding: 0 0 0 5rem; font-weight: bold; font-size: 1.2rem; letter-spacing: -0.5px; color: #333;}
.runInfo__bonus--header > span em {font-weight: bold; color: #f78285;}
.runInfo__bonus--header > span:after {content: ''; display: inline-block; position: absolute; left: 0; top: calc(50% - 2rem); top: -webkit-calc(50% - 2rem); width: 4rem; height: 4rem; background: url('//img.megastudy.net/mobile/smart/megaRun/ico_challenge_bonus.jpg') no-repeat 0 0 /100% auto;}
.runInfo__bonus--list {border-top: 1px solid #e8e8e8;}
.runInfo__bonus--list > li {padding: 1.2rem 1rem 0.8rem; border-bottom: 1px solid #e8e8e8;}
.runInfo__bonus--dl {}
.runInfo__bonus--dl:after {content: ''; display: block; clear: both;}
.runInfo__bonus--dl > * {float: left; width: 50%; font-weight: bold; font-size: 1.2rem; color: #000;}
.runInfo__bonus--dl dt {text-align: left;}
.runInfo__bonus--dl dt > span {color: #423ba8;}
.runInfo__bonus--dl dd {text-align: right;}
.runInfo__bonus--dl dd > em {color: #f78285;}

/* runInfo__study : MY 스터디 */
.runInfo__study {position: relative; margin: 0 0 1.5rem; padding: 2rem 4.2% 2.5rem; background: #fff;}
.runInfo__study--list > li {position: relative; margin: 0 0 1rem; border: 1px solid #e8e8e8;}
.runInfo__study .divTable--cell {width: calc(100% - 35.5%); width: -webkit-calc(100% - 35.5%); padding: 1.5rem 1rem; letter-spacing: -0.5px; text-align: left;}
.runInfo__study .divTable--cell:first-child {width: 35.5%; padding-left: 0; text-align: right;}
.runInfo__study--ico {display: inline-block; width: 47%;}
.runInfo__study--dl {overflow: hidden;}
.runInfo__study--dl > * {float: left; position: relative; font-size: 0.9rem;}
.runInfo__study--dl > dt {padding: 0 0.5rem 0 0; color: #000;}
.runInfo__study--dl > dd {padding: 0 0 0 0.5rem; font-weight: bold; color: #423ba8;}
.runInfo__study--dl > dd:after {content: ''; display: inline-block; position: absolute; left: 0; top: calc(50% - 40%); top: -webkit-calc(50% - 40%); width: 1px; height: 80%; background: #d1d1d1;}
.runInfo__study--subject {margin: 0.8rem 0; font-weight: bold; font-size: 1.4rem; line-height: 1.4; color: #333; text-decoration: underline; word-break: keep-all; word-wrap: break-word;}
.runInfo__study--date {display: block; font-size: 0.9rem; color: #777;}
.runInfo__study--none {padding: 2rem 0 0; font-size: 1.2rem; letter-spacing: -0.5px; color: #555; text-align: center;}
.runInfo__study--list > li.type-comingsoon {padding: 2rem 0; font-size: 1.2rem; line-height: 1.5; letter-spacing: -0.5px; color: #555; text-align: center;}
.runInfo__study .comming--img {display: inline-block; width: 33% !important; margin-bottom: 1.5rem;}

.myReport--sbTitle {position: relative; margin: 0 0 1rem; font-weight: bold; font-size: 1.4rem; letter-spacing: -0.5px; color: #333;}

/* myReportArTime : 영역별 수강시간 */
.myReportArTime {position: relative; margin: 0 0 1.5rem; padding: 2rem 4.2% 2.5rem; background: #fff;}
.myReportArTime .myReport--sbTitle {text-align: center;}
.myReportArTime--chart {position: relative; min-height: 5rem;}
.myReportArTime--chart.type-none {min-height: auto; padding: 3rem 0; border: 1px solid #dbdbdb; font-size: 1.1rem; line-height: 1.5; color: #999; text-align: center;}
.myReportArTime--comment {display: block; margin: 1.5rem 0 1rem; font-size: 1.1rem; letter-spacing: -0.5px; color: #333; text-align: center;}
.myReportArTime--comment > span {font-weight: bold;}
.myReportArTime__distribute {position: relative; margin: 0 1rem; padding: 1.5rem 0; background: #f7f7f7;}
.myReportArTime__distribute--list {margin: 0 0 0 10%;}
.myReportArTime__distribute--list:after {content: ''; display: block; clear: both;}
.myReportArTime__distribute--item {float: left; width: 50%; margin: 0.8rem 0 0;}
.myReportArTime__distribute--item:nth-child(-n+2) {margin-top: 0;}
.myReportArTime__distribute--dl > * {display: inline-block; position: relative; font-size: 1rem; color: #333; vertical-align: top;}
.myReportArTime__distribute--dl > dt {padding: 0 0 0 1rem;}
.myReportArTime__distribute--dl > dd {margin: 0 0 0 1.2rem; font-weight: bold;}
.myReportArTime__distribute--dl > dt:after {content: ''; display: inline-block; position: absolute; left: 0; top: calc(50% - 0.25rem); top: -webkit-calc(50% - 0.25rem); width: 0.5rem; height: 0.5rem; border-radius: 50%; -webkit-border-radius: 50%;}
.myReportArTime__distribute--item.item01 dt:after {background: #4f9560;}  /* 국어 */
.myReportArTime__distribute--item.item02 dt:after {background: #4f99e5;}  /* 수학 */
.myReportArTime__distribute--item.item03 dt:after {background: #954f91;}  /* 영어 */
.myReportArTime__distribute--item.item04 dt:after {background: #d66e9c;}  /* 한국사 */
.myReportArTime__distribute--item.item05 dt:after {background: #845528;}  /* 사회 */
.myReportArTime__distribute--item.item06 dt:after {background: #701e9b;}  /* 과학 */
.myReportArTime__distribute--item.item07 dt:after {background: #4f9582;}  /* 기타 */

/* 과목별 컬러값 */
.color-subject01 {color: #4f9560;} /* 국어 */
.color-subject02 {color: #4f99e5;} /* 수학 */
.color-subject03 {color: #954f91;} /* 영어 */
.color-subject04 {color: #d66e9c;} /* 한국사 */
.color-subject05 {color: #845528;} /* 사회 */
.color-subject06 {color: #701e9b;} /* 과학 */
.color-subject07 {color: #4f9582;} /* 기타 */

/* myReportHrCompare : 수강 시간 비교 */
.myReportHrCompare {position: relative; margin: 0 0 1.5rem; padding: 2rem 4.2% 2.5rem; background: #fff;}
.myReportHrCompare__legend {margin: 1.5rem 0 1rem; font-size: 0; text-align: center;}
.myReportHrCompare__legend--item {display: inline-block; position: relative; margin: 0 0 0 1rem; padding: 0 0 0 1.5rem; font-size: 1rem; letter-spacing: -0.5px; color: #000;}
.myReportHrCompare__legend--item:first-child {margin-left: 0;}
.myReportHrCompare__legend--item:after {content: ''; display: inline-block; position: absolute; left: 0; top: 0; width: 1rem; height: 1rem; border-radius: 50%; -webkit-border-radius: 50%;}
.myReportHrCompare__legend--item.item01:after {background: #f78285;}
.myReportHrCompare__legend--item.item02:after {background: #fecb51;}
.myReportHrCompare__legend--item.item03:after {background: #8f87ff;}
.myReportHrCompare--chart {position: relative; min-height: 5rem;}

/* myReportHrGrade : 수강 시간 순위 */
.myReportHrGrade {position: relative; margin: 0 0 1.5rem; padding: 2rem 4.2% 2.5rem; background: #fff;}
.myReportHrGrade--notice {margin: 0 0 1.5rem; font-size: 0.9rem; line-height: 1.4; letter-spacing: -0.5px; color: #333; text-align: center; word-wrap: break-word; word-break: keep-all;}
.myReportHrGrade--none {margin: 0 0 1.5rem; padding: 1rem 0; border: 1px solid #dbdbdb; font-size: 1rem; line-height: 1.4; letter-spacing: -0.5px; color: #333; text-align: center;}
.myReportHrGrade--none .color-grade01 {color: #625cb3;}
.myReportHrGrade--none .color-grade02 {color: #f78285;}
.myReportHrGrade-info {}
.myReportHrGrade-info--more {margin: 1.5rem 0 0.5rem;}
.myReportHrGrade-info--more > a {display: block; padding: 1rem 0; background: #272271; font-weight: bold; font-size: 1.3rem; letter-spacing: -0.5px; color: #fff; text-align: center;}
.myReportHrGrade-info--more .ico--arrow {position: relative; left: 0.5rem; top: -0.15rem; transform: rotate(45deg); -webkit-transform: rotate(45deg);}
.myReportHrGrade-info--more.on .ico--arrow {top: 0.05rem; transform: rotate(-135deg); -webkit-transform: rotate(-135deg);}
.myReportHrGrade .runInfo__tab {margin-bottom: 1rem; padding: 0;}
.myReportHrGrade--panel {display: none;}
.myReportHrGrade--panel.on {display: block;}

/* 4주 미션 도전 */
.calendar-mission {margin-bottom:1.5rem;}
.calendar-mission__header {}
.calendar-mission__header > h2 {margin-top:1.5rem; padding:1rem 0 ; font-size:1.4rem; color:#fff; font-weight:bold; text-align: center; letter-spacing:-0.5px; background:#8f87ff;}

.calendar-mission__header--challenge {position:relative; margin:0; padding:2rem 4.2% 4.5rem; background:#fff;}
.calendar-mission__header--challengeTitle {position:relative; margin:0 0 2.5rem; font-size:1.4rem; color: #333; font-weight:bold; letter-spacing: -0.5px;}
.calendar-mission__header--challengeTitle > a {display:inline-block; position:absolute; right:0; top: calc(50% - 0.5rem); top: -webkit-calc(50% - 0.5rem); width:1.5rem; height:1rem; background:url('//img.megastudy.net/mobile/smart/megaRun/btn_myMissionInfo_down.png') no-repeat 0 0 / 100% auto; -webkit-background-size: 100% auto; text-indent:-9999px;}
.calendar-mission.open .calendar-mission__header--challengeTitle > a {transform: rotate(180deg); -webkit-transform: rotate(180deg);}

.calendar-mission__header--challengeCont {position:relative;}
.calendar-mission__header--challengeDate {margin-bottom:1.5rem; font-size:1.4rem; color: #333; font-weight:bold; letter-spacing: -0.5px; text-align:center;}
.calendar-mission__header--challengeIco {display:inline-block; margin-bottom:0.9rem; padding:0.2rem 1.3rem; font-size:1.0rem; font-weight:bold; letter-spacing: -0.5px;}
.calendar-mission__header--challengeIco.missionSuccess {position:relative; background:#f78285; color:#fff; border:1px solid #f78285;}
.calendar-mission__header--challengeIco.missionSuccess .bonusIco {display: inline-block; position: absolute; right: calc(-50% - 2.3rem); right: -webkit-calc(-50% - 2.3rem); top: calc(50% - 3.8rem); top: -webkit-calc(50% - 3.8rem); width: 6.2rem; height: 6.2rem; background: url('//img.megastudy.net/mobile/smart/megaRun/ico_challengebonus.png') no-repeat 0 0 / 100% auto; -webkit-background-size: 100% auto;}
.calendar-mission__header--challengeIco.missionfail {background:#dfdfdf; color:#777777; border:1px solid #dfdfdf;}
.calendar-mission__header--challengeIco.missionTrying {background:#fff; color:#3e36a2; border:1px solid #3e36a2;}

.calendar-mission__header--challengeweek {width:70%; margin:0 auto;}
.calendar-mission__header--challengeweek ol {display: flex; display: -ms-flex; display: -webkit-flex; }
.calendar-mission__header--challengeweek li {position:relative; flex: 1; -ms-sflex: 1; -webkit-flex: 1; position: relative; margin-right:10%;}
.calendar-mission__header--challengeweek li:after {content:''; display: inline-block; position: absolute; left:52%; top: calc(50% - 1px); top: -webkit-calc(50% - 1px); width:155%; height:1.5px; background:#cccccc;}
.calendar-mission__header--challengeweek li:last-child {margin:0; }
.calendar-mission__header--challengeweek li:last-child:after {content:''; height:0;}
.calendar-mission__header--challengeweek li > div {width:100%; padding-top: 100%;}
.calendar-mission__header--challengeweek li:nth-child(1) > div:after {content:'1주'; display: inline-block; position: absolute; left:0; bottom:calc(0% - 2rem); width:100%; height:1rem; text-align:center; font-weight:bold;}
.calendar-mission__header--challengeweek li:nth-child(2) > div:after {content:'2주'; display: inline-block; position: absolute; left:0; bottom:calc(0% - 2rem); width:100%; height:1rem; text-align:center; font-weight:bold;}
.calendar-mission__header--challengeweek li:nth-child(3) > div:after {content:'3주'; display: inline-block; position: absolute; left:0; bottom:calc(0% - 2rem); width:100%; height:1rem; text-align:center; font-weight:bold;}
.calendar-mission__header--challengeweek li:nth-child(4) > div:after {content:'4주'; display: inline-block; position: absolute; left:0; bottom:calc(0% - 2rem); width:100%; height:1rem; text-align:center; font-weight:bold;}
.calendar-mission__header--challengeweek li > div .innerWeek {position:absolute; top:0; left:0; bottom:0; right:0; display:table; width:100%; height:100%;}
.calendar-mission__header--challengeweek li > div .innerWeek__dot {position:relative; display:table-cell; vertical-align:middle;}
.calendar-mission__header--challengeweek li > div .innerWeek__dot--point {margin:0 auto; width:0.7rem; height:0.7rem; background:#cccccc; border-radius:20px;}
.calendar-mission__header--challengeweek li > div .ico-challenge {position:absolute; left:0; top:0; z-index:1; width:100%; height:100%; background:url('//img.megastudy.net/mobile/smart/megaRun/ico_challenge_step.png') no-repeat 0 200% / 100% auto; -webkit-background-size: 100% auto; text-indent:-9999px;}
.calendar-mission__header--challengeweek li > div .ico-challenge.step-going {background-position:0 0;}
.calendar-mission__header--challengeweek li > div .ico-challenge.step-succee {background-position:0 50%;}
.calendar-mission__header--challengeweek li > div .ico-challenge.step-fail {background-position:0 100%;}

.calendar-mission__header--challengeControl {}
.calendar-mission__header--challengeControl a {display:inline-block; position:absolute; bottom:0; width:2rem; height:4.5rem; background:url('//img.megastudy.net/mobile/smart/megaRun/btn_calendar_arrow.png') no-repeat 0 bottom / 100% auto; -webkit-background-size: 100% auto; text-indent:-9999px;}
.calendar-mission__header--challengeControl .button-prev {left:-5%;}
.calendar-mission__header--challengeControl .button-next {right:-5%; transform: rotate(180deg); -webkit-transform: rotate(180deg); background-position:0 top;}

.calendar-mission .calendar-mission__tblArea {display:none;}
.calendar-mission.open .calendar-mission__tblArea {display:block;}
.calendar-mission__tblArea {padding:0 4.2%; background:#fff;}
.calendar-mission__tblArea--Inner {padding:2rem 0; border-top:1.5px dashed #d5d5d5;}

/* 4주 미션 도전 달력 */
.calendar-mission__tblTit {margin-bottom:1rem; text-align:center; font-size:1.4rem; color: #555; font-weight:bold;}
.calendar-mission__tbl {table-layout:fixed; width:100%; border-top: 2px solid #3f5a76;}
.calendar-mission__tbl thead th, .calendar-mission__tbl tbody th, .calendar-mission__tbl tbody td {margin: 0; padding: 0; border:1px solid #e1e1e1; font-size:0.9rem; letter-spacing: -0.5px; color: #333; text-align:center; vertical-align:middle; box-sizing: border-box; -webkit-box-sizing: border-box;}
.calendar-mission__tbl tbody th, .calendar-mission__tbl tbody td {border:1px solid #e1e1e1;}
.calendar-mission__tbl thead th {padding:0.5rem 0; background: #f9f9f9; font-weight: bold;}
.calendar-mission__tbl tbody th {background: #f9f9f9; font-weight: bold;}
.calendar-mission__tbl tbody td {position: relative;}
.calendar-mission__tbl tbody td.td-toDay {}
.calendar-mission__tbl tbody td.td-toDay .calendar-mission__tbl--dateInner {display: inline-block; padding-top:calc(50% - -0.2rem);}
.calendar-mission__tbl--today {position:absolute; left:0; top:0; width: 100%; height: 100%; background: #ebff9a; font-weight: bold;}
.calendar-mission__tbl--todayInner {display: inline-block; padding-top:calc(50% - 1.2rem);}
.calendar-mission__tbl--col {position: relative;}
.calendar-mission__tbl--ico {position: relative; display: inline-block; width:100%; padding-top:100%; text-indent:-9999px;}
.calendar-mission__tbl--icoInner {position:absolute; left:10%; top:10%; width:80%; height:80%; background: url('//img.megastudy.net/mobile/smart/megaRun/ico_calendar_mission.png') 0 0 / 100% auto; -webkit-background-size: 100% auto; }
.calendar-mission__tbl--ico.ico-success .calendar-mission__tbl--icoInner {background-position: 0 0;}
.calendar-mission__tbl--ico.ico-fail .calendar-mission__tbl--icoInner {background-position: 0 -100%;}
.calendar-mission__tbl--pos {display: inline-block; position: absolute; left:0; top:0; z-index:1; width:100%; height:100%;}
.calendar-mission__tbl--date {position: absolute; left:0; top:0; z-index:1; font-size: 1rem; line-height: 1; color: #aaaaaa; display:table; width:100%; height:100%;}
.calendar-mission__tbl--dateInner {display:table-cell; vertical-align:middle;}
.calendar-mission__tbl tbody td,
.calendar-mission__tbl--dateInner {padding-bottom: 1rem;}
.calendar-mission__tbl--start {display: inline-block; position: absolute; left: 0; right: 0; bottom: 0; padding: 0.3rem 0 0.1rem; background: #000; font-size: 0.8rem; line-height: 1; color: #fff; text-align: center;}

/* 누적 시간 뱃지 도전하기 */
.badge-challenge {position:relative; margin:0 0 1.5rem; padding:2rem 4.2% 2.5rem; background:#fff;}
.badge-challenge--title {position:relative; margin:0 0 1rem 0; font-size:1.4rem; color:#333; font-weight:bold; letter-spacing:-0.5px;}

.badge-challenge--title > a {display:block; position:absolute; right:0; top: calc(50% - 1rem); top: -webkit-calc(50% - 1rem); display:inline-block; padding:0.2rem 1.8rem 0.2rem 1.0rem; font-size:1.0rem; font-weight:bold; letter-spacing: -0.5px; color:#3e36a2; border:1px solid #3e36a2;}
.badge-challenge--title > a:after {content:''; display: inline-block; position: absolute; right:5%; top: calc(50% - 0.2rem); top: -webkit-calc(50% - 0.2rem); width:1rem; height:0.5rem; background:url('//img.megastudy.net/mobile/smart/megaRun/btn_badgeChallenge_down.png') no-repeat 0 0 / 100% auto; -webkit-background-size: 100% auto;}
.badge-challenge.open .badge-challenge--title > a:after {top: calc(50% - 0.3rem); top: -webkit-calc(50% - 0.3rem); transform: rotate(180deg); -webkit-transform: rotate(180deg);}
.badge-challenge.open .badge-challenge--summary {display:block;}

.badge-challenge--summary {display:none; position:relative; margin:0; padding:1rem 0; background:#eeeeee; font-size:1.0rem; color:#423ba8; line-height:1.4rem; letter-spacing:-0.5px; text-align:center;}
.badge-challenge--summary:after {content:''; display: inline-block; position: absolute; right:calc(0% - -3.2rem); top: calc(0% - 1rem); top: -webkit-calc(0% - 1rem); width:1.5rem; height:1rem; background:url('//img.megastudy.net/mobile/smart/megaRun/ico_badgeChallenge_up.png') no-repeat 0 bottom / 100% auto; -webkit-background-size: 100% auto;}

/* { 20221130_bk */
/* .badge-challenge__accrue {margin:2rem 0 0 0; font-size:0; text-align:center;}
.badge-challenge__accrue > span {margin-left:1.5rem; font-size:1.1rem; color:#000; font-weight:bold;vertical-align:middle;}
.badge-challenge__accrue > span:first-child {margin-left:0;}
.badge-challenge__accrue > span img {display:inline-block; vertical-align:middle; margin-right:0.5rem; width:18%; } */

/* 20221130_bk } */

/* { 20221130 */
.badge-challenge__accrue {margin:2rem 0 0 0; font-size:0; text-align:center; display: flex; align-items: center; justify-content: center;}
.badge-challenge__accrue > span {margin-left:1.5rem; font-size:1.1rem; color:#000; font-weight:bold;vertical-align:middle; display: flex;align-items: center;flex-direction: column;}
.badge-challenge__accrue > span:first-child {margin-left:0;}
.badge-challenge__accrue > span img {display:inline-block; vertical-align:middle; margin-right:0.5rem; width:60%;margin-bottom: 1rem; }
.accrue_badge03{width: 70% !important;}
/* 20221130 } */

/* 4주 미션 보상 */
.myMission-reward {position:relative; margin:0 0 1.5rem; padding:2rem 4.2% 2.5rem; background:#fff;}
.myMission-reward--title {position:relative; margin:0 0 1rem 0; font-size:1.4rem; color:#333; font-weight:bold; letter-spacing:-0.5px;}

.myMission-reward--panel {margin:2rem 0 0 0;}
.myMission-reward--panel .divTable {padding:1.5rem 0; border:1px solid #e8e8e8; background:#fff;}
.myMission-reward--panel .divTable.off {background:#f1f1f1;}
.myMission-reward--panel .divTable--cell {font-size:1.1rem; font-weight:bold;}
.myMission-reward--panel .divTable--cell .divTable--cell--tit {margin-bottom:1rem; font-size:1rem; color:#333; font-weight:normal;}
.myMission-reward--panel .divTable--cell .divTable--cell--tit b {color:#423ba8;}
.myMission-reward--panel .divTable--cell .divTable--cell--inner {display: flex; display: -ms-flex; display: -webkit-flex;}
.myMission-reward--panel .divTable--cell .divTable--cell--inner > span {flex: 1; -ms-flex: 1; -webkit-flex: 1;}
.myMission-reward--panel .divTable--cell .divTable--cell--inner .rewardNone {text-align:center; width:100%; font-size: 1rem; font-weight:normal;}
.myMission-reward--panel .divTable--cell .myMission-reward--coupon {display:inline-block; vertical-align:middle; font-size:1.1rem; text-align:right;}
.myMission-reward--panel .divTable--cell .myMission-reward--coupon img {display:inline-block; width:70%;}
.myMission-reward--panel .divTable--cell .myMission-reward--guide {display: table; margin-left:2rem; text-align:left;}
.myMission-reward--panel .divTable--cell .myMission-reward--guide > div {display: table-cell; vertical-align:middle;}

.myMission-reward--button {display: inline-block; position: relative; padding:0.7rem 0; width:75%; font-weight: bold; font-size:1.1rem; text-align: center; box-sizing: border-box; -webkit-box-sizing: border-box;}
.myMission-reward--button.button-complete {background: #f1f1f1; color: #8f8f8f; cursor: default; text-decoration: none !important;}
.myMission-reward--button.button-get {border: 1px solid currentcolor; background: #fff; color: #423ba8;}
.myMission-reward--button.button-get:after {content: ''; display: inline-block; position: relative; top: -2px; width: 16px; height: 17px; margin: 0 0 0 10px; background: url('//img.megastudy.net/megaRun/common/ico_reward_get.jpg') no-repeat; -webkit-background-size: 100% auto; vertical-align: middle;}

.myMission-reward--dl {margin:0 0 1rem; font-size:0; text-align:center;}
.myMission-reward--dl > * {display:inline-block; position: relative; padding:0 0.7rem; font-weight:bold; font-size:1.1rem;}
.myMission-reward--dl > dt {padding-left:0; color:#000;}
.myMission-reward--dl > dt:after {content:''; display:inline-block; position:absolute; right:0; top:calc(50% - 0.5rem); top:-webkit-calc(50% - 0.5rem); width:1px; height:1rem; background:#cecece;}
.myMission-reward--dl > dd {color: #423ba8;}

.myMission-reward--link {margin-top:1rem; text-align:right;}
.myMission-reward--link a {font-size:1rem; color:#423ba8; font-weight:bold; border-bottom:1px solid #423ba8;}

/* 미션 달성 히스토리 */
.myMission-status {position:relative; margin:0 0 1.5rem; padding:2rem 4.2% 2.5rem; background:#fff;}
.myMission-status--title {position:relative; margin:0 0 1rem 0; font-size:1.4rem; color:#333; font-weight:bold; letter-spacing:-0.5px;}

.myMission-status--list > li {margin: 1px 0 0;}
.myMission-status--list > li:first-child {margin-top: 0;}
.myMission-status--list > li dl {overflow: hidden;}
.myMission-status--list > li dl > * {float: left; height: 4.5rem; font-weight: bold; font-size: 1.2rem; line-height: 4.5rem; letter-spacing: -0.5px; text-align: center;}
.myMission-status--list > li dt {width: 31%; background: #423ba8; color: #fff;}
.myMission-status--list > li dt > span {color: #ebff9a;}
.myMission-status--list > li dd {width: calc(100% - 31.4%); width: -webkit-calc(100% - 31.4%); background: #f0f0f0; color: #333; vertical-align: middle;}
.myMission-status--list > li dd span {margin-right:0.8rem;font-size: 1.1rem;}
.myMission-status--list > li dd span:last-child{margin-right: 0;}
.myMission-status--list > li dd img {display: inline-block; vertical-align: middle; margin-right:0.2rem; width:13%;}

/* MY 스터디*/
.myStudy {background:#fff;}
.myStudy__header {}
.myStudy__header--count {margin-top:1.5rem; padding:1rem 0; font-size:1.2rem; color:#fff; font-weight:bold; text-align:center; letter-spacing:-0.5px; background:#423ba8;}
.myStudy__header--count em {color:#f78285;}
.myStudy__header--link {padding:1.5rem 4.2%; text-align:right; background:#fff;}
.myStudy__header--link a {font-size:1rem; color:#423ba8; font-weight:bold; border-bottom:1px solid #423ba8;}

/* MY 스터디 만들기 */
.myStudy__make {margin-bottom:1.5rem; text-align: center;}
.myStudy__make--button {display: inline-block; position: relative; padding:1rem 5rem; background: #f78285; font-weight: bold; font-size:1.2rem; color: #fff !important; border-radius: 100px; -webkit-border-radius: 100px;}
.myStudy__make--button:after {content: ''; display: inline-block; position: absolute; right:20%; top: calc(50% - 0.45rem); top: -webkit-calc(50% - 0.45rem); width: 0.8rem; height: 0.8rem; background: url('//img.megastudy.net/megaRun/common/ico_study_make.jpg') no-repeat; -webkit-background-size: 100% auto; vertical-align: middle;}

/* MY 스터디 검색 */
.myStudy__search {margin-bottom:2rem;}
.myStudy__search--chk {padding-bottom:1.5rem; font-size:1.2rem; text-align:center; border-bottom:1.5px dashed #d5d5d5;}
.myStudy__search--label {display:inline-block; margin-left:1.5rem;}
.myStudy__search--label:first-child {margin:0;}
.myStudy__search--label input {margin:0 0.5rem 0 0;}
.myStudy__search--label .chkx1:checked[type='checkbox'] {background-color:#272271; border:1px solid #272271;}

.myStudy__search--select {padding:1.5rem 0 0;}
.myStudy__search--dl {display: -webkit-flex; display: flex; margin-bottom: 1rem;}
.myStudy__search--dl dt {flex: 4; -ms-flex: 4; -webkit-flex: 4; margin-right:0.5rem; height: 3rem; line-height:3.1rem; font-size:1.2rem; color:#000000; font-weight: bold; text-align:center; background:#e1e1e1;}
.myStudy__search--dl dd {flex: 6; -ms-flex: 6; -webkit-flex: 6;}
.myStudy__search--dl dd select {width:100%; height:3rem; border:1px solid #e5e5e5;}

.myStudy__search--inputBox {border:1px solid #e5e5e5; width:100%;position:relative;text-align:left;background: #ffffff}
.myStudy__search--input{display:inline-block;height: 3rem; line-height: 3rem; margin:0;padding:0;border:none;font-weight:bold;font-size:1.2rem;font-family:"맑은 고딕",Malgun gothic;color:#000000; vertical-align:top;margin-left:10px;width: 90%}
.myStudy__search--input::placeholder{font-family:"맑은 고딕",Malgun gothic;font-size:1.2rem;font-weight:lighter;color:#e8e7e7;letter-spacing:-1px;line-height:28px}
.myStudy__search--input:-ms-input-placeholder{font-family:"맑은 고딕",Malgun gothic;font-size:1.2rem;font-weight:lighter;color:#e8e7e7;letter-spacing:-1px}
.myStudy__search--input:focus, .search__btn:focus {outline: none;}
.myStudy__search--input::-webkit-search-cancel-button{-webkit-appearance: none;}

.myStudy__search--button {width:27px; position: absolute;top: 50%; right: 0; height: 100%; border: 0 none;background-color: transparent;background:url("//img.megastudy.net/mobile/smart/megaRun/btn_search.png") 0 0 no-repeat;cursor:pointer; background-position: 50% 50%; background-size: auto 60%; padding: 0 5%; transform: translateY(-50%);}

/* MY 스터디 검색 쏘팅 */
.myStudy__group {}
.megaRun-sorting {display: -webkit-flex; display: flex; margin: 0; padding:0 0 1rem 0; background: #fff;}
.megaRun-sorting .totalArea {flex: 5; -ms-flex: 5; -webkit-flex:5; font-size:1.3rem; font-weight:bold;}
.megaRun-sorting .totalArea strong {color:#f78285;}
.megaRun-sorting .totalArea a {display: inline-block; vertical-align: middle; margin-left: 0.6rem; width: 3rem; height:3rem;}
.megaRun-sorting .totalArea a img {height:100%;}
.megaRun-sorting .selectArea {flex: 6; -ms-flex: 6; -webkit-flex: 6; text-align:right;}
.megaRun-sorting .selectArea select {width:90%; height:3rem; border:1px solid #e5e5e5;}

/* MY 스터디 그룹 리스트 */
.myStudy__group--list > li {position: relative; margin: 0 0 1rem; border: 1px solid #e8e8e8;}
.myStudy__group--list .divTable--cell {width: 50%; padding:0 1rem 1.5rem 0; letter-spacing: -0.5px; text-align: left;}
.myStudy__group--list .divTable--cell:first-child {width: 25%; padding-left: 0; text-align: right;}
.myStudy__group--list .divTable--cell:last-child {width: 25%; padding-left: 1rem; padding-right:0; text-align: left;}
.myStudy__group--list .divTable--cell:nth-of-type(2) {padding-right: 0;}

.myStudy__group--pos {position: relative; display: inline-block; width: 80%; padding-top:80%;}
.myStudy__group--ico {display: inline-block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1;}
.myStudy__group--ico .groupCount {display:table; position:absolute; left:0; top:0; width:100%; height:100%; background:#f7f7f7; border-radius:100%;}
.myStudy__group--ico .groupCount .groupCountInner {display:table-cell; vertical-align:middle; text-align:center; font-size:1.2rem; font-weight:bold;}
.myStudy__group--ico .groupCount .groupCountInner strong {color:#f78285;}

.myStudy__group--pos {display: inline-block; position: relative; width: 80%; padding-top:80%;}
.myStudy__group--add {display: inline-block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1;}
.myStudy__group--add .groupJoin {display:table; position:absolute; left:0; top:0; width:100%; height:100%; background:#f7f7f7; border-radius:100%;}
.myStudy__group--add .groupJoin.groupOn {background:#423ba8;}
.myStudy__group--add .groupJoin.groupFull {background:#c5c5c5;}
.myStudy__group--add .groupJoin.groupFull a {}
.myStudy__group--add .groupJoin.groupHidden {background:#f58186;}
.myStudy__group--add .groupJoin .groupJoinInner {display:table-cell; vertical-align:middle; text-align:center; font-size:1.0rem; font-weight:bold;}
.myStudy__group--add .groupJoin .groupJoinInner strong {color:#fff;}

.myStudy__group--dl {margin-bottom:0.7rem;}
.myStudy__group--dl:after {content: ''; display: block; clear: both;}
.myStudy__group--dl > * {float: left; position: relative; font-size: 0.9rem;}
.myStudy__group--dl > dt {padding: 0 0.4rem 0 0; color: #000;}
.myStudy__group--dl > dt .groupStep01 {margin-right:0.3rem; padding:0.2rem; border:1px solid #423ba8; color:#423ba8; font-size:0.9rem; font-weight:bold;}
.myStudy__group--dl > dt .groupStep02 {margin-right:0.3rem; padding:0.2rem; border:1px solid #423ba8; color:#fff; font-size:0.9rem; font-weight:bold; background:#423ba8;}
.myStudy__group--dl > dd {padding: 0 0 0 0.4rem; font-weight: bold; color: #423ba8; white-space : nowrap;}
.myStudy__group--dl > dd:after {content: ''; display: inline-block; position: absolute; left: 0; top: calc(50% - 40%); top: -webkit-calc(50% - 40%); width: 1px; height: 80%; background: #d1d1d1;}
.myStudy__group--subject {margin: 1.8rem 1.5rem 1rem; font-weight: bold; font-size: 1.2rem; color: #333; text-decoration: underline; word-break: keep-all; word-wrap: break-word;}
.myStudy__group--key {display: inline-block; width: 1.5rem; margin: 0 0 0 0.3rem; vertical-align: middle;}
.myStudy__group--date {display: block; font-size: 0.9rem; color: #777;}
.myStudy__group--none {padding: 2rem 0 0; font-size: 1.2rem; letter-spacing: -0.5px; color: #555; text-align: center;}

/* MY 스터디 내 스터디 탭 리스트 */
.myStudy__groupAdd--list > li {position: relative; margin: 0 0 1rem; border: 1px solid #e8e8e8;}
.myStudy__groupAdd--list .divTable--cell {width: calc(100% - 35.5%); width: -webkit-calc(100% - 35.5%); padding: 1.5rem 1rem; letter-spacing: -0.5px; text-align: left;}
.myStudy__groupAdd--list .divTable--cell:first-child {width: 35.5%; padding-left: 0; text-align: right;}
.myStudy__groupAdd--ico {display: inline-block; width: 47%;}
.myStudy__groupAdd--dl {overflow: hidden;}
.myStudy__groupAdd--dl > * {float: left; position: relative; font-size: 0.9rem;}
.myStudy__groupAdd--dl > dt {padding: 0 0.5rem 0 0; color: #000;}
.myStudy__groupAdd--dl > dd {padding: 0 0 0 0.5rem; font-weight: bold; color: #423ba8; white-space: nowrap;}
.myStudy__groupAdd--dl > dd:after {content: ''; display: inline-block; position: absolute; left: 0; top: calc(50% - 40%); top: -webkit-calc(50% - 40%); width: 1px; height: 80%; background: #d1d1d1;}
.myStudy__groupAdd--subject {margin: 0.8rem 0; font-weight: bold; font-size: 1.4rem; line-height: 1.4; color: #333; text-decoration: underline; word-break: keep-all; word-wrap: break-word;}
.myStudy__groupAdd--date {display: block; font-size: 0.9rem; color: #777;}
.myStudy__groupAdd--none {padding: 2rem 0 0; font-size: 1.2rem; letter-spacing: -0.5px; color: #555; text-align: center;}

/* 팝업 MY 스터디 그룹 목표 */
.popCont__section--list > li {margin: 1px 0 0;}
.popCont__section--list > li:first-child {margin-top: 0;}
.popCont__section--list > li dl {display: flex; display: -ms-flex; display: -webkit-flex;}
.popCont__section--list > li dl > * {padding:0.8rem 0; font-weight: bold; font-size: 1.2rem; letter-spacing: -0.5px; text-align: center;}
.popCont__section--list > li dt {flex: 2; -ms-flex: 2; -webkit-flex: 2; background: #423ba8; color: #fff;}
.popCont__section--list > li dt > span {color: #ebff9a;}
.popCont__section--list > li dd {flex: 4; -ms-flex: 4; -webkit-flex: 4; background: #f0f0f0; color: #333;}
.popCont__section--list > li dd .divTable {height:100%;}

/* 팝업 MY 매일 목표 달성률 */
.myStudy-dashBoard {}
.myStudy-dashBoard h2 {position:relative; margin:0 0 1rem; overflow:hidden; font-size:1.4rem; color: #333; font-weight:bold; letter-spacing: -0.5px;}
.myStudy-dashBoard h2 > a {display:inline-block; position:absolute; right:0; top: calc(50% - 0.5rem); top: -webkit-calc(50% - 0.5rem); width:1.5rem; height:1rem; background:url('//img.megastudy.net/mobile/smart/megaRun/btn_myMissionInfo_down.png') no-repeat 0 0 / 100% auto; -webkit-background-size: 100% auto; text-indent:-9999px;}
.myStudy-dashBoard.open h2 > a {transform: rotate(180deg); -webkit-transform: rotate(180deg);}

.myStudy-dashBoard__achieve {display:table; width:80%; margin:0 auto;}
.myStudy-dashBoard__achieve--rate {padding-right:5%; display: table-cell;text-align: center;vertical-align: middle;box-sizing: border-box;-webkit-box-sizing: border-box; width:40%; text-align:right;}
.myStudy-dashBoard__achieve--pos {position: relative; display: inline-block; width: 80%; padding-top: 80%;}
.myStudy-dashBoard__percentBox {display: inline-block; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.myStudy-dashBoard__percentBoxInner  {display: table;  position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #f7f7f7; border-radius: 100%;}
.myStudy-dashBoard__percentBoxInner--count {display: table-cell;  vertical-align: middle;  text-align: center; font-size: 0.8rem;}
.myStudy-dashBoard__percentBoxInner--count em {font-size: 2rem; font-weight: bold; color:#423ba8;}
.myStudy-dashBoard__achieve--info {padding-right:15%; display: table-cell;text-align: center;vertical-align: middle;box-sizing: border-box;-webkit-box-sizing: border-box; width:60%; text-align:left; line-height:1.5rem;}
.myStudy-dashBoard__achieve--inner {text-align:center; font-size:1.2rem;}
.myStudy-dashBoard__achieve--inner > em {font-weight: bold; color: #423ba8;}
.myStudy-dashBoard__achieve--info--rest {font-size: 1.2rem; color: #777;}
.myStudy-dashBoard__achieve--info--rest > em {font-weight: bold; color: #333;}

..myStudy-dashBoard__info--col {}

/* 팝업 MY 매일 목표 달성률 막대 그래프 */
.myStudy-dashBoard__graph {margin:1rem 0 2rem; width:100%; height:2rem; background:#dddddd;}
.myStudy-dashBoard__graphBar {height:2rem; background:#423ba8;}

/* 팝업 MY 매일 목표 달성률 경고 알림 */
.myStudy-dashBoard__info--noti {text-align:center;}
.myStudy-dashBoard__info--tit {margin-bottom:1rem; font-size: 1.2rem; color: #777;}
.myStudy-dashBoard__info--tit > em {font-weight: bold; color: #423ba8;}
.myStudy-dashBoard__info--txt{margin-top: 1rem; line-height: 1.3;}

/* 팝업 어제 목표 달성 그룹원 그래프 */
.myStudy-dashBoard__info--chart {display:none; position: relative; margin-top:2.5rem;}
.myStudy-dashBoard__info--chart > div {width: 100% !important;}
.myStudy-dashBoard__info--chart > div > div {width: 100% !important;}
.myStudy-dashBoard__info--chart svg {width: 100% !important;}
/* .myGroup .highcharts-container {padding:5.2vw 0 0 13.0%; background-position:10.1vw 48.4%;}
.myGroup .highcharts-container__list-axis {top:12.5%; width:14%; height:32.8vw;}
.myGroup .highcharts-container__list--item {height:32.4vw;}
.myGroup .highcharts-container__list--tit {top:104%;} */

.myStudy-dashBoard__info--noti .divTable--cell {padding:2rem 0; background: #f7f7f7; font-size:1.2rem; letter-spacing: -0.5px; color: #000;}
.myStudy-dashBoard__info--noti .divTable--cell * {vertical-align: middle; width:15%;}
.myStudy-dashBoard__info--noti .divTable--cell > em {font-weight: bold; color: #f78285;}
.myStudy-dashBoard__info--noti .divTable--cell > span {margin: 0 0 0 1.5rem;}

/* 팝업 토글 끄기 영역 */
.myChallenge .myStudy-dashBoard__graph {display:none;}
.myChallenge .myStudy-dashBoard__info--noti {display:none;}

.myChallenge.open .myStudy-dashBoard__graph {display:block;}
.myChallenge.open .myStudy-dashBoard__info--noti {display:block;}

.myGroup.open .myStudy-dashBoard__info--chart {display:block;}

/* 팝업 그룹 내 공지사항 */
.myStudy-groupBoard {padding:0;}
.megaRun--fillCol.fill-situation {background:#8f87ff;}
.megaRun--fillCol.fill-situation .divTable--cell {font-size:1.4rem; color:#fff; font-weight:bold;}

/* 팝업 그룹 내 공지사항 쏘팅 */
.myStudy-sorting {display: -webkit-flex; display: flex; margin: 0; padding:0 4.2% 10px; background: #fff; border-bottom: 1px solid #e5e5e5;}
.myStudy-sorting .totalArea {flex: 5; -ms-flex: 5; -webkit-flex:5; font-size:1.3rem; font-weight:bold;}
.myStudy-sorting .totalArea strong {color:#f78285;}
.myStudy-sorting .resetArea a {display: inline-block; vertical-align: middle; margin-left: 0.6rem; width:auto; height:2.4rem;}
.myStudy-sorting .resetArea a img {height:100%;}
.myStudy-sorting .resetArea {flex: 6; -ms-flex: 6; -webkit-flex: 6; text-align:right;}

.myStudy-notice {position: relative; background:#fff;}
.myStudy-notice__write {position: relative; padding:1rem 4.2% 1.4rem; font-size: 0; overflow:hidden;}
.myStudy-notice__write > * {vertical-align: middle; box-sizing: border-box; -webkit-box-sizing: border-box;}
.myStudy-notice__write--input {padding:1.0rem; width:100%; height: 4.8rem; font-size: 1.1rem; color: #777; text-align:left; border:1px solid #e8e8e8; box-sizing: border-box; -webkit-box-sizing: border-box;}
.myStudy-notice__write--button {overflow: hidden; display: block; position: relative; margin: 1rem 0 0; padding: 1.2rem 0 1.2rem; font-weight: bold; font-size: 1.2rem; color:#fff; border: 0; background: #f78285; text-align: center; vertical-align: middle; box-sizing: border-box; -webkit-box-sizing: border-box;}
.myStudy-notice__write--input::placeholder {font-size:1rem;}
.myStudy-notice__write--input:focus::placeholder {color: transparent;}
.myStudy-notice__write--input:focus::-webkit-input-placeholder {color: transparent;} /* WebKit browsers */
.myStudy-notice__write--input:focus:-moz-placeholder {color: transparent;} /* Mozilla Firefox 4 to 18 */
.myStudy-notice__write--input:focus::-moz-placeholder {color: transparent;} /* Mozilla Firefox 19+ */
.myStudy-notice__write--input:focus:-ms-input-placeholder {color: transparent;} /* Internet Explorer 10+ */
.myStudy-notice .noticeWrap {margin: 0 4.2% 1rem; padding: 0.5rem; background: #f7f7f7;}
.myStudy-notice .noticeWrap__list--item {color: #000;}
.myStudy-notice .noticeWrap__list--link {font-weight: normal; color: #1162db !important;}

.myStudy-notice__list {}
.myStudy-notice__list > li {border-bottom: 1px solid #e5e5e5;}
.myStudy-notice__list .divTable {padding:0 4.2%;}
.myStudy-notice__list .divTable--cell {padding: 15px 0; font-size: 1.0rem; line-height: 1.4rem; letter-spacing: -0.5px; color: #333; word-wrap: break-word; word-break: keep-all;}
.myStudy-notice__list .divTable--cell:nth-of-type(1) {width: calc(100% - 29%); width: -webkit-calc(100% - 29%); padding-right: 10px; text-align: left;}
.myStudy-notice__list .divTable--cell:nth-of-type(2) {width: 24%;}
.myStudy-notice__list .divTable--cell:nth-of-type(3) {width: 5%; position: relative;}
.myStudy-notice__list .divTable--cell img {vertical-align: middle; width:16%; max-width:6px;}
.myStudy-notice__list .alart_txt{color:#999}
.myStudy-notice__list--delete {display:inline-block; margin: 0 0 0 0; vertical-align: top; width:100%;}
.myStudy-notice__list--date {color:#777777;}
.myStudy-notice__list--button {display:none; position:absolute; right:36%; top:63%; z-index:1; width: 54px; border: 1px solid #e5e5e5; background:#fff; box-sizing: border-box; -webkit-box-sizing: border-box;}
.myStudy-notice__list--button a {display:block; width: 100%; height: 30px; font-size: 12px; color:#333333; line-height: 30px; letter-spacing: -0.5px; font-weight:bold; text-align: center; vertical-align: middle; box-sizing: border-box; -webkit-box-sizing: border-box;}
.myStudy-notice__list--button.type-report {display: block !important; right: 0; top: 0; border-color: #e5e5e5; color: #333;}
.myStudy-notice__list--button.type-report a {color: #333;}
.myStudy-notice__list--button .button-modify {border-bottom: 1px solid #e5e5e5;}
.myStudy-notice__list--button.open {display:block;}
.myStudy-notice__list--modify {border-top: 1px solid #e5e5e5; background: #f7f7f7;}
.myStudy-notice__list--modify .myStudy-notice__write--input {float:left; width:80%;}
.myStudy-notice__list--modify .myStudy-notice__write--button {float:right; min-width: 20% !important; height: 4.8rem; margin-top: 0;}
.myStudy-notice__list > li.dataNone {}
.myStudy-notice__list .myStudy__group--dl {clear: both; margin: 0 4.2%; padding: 1rem 0 0;}
.myStudy-notice__list .myStudy__group--dl > * {font-weight: normal; font-size: 1rem; color: #777;}
.myStudy-notice__list .myStudy__group--dl > dt {padding-right: 0.5rem;}
.myStudy-notice__list .myStudy__group--dl > dd {top: 0.1rem; padding-left: 0.5rem;}
.myStudy-notice__list .myStudy__group--dl > dd:after {top: 0; height: 90%; background: #777;}

/* 팝업 우리 그룹 열공 인증샷 */
.myStudy-gallery {padding:0;}
.myStudy-gallery__input {}
.myStudy-gallery__input .noticeWrap {margin: 0 4.2% 1rem; padding: 0 0 1.5rem;}
.myStudy-gallery__input .noticeWrap__list--item {padding-left: 1rem; color: #000;}
.myStudy-gallery__input .noticeWrap__list--item:after {content: '※';}
.myStudy-gallery__input .noticeWrap__list--link {font-weight: normal; color: #1162db !important;}
.myStudy-gallery__info--tit {padding:2rem 0 1.4rem; font-size: 1.4rem; color: #423ba8; text-align:center; font-weight:bold;}
.myStudy-gallery__write--etc {margin-top:1rem; font-size:0.8rem; color:#585858; text-align:center; letter-spacing:-0.07rem;}

.myStudy-gallery__notice {position: relative; background:#fff;}
.myStudy-gallery__write {position: relative; padding:1rem 4.2% 1.4rem; font-size: 0; overflow:hidden;}
.myStudy-gallery__write > * {vertical-align: middle; box-sizing: border-box; -webkit-box-sizing: border-box;}
.myStudy-gallery__write--input {float:left; padding:1.0rem; width:80%; height: 3rem; font-size: 1.1rem; color: #777; text-align:left; border:1px solid #e8e8e8; box-sizing: border-box; -webkit-box-sizing: border-box;}
.myStudy-gallery__write--button {float:right; overflow: hidden; display: inline-block; position: relative; min-width: 20% !important; height: 3rem; line-height:3rem; font-size: 1.1rem; color:#fff; border: 0; background: #0a0e48; text-align: center; vertical-align: middle; box-sizing: border-box; -webkit-box-sizing: border-box;}
.myStudy-gallery__write--upload {margin-top:1rem; display: inline-block; position: relative; width: 100%; height: 3.4rem; line-height:3.4rem; background:#f78285; font-size: 1.4rem; color:#fff; text-align:center; font-weight:bold;}
.myStudy-gallery__write--input::placeholder {font-size:1rem;}
.myStudy-gallery__write--input:focus::placeholder {color: transparent;}
.myStudy-gallery__write--input:focus::-webkit-input-placeholder {color: transparent;} /* WebKit browsers */
.myStudy-gallery__write--input:focus:-moz-placeholder {color: transparent;} /* Mozilla Firefox 4 to 18 */
.myStudy-gallery__write--input:focus::-moz-placeholder {color: transparent;} /* Mozilla Firefox 19+ */
.myStudy-gallery__write--input:focus:-ms-input-placeholder {color: transparent;} /* Internet Explorer 10+ */

#img_loading {}
#img_loading img {width:100%;}
.upload-hidden[type="file"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0;}

.megaRun-gallery {position: relative;}
.megaRun-gallery__date {position: relative; font-size:1.4rem; color:#000; height:3rem; margin-bottom:2rem; border: 0 none; text-align:center;}
.megaRun-gallery__date > strong {line-height:3rem;}

.megaRun-gallery__date--button {display:inline-block; position:absolute; top:calc(50% - 2.4rem);; top: -webkit-calc(50% - 2.4rem); width:2rem; height:4.5rem; background:url('//img.megastudy.net/mobile/smart/megaRun/btn_calendar_arrow.png') no-repeat 0 bottom / 100% auto; -webkit-background-size: 100% auto; text-indent:-9999px;}
.megaRun-gallery__date--button.button-prev {left:0;}
.megaRun-gallery__date--button.button-next {right:0; transform: rotate(180deg); -webkit-transform: rotate(180deg); background-position:0 top;}

.myStudy-galleryList {padding-bottom:0; overflow:hidden;}

/* myStudy--membership : 회원 연장/탈퇴 */
.myStudy--membership {display: flex; display: -ms-flex; display: -webkit-flex; width:86%; margin:0 auto; padding:0 0; text-align: center;}
.myStudy--membership a {flex: 1; -ms-flex: 1; -webkit-flex: 1; display: inline-block; margin-right:1rem; vertical-align: middle;}
.myStudy--membership a:last-child {margin:0;}
.myStudy--membership a img {width:100%;}
.myStyudy--membership__out_btn img{width: 55% !important;}

/************************************************
 Pop Up
*************************************************/
/* QnA : 이용안내 */
.proposal__list {margin: 1rem 0 0; border-top: 1px solid #423ba8;}
.proposal__list--sbj {position: relative; padding:1.55rem 14% 1.55rem 3rem; border-bottom: 1px solid #e1e1e1; background: #fff; font-weight: normal; font-size: 1rem; line-height: 1.2; letter-spacing: -0.5px; color: #000; cursor: pointer; word-wrap: break-word; word-break: keep-all;}
.proposal__list--sbj.on {background: #423ba8; color: #fff;}
.proposal__list--sbj.on + div {display: block;}
.proposal__list--sbj:after {content: ''; display: block; position: absolute; right: 5%; top: 50%; margin-top: -9px; width: 10px; height: 10px; border-top: 3px solid #5e5e5e; border-right: 3px solid #5e5e5e; transform: rotate(-225deg); -webkit-transform: rotate(-225deg);}
.proposal__list--sbj.on:after {margin-top: -5px; border-color: #fff; transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}
.proposal__list--txt {display: none; position: relative; padding: 1.5rem 4.2% 1.5rem 2.5rem; border-bottom: 1px solid #e1e1e1; background: #f7f7f7; letter-spacing: -0.5px; word-break: keep-all; word-wrap: break-word;}
.proposal__list--nodata{background: #fff;padding:6.5rem 5.3%;text-align: center;}
.propose--ico {position: absolute; left: 0.5rem; top: 1.5rem; font-weight: bold; font-size: 1rem; color: #423ba8;}
.proposal__list--sbj .propose--ico {top: 1.55rem;}
.proposal__list--sbj.on .propose--ico {color: #fff;}

.popSetting .mem_find .memf .memf_tit {position: relative;}
.popSetting .mem_find .memf .memf_script {position: absolute; right: 0; top: calc(50% - 0.45rem); top: -webkit-calc(50% - 0.45rem); z-index: 1; font-weight: normal; font-size: 0.9rem; color: #999;}
.popSetting .mem_find .memf .grade_type {display: flex; display: -ms-flex; display: -webkit-flex; padding: 1.5rem; background: #f6f6f8;}
.popSetting .mem_find .memf .grade_type > label {flex: 1; -ms-flex: 1; -webkit-flex: 1;}
.popSetting .mem_find .memf .grade_type > label:first-child {flex: 1.3; -ms-flex: 1.3; -webkit-flex: 1.3;}
.popSetting .mem_find .memf .grade_type > label .rdo1 {margin-top: -0.1rem; margin-right: 0.2rem; vertical-align: middle;}
.popSetting .mem_find .memf .sel_st1 {width: 100%; height: 3rem;}
.popSetting .mem_find .memf .thread_input {position: relative; margin: 0.5rem 0 0;}
.popSetting .mem_issueBox {padding: 2rem 1rem;}
.popSetting .mem_issueBox .txt {word-break: keep-all; word-wrap: break-word;}
.popSetting .mem_find + .noticeWrap {padding-top: 0;}
.popSetting .check_prd {padding: 0; background: #fff;}
.popSetting .check_prd .cal_area .c_sel {margin: 0; padding: 0;}
.popSetting .check_prd .cal_area .c_sel .c_sel_fx:first-child {flex: 1.2; -ms-flex: 1.2; -webkit-flex: 1.2;}
.popSetting .check_prd .cal_area .c_sel .c_sel_fx .brd {width: 100%;}
.popSetting .check_prd .cal_area .c_sel .c_sel_fx:first-child .brd {width: calc(100% - 1.5rem); width: -webkit-calc(100% - 1.5rem);}

.popNotice .noticeWrap__list--item {font-size: 1rem;}

/* { 20221130 */
.myMission_king{background: #fff;margin-bottom: 1.5rem; padding: 2rem 4.2% 2.5rem;}
.myMission_king .myMission_king__mission{}
.myMission_king .myMission_king__mission .mission_tit{font-size: 1.5rem;margin-bottom: 1rem;}
.myMission_king .myMission_king__mission .mission_txt_contents{background: #e1e1e1; color: #777; font-weight: bold;padding: 1rem 1.4rem;font-size: 1.3rem;text-align: center;line-height: 1.3;}
.myMission_king .myMission_king__mission .mission_txt_contents span{color: #f78285;}

/* { myMission_king table */
.myMission_king__mission .myMission_king__table{margin-top: 1rem;width: 100%;border: 1px solid #dedede;} 
.myMission_king__mission .myMission_king__table tr th,
.myMission_king__mission .myMission_king__table tr td{text-align: center;border: 1px solid #dedede;}
.myMission_king__mission .myMission_king__table tr th{background: #22254b; color: #fff;padding: 0.7rem 0;} 
.myMission_king__mission .myMission_king__table tr th img{display: inline-block; width: 50%; text-align: center;} 
.myMission_king__mission .myMission_king__table tr td{padding: 0.6rem 0; font-weight: bold;}
.myMission_king__mission .myMission_king__table tr .td-total_score{color: #f78285;font-weight: bold;}
/* myMission_king table } */

.myMission_king_rule{margin-top: 1rem;}
.myMission_king_rule li{margin-top: 0.5rem;}

/* 20221130 } */



/************************************************
 Media Query
*************************************************/

@media (max-width: 300px) {
    .myStudy__group--list .divTable--cell {width: 50%;}
    .myStudy__group--list .divTable--cell:first-child {width: 25%;}
    .myStudy__group--list .divTable--cell:last-child {width: 25%;}

    .myStudy-dashBoard__achieve--rate {padding-right:5%;}
    .myStudy-dashBoard__achieve--pos {width: 80%; padding-top: 80%;}
    .myStudy-dashBoard__achieve--info {padding-right:15%; width:60%;}
}
@media (min-width: 400px) {
    .myStudy__group--list .divTable--cell {width: 50%;}
    .myStudy__group--list .divTable--cell:first-child {width: 25%;}
    .myStudy__group--list .divTable--cell:last-child {width: 25%;}

    .myStudy-dashBoard__achieve--rate {padding-right:5%;}
    .myStudy-dashBoard__achieve--pos {width: 80%; padding-top: 80%;}
    .myStudy-dashBoard__achieve--info {padding-right:15%; width:60%;}
}
@media (min-width: 500px) {
    .myStudy__group--list .divTable--cell {width: 50%;}
    .myStudy__group--list .divTable--cell:first-child {width: 25%;}
    .myStudy__group--list .divTable--cell:last-child {width: 25%;}

    .myStudy-dashBoard__achieve--rate {padding-right:5%;}
    .myStudy-dashBoard__achieve--pos {width: 80%; padding-top: 80%;}
    .myStudy-dashBoard__achieve--info {padding-right:15%; width:60%;}
}
@media (min-width: 600px) {
    .myStudy__group--list .divTable--cell {width: 50%;}
    .myStudy__group--list .divTable--cell:first-child {width: 25%;}
    .myStudy__group--list .divTable--cell:last-child {width: 25%;}

    .myStudy-dashBoard__achieve--rate {padding-right:5%;}
    .myStudy-dashBoard__achieve--pos {width: 80%; padding-top: 80%;}
    .myStudy-dashBoard__achieve--info {padding-right:15%; width:60%;}
}
@media (min-width: 700px) {
    .myStudy__group--list .divTable--cell {width: 50%;}
    .myStudy__group--list .divTable--cell:first-child {width: 25%;}
    .myStudy__group--list .divTable--cell:last-child {width: 25%;}

    .myStudy-dashBoard__achieve--rate {padding-right:5%;}
    .myStudy-dashBoard__achieve--pos {width: 80%; padding-top: 80%;}
    .myStudy-dashBoard__achieve--info {padding-right:15%; width:60%;}
}
@media (min-width: 768px) {
    .myStudy__group--list .divTable--cell {width: calc(100% - 40%); width: -webkit-calc(100% - 40%);}
    .myStudy__group--list .divTable--cell:first-child {width: 20%;}
    .myStudy__group--list .divTable--cell:last-child {width: 20%;}

    .myStudy-dashBoard__achieve--rate {padding-right:0;}
    .myStudy-dashBoard__achieve--pos {width: 60%; padding-top: 60%;}
    .myStudy-dashBoard__achieve--info {padding-right:15%; width:60%;}
}
@media (min-width: 800px) {
    .myStudy__group--list .divTable--cell {width: 50%;}
    .myStudy__group--list .divTable--cell:first-child {width: 25%;}
    .myStudy__group--list .divTable--cell:last-child {width: 25%;}

    .myStudy-dashBoard__achieve--rate {padding-right:0;}
    .myStudy-dashBoard__achieve--pos {width: 60%; padding-top: 60%;}
    .myStudy-dashBoard__achieve--info {padding-right:15%; width:60%;}
}
@media (min-width: 768px) and (min-width: 1024px) {
    .myStudy__group--list .divTable--cell {width: calc(100% - 40%); width: -webkit-calc(100% - 40%);}
    .myStudy__group--list .divTable--cell:first-child {width: 20%;}
    .myStudy__group--list .divTable--cell:last-child {width: 20%;}

    .myStudy-dashBoard__achieve--rate {padding-right:0;}
    .myStudy-dashBoard__achieve--pos {width: 50%; padding-top: 50%;}
    .myStudy-dashBoard__achieve--info {padding-right:20%; width:60%;}
}
@media (min-width: 1366px) {
    .myStudy__group--list .divTable--cell {width: calc(100% - 30%); width: -webkit-calc(100% - 30%);}
    .myStudy__group--list .divTable--cell:first-child {width: 15%;}
    .myStudy__group--list .divTable--cell:last-child {width: 15%;}

    .myStudy-dashBoard__achieve--rate {padding-right:0;}
    .myStudy-dashBoard__achieve--pos {width: 50%; padding-top: 50%;}
    .myStudy-dashBoard__achieve--info {padding-right:30%; width:60%;}
}