@charset "utf-8";

.blind {overflow:hidden; visibility:hidden; position:absolute; left:-9999px; width:0; height:0; font-size:0; line-height:0; text-indent:-9999px;}

.megaclub_wrap{ overflow: hidden; background:#eaeaec;}
.megaclub_wrap .megaclub_tit { background:#fff;}
.megaclub_wrap .megaclub_tit h2{ padding:1rem; text-align:center; font-size: 1.4rem; color:#1677cb; border-bottom:0.1rem solid #1677cb; }
.megaclub_wrap .megaclub_tit .typex1{ color:#8d8d8d; font-family:'nanum-barun-gothic-light';}
.megaclub_wrap .megaclub_tit .typex1 i{ color:#f34d51;}
.megaclub_wrap .btn_tab11 a {font-size:1.0rem;width:15%}
.megaclub_wrap .btn_tab11 a:last-child {-webkit-flex: 1.4; flex: 1.4;}

/* contents bg */
.clubMain-bg {}
.clubCpn-bg {background :#eaeaec}
.clubStr-bg {background :#eaeaec}
.clubDtl-bg {background: #fff}
.clubInfo-bg {background: #fff}
.clubNotice-bg {background: #fff}
.clubJoin-bg {background: #f1f6fc}
.clubCom-bg {background: #fff}

/* chrome image-rendering */
.clubJoin__list--ico img,
.clubMain__top--logo > img,
.clubCpn__list--logo img,
.club_dtl--logo img,
.clubMyCpn__list--logo > img,
.clubDtl-layer__area--coupon img {image-rendering:-webkit-optimize-contrast; image-rendering:-moz-optimize-contrast; image-rendering:-ms-optimize-contrast; image-rendering:-o-optimize-contrast;}
.clubMain__txt--logo span{display:inline-block;vertical-align:top}
.clubMain__txt--logo .txt{width:20%}
.clubMain__txt--logo .logo{margin-top:1%;width:15%}
.clubMain__txt--logo .txt img{width:100%}
.clubMain__txt--logo .logo img{width:100%}

.clubMain {}
.cb_mainba img{width:100%}

.cb_mainba.slider {width: 100%;max-width: 640px;margin: 0 auto;overflow: hidden;}
.cb_mainba.slider .swiper-slide img {width: 100%;height: auto;display: block;}

@keyframes toggle {
  0%, 49.9% { opacity: 1; }
  50%, 100% { opacity: 0; }
}

/* clubMain__top */
.clubMain__top {padding: 0 1rem 1rem; background: #eaf4ff; font-size: 1rem; line-height: 1.5; letter-spacing: -0.5px; color: #333;}
.clubMain__top--headline {padding: 2.5rem 0; text-align: center;}
.clubMain__top--logo {margin: 0 0 1rem;}
.clubMain__top--logo > img {width: 50%;}
.clubMain__top--join {display: table; table-layout: fixed; width: 100%; padding:0 .8rem; font-size:0.9rem;background: #fff;}
.clubMain__top--join > div {padding-top:0.5rem; display: table-cell; text-align: right; vertical-align: middle;}
.clubMain__top--join > div:first-child {padding: 1.5rem 0 1.1rem 0; text-align: left;width: 40%;}


/* 2025년 추가 영역 */
.new__membership{margin:0 4.2% 7%;padding:3% 0;font-size:1.1rem;color:#333;border-top:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;text-align:center}
.clubJoin .new__membership img{display:inline-block;width:80%}
.new__membership .membership__txt{padding:1rem 0 0 0;line-height:1.5rem}
.new__membership .membership__txt strong{color:#0084ff}
.new__membership .btn--rankview{display:inline-block;margin-top:0.5rem;padding:0.5rem 1rem;background:#0084ff;font-size:1rem;color:#fff;border-radius:1rem;font-weight:bold;text-decoration:underline}





.clubJoin--rank{position:relative;margin:0 4.2% 7%}
.club--membership__rank{padding:3%;border:1px solid #d9d9d9;border-top:none;background:#fff}
.club--guide__pop{text-align:right}
.club--guide__pop .btn_box1{width:40%}

.club--membership__benefit{}
.normal__member{overflow:hidden;padding:5% 0;border-bottom:1px dashed #d9d9d9}
.normal__member .ranking__mark{float:left;width:34%;text-align:center}
.normal__member .ranking__mark img{width:50%}
.normal__member .ranking__info{display:block;overflow:hidden;font-size:1rem;color:#666}
.rank--step{display:block;margin-bottom:1rem;color:#111;font-size:1.2rem}
.club__member{padding:5% 0;text-align:center}
.membership__ranks{display:flex}
.membership__ranks .ranks--item{flex:1;text-align:center;font-size:1rem;color:#666}
.membership__ranks .ranking__mark{width:100%;text-align:center}
.membership__ranks .ranking__mark img{width:50%}
.membership__ranks .ranks--item .rank--step{padding:0.5rem 0 0}
.club--membership__rank .btn_box12_02{display:block;padding:0.5rem;background:#0084ff}
.club--membership__rank .clubStrInfo__info{margin:1rem 0 0 0}
.club--membership__rank .clubStrInfo__info .imp{color:#0084ff}

.membershiprank--layer {display:none;position: absolute;z-index: 100;top:3%;left:3%;right:3%;color: #666;border: 1px solid #1162db;background: #fff;padding:5%;font-size: 1rem;letter-spacing: -1px;box-shadow: 2px 2px 5px 0px rgba(201,201,201,1);text-align:left}
.membershiprank--layer h4 {height:auto;font-size: 1rem;margin: 0 0 0.5rem 0;color: #333;text-align:left}
.membershiprank--layer strong{display:block;margin-top:1rem;padding:0 0 0.5rem 0.5rem;color:#111}
.membershiprank--layer ul {padding: 0;margin: 0;list-style: none;}
.membershiprank--layer li {padding-left: 1rem;text-indent: -0.7rem;line-height: 1.4rem}
.pop_layer--close{position: absolute;right:1rem;top:1rem;width:1.3rem}
.clubJoin .pop_layer--close img{width:100%}

.clubMain__top--join .btn_box12{position:relative;width: 95%;text-align: center;padding: 0.7rem 0.3rem;}
.clubMain__top--join .btn_box12 .ic_arr{position:absolute;right:8%;top:50%;transform: translateY(-50%)}




/* clubMain-swiper */
.clubMain-swiper {}
.clubMain-swiper img{ width:100%; }
.clubMain-swiper .dday{position: absolute;right:50%;top:0;width:3.2rem;margin-right: -16.4rem}
.clubMain-swiper .swiper-container {width: 100%;height: 100%;}
.clubMain-swiper .swiper-slide {
	text-align: center;
	background: #eaeaec;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.clubMain-swiper .swiper-container{ overflow:initial; }
.clubMain-swiper .swiper-pagination{ position: static; }
.clubMain-swiper .swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction { bottom:-2rem; }
.clubMain-swiper .swiper-pagination-bullet{ width:0.7rem; height:0.7rem;  }
.clubMain-swiper .swiper-pagination-white .swiper-pagination-bullet-active{ background:#f6f6f8  }
.clubMain-swiper .swiper-pagination-white .swiper-pagination-bullet{ background:#444a59; }
.more_wrap{width:100%;position: relative;margin:0 auto;}
.clubMain-swiper .more_wrap{max-width:657px;}
.br_top--more{position: absolute;right:0;bottom:0;z-index: 3;width:4.42rem;height:1.6rem;line-height: 1.8rem;overflow: hidden;text-align: center;box-sizing: border-box;padding-right: 1.6rem;color:#fff;font-size: .8rem}
.br_top--more::after{content: '';position: absolute;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,5); opacity:0.6;z-index: -1;}
.br_top--more a{position: absolute;right:0;top:0;width:36.2%;height:100%;background:#000;}
.br_top--more a::before{content: '';display: block;height:calc(50% - 1px);position: absolute;top:0;left:25%;right:25%;border-bottom: 1px solid #fff;}
.br_top--more a::after{content: '';display: block;width:50%;position: absolute;left:0;top:25%;bottom:25%;border-right: 1px solid #fff;}
/* ly_top---more */
.ly_top---more{position: fixed;left:0;top:0;right:0;bottom:0;z-index:10000;display: none;overflow-y: auto;text-align: center}
.ly_top---more h3{position: absolute;left:0;right:0;top:2.2%;text-align: center;color:#fff;font-size:1.2rem;font-weight: normal}
.ly_top---more::after{content:'';position: fixed;left:0;top:0;right:0;bottom:0;background: rgba(0,0,0,.8);z-index: -1;}
.ly_top---more>a>img{width:100%;display:block;max-width:640px;margin:0 auto}
.ly_top--btn{text-align: right;padding:1.4rem 2rem;position: relative}
.ly_top--btn img{width:3.8%}

/* clubMain Common Subheadings */
.clubMain__title {overflow: hidden; background: #f4f4f4;}
.clubMain__title--text {float: left; height: 3.75rem; padding: 1.2rem 1.2rem 0 1rem; font-size: 1.25rem; line-height: 1.5; color: #333;}
.clubMain__title--more {display: block; float: right; margin: .9rem .5rem 0 .5rem; padding: 1rem; background: url("//img.megastudy.net/mobile/smart_new/ico_plus4.png") no-repeat 50% 50% / 1.2rem auto; -webkit-background-size: 1.2rem auto;}
.clubMain__title--more span{ display:none; }

/* clubMain-cast */
.clubMain-cast {}
.clubMain-cast .clubMyCpn {padding-top: 0;}
.clubMain-cast .clubMyCpn__list > li {border-bottom: 0;}

/* clubMain-partner */
.clubMain-partner {background: #fff;}
.clubMain-partner .clubCpn {padding: 0 0 1rem;}
.clubMain-partner .clubCpn__list--item {margin: 0 1rem; border-width: 1px 0 0 0;}
.clubMain-partner .clubCpn__list--item:first-child {border-top: 0;}
.clubMain-partner__paging {text-align: center;}
.clubMain-partner__paging .swiper-pagination-bullet{width: 1rem; height: 1rem; margin: 0 0 0 0.1rem; border: 0.2rem solid #afb1b8; background: #fff; border-radius:50%; -webkit-border-radius:50%;}
.clubMain-partner__paging .swiper-pagination-bullet.swiper-pagination-bullet-active {background: #afb1b8;}

/* clubMain-store */
.clubMain-store {background: #fff;}
.clubMain-store .clubStr {padding: 0 0 1rem;}
.clubMain-store .clubStr ul {margin:1.5rem 0; padding:0 1rem;}
.clubMain-store .clubStr__list--item {border:0; margin-bottom:1rem; padding:0;}
.clubMain-store .clubStr__list--item .clubStr__list--inner {display: table; table-layout: fixed; width: 100%;}
.clubMain-store .clubStr__list--item .clubStr__list--goods {display: table-cell; text-align: left; vertical-align: middle; width:28%;}
.clubMain-store .clubStr__list--item .clubStr__list--goods img {width:100%;}
.clubMain-store .clubStr__list--item .clubStr__list--info {display: table-cell; text-align: left; vertical-align: middle; padding-left:0.8rem;}
.clubMain-store .clubStr__list--item .clubStr__list--info span {display: block; margin: 0.3rem 0 0; letter-spacing: -0.5px;}
.clubMain-store .clubStr__list--item .clubStr__list--info span:first-child {margin-top:0;}
.clubMain-store .clubStr__list--item .clubStr__list--type {color: #188ffe;}
.clubMain-store .clubStr__list--item .clubStr__list--comment {line-height: 1.4; color: #333; word-break: keep-all; word-wrap: break-word;}
.clubMain-store__paging {text-align: center;}
.clubMain-store__paging .swiper-pagination-bullet{width: 1rem; height: 1rem; margin: 0 0 0 0.1rem; border: 0.2rem solid #afb1b8; background: #fff; border-radius:50%; -webkit-border-radius:50%;}
.clubMain-store__paging .swiper-pagination-bullet.swiper-pagination-bullet-active {background: #afb1b8;}


/* clubMain-notice */
.clubMain-notice {display: table; table-layout: fixed; width: 100%; margin: 1rem 0; padding: 1rem; background: #fff;}
.clubMain-notice > div {display: table-cell;}
.clubMain-notice > div:first-child {width: 20%;}
.clubMain-notice__comment > a {display: inline-block; max-width: 94%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle;}
.clubMain-notice__comment > .ico {position: relative; top: 0.1rem;}

/* clubEvt */
.clubEvt {background: #fff; padding: 1rem 0;}
.clubEvt__list {overflow: hidden;}
.clubEvt__list--item {padding: 0.8rem 1rem 0;}
.clubEvt__list--item:first-child {padding-top: 0;}
.clubEvt__list--item > a {display: table; table-layout: fixed; width: 100%;}
.clubEvt__list--item > a > div {display: table-cell; text-align: left; vertical-align: middle;}
.clubEvt__list--thumb {width: 40%;}
.clubEvt__list--thumb img {width:100%;}
.clubEvt__list--info {padding: 0 0 0 0.8rem;}
.clubEvt__list--info > span {display: block; margin: 0.3rem 0 0; letter-spacing: -0.5px;}
.clubEvt__list--info > span:first-child {margin-top: 0;}
.clubEvt__list--type {color: #f34d51;}
.clubEvt__list--comment {line-height: 1.4; color: #333; word-break: keep-all; word-wrap: break-word;}
.clubEvt__list--date {font-size: 0.9rem !important; color: #8d8d8d;}

/* clubStrInfo */
.clubStrInfo {text-align:center; background:#eaf4fe;}
.clubStrInfo__main {padding:2.2rem 1.5rem;}
.clubStrInfo__top {margin-bottom:1rem; font-size:1.5rem; color:#333; font-weight:bold; line-height:2.1rem;}
/*.clubStrInfo__top {margin-bottom:2rem; font-size:1.6rem; color:#333; font-weight:bold; line-height:2.1rem;}*/
.clubStrInfo__top span {color:#0084ff;}
.clubStrInfo__info {font-size:1.0rem; color:#333; line-height:1.6rem;}

/* 2022-06-09 알림 신청 추가 */
.clubStrInfo__info ul {font-size:1rem; text-align:left;}
.clubStrInfo__info li {text-indent:-0.8rem; padding-left:0.8rem;}
/* 2022-06-09 알림 신청 추가 */

.clubStrInfo__date {padding:2rem 1.0rem 1.3rem; background:#fff;}
.clubStrInfo__date p {font-size:1.1rem; color:#ed585c; text-align:left; margin-bottom:1rem;}
.clubStrInfo__date--inner {display:flex; display:-webkit-flex; margin-bottom:0.7rem; min-width:340px; max-width:530px; font-size:1.0rem; background:#fff;}
.clubStrInfo__date--inner div {padding:0.3rem 0;}
.clubStrInfo__date--inner.nowDate .clubStrInfo__date--tit {flex: 1.7; -ms-flex: 1.7; -moz-flex: 1.7; -webkit-flex: 1.7; padding-right:0.8rem; background:#ed585c url('//img.megastudy.net/megaClub/store/m_ico_now_right_arr.jpg') right 0 no-repeat; background-size:contain; color:#fff;}
.clubStrInfo__date--inner.nextDate .clubStrInfo__date--tit {flex: 1.7; -ms-flex: 1.7; -moz-flex: 1.7; -webkit-flex: 1.7; padding-right:0.8rem; background:#999999 url('//img.megastudy.net/megaClub/store/m_ico_next_right_arr.jpg') right 0 no-repeat; background-size:contain; color:#fff;}
.clubStrInfo__date--inner.nowDate .clubStrInfo__date--time {flex: 8; -ms-flex: 8; -moz-flex: 8; -webkit-flex: 8; color:#ed585c; padding-left:1rem; text-align:left;}
.clubStrInfo__date--inner.nextDate .clubStrInfo__date--time {flex: 8; -ms-flex: 8; -moz-flex: 8; -webkit-flex: 8; color:#666666; padding-left:1rem; text-align:left;}

/* 2022-06-09 알림 신청 추가 */
.clubStrInfo__date {}
.clubStrInfo__date .btnAlarm {margin-top:1.4rem; padding-top:1.4rem; border-top:1px solid #e4e4e4; display:block;}
.clubStrInfo__date .btnAlarm a {position:relative; overflow:hidden; display:inline-block; min-width:13rem; padding: 0.7rem 1.3rem; color:#fff; text-align:center; font-weight:bold; text-indent:1.4rem;}
.clubStrInfo__date .btnAlarm .AlarmOn {color:#e06361; border:1px solid #e06361; background:#fff ;}
.clubStrInfo__date .btnAlarm .AlarmOn:before {background: url('//img.megastudy.net/megaClub/store/m_ico_notify.png') center center no-repeat; background-size: contain; width: 1.3rem; height: 100%; position: absolute; top: 0; left: 25%; content: '';}
.clubStrInfo__date .btnAlarm .AlarmOff {color:#fff; border:1px solid #a1a4ad; background:#a1a4ad;}
.clubStrInfo__date .btnAlarm .AlarmOff:before {background: url('//img.megastudy.net/megaClub/store/m_ico_notify_off.png') center center no-repeat; background-size: contain; width: 1.3rem; height: 100%; position: absolute; top: 0; left: 25%; content: '';}
/* 2022-06-09 알림 신청 추가 */




.clubStrInfo__sub {padding:2.2rem 1.0rem; background:#d4e3f6;}
.clubStrInfo__sub ul {margin-bottom:1rem; text-align:left; line-height:1.6rem;}
.clubStrInfo__sub--btn {display:flex; display:-webkit-flex;align-items:center;justify-content: center}
.clubStrInfo__sub--btn a {flex: 1; -ms-flex: 1; -moz-flex: 1; -webkit-flex: 1; margin:0;flex:0 0 50%;padding:0.8rem 0.8rem 0.8rem; font-size:1.0rem;}
.clubStrInfo__sub--btn a:last-child {margin:0;}
.clubStrInfo__banner {background:#ffe9eb; }
.clubStrInfo__banner a {display:block; padding:0.5rem 0}
.clubStrInfo__banner a div {position:relative; display:inline-block; padding:1rem 0 1rem 3.3rem; font-size: 1.2rem; color:#e26262;}
.clubStrInfo__banner a div:before {background: url('//img.megastudy.net/megaClub/store/m_ico_cash_new.png') center center no-repeat; background-size: contain; width: 2.2rem; height: 100%; position: absolute; top: 0; left: 0; content: '';}
.clubStr {}
.clubStr__list {}
.clubStr__list--item {margin-bottom:0.8rem; padding:2rem 1rem; background:#fff; border-top:1px solid #eaf4fe; border-bottom:1px solid #a5a8af;}
.clubStr__list--item:first-child {border-top:0;}
.clubStr__list--item .itemBox {display:flex; display:-webkit-flex; margin-bottom:1rem;}
.clubStr__list--item .strThumb {flex: 5; -ms-flex: 5; -moz-flex: 5; }
.clubStr__list--item .strThumb img {width:100%;}
.clubStr__list--item .strInfo {position:relative;flex: 7; -ms-flex: 7; -moz-flex: 7; text-align: left; padding-left:1rem; font-size:1.0rem;}
.clubStr__list--item .strInfo__inner {position:absolute; display:flex; flex-direction:column; height:100%;}
.clubStr__list--item .strInfo__name {flex: 1.8; -ms-flex: 1.8; -moz-flex: 1.8; -webkit-flex: 1.8; line-height:1.6rem;}
.clubStr__list--item .strInfo__name dt {color:#0084ff;}
.clubStr__list--item .strInfo__name dd {overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; word-wrap:break-word; color:#333; }
.clubStr__list--item .strInfo__num {flex: 1; -ms-flex: 1; -moz-flex: 1; -webkit-flex: 1; line-height:1.1rem;}
.clubStr__list--item .strInfo__num strong {color:#0084ff;}
.clubStr__list--item .strInfo__num .strInfo__num--cash {margin-bottom:0.5rem; clear:both; color:#333;}
.clubStr__list--item .strInfo__num .strInfo__num--all {float:left; color:#666; padding-right:7px; margin-right:7px; border-right:1px solid #e4e4e4;}
.clubStr__list--item .strInfo__num .strInfo__num--count {float:left; color:#666;}
.clubStr__list--item .strInfo__num .strInfo__num--soldout {color:#666;}
.clubStr__list--item .strBtn {}
.clubStr__list--item .strBtn .btn_box12 {width:100%;}
.clubStr__list--item .strBtn .buying {background:#0084ff;}
.clubStr__list--item .strBtn .soldout {background:#b2b4b9;}
.clubStr__list--item.comingsoon {background:#eaeaec; border-top:1px solid #e0e0e0;}
.clubStr__list--item.comingsoon .clubStr__list--none {padding: 3rem 0; background: #eaeaec; font-size: 1.5em; line-height: 1.5; color: #aeb1b7; text-align: center;}
.clubStr__list--item.noList {}
.clubStr__list--item.noList .clubStr__list--none {padding: 3rem 0; font-size: 1.2em; line-height: 1.5; color: #aeb1b7; text-align: center;}

@media (max-width: 300px) {
	.clubStr__list--item .strThumb {flex: 5; -ms-flex: 5; -moz-flex: 5; }
	.clubStr__list--item .strInfo {flex: 7; -ms-flex: 7; -moz-flex: 7;}
}
@media (min-width: 400px) {
	.clubStr__list--item .strThumb {flex: 5; -ms-flex: 5; -moz-flex: 5; }
	.clubStr__list--item .strInfo {flex: 7; -ms-flex: 7; -moz-flex: 7;}
}
@media (min-width: 500px) {
	.clubStr__list--item .strThumb {flex: 5; -ms-flex: 5; -moz-flex: 5; }
	.clubStr__list--item .strInfo {flex: 7; -ms-flex: 7; -moz-flex: 7;}
}
@media (min-width: 600px) {
	.clubStr__list--item .strThumb {flex: 3.5; -ms-flex: 3.5; -moz-flex: 3.5; }
	.clubStr__list--item .strInfo {flex: 7; -ms-flex: 7; -moz-flex: 7;}
}
@media (min-width: 700px) {
	.clubStr__list--item .strThumb {flex: 3; -ms-flex: 3; -moz-flex: 3; }
	.clubStr__list--item .strInfo {flex: 7; -ms-flex: 7; -moz-flex: 7;}
}
@media (min-width: 768px) {
	.clubStr__list--item .strThumb {flex: 3; -ms-flex: 3; -moz-flex: 3; }
	.clubStr__list--item .strInfo {flex: 7; -ms-flex: 7; -moz-flex: 7;}
}
@media (min-width: 800px) {
	.clubStr__list--item .strThumb {flex: 3; -ms-flex: 3; -moz-flex: 3; }
	.clubStr__list--item .strInfo {flex: 7; -ms-flex: 7; -moz-flex: 7;}
}
@media (min-width: 768px) and (min-width: 1024px) {
	.clubStr__list--item .strThumb {flex: 2; -ms-flex: 2; -moz-flex: 2; }
	.clubStr__list--item .strInfo {flex: 7; -ms-flex: 7; -moz-flex: 7;}
}
@media (min-width: 1366px) {
	.clubStr__list--item .strThumb {flex: 1.5; -ms-flex: 1.5; -moz-flex: 1.5; }
	.clubStr__list--item .strInfo {flex: 7; -ms-flex: 7; -moz-flex: 7;}
}

/* 클럽스토어 하단 배너 추가 2023-01-19 */
.section_withClub img{width: 100%;}
.section_withClub .withClub--list{padding: 1.5rem 1.5rem 2rem; background: #fff;-webkit-box-sizing: border-box;box-sizing: border-box;}
.section_withClub .withClub--list li {width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.section_withClub .withClub--list li + li {margin-top: .5rem;}
.section_withClub .withClub--list a{display: -webkit-box;display: -ms-flexbox;display: flex; color:#000; letter-spacing: .3px;}
.section_withClub .withClub--list a b{-webkit-box-flex: 0;-ms-flex: 0 0 auto; flex: 0 0 auto;padding-left: 5px; font-weight: normal; color:#0084ff;}
.section_withClub .withClub--list a span {-webkit-box-flex: 0;-ms-flex: 0 1 auto; flex: 0 1 auto;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

/* cash pop */
.cbPopCash__cont .cashBox {margin-bottom:1rem;}
.cbPopCash__cont .cashBox__inner {padding:1.5rem 1.5rem 0 1.5rem; background:#fff; letter-spacing: -0.5px;}
.cbPopCash__cont .cashBox p{font-weight:bold;margin:0 0 1rem;padding:0;font-size:0.9rem; line-height:1.4rem;}
.cbPopCash__cont .cashBox .cashBoxUl {list-style:none; margin:0;padding:1rem 0 0;border-top:1px solid #dfdfdf;font-size:.9rem;}
.cbPopCash__cont .cashBox .cashBoxUl:last-child {border-top:0;}
.cbPopCash__cont .cashBox .cashBoxUl .cashBoxUl__tit {color:#1677cb; margin-bottom: 10px;}
.cbPopCash__cont .cashBox .cashBoxUl li {line-height: 1.4rem;position: relative;}
.cbPopCash__cont .cashBox .cashBoxUl li.cashBoxUl__table {padding-bottom:2rem; text-align:center;}

/* pop */
.bodyBg {background:#eaeaec;}
.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);}
.popArea--notice {padding: 1rem 1.3rem;  background: #f6f7f8; font-size: 1rem; letter-spacing: -0.5px; color: #333; text-align: left; word-wrap: break-word; word-break: keep-all;}
.cbPop {background:#eaeaec;}
.cbPop__inner {padding-top:1rem;}
.cbPopAgree {margin:0 1rem;}
.cbPopAgree__cont {}
.cbPopStore {background:#fff;}
.cbPopStore__cont {padding:2rem; text-align:center;}
.cbPopCash {margin:0 1rem;}
.cbPopCash__cont {}

.cbPop .btnPop {display:flex; display:-webkit-flex;}
.cbPop .btnPop a {flex: 1; -ms-flex: 1; -moz-flex: 1; -webkit-flex: 1; margin-right: 0.3rem;}
.cbPop .btnPop a:last-child {margin:0;}
.cbPop .btnPop a.stepNo {background:#b2b4b9;}
.cbPop .btnPop a.stepOk {background:#fa4659;}

.cbPopStore__cont--thumb {margin:0 auto 1.5rem; width: 180px;height: 180px}
.cbPopStore__cont--thumb img {width:100%;}
.cbPopStore__cont--name {margin-bottom:1.5rem; font-size:1.1rem;}
.cbPopStore__cont--name dt{color:#0084ff}
.cbPopStore__cont--name dd {margin:0.2rem 0 0}
.cbPopStore__cont--price {background:#f2f9ff;padding:1.5rem 0;margin-bottom: 1.5rem; line-height:1.6rem; font-size:1rem;}
.cbPopStore__cont--price strong {color: #0084ff}
.cbPopStore__cont--num {padding:0;margin-bottom: 1.5rem;}
.cbPopStore__cont--num li {overflow:hidden; font-size:1rem; margin-bottom:0.5rem;}
.cbPopStore__cont--num .tit {float: left; color: #888888;font-weight: normal; position: relative;  padding-left:1.7rem; font-size:1rem;}
.cbPopStore__cont--num .tit:before {background: url(https://img.megastudy.net/megaClub/store/m_layer_ico01.png) center center no-repeat; background-size: contain; width: 1.2rem; height:100%;position: absolute; top:0; left: 0; content: '';}	
.cbPopStore__cont--num .tit.type2:before 	{background: url(https://img.megastudy.net/megaClub/store/m_layer_ico02.png) center center no-repeat; background-size: contain;}

.cbPopStore__cont--num .won {float: right}
.cbPopStore__cont--num .won strong {color: #4298ff}

.cbPopStore__secureText{width:100%;height: auto;}
.cbPopStore__secureTextInit{width:100%;}
.cbPopStore__secureTextInit input{width:100%;border: 1px solid #000;margin-bottom: 1.5rem;line-height: 2;text-align: center;}

/* 개인정보처리 동의 */
.cbPopAgree__cont .eventChTxt {margin-bottom:1rem;}
.cbPopAgree__cont .eventChTxt__inner {padding:1.5rem 1.5rem 0 1.5rem; background:#fff; letter-spacing: -0.5px;}
.cbPopAgree__cont .eventChTxt p{font-weight:bold;margin:0 0 1rem;padding:0;font-size:0.9rem; line-height:1.4rem;}
.cbPopAgree__cont .eventChTxt ul{list-style:none; margin:0;padding:1rem 0 1rem;border-top:1px solid #dfdfdf;font-size:.9rem;}
.cbPopAgree__cont .eventChTxt li{margin-bottom: 10px;line-height: 1.5;position: relative;}
.cbPopAgree__cont .eventChTxt label{display:block; margin:1rem -1.5rem 0 -1.5rem; padding:0.5rem 0; background:#603edb; text-align:center;}
.cbPopAgree__cont .eventChTxt label input{vertical-align: -2px;width:13px;height:13px;margin:0 3px 0 0;border:1px solid #000;background:#fff;}
.cbPopAgree__cont .eventChTxt label span{margin-left:4px; font-weight:bold; font-size:1.2rem; color:#fff;}
.cbPopAgree__cont .eventChTxt--c1{display:block;}




/* clubCpn */
.clubCpn {padding: 0 1rem;}
.clubCpn__list {}
.clubCpn__list--item {margin: 0.8rem 0 0; border: 1px solid #e4e4e4; background: #fff;}
.clubCpn__list--item > a {display: block;}
.clubCpn__list--bi {padding: 1rem; border-bottom: 1px solid #e4e4e4; background: #fff; font-size: 1.2rem;}
.clubCpn__list--bi strong {margin: 0 0 0 0.3rem; font-size: 0.9rem; color: #1677cb;}
.clubCpn__list--inner {position:relative; display: table; table-layout: fixed; width: 100%; padding: 1.5rem 0;}
.clubCpn__list--inner .icoNew {position:absolute; left:0; top:0; padding:0.2rem 0.4rem; font-size:0.9rem; color:#fff; background:#fc5252;}
.clubCpn__list--inner .icoMeber {position:absolute; left:0; top:0; padding:0.2rem 0.4rem; font-size:0.9rem; color:#fff; background:#333;}
.icoNew + .icoMeber{left:12%}


.clubCpn__list--logo {display: table-cell; width: 38%; text-align: center; vertical-align: middle;}
.clubCpn__list--logo img {width: 70%;}
.clubCpn__list--raedy,
.clubCpn__list--info {display: table-cell; width: calc(100% - 38%); width: -webkit-calc(100% - 38%); vertical-align: middle;}
.clubCpn__list--info li {max-width:100%; margin: 0.5rem 0 0; line-height: 1.4; letter-spacing: -0.5px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.clubCpn__list--info li:first-child {margin-top: 0;}
.clubCpn__list--label {display: inline-block; min-width: 4rem; margin: 0 0.5rem 0 0; padding: 0.1rem 0; background: #3395f5; font-size: 0.9rem; letter-spacing: -0.5px; color:#fff; text-align: center; vertical-align: middle;}
.clubCpn__list--raedy {font-size: 1.1rem; line-height: 1.5; color: #8d8d8d;}
.clubCpn__list--raedy > strong {font-size: 1.3rem; color: #188ffe;}
.clubCpn__list--none {padding: 3rem 0; background: #eaeaec; font-size: 1.5em; line-height: 1.5; color: #aeb1b7; text-align: center;}

/* clubNav */
.clubNav {}
.clubNav--list {display: flex; display: -webkit-flex}
.clubNav--list > li {flex: 1; -ms-flex: 1; -moz-flex: 1; -webkit-flex: 1; margin: 0 0 0 0.1rem; text-align:center; -webkit-align-items: center; align-items: center;}
.clubNav--list > li:first-child {margin-left: 0;}
.clubNav--list > li a {display: block; height: 100%; padding: 1rem 0; font-size: 1rem; color: #333; background: #d4e4f6;}
.clubNav--list > li.active a {background:#fff}
.clubNav--list > li a .navBox {display:table; width: 100%; height: 100%;}
.clubNav--list > li a .navBox .navInner {display:table-cell; vertical-align:middle;}

/* clubMyInfo */
.clubMyInfo {overflow: hidden; padding: 2rem 1rem 2rem 26%; background: #eaf4ff url("//img.megastudy.net/mobile/smart_new/ico_my_ps.png") no-repeat 7% 50% / 4rem auto; -webkit-background-size: 4rem auto;}
.clubMyInfo--list {}
.clubMyInfo--list > li {line-height: 1.5; color: #333}
.clubMyCpn {padding: 1rem 0 0; background: #fff;}
.clubMyCpn__list > li {position:relative;padding: 1rem; border-bottom: 1px solid #e4e4e4; color: #333;}
.clubMyCpn__list > li a {display: table; table-layout: fixed; width: 100%;}
.clubMyCpn__list > li .type_tb {display: table-cell; color: currentcolor; text-align: center; vertical-align: middle;}
.clubMyCpn__list > li .type_tb:first-child {width: 40%; text-align: center;}
.clubMyCpn__list--logo {text-align:center}
.clubMyCpn__list--logo > img {width:50%;}
.clubMyCpn__list--current {background:#f6f7f8;padding:1rem;font-size:1.1rem}
.clubMyCpn__list--current > strong {position: relative; top: 0.15rem; left: 0.3rem; font: bold 1.4rem/1 Tahoma;}
.clubMyCpn__list a.btn__qlayer{position:absolute;right:5%;top:5%;width:1.3rem;height:1.3rem;}
.clubMyCpn__list a.btn__qlayer img{width:100%}

/* clubMyHistory */
.clubMyHistory {padding: 1rem 0 0; background: #fff;}
.clubMyHistory__list > li {padding: 1rem; border-bottom: 1px solid #e4e4e4; font-size: 0.9rem; line-height: 1.5; letter-spacing: 0; color: #8d8d8d;}
.clubMyHistory__list--status {display: block;}
.clubMyHistory__list--title {font-size: 1.1rem; letter-spacing: -0.5px; color: #3f3f3f;}
.clubMyHistory__list--title > span {color: #2082dd;}

/* clubMyFaq */
.clubMyFaq {background: #fff;}
.clubMyFaq__list {border-top: 1px solid #e4e4e4;}
.clubMyFaq__list > li {padding: 1rem; border-bottom: 1px solid #e4e4e4; color: #3f3f3f;}
.clubMyFaq__list > li.clubMyFaq__list--top {background: #f3f8fe;}
.clubMyFaq__list > li a {display: table; table-layout: fixed; width: 100%;}
.clubMyFaq__list > li div {display: table-cell; text-align: right; vertical-align: middle;}
.clubMyFaq__list > li div:first-child {width: 75%; text-align: left;}
.clubMyFaq__view > dt {padding: 1rem; border-bottom: 1px solid #e4e4e4; background: #f6f7f8;}
.clubMyFaq__view > dd {border-bottom: 1px solid #e4e4e4;}
.clubMyFaq__reply {padding: 1rem; border-top: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4;}
.clubMyFaq__reply--subject {font-size: 1.1rem;}
.clubMyFaq__reply .clubMyFaq--comment {padding: 1rem 0;}
.clubMyFaq__write {padding: 1rem 1.3rem; border-bottom: 1px solid #e4e4e4;}
.clubMyFaq__write > div {margin: 0.8rem 0 0;}
.clubMyFaq__write > div:first-of-type {margin-top: 0;}
.clubMyFaq__write--select > select {width: 100%; border-color: #696e7a;}
.clubMyFaq__write--subject > input {width: 100%;}
.clubMyFaq__write--text {}
.clubMyFaq--title {font-size: 1.1rem; line-height: 1.4; word-break: keep-all; word-wrap: break-word;}
.clubMyFaq--title.nowrap {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.clubMyFaq--title > em {color: #1677cb;}
.clubMyFaq--title .ico_txt {position: relative; top: -0.1rem; right: 0.3rem; height: 1.4rem;}
.clubMyFaq--title .ico {position: relative; top: 0.2rem;}
.clubMyFaq--title .count {font-weight: normal; color: #1677cb;}
.clubMyFaq--type {width: 100%;}
.clubMyFaq--type > * {display: inline; *display: inline; *zoom: 1; font-size: 0.9rem; color: #8d8d8d; vertical-align: middle;}
.clubMyFaq--type > dt {color: #1677cb;}
.clubMyFaq--type > dd {}
.clubMyFaq--comment {padding: 1rem; font-size: 1rem; line-height: 1.4; letter-spacing: -0.5px; color: #3f3f3f; word-break: keep-all; word-wrap: break-word;}
.clubMyFaq--comment img {width: 100%;}

/* data none */
.clubMyData--none {padding: 1rem 0; font-size: 1.2rem; color: currentcolor; text-align: center;}

/* clubInfo */
.clubInfo-bg .brd_top_sch {/*margin-top: 1rem;*/}
.clubInfo {background: #fff;}
.clubInfo__list {}
.clubInfo__list > li {padding: 1rem; border-bottom: 1px solid #e4e4e4; font-size: 1rem; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.clubInfo__list--type {margin-right: 0.4rem; font-size: inherit; color: #1677cb;}
.clubInfo__notice {padding: 1.5rem 0; background: #f6f6f8;}
.clubInfo__notice--text {font-size: 1rem; line-height: 1.5; letter-spacing: -0.5px; color: #333; text-align: center;}
.clubInfo__notice .clubBtn-more {padding-bottom: 0;}
.clubInfo--select {padding: 1rem 1.3rem; border-bottom: 1px solid #e4e4e4; background: #f6f6f8; text-align: right;}
.clubInfo--select .sel_st2 {min-width: 10rem; background-color:#fff;}

/* clubDtl__top */
.clubDtl__top {position: relative; display: table; table-layout: fixed; width: 100%; margin: 0.8rem 0 0; padding: 1.5rem 1rem;}
.clubDtl__top .icoNew {position:absolute; left:0; top:0; padding:0.2rem 0.4rem; font-size:0.9rem; color:#fff; background:#fc5252;}
.clubDtl__top .icoMeber {position:absolute; left:0; top:0; padding:0.2rem 0.4rem; font-size:0.9rem; color:#fff; background:#333;}
.clubDtl__top--logo {display: table-cell; width: 40%; text-align: center; vertical-align: middle;}
.clubDtl__top--logo img {width:60%}
.clubDtl__top--info {display: table-cell; width: calc(100% - 40%); width: -webkit-calc(100% - 40%); padding: 0 0 0 0.5rem; font-size: 1.1rem; line-height: 1.4; vertical-align: middle;}
.clubDtl__top--info h4 {font-size:1.4rem;font-weight:bold}
.clubDtl__top--sgf em {color:#0084ff}
.clubDtl--exp {margin: 0 1rem; padding: 1rem 0; border-top: 1px solid #eee; font-size: 0.9rem; line-height: 1.4; color: #8d8d8d;}
.clubDtl--current {padding: 1.2rem 0; background: #a1a4ac; font-size: 1.2rem; line-height: 1; color: #fff; text-align:center;}
.clubDtl--current strong {position: relative; top: 0.15rem; font: normal 1.4rem/1 Tahoma;}
.clubDtl__view {}




/* clubDtl-coupon */
.clubDtl-coupon {position: relative; padding: 1rem; border-top: 1px solid #a5a8af; background: #fef1f1 url("//img.megastudy.net/mobile/smart_new/club_coupon_251106.jpg") no-repeat 6% 0.8rem / 8rem auto; -webkit-background-size: 8rem auto;min-height: 6rem;}
.clubDtl-coupon__top {margin:0 0 0 35%}
.clubDtl-coupon__top--label {display: inline-block; min-width: 4rem; padding: 0.2rem 0.5rem; font-size: 0.9rem; line-height: 1.4; color: #ffffff !important; text-align: center;}
.clubDtl-coupon__top--label.on {background:#fa9c59}
.clubDtl-coupon__top--label.off {background:#1cc4c3}
.clubDtl-coupon__top--label.secret {background: #723cd4;}
/* 2025 맴버십*/
.clubDtl-coupon__top--label.membership--rank02{background:#cde7ff;color:#74a1cc}
.clubDtl-coupon__top--label.membership--rank03{background:#94cbff;color:#5181b0}
.clubDtl-coupon__top--label.membership--rank04{background:#0084ff;color:#fff}





.clubDtl-coupon__date {margin: 0 0 0 35%;display: flex;flex-direction: column;justify-content: center;}
.clubDtl-coupon__date--item {font-size: 0.9rem; line-height: 1.5;}
.clubDtl-coupon__date--item > em {color:#0084ff}
.clubDtl-coupon--arrow {display: block; position: absolute; top: 2.5rem; right: 0.9rem; width: 0.9rem; padding: 0.4rem; border-right: 2px solid #333; border-bottom: 2px solid #333; transform: rotate(45deg);  -webkit-transform: rotate(45deg); transition: all 300ms; -webkit-transition: all 300ms;}
.clubDtl-coupon.active .clubDtl-coupon--arrow {transform: rotate(-135deg);  -webkit-transform: rotate(-135deg);}
.clubDtl-coupon--button {padding: 1rem;}
.clubDtl-coupon--button > a {pointer-events: none;}
.clubDtl-coupon--secret .clubDtl-coupon__date{min-height: 4.4rem;}
.clubDtl-coupon--secret .clubDtl-coupon__date em{color:#fb6b7a;font-weight: bold;display: block;}

/* clubDtl-layer__area */
.clubDtl-layer__area {padding: 1rem; background: #fff; color: #333;}
.clubDtl-layer__area > h3 {margin: 0 0 0.7rem; color: currentcolor; text-align: left;}
.clubDtl-layer__area--coupon {position: relative; padding: 1rem}
.clubDtl-layer__area--coupon img {width: 100%;}
.clubDtl-layer__area--txt {position: absolute; top: 39%; left: 8%; width: 63%; font-weight: bold; font-size: 2rem; color: currentcolor; text-align: center;}
.clubDtl-layer__area--state {display: inline-block; position: absolute; top: -1%; left: -1%; padding: 0.8rem 1.2rem; background: #333; color:#ff7684; border-radius: 50%; -webkit-border-radius: 50%;}
.clubDtl-layer__area--align {text-align: center;}
.clubDtl-layer__area--num {margin: 0 1rem; padding: 0.7rem 0 0.5rem; background: #494949; font-size: 1rem; color: #fff;}
.clubDtl-layer__area--align .clubDtl-layer__area--button {margin: 1rem 0; padding: 0;}
.clubDtl-layer__area--ex {margin: 1rem 0 0; padding: 0 1rem; color: currentcolor;}
.clubDtl-layer__area--ex .s1 {color:#fb9e5a}
.clubDtl-layer__area--ex .s2 {color:#1cc6c4}
.clubDtl-layer__area--ex .s3 {color:#fb6b7a;display:block}
.clubDtl-layer__area .clubDtl-coupon__date {margin-top: 1rem; margin-left: 0; padding: 0 1rem;}
.clubDtl-layer__area .clubDtl-coupon__date--item {font-size: 1rem;}
.clubDtl-layer__area--etc {margin: 0 1rem; padding: 1.5rem 0; border-top:1px solid #e4e4e4; background: #fff;}
.clubDtl-layer__area--etc > h3 {margin: 0 0 0.7rem; color: #333; text-align: left;}
.clubDtl-layer__area--notice {}
.clubDtl-layer__area--notice > li {position: relative; padding: 0 0 0 0.8rem; font-size: 0.9rem; line-height: 1.5; letter-spacing: -0.5px; color: #8d8d8d; word-break: keep-all; word-wrap: break-word;}
.clubDtl-layer__area--notice > li:after {content: '-'; display: block; position: absolute; top: 0; left: 0;}
.clubDtl-layer__area--button {padding: 1rem; background: #fff;}

/* clubSitePop 쿠폰 현정 확인 */
.clubSitePop {background:#f6f6f8;text-align:center;padding-bottom:1rem}
.clubSitePop .tbox .bold {color:#1877cb}
.clubSitePop__inner > h3 {font-weight:normal;margin:1rem 0;font-size:1rem}
.clubSitePop__inner > h3 strong {color:#1877cb}
.clubSitePop__inner .club_btn04 {margin:0.5rem 1rem 0;width:80%}
.clubSitePop__inner--coupon {position:relative;padding:0 1rem 1rem}
.clubSitePop__inner--coupon > img {width:100%}
.clubSitePop__inner--title {font-weight:bold;position:absolute;top:39%;left:8%;font-size:1.5rem;width:63%}
.clubSitePop__inner--date {}
.clubSitePop__inner--date > em {color:#0084ff;display:block}
.clubSitePop--notice {margin:0.7rem 0.5rem 0;text-align:left;}
.clubSitePop--notice > li {position: relative; padding: 0 0 0 0.8rem; font-size: 0.9rem; line-height: 1.4; letter-spacing: -0.5px; color: #555; word-break: keep-all; word-wrap: break-word;}
.clubSitePop--notice > li:after {content: '※'; position: absolute; left: 0; top: 0;}

/* modal */
.modal-content {
	height: 100%;
	display: -webkit-box;
	-webkit-box-orient: horizontal;
	-webkit-box-pack: center;
	-webkit-box-align: baseline;
}

/* clubBtn */
.clubBtn-more {padding:1rem 1.3rem; text-align:center;}
.clubBtn-more a {display:block; padding:1rem 0; font-weight:bold;}
.clubBtn-right {padding:1rem; text-align:right;}
.clubBtn-left {padding:1rem; text-align:left;}
.clubBtn-both {overflow: hidden; padding:1rem 1.3rem; text-align:left;}
.clubBtn-both > a {float: right;}
.clubBtn-both > a:first-child {float: left;}
.clubBtn-area {display: flex; display: -ms-flex; display: -moz-flex; display: -webkit-flex; margin: 0 1rem 1rem;}
.clubBtn-area > a {flex: 1; -ms-flex: 1; -moz-flex: 1; -webkit-flex: 1; margin: 0 0 0 0.4rem;}
.clubBtn-area > a:first-child {margin-left: 0;}
.club_btn01 {display: inline-block; min-width: 4rem; padding: 0.35rem 0; border: 1px solid #a1a4ac; background: #fff; font-size: 0.9rem; color: #333 !important; text-align: center;}
.club_btn02, .club_btn03{display: inline-block; min-width: 3rem; padding: 0.5rem; font-size: 1rem; text-align: center;}
.club_btn02 {border:1px solid #b2b4b9;background:#b2b4b9;color: #ffffff !important;}
.club_btn03 {border:1px solid #444a59;background:#ffffff;color: #444a59 !important;}
.club_btn04, .club_btn05 {display: inline-block; width:100%; padding: 1rem; font-size: 1.3rem; color: #ffffff !important; text-align: center;}
.club_btn04 {background:#f34d51}
.club_btn04.done {background:#b2b4b9}
.club_btn05 {background:#f34d51}

/* ico */
.ico_txt.t31 {background: #af9483;}

/* 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);}
.popArea--notice {padding: 1rem 1.3rem;  background: #f6f7f8; font-size: 1rem; letter-spacing: -0.5px; color: #333; text-align: left; word-wrap: break-word; word-break: keep-all;}

/* clubJoin */
.clubJoin {}
.clubJoin img {width: 100%;}
.clubJoin--top {padding: 10% 0; text-align: center;}
.clubJoin__list {margin: 0 1rem;}
.clubJoin__list--item {display: table; table-layout: fixed; width: 100%; margin: 0.8rem 0 0; background: #fff; border-radius: 5px; -webkit-border-radius: 5px;}
.clubJoin__list--item:first-child {margin-top: 0;}
.clubJoin__list--item > div {display: table-cell; padding: 1rem 0; vertical-align: middle;}
.clubJoin__list--item > div:first-child {width: 33%; text-align: center;}
.clubJoin__list--ico img {width:70%;}
.clubJoin__list--comment {line-height: 1.5; letter-spacing: -0.5px;}
.clubJoin__list--comment > strong {display: block; font-size: 1.2rem; color: #333;}
.clubJoin__list--comment > p {font-size: 1.1rem; color: #666;}
.clubNotice {margin:0.8rem 1rem 0;}
.clubNotice__list > li {position: relative; padding: 0 0 0 0.8rem; font-size: 0.9rem; line-height: 1.5; letter-spacing: -0.5px; color: #666; text-align: left; word-break: keep-all; word-wrap: break-word;}
.clubNotice__list > li:after {content: '-'; position: absolute; left: 0; top: 0;}
.clubNotice--imp {color: #fa4659 !important;}
.clubJoin--banner {margin: 1rem 0;}
.clubJoin .clubBtn-more a {font-weight: normal; font-size: 1.2rem;}
.clubJoin--footer {margin: 2rem 0 0; text-align: center;}
.clubJoin--footer > strong {font-size: 1.2rem;}
.clubJoin--footer .clubBtn-area {margin-bottom: 0; padding: 1rem 0;}

/* clubJoinNew */
.clubJoinNew {}
.clubJoinNew .clubJoin--top {padding: 10% 0; text-align: center;}
.clubJoinNew .clubJoin__list {margin: 0 4.2%;}
.clubJoinNew .clubJoin__list ul {border:1px solid #d9d9d9;}
.clubJoinNew .clubJoin__list--item {display: table; table-layout: fixed; width: 100%; margin:0; background: #fff;}
.clubJoinNew .clubJoin__list--item .itemInner {margin:0 0.5rem; padding:1.5rem 0; border-top:1px dashed #cccccc;}
.clubJoinNew .clubJoin__list--item:nth-child(2) .itemInner {border-top:0;}
.clubJoinNew .clubJoin__list--item .divBox  {display: table-cell; vertical-align: middle;}
.clubJoinNew .clubJoin__list--item .divBox:first-child {width: 33%; text-align: center;}
.clubJoinNew .clubJoin__list--ico img {width:70%;}
.clubJoinNew .clubJoin__list--comment {line-height: 1.5; letter-spacing: -0.5px; text-align:left;}
.clubJoinNew .clubJoin__list--comment > strong {display: block; font-size: 1.1rem; color: #333; margin-bottom:0.5rem;}
.clubJoinNew .clubJoin__list--comment > p {font-size: 1.0rem; color: #666;}
.clubJoinNew .clubNotice {margin:0 1rem 0;}
.clubJoinNew .clubNotice__list {padding:0 0 2rem; border-bottom:1px solid #dae2ec;}
.clubJoinNew .clubNotice__list > li {position: relative; padding: 0 0 0 0.8rem; font-size: 0.9rem; line-height: 1.5; letter-spacing: -0.5px; color: #666; text-align: left; word-break: keep-all; word-wrap: break-word;}
.clubJoinNew .clubNotice__list > li:after {content: '-'; position: absolute; left: 0; top: 0;}
.clubJoinNew .clubNotice--imp {color: #fa4659 !important;}
.clubJoinNew .clubJoin--link {position: relative; margin:3.1rem 4.2% 6%;}
.clubJoinNew .clubJoin--link a {position:absolute;  width:68%; height:6.4%; background:transparent}
.clubJoinNew .clubJoin--link a.pointLink {left:16%; top:18%;}
.clubJoinNew .clubJoin--link a.partnerLink {left:16%; top:41%;}
.clubJoinNew .clubJoin--link a.storeLink {left:16%; top:64%;}
.clubJoinNew .clubJoin--link a.withLink {left:16%; top:91%;}
.clubJoinNew .clubJoin--banner {margin:0; padding-bottom:3.1rem;}
.clubJoinNew .clubJoin .clubBtn-more a {font-weight: normal; font-size: 1.2rem;}
.clubJoinNew .clubJoin--footer {margin: 2rem 0 0;padding:2rem 0 0 0; text-align: center;background:#fff}
.clubJoinNew .clubJoin--footer > strong {font-size: 1.2rem;}
.clubJoinNew .clubJoin--footer .clubBtn-area {margin-bottom: 0; padding: 2rem 0 1rem;}

/* 2025-12-03 멤버십 이용가이드 추가 */
.clubJoinNew .clubJoin__top {padding:10% 0 10.5%; text-align:center;}
.clubJoinNew .clubJoin__top--logo {margin-bottom:1rem;}
.clubJoinNew .clubJoin__top--logo img {width:50%;}
.clubJoinNew .clubJoin__top--logoSub {margin-bottom:2rem;}
.clubJoinNew .clubJoin__top--logoSub img {width:20%;}
.clubJoinNew .clubJoin__top--txt {margin-bottom:1.5rem; font-size:1.2rem; color:#333; line-height:1.5; letter-spacing:-0.05rem;}
.clubJoinNew .clubJoin__top--txtSub {margin-bottom:1.8rem;}
.clubJoinNew .clubJoin__top--txtSub ul {}
.clubJoinNew .clubJoin__top--txtSub ul li {padding-bottom:1rem; color:#333333;}
.clubJoinNew .clubJoin__top--txtSub ul li:last-child {padding-bottom:0;}
.clubJoinNew .clubJoin__top--txtSub ul li > p {display:inline-block; margin:0 1vw 0.3rem 0; font-size:1.0rem; color:#333333; font-weight:bold; border-bottom:1px solid #646464;}
.clubJoinNew .clubJoin__top--txtSub ul li > p img {margin-right:1vw; width:1.0rem; vertical-align:middle;}
.clubJoinNew .clubJoin__top--txtSub ul li span {display:block; font-size:0.9rem; padding:0.3rem 0 0 0;}
.clubJoinNew .clubJoin__top--rank {margin:0 4.2%;}
.clubJoinNew .clubJoin__top--rank .loginBox {margin:0 13%; font-size: 1.1rem; font-weight: bold; line-height:1.3;}
.clubJoinNew .clubJoin__top--rank .loginBox a {position: relative; display: block; text-align: center; margin-top:1rem; padding: 0.9rem 0 0.8rem; border-radius: 0.8rem; font-size: 1.1rem; font-weight: bold; color: #fff; background:#fa4659; line-height:1.3;}
.clubJoinNew .clubJoin__top--rank .loginBox a::after{content:""; width:0.48rem; height:0.48rem; border: 0.2rem solid #fff;border-width: 0.2rem 0.2rem 0 0; transform: rotate(45deg) translateX(-90%); position:absolute; bottom:0.8rem; vertical-align: 0;display: inline-block;margin:0.1rem 0 0 1rem;}
/*.clubJoinNew .clubJoin__top--rank .loginBox span {position: absolute; right:7vw; top:50%; display:inline-block; margin:0; width:0.7rem; height:0.7rem; border: 0.2rem solid #e4e4e4;border-width: 0.2rem 0.2rem 0 0; transform: rotate(45deg) translateX(-90%);}*/
.clubJoinNew .clubJoin__top--rank .myRank {display:flex; padding:1.0rem 6%; border:1px solid #d9d9d9; justify-content: center; align-items: center;}
.clubJoinNew .clubJoin__top--rank .myRank p {flex:1; font-size:1.0rem; color:#666; font-weight:bold;}
.clubJoinNew .clubJoin__top--rank .myRank .rankIco {flex:0.8;}
.clubJoinNew .clubJoin__top--rank .myRank .rankName {flex:1; font-size:1.3rem; color:#333; font-weight:bold;}
.clubJoinNew .clubJoin__top--rank .myRank img {width:50%; max-width:100px;}

.clubJoinNew .clubJoin__info {margin:0 4.2% 10.5%;}
.clubJoinNew .clubJoin__info .clubJoin__info--tit {}
.clubJoinNew .clubJoin__info .clubJoin__info--cont {padding:7% 2.8%; background:#fff;}
.clubJoinNew .clubJoin__info .clubJoin__info--cont .contUser {position: relative; margin-bottom:4.5rem; text-align:center;}
.clubJoinNew .clubJoin__info .clubJoin__info--cont .contUser:last-child {margin-bottom:0;}
.clubJoinNew .clubJoin__info .clubJoin__info--cont .contUser .typeBox {position: relative; padding:1rem 0; font-size:1.2rem; font-weight:bold;}
.clubJoinNew .clubJoin__info .clubJoin__info--cont .contUser.type01 .typeBox {color:#333; background:#f0f0f0;}
.clubJoinNew .clubJoin__info .clubJoin__info--cont .contUser.type02 .typeBox {color:#fff; background:#0084ff;}
.clubJoinNew .clubJoin__info .clubJoin__info--cont .contUser ul {}
.clubJoinNew .clubJoin__info .clubJoin__info--cont .contUser ul li {position: relative; padding:1rem 0; font-size:1.0rem; color:#666; border-bottom:1px dotted #dcdcdc;}
.clubJoinNew .clubJoin__info .clubJoin__info--cont .contUser ul li:last-child {border-bottom:1px solid #dcdcdc;}
.clubJoinNew .clubJoin__info .clubJoin__info--cont .contUser ul li::after{content:''; background:url(https://img.megastudy.net/mobile/smart_new/m_ic_join3.png) center 0 no-repeat; background-size:contain;  position: absolute;left:0; bottom:0; transform: translateY(50%); width:100%; height:20%; max-height:16px;}
.clubJoinNew .clubJoin__info .clubJoin__info--cont .contUser ul li:last-child::after {content: none; background: none;}
.clubJoinNew .clubJoin__info .clubJoin__info--cont .contUser ul li .tit {display: block;font-size:1.0rem; color:#0084ff; font-weight:bold; margin-bottom: 0.5rem;}
.clubJoinNew .clubJoin__info .clubJoin__info--cont .contUser ul li strong {color: #333; border-bottom: 1px solid #333;}
.clubJoinNew .clubJoin__info .clubJoin__info--cont .contUser ul li em {color: #333; border-bottom: 1px solid #666;}
.clubJoinNew .clubJoin__info .clubJoin__info--cont .contUser .InfoFloat {position:absolute; right:1%; bottom:1.8rem; z-index:1; width:35%; max-width:248px;}
.clubJoinNew .clubJoin__info .clubJoin__info--cont .contUser .typeEtc {margin:10px 0 0; width:100%; font-size:0.9rem; color:#666;}

.clubJoinNew .clubJoin__detail {margin:0 4.2% 10.5%;}
.clubJoinNew .clubJoin__detail .clubJoin__detail--tit {}
.clubJoinNew .clubJoin__detail .clubJoin__detail--cont {}
.clubJoinNew .clubJoin__detail .contTab {}
.clubJoinNew .clubJoin__detail .contTab ul {display:-webkit-flex; display:flex; width:100%;}
.clubJoinNew .clubJoin__detail .contTab ul li {position:relative; -webkit-flex: 1; -ms-flex: 1;flex: 1; display:table; height:3.9rem; }
.clubJoinNew .clubJoin__detail .contTab ul li a {display:table; width:100%; height:100%; background:#e0e0e0; font-size:1.3rem; color:#b8b8b8; font-weight:bold;}
.clubJoinNew .clubJoin__detail .contTab ul li a div {display:table-cell; vertical-align:middle; text-align:center;}
.clubJoinNew .clubJoin__detail .contTab ul li a.selected {background:#0084ff; color:#fff; text-decoration:none;}
.clubJoinNew .clubJoin__detail .contTab ul li a.selected:after {content: ''; display: block; position: absolute; left: 50%; bottom: -1.4rem; z-index: 1; border: 0.9rem solid transparent; border-top-color: #0084ff; transform: translateX(-50%); -webkit-transform: translateX(-50%);}
.clubJoinNew .clubJoin__detail .contBox {padding-bottom:3rem; background:#fff; border:1px solid #d9d9d9; box-sizing: border-box;-ms-box-sizing: border-box;}
.clubJoinNew .clubJoin__detail .contBox .bx-default-pager{display: flex;align-items: center;justify-content: center;gap: 0.5rem;}
.clubJoinNew .clubJoin__detail .contBox .bx-default-pager .bx-pager-item{margin: 1rem 0 0;padding-bottom: 2rem;}
.clubJoinNew .clubJoin__detail .contBox .bx-default-pager .bx-pager-item > a{display: block;width: 1.3rem;height: 1.3rem;border-radius: 5rem;background-color: #d9d9d9;text-indent: -9999em;}
.clubJoinNew .clubJoin__detail .contBox .bx-default-pager .bx-pager-item > a.active{background-color: #000;}
.clubJoinNew .clubJoin__detail .contBox .btnArea {margin:0 13%; text-align:center;}
.clubJoinNew .clubJoin__detail .contBox .btnArea a {position: relative; display: block; text-align: center; padding: 0.9rem 0 0.8rem; border-radius: 3rem; font-size: 1.2rem; font-weight: bold; color: #fff; background:#ff5b6c;}
.clubJoinNew .clubJoin__detail .contBox .btnArea span {position: absolute; right:7vw; top:50%; display:inline-block; margin:0; width:0.7rem; height:0.7rem; border: 0.2rem solid #fff;border-width: 0.2rem 0.2rem 0 0; transform: rotate(45deg) translateX(-90%);}

.clubJoinNew .clubJoin__service {margin:0 4.2% 10.5%;}
.clubJoinNew .clubJoin__service .clubJoin__service--tit {}
.clubJoinNew .clubJoin__service .clubJoin__service--cont {}
.clubJoinNew .clubJoin__service .clubJoin__service--cont ul {}
.clubJoinNew .clubJoin__service .clubJoin__service--cont ul li {padding-bottom:9vw;}
.clubJoinNew .clubJoin__service .clubJoin__service--cont ul li:nth-of-type(1) {background:#d7e8ff;}
.clubJoinNew .clubJoin__service .clubJoin__service--cont ul li:nth-of-type(2) {background:#f8e7e4;}
.clubJoinNew .clubJoin__service .clubJoin__service--cont ul li:nth-of-type(3) {background:#f3e2ff;}
.clubJoinNew .clubJoin__service .clubJoin__service--cont ul li:nth-of-type(4) {background:#d4f8f1;}
.clubJoinNew .clubJoin__service .clubJoin__service--cont .btnArea {margin:0 13%; text-align:center;}
.clubJoinNew .clubJoin__service .clubJoin__service--cont .btnArea a {position: relative; display: block; text-align: center; padding: 0.9rem 0 0.8rem; border-radius: 3rem; font-size: 1.2rem; font-weight: bold; color: #fff;}
.clubJoinNew .clubJoin__service .clubJoin__service--cont .btnArea span {position: absolute; right:7vw; top:50%; display:inline-block; margin:0; width:0.7rem; height:0.7rem; border: 0.2rem solid #fff;border-width: 0.2rem 0.2rem 0 0; transform: rotate(45deg) translateX(-90%);}
.clubJoinNew .clubJoin__service .clubJoin__service--cont ul li:nth-of-type(1) .btnArea a {background:#0084ff;}
.clubJoinNew .clubJoin__service .clubJoin__service--cont ul li:nth-of-type(2) .btnArea a {background:#ff6c7b;}
.clubJoinNew .clubJoin__service .clubJoin__service--cont ul li:nth-of-type(3) .btnArea a {background:#b754f9;}
.clubJoinNew .clubJoin__service .clubJoin__service--cont ul li:nth-of-type(4) .btnArea a {background:#08bf9a;}

.clubJoinNew .clubJoin__rank {position:relative; margin:0 4.2% 0; padding-bottom:3.1rem;}
.clubJoinNew .clubJoin__rank .clubJoin__Rank--tit {}
.clubJoinNew .clubJoin__rank .clubJoin__rank--cont {}

.guideNotice {width:auto; margin:1.4rem 0 1rem;}
.guideNotice__list--item {position:relative; padding:0 0 0 0.7rem; margin-bottom:0.2rem; font-size:calc(70% + 0.7vw); line-height:calc(100% + 1.2vw); color:#3f3f3f; word-break:keep-all; word-wrap:break-word;}
.guideNotice__list--item.guideNotice--impact {font-weight: bold;color: #0084ff;}
.guideNotice__list--item:before {position:absolute; left:0; top:0; z-index: 3; content:"*";}
.guideNotice__list--link {display:inline-block; font-weight:bold; color:#000; text-decoration: underline !important;}
.guideNotice .btnArea {text-align:right;}
.guideNotice .btnArea a {color:#333; border:1px solid #d9d9d9;}

.clubJoinNew .clubJoin__rank .contTab {}
.clubJoinNew .clubJoin__rank .contTab ul {display:-webkit-flex; display:flex; width:100%;}
.clubJoinNew .clubJoin__rank .contTab ul li {position:relative; -webkit-flex: 1; -ms-flex: 1;flex: 1; display:table; height:3.6rem; margin-right:1px;}
.clubJoinNew .clubJoin__rank .contTab ul li:last-child {margin:0;}
.clubJoinNew .clubJoin__rank .contTab ul li a {display:table; width:100%; height:100%; background:#e0e0e0; font-size:1.1rem; color:#b8b8b8; font-weight:bold;}
.clubJoinNew .clubJoin__rank .contTab ul li a div {display:table-cell; vertical-align:middle; text-align:center;}
.clubJoinNew .clubJoin__rank .contTab ul li a.selected {background:#0084ff; color:#fff; text-decoration:none;}

.clubJoinNew .clubJoin__rank .contBox {}
.clubJoinNew .clubJoin__rank .contBox ul {}
.clubJoinNew .clubJoin__rank .contBox li {border:1px solid #d9d9d9;}
.clubJoinNew .clubJoin__rank .contBox li:last-child {}
.clubJoinNew .clubJoin__rank .contBox .rankInner {background:#fff; text-align:center;}
.clubJoinNew .clubJoin__rank .contBox .rankTit {padding:1.5rem 0; text-align:center; border-bottom:1px dotted #d9d9d9;}
.clubJoinNew .clubJoin__rank .contBox .rankTit div:first-child {margin:0 0 0.8rem;}
.clubJoinNew .clubJoin__rank .contBox .rankTit div {font-size:1.1rem; color:#888; line-height:1.6; letter-spacing:-1px;}
.clubJoinNew .clubJoin__rank .contBox .rankTit > div img {width:12.5%; max-width:100px;}
.clubJoinNew .clubJoin__rank .contBox .rankTit p {margin:0 0 0.3rem; font-size:1.3rem; color:#333; font-weight:bold;}
.clubJoinNew .clubJoin__rank .contBox .rankInfo {padding:1.5rem 0; border-bottom:1px dotted #d9d9d9;}
.clubJoinNew .clubJoin__rank .contBox .rankInfo:last-child {border:0;}
.clubJoinNew .clubJoin__rank .contBox .rankInfo p {margin:0 0 0.3rem; font-size:1.3rem; color:#333; font-weight:bold;}
.clubJoinNew .clubJoin__rank .contBox .rankInfo p.type00 {color:#cde7ff;}
.clubJoinNew .clubJoin__rank .contBox .rankInfo p.type01 {color:#5eb0ff;}
.clubJoinNew .clubJoin__rank .contBox .rankInfo p.type02 {color:#007bed;}
.clubJoinNew .clubJoin__rank .contBox .rankInfo div {font-size:1.1rem; color:#888; line-height:1.6; letter-spacing:-1px;}
/*.clubJoinNew .clubJoin__rank .contBox .rankInfo div .icoNew {margin-left:2px; font-size:14px; color:#ff4848; font-weight:bold;}*/
.clubJoinNew .clubJoin__rank .contBox .rankInfo div .icoNew {position: relative; top: 0.4rem; margin-left: 0.4rem; display:inline-block; width:1.0rem; height:1.0rem; vertical-align:0 !important;}
.clubJoinNew .clubJoin__rank .contBox .rankInfo div .icoNew img {width:100%;}
.clubJoinNew .clubJoin__rank .membershiprank--layer {display:none;position: absolute;z-index: 100;top:auto;left:3%;right:3%;bottom:0; color: #666;border: 1px solid #1162db;background: #fff;padding:5%;font-size: 1rem;letter-spacing: -1px;box-shadow: 2px 2px 5px 0px rgba(201,201,201,1);text-align:left}
/* end 2025-12-03 멤버십 이용가이드 추가 */





/* clubJoin__write */
.clubJoin__write {margin: 0 1rem 1rem; background: #fff;}
.clubJoin__write--item {display: table; table-layout: fixed; width: 100%; border-bottom: 1px solid #e4e4e4;}
.clubJoin__write--item:first-child {padding-top: 1.5rem;}
.clubJoin__write--item > div {display: table-cell; position: relative; vertical-align: middle;}
.clubJoin__write--item > div:first-child {width: 22%; font-weight: bold; color: #3f3f3f; text-align: left;}
.clubJoin__write--item input[type='text'] {width: 100%; border: 0 !important; color: #1677cb;}
.clubJoin__write--type input[type='text'] {width: calc(100% - 8rem); width: -webkit-calc(100% - 8rem);}
.clubJoin__write--type > a {position: absolute; top: calc(50% - 1.1rem); top: -webkit-calc(50% - 1.1rem); right: 0; z-index: 1;}

/* clubJoin__check */
.clubJoin__check {position: relative; margin: 1.5rem 1.3rem 0; padding: 1rem; border: 1px solid #696e7a; background: #fff;}
.clubJoin__check--inner {overflow: hidden;}
.clubJoin__check--inner > p {display: inline-block; margin: 0 0 0 0.8rem;font-weight: bold; color:#3f3f3f; vertical-align: middle;}
.clubJoin__check--inner > p > span {color: #1677cb;}
.clubJoin__check--inner > .chkx1 {display: inline-block; margin-top: 0; vertical-align: middle;}
.clubJoin__check--more {position: absolute; right: 1rem; top: calc(50% - 0.8rem); top: -webkit-calc(50% - 0.8rem); width: 1.6rem; height: 1.6rem; background: url("//img.megastudy.net/mobile/smart_new/ico_btn_arr02.png") no-repeat 50% 50% / 0.8rem auto; -webkit-background-size: 0.8rem auto;}

/* clubJoin__terms */
.clubJoin__terms {padding: 1rem 1rem 2rem; background: #fff; color: #666; word-break: keep-all; word-wrap: break-word;}
.clubJoin__terms h3 {margin: 1rem 0 0.5rem; font-size: 1rem;}
.clubJoin__terms h3:first-of-type {margin-top: 0;}
.clubJoin__terms li {margin-left: 1rem; text-indent: -1rem;}

/* clubJoin sub tab */
.clubSubTab {margin:1rem 0 0 0; background:#fff; display: -webkit-flex; display: flex; text-align: center }
.clubSubTab .tabM {-webkit-flex: 1; flex: 1;display: -webkit-flex; display: flex; background:#f6f6f7;-webkit-align-items: center;align-items: center;border-bottom:0.1rem solid #e4e4e4;font-size:1.25rem;line-height:1.25rem; border-bottom:0; }
.clubSubTab .tabM a{font-size:1.167rem;height:3rem;overflow: hidden; line-height: 3.4rem;flex: 1; font-family: 'nanum-barun-gothic-bold';}
.clubSubTab .on{ background:#fff; }
.clubSubTab a:first-child{border-right: 1px solid #e4e4e4;}

.partnerView--layerCouponCode{position:fixed; left:50%; top:50%; z-index:99999;transform: translateX(-50%) translateY(-50%); width: 90%;border:1px solid #000000;padding: 10%;background: #fff;}
.partnerView--layerCouponCode p{text-align: center;font-size:1.1rem;line-height: 2;margin-bottom: 1rem;}
.partnerView--layerCouponCode label input{width:100%;height: 2.3rem;line-height: 2.3rem;text-align: center;font-size:1.2rem;border: 1px solid #000;margin-bottom: 20px;}
/* .partnerView--layerCouponCode .btnClose {position: absolute;right: 20px;top:20px;width:2rem;height:2rem;background-size: contain;overflow: hidden;text-indent: -9999px;} */
.partnerView--layerCouponCode .pdatabtn__area {text-align: center;}

.partnerView--layerCouponCode .btnClose {position:absolute; right:1%; top:1%; z-index:2; width:3rem; height:3rem; text-indent: -9999px;}
.partnerView--layerCouponCode .btnClose:before,
.partnerView--layerCouponCode .btnClose:after {content:''; display:block; position:absolute; left:50%; top:50%; width:2rem; height:2px; margin-left:-1rem; background:#444a59;}
.partnerView--layerCouponCode .btnClose:before {transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg);}
.partnerView--layerCouponCode .btnClose:after {transform:rotate(135deg); -moz-transform:rotate(135deg); -webkit-transform:rotate(135deg);}

.section_banner{background: #ffeff4;}
.section_banner img{width:100%}

.clubMyHistory__list .withClub__btns{display: flex;padding:2% 0 0 0}
.clubMyHistory__list .withClub__btns a{flex:1;color:#fff;font-size:1rem;text-align: center;line-height: 3;background: #b2b4b9;width:49.5%;}
.clubMyHistory__list .withClub__btns a:first-child{margin-right: 0.3rem;}

.tec_top-nav{ overflow:hidden;  width: 100%; border-bottom:1px solid #f1f1f1; background:#fff; }
.tec_top-nav .swiper-wrapper{  }
.tec_top-nav .swiper-wrapper .swiper-slide{ font-size:1rem; background-color:#fff;  height:3.7rem;  background:url("//img.megastudy.net/mobile/smart_new/bg_line1.png") no-repeat right center ; background-size: 2px 1.2rem ; }
.tec_top-nav .swiper-wrapper .swiper-slide:last-child{ width:30%; background:none; }
.tec_top-nav .swiper-wrapper .on{ border-bottom:3px solid #2082dd; color: #2082dd; }
.tec_top-nav .swiper-wrapper .swiper-slide{
 /* Center slide text vertically */
 		width: 22%;
 		 text-align: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
}
.swiper-container-horizontal>.swiper-pagination-progress{ position:inherit; left:inherit; top:inherit; height:0.2rem;}
.tec_top-nav .swiper-wrapper.swiper-slide:last-child {width: 40%;background-image:none !important;}


/* 20250224 맴버십 */
.megaclub-bg{background:#fff; padding-bottom:1px;}
.my__memebership--info{padding:5% 5% 3%;background:#eaf4ff;text-align:center}
.my--savedata{padding:3% 0 0 0;border-top:1px solid #d5dde6}
.my--savedata .my--savetit{display:block;margin-bottom:2%;font-size:1.2rem}
.my--savedata .bx__logout{padding:2%;background:#fff;border:1px solid #0084ff;font-size:1.2rem}
.my--savedata .bx__logout .btn--login{color:#007af3;font-size:1.2rem;text-decoration:underline}
.membership__check{font-size:1rem}
.my--allpoint{margin-top:3%;font-size:1.2rem;color:#333}
.my--allpoint .yes__point{overflow:hidden;}
.my--allpoint .total__point{overflow:hidden;margin-top:2%}
.my--allpoint .point--name{float:left;width:50%;padding:2% 0;background:#007af3;color:#fff;text-align:center}
.my--allpoint .point--score{float:left;width:50%;padding:2% 0;background:#fff;text-align:center}
.opt--txt{margin:0;padding:3% 0 0 5%;font-size:0.9rem;color:#555}

.bx--mission{position:relative;height:10vw;margin:4% 5% 0;padding:0 0 0 25%;text-align:center;background:#f2f9ff;font-size:1.1rem;font-weight:bold;color:#000;display: flex;align-items: center;justify-content: center;}
.bx--mission01{position:relative;height:14vw;margin:4% 5% 0;padding:0 0 0 25%;text-align:center;background:#f2f9ff;font-size:1.1rem;font-weight:bold;color:#000;display: flex;align-items: center;justify-content: center;}
.bx--mission .page_done{position:absolute;right:0;top:0;width:30%}
.bx--mission .page_done img{width:100%}
.bx--mission strong{color:#fa4659}
.inner_tit{position:absolute;left:0;top:0;width:25%;height:10vw;background:#0084ff;}
.inner_tit:after{display:block;clear:both;content:"";position:absolute;left:1%;top:0;width:100%;height:10vw;background:#0084ff;z-index:10}
.bx--mission01 .inner_tit{position:absolute;left:0;top:0;width:25%;height:14vw;background:#0084ff;}
.bx--mission01 .inner_tit:after{display:block;clear:both;content:"";position:absolute;left:1%;top:0;width:100%;height:14vw;background:#0084ff;z-index:10}
.tit__mission{position:relative;width:100%;height:100%;padding:0;background:none;color:#fff;text-align:center;z-index:20;display: flex;align-items: center;justify-content: center;}
.tit__mission:after{display:block;clear:both;content:"";position:absolute;right:-10vw;top:0;width: 0;height: 0;
    border-top: 5vw solid transparent;
    border-bottom: 5vw solid transparent;
    border-right: 5vw solid transparent;
    border-left: 5vw solid #0084ff;}
.tit__mission01:after{display:block;clear:both;content:"";position:absolute;right:-10vw;top:0;width: 0;height: 0;
    border-top: 7vw solid transparent;
    border-bottom: 7.5vw solid transparent;
    border-right: 5vw solid transparent;
    border-left: 5vw solid #0084ff;}

.bx--mission .font--color2{color:#4ca3ff;letter-spacing: -0.1rem;}

.sort__calendar{position:relative;padding:4% 5%;font-size:1rem;color:#333;letter-spacing:-1px}
.sort--month{position:absolute;left:5%;top:39%;font-size:1.3rem;color:#0084ff;font-weight:bold}
.btn--prevmonth{display:inline-block;width:0;height:0;margin-right:0.5rem;
	border-top: 0.5rem solid transparent;
    border-bottom: 0.5rem solid transparent;
    border-right: 0.5rem solid #0084ff;
    border-left: 0.5rem solid transparent;}
.btn--nextmonth{display:inline-block;width:0;height:0;margin-left:0.5rem;
	border-top: 0.5rem solid transparent;
    border-bottom: 0.5rem solid transparent;
    border-right: 0.5rem solid transparent;
    border-left: 0.5rem solid #0084ff;}
.my--totalcheck{padding:1rem 0;text-align:center;font-size:1.1rem}
.my--totalcheck .btn--login{font-size:1.1rem;color:#0084ff;text-decoration:underline}
.my--totalcheck strong{color:#0084ff}
.my--totalcheck strong.str_color02{color:#fd8c2f !important}

.btn--action{position:absolute;right:5%;top:33%;width:25%;}
.btn--action .btn--ty{display:block;padding:4%;font-size:1rem;color:#fff;text-align:center;}
.btn--action .btn--check{background:#333;text-decoration:none}
.btn--action .btn--done{background:#999}

.bx__clubcal{padding:0 5% 5%}

.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: #f2f9ff;font-weight: bold;}
.calendar-mission__tbl--today:after{display:block;clear:both;content:"";position: absolute;left: 0;top: 0;right:0;bottom:0;border:2px solid #4ca3ff}
.calendar-mission__tbl--todayInner {display: inline-block;padding-top: calc(50% + 1.2rem);color:#4ca3ff}
.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('https://img.megastudy.net/megaClub/common/im_ic_daypoint.png') 0 0 / 100% auto;-webkit-background-size: 100% auto;z-index:20}
.calendar-mission__tbl--icoInner02 {position: absolute;left: 10%;top: 10%;width: 80%;height: 80%;background: url('https://img.megastudy.net/megaClub/common/im_ic_daypoint_20p.png') 0 0 / 100% auto;-webkit-background-size: 100% auto;z-index:20}
.calendar-mission__tbl--7days{position: absolute;right: 0;bottom: 0;;background: #ff7684;color: #fff;width: 100%;font-size: 0.8rem;padding: 0.3rem 0;}
.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}


.bx__missionp{margin:0 5%;padding-bottom:5%}
.bx--point--mission{position:relative;margin:3% 0 0 0;padding:3% 5%;border:1px solid #dadada}
.bx--point--mission.bx--point--mission02{padding: 5% 5% 3%;}
.tit--point{float:left;width:50%;margin:0;padding:4% 0 0 0;font-size:1.1rem;font-weight:bold;color:#333;text-align:left}
.tit--point.tit--point02{padding: 1% 0 0 0;}
.tit--point.tit--point02 span{font-size: 0.8rem;font-weight: normal;}
.bx--getpoint{float:left;width:50%;padding:2% 0 0 0;font-size:1.5rem;font-weight:bold;color:#ff7684;text-align:left}
.ic--getpoint{display:inline-block;width:2rem;height:2rem;margin-right:0.2rem;background:url(https://img.megastudy.net/megaClub/common/ic_getpoint.png) no-repeat;vertical-align:middle;background-size:100%}
.mission--count{position:absolute;right:0;top:0;width:4rem;height:4rem;padding:0rem 0 0 0;background:#000;font-size:1rem;font-weight:bold;letter-spacing:-1px;text-align:center;color:#fff; display: flex;align-items: center;justify-content: center;}
.bx--mission--btn{clear:both;padding:8% 0 0 0;text-align:center}
.bx--mission--btn a{display:inline-block;width:100%;height:3rem;font-size:1.1rem;background:#0084ff;text-align:center;line-height:3rem;color:#fff;border-radius:0;text-decoration:none}



/* 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 ul{margin-bottom:1rem}
.box_infomation .cont .pointColor {color: #3ba0ff;font-weight: normal;}
.box_infomation.open .tit {margin-bottom: 0.5rem;}
.box_infomation.open .tit a span::after {content: '▲';color: currentcolor;}
.box_infomation .stit {padding-bottom:0.5rem;font-size:1rem;color:#111;font-weight:bold}
.box_infomation.open .cont{display: block;background: #fff;border: 1px solid #fff;padding: 1rem .6rem;color: #999}
.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;}

.myMemberShip__rank{position:relative;padding:5% 7%;background:#eaf4ff}
.member--rankmark{overflow:hidden;padding-bottom:5%}
.member--rankmark .rank--logo{float:left;width:20%}
.member--rankmark .rank--logo img{width:100%}
.member--rankmark .rank--info{display:block;overflow:hidden;font-size:1rem;padding:4% 0 0 5%}
.member--rankmark .rank--info strong{font-size:1.3rem}
.member--rankmark .rank--info .btn_box1{width:100%;text-align:center}
.member--rankmark .btn--rank__benefit{margin-top:2%}
.bx--mysave--point{margin-top:3%;padding-top:3%;border-top:1px solid #d9d9d9}
.bx--normal{font-size:1rem;color:#333}
.my--point__view{font-size:1.3rem;color:#188ffe}
.my--point__view a{display:inline-block;width:1.3rem;height:1.3rem;vertical-align:top}
.my--point__view a img{width:100%}

.sub--upgrade--info{padding:1% 0 0 0;font-size:1rem;color:#777}
.sub--upgrade--info p{margin:0;padding:0;line-height:1.2rem;border-bottom:none}
.sub--upgrade--info strong{color:#333}
.sub--upgrade--info .imp{color:#fa3200}

.my__membership--coupon{overflow:hidden;margin:0 5%;padding:2% 3%;border:1px solid #dcdcdc;text-align:left}
.my__membership--coupon a{position:relative;display:block}
.my__membership--coupon a:after{display:block;clear:both;content:">";position:absolute;right:0;top:40%;font-size:1.3rem}
.my--rank-icon{float:left;width:15%;vertical-align:top}
.my--rank-icon img{width:100%}
.rank--txtinfo{display:block;overflow:hidden;padding:3% 0 0 4%;font-size:1.1rem;color:#333;font-weight:normal;line-height:1.5rem}
.rank--txtinfo strong{color:#0084ff}

.item--tit{padding:4% 0 0 0;font-size:1.2rem;color:#333;font-weight:bold;text-align:center}
.item--btn{padding:3% 0 0 0;text-align:center}
.item--btn .btn__baty{display:inline-block;position:relative;width:100%;height:3rem;line-height:3rem;color:#fff;font-size:1.1rem;border-radius:0;text-align:center}
.item--btn .btn__downs{background:#0084ff;}
.item--btn .btn__downs:after{display:inline-block;clear:both;content:url(http://img.megastudy.net/megaClub/common/ic_btndown.png);margin:0 0 0 1rem;vertical-align:0}
.item--btn .btn__done{background:#999}
.member--mark{position:absolute;left:0;top:0;width:25%;padding:1% 0;font-size:1rem;color:#fff;background:#000;text-align:center}

.club--sort__coupon{margin:1rem 0 1rem 1rem;}
.club--sort__coupon ul{overflow:hidden}
.club--sort__coupon ul li{float:left;border-left:1px solid #d9d9d9}
.club--sort__coupon ul li:first-child{border-left:none}
.club--sort__coupon ul li a{display:block;font-size:1.1rem;color:#111;padding:0 0.5rem}
.club--sort__coupon ul li a.selected{color:#0084ff}

/* Layer */
.info-passLayer{position: fixed;left:5%;right:5%;top:50%;z-index:100;width:auto;display:none;transform: translateY(-50%);}
.info-passLayer .tcon .tflist{margin-left: 0;line-height: 1.2}
.info-passLayer .tcon .tflist li{padding-left: .77rem;text-indent: -.77rem}

.info-passLayer .sub--upgrade--info{padding:0}
.info-passLayer .sub--upgrade--info p{border-bottom:none}
.p_layer1{ background:#fff; width:auto;  border:1px solid #696e7a; }
.p_layer1 img{ width:100%; }
.p_layer1 .tbox{ overflow:hidden; padding:1.1rem 1.3rem; border-bottom:1px solid #e4e4e4; }
.p_layer1 .tbox span{ display:inline-block; float:left; }
.p_layer1 .tbox a{ display:inline-block; float:right; width:1.2rem; height:1.2rem; }
.p_layer1 .tcon{ padding:1.1rem 0.5rem }
.p_layer1 .tcon p{ padding:0 0.5rem 0.5rem 0.5rem; font-size:0.9rem;color:#555;text-indent:-0.5rem;letter-spacing:-1px}
.p_layer1 .tcon .tflist{ padding-top:0.5rem; margin-left:0.7rem; }
.p_layer1 .tcon .tflist li{  overflow:hidden;padding-bottom:0.3rem; font-size:0.9rem; color:#3f3f3f; }
.p_layer1 .tcon .tflist li span{ display: inline-block; padding-left:0.2rem;  }
.p_layer1 .tcon .tflist li span:nth-child(1){ float:left; }
.p_layer1 .tcon .tflist li span:nth-child(2){ float:left; width:13rem; }
.p_layer1 .tcon .tflist li span i{ color:#f34d51; }

.layer__all--group{display:flex;margin-bottom:0.5rem;line-height:1.3rem}
.point__inbx{flex:3;text-align:center}
.code__etc{position:relative;flex:1;display:flex;padding:0;flex-direction:column;align-items:center;justify-content: center;}
.code__etc span{position:absolute;left:0;top:85%;width:100%;text-align:center;transform: translateY(-50%)}
.point--ltit{display:flex;height:3rem;flex-direction:column;align-items:center;justify-content: center;}


.bx_palart{position:absolute;left:0;top:0;right:0;bottom:0}
.bx_palart .dimmed_black{position:absolute;left:0;top:0;right:0;bottom:0;background:#000;opacity:0.7;z-index:10}
.bx_palart .txt_lyr{position:absolute;left:0;top:50%;width:100%;transform: translateY(-50%);padding:0;text-align:center;color:#fff;font-size:3.5vw;z-index:20}
.bx_palart .txt_lyr .lyr_tit{font-size:4vw;margin:0;padding-bottom:5%;color:#0084ff;font-weight:600}
.bx_palart .txt_lyr .rank_txt{margin:5% 10% 0;padding:2% 0;border:1px solid #fff;border-radius:3vw;font-size:3vw;background:#fff;color:#111}
.bx_palart .txt_lyr .rank_txt strong{color:#0084ff}



/* Media Query */
@media screen and (min-width: 640px){

}
@media screen and (orientation:portrait) {
  /* ... */
}

@media screen and (orientation: landscape) {
  /* ... */
}

@media screen and (min-width:1280px )  {
.inner_tit:after{left:0%}
}

/* 20250512 추가 */

.nextClass_popupBtn{display: block; margin-bottom: 2rem; color: #007af3 !important;text-align: center;text-decoration: underline !important;text-underline-position: under;}


/* 팝업 본체 */
.nextClass_popup--wrap {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.3);z-index: 9999;display: flex;align-items: center;justify-content: center;flex-direction: column;}  
.nextClass_popup--box { background: #f2f9ff; width: 90%; max-width: 100%; padding: 1.5rem 1rem; box-shadow: 0 0.7rem 1rem rgba(0, 0, 0, 0.3); position: relative; }  
/* 닫기 버튼 */
.popup-close {position: absolute;top: 0.9rem;right: 1.1rem;font-size: 1.1rem;background: none;border: none;cursor: pointer;}  
/* 내용 내부 스타일 */
.popup-title {font-size: 1.2rem;margin-bottom: 1.1rem;text-align: center;font-weight: var(--font-weight-semibold);}
.highlight {color: #007aff;font-weight: bold;}
.point-box {display: flex;justify-content: space-between;background: #fff;padding: 1.1rem;margin-bottom: 1.1rem;border: 1px solid #dedede;}
.point-box .point-box__left {width: 45%;text-align: center;position: relative;}
.point-box .point-box__left::after { content: ""; display: block; position: absolute; top: 0; right: -1.2rem; width: 1px; height: 100%; background: #dedede; z-index: 0;}
.point-box .point-box__right {width: 45%;text-align: center;}
.point-box h4 {font-size: 0.9rem;color: #000;margin-top: 0; margin-bottom: 0.7rem;}
.point-box .point {font-size: 1.1rem;font-weight: bold;background: #f5faff;padding: 0.7rem 0;text-align: center;width: 100%;}
.point-box .black {background: #f5faff;color: #fff;width: 100%;}
.grade {font-size: 0.75rem;text-align: center;margin-top: 0.9rem;}
.grade .blue {color: #007aff;}
.info-text {font-size: 0.9rem;text-align: center;margin: 1rem 0;line-height: 28px;}
.info-text span {color: #007aff;text-decoration: underline; text-underline-position: under;}
.nextClass--btn-group {display: flex;justify-content: center;gap: 2%;}
.nextClass--btn {padding: 0.7rem 0.9rem;font-size: 0.9rem;border: 1px solid #ccc;background: #fff;cursor: pointer;width: 48%;}
.nextClass--btn.nextClass--btn__lookmem {color:#000 !important;}
.nextClass--btn.blue {background: #fff;color: #0084ff; border: 1px solid #0084ff;}
.babe_blue{color: #a9d5ff;}
.sky_blue{color: #69b6ff;}
.mega_blue{color: #007bed;}

.bot_modal--cont_box{width: 90%;margin: 0 auto;}
.bot_modal--cont{height:2rem;background:#666;padding:4px 12px 4px 7px;position:relative;text-align:left}
.bot_modal--cont input {border:1px solid #F5F4F4;width:15px;height:15px}
.bot_modal--cont label {color:#fff;vertical-align:-2px;margin-left:3px}
.bot_modal--cont a {color:#fff;position:absolute;right:10px;top:6px}
.bot_modal--cont label input[type=checkbox] {margin-right: 2px; background: #fff;}
.classBold{font-weight: bold;}
/* 20250512 추가 */

/* 20251106 시즌4 추가 */
.bx--point--mission__dim{position: absolute;left: 0;top: 0;z-index: 10;width: 100%;height: 100%;}
.bx--point--mission__dim img{width: 100%;height: 100%;object-fit: cover;}
.membershiprank--layer_color{color: #007bed;}
.imp_color{color: #3ba0ff !important;}
.mission--count.mission--count__new{background: #feed72;color: #000;}
/* 20251106 시즌4 추가 */