:root {
    --mj-max-width: 650px;
    --mj-hash-item-size: 87px;
    --mj-vod-top-ten-category-item-size: 50px;
    --mj-header--height: 55px;
    --font-black: #222222;
    --font-primary: #434343;
    --orange_primary: #fe3f06;
    --gray-1: #ececec;
    --gray-3: #f0f0f0;
    --0-white: #ffffff;
    --font_primaryvariant: #7f7f7f;
}

@font-face {
    font-family: "San Francisco";
    font-weight: 100;
    src: url("https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-ultralight-webfont.woff") format("woff");
}
@font-face {
    font-family: "San Francisco";
    font-weight: 200;
    src: url("https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-thin-webfont.woff") format("woff");
}
@font-face {
    font-family: "San Francisco";
    font-weight: 400;
    src: url("https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-regular-webfont.woff") format("woff");
}
@font-face {
    font-family: "San Francisco";
    font-weight: 500;
    src: url("https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-medium-webfont.woff") format("woff");
}
@font-face {
    font-family: "San Francisco";
    font-weight: 600;
    src: url("https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-semibold-webfont.woff") format("woff");
}
@font-face {
    font-family: "San Francisco";
    font-weight: 700;
    src: url("https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-bold-webfont.woff") format("woff");
}
@font-face {
    font-family: "AppleSDGothicNeoB00";
    src: url("/Skin/font/AppleSDGothicNeoB.ttf") format("truetype");
}
@font-face {
    font-family: "AppleSDGothicNeoEB00";
    src: url("/Skin/font/AppleSDGothicNeoEB.ttf") format("truetype");
}
@font-face {
    font-family: "AppleSDGothicNeoH00";
    src: url("/Skin/font/AppleSDGothicNeoH.ttf") format("truetype");
}
@font-face {
    font-family: "AppleSDGothicNeoL00";
    src: url("/Skin/font/AppleSDGothicNeoL.ttf") format("truetype");
}
@font-face {
    font-family: "AppleSDGothicNeoM00";
    src: url("/Skin/font/AppleSDGothicNeoM.ttf") format("truetype");
}

* { -webkit-tap-highlight-color: transparent; }
html { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
body { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; font-family: 'San Francisco'; }
input { outline: none; }
img { vertical-align: middle; -webkit-user-drag: none; }

/* @media (max-width: 419px) { */
    body { font-size: 10pt; }
/* } */

/* @media (min-width: 420px) {
    body { font-size: 14pt; }
} */

#wrap { display: flex; justify-content: center; }
#container { display: flex; flex-direction: column; max-width: var(--mj-max-width); width: 100%; height: 100vh; }

.mjBold, .mjToggleButton[selected], .mjNowbeginScrollMenuItem[selected], .mjGoodsScheduleWeek, .mjGoodsMiniDateNum,
.mjGoodsMiniDateText, .mjGoodsMiniDateTime, .mjVodTopTenTitle, .mjDetailFeedTitle, .mjClassCategoryItemTitle, .mjClassCategoryFilterItem { font-weight: 700; }

.mjThumnailArea img, .mjThumnailImage, .mjVodTopTenThumnailImage { min-width: 100%; min-height: 100%; object-fit: cover; }
.mjOverlayLiveImage { position: absolute; width: 35px; height: 18px; bottom: 8px; }

.mjNewIcon {
    min-width: 6px;
    max-width: 6px;
    border-radius: 3px;
    aspect-ratio: 1;
    background-color: #fe3f06;
    position: absolute;
    top: 0px;
    right: 0px;
}

.mjMobileHeaderDiv {
    position: relative;
    top: 0px;
    height: var(--mj-header--height);
    width: 100%;
    max-width: var(--mj-max--width);
    margin: 0 auto;
    z-index: 100;
    background-color: white;
    /* box-shadow: 0 3px 6px rgb(0 0 0 / 6%); */
    /* border-bottom: 2px solid #F6F6F6; */
}
.mjMobileHeaderPrev {
    position: absolute;
    left: 10px;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    line-height: var(--mj-header--height);
    z-index: 100;
}
.mjMobileHeaderText {
    text-align: center;
    font-size: 18px;
    vertical-align: middle;
    line-height: var(--mj-header--height);
    font-weight: 500;
    position: relative;
}
.mjHeaderNowBeginLogo {
    display: inline-block;
    position: absolute;
    font-size: 0;
    vertical-align: top;
    width: 142px;
    left: 18px;
}
.mjHeaderNowBeginLogo img {
    width: 100%;
    height: 100%;
}
.mjHeaderNotificationLogo, .mjHeaderEventLogo, .mjHeaderNowPassLogo {
    position: absolute;
    transform: matrix(0.1, 0, 0, 0.1, 0, 0);
    top: -182px;
    min-width: fit-content;
    max-width: fit-content;
}
.mjHeaderNotificationLogo {
    /* right: calc(((-300px + 30px) / 2) + 135px); */
    right: calc(((-300px + 30px) / 2) + 24px);
}
.mjHeaderEventLogo {
    /* right: calc(((-300px + 30px) / 2) + 83px); */
    right: calc(((-300px + 30px) / 2) + 78px);
}
.mjHeaderNowPassLogo {
    /* right: calc(((-400px + 40px) / 2) + 24px); */
    right: calc(((-400px + 40px) / 2) + 135px);
}
.mjHeaderNotificationLogo .mjNewIcon {
    min-width: 60px;
    max-width: 60px;
    border-radius: 30px;
}
.mjHeaderNotificationLogo img, .mjHeaderEventLogo img, .mjHeaderNowPassLogo img {
    min-width: 280px;
    max-width: 280px;
    min-height: 280px;
    max-height: 280px;
}
.mjHeaderNotificationLogo span, .mjHeaderEventLogo span, .mjHeaderNowPassLogo span {
    display: block;
    font-size: 90px;
    margin-top: 30px;
    min-height: 110px;
    max-height: 110px;
    font-weight: 500;
}
.mjHeaderNotificationLogo span {
    min-width: 300px;
    max-width: 300px;
}
.mjHeaderEventLogo span {
    min-width: 300px;
    max-width: 300px;
}
.mjHeaderNowPassLogo span {
    min-width: 400px;
    max-width: 400px;
}

.mainSection { width: 100%; flex: 1; display: flex; flex-direction: column; }
.searchBar { margin: 5px 15px 5px 15px; }
.searchBar form { display: flex; flex-direction: row; width: 100%; height: 50px; align-items: center; }
.mj_search_input_wrap { display: flex; flex: 1; width: auto; min-width: max-content; height: 100%; margin-right: 16px; background-color: #F4F4F4; border-radius: 8px; }
.mj_search_input_icon { background-image: url('/Skin/img/icon/ic-search.svg?r=0'); background-size: 20px; background-repeat: no-repeat; background-position: center; width: 20px; margin-left: 20px; }
.mj_search_input {
    background-color: transparent;
    border: none;
    font-size: 1.5em;
    flex: 1;
    padding: 0 10px 0 10px;
}
.mj_search_input:focus {
    border: none;
}
.mj_search_input::placeholder {
    color: #A7A7A7;
}
.mj_profile_img_wrap { min-width: 40px; height: 40px; margin-right: 0px; border-radius: 20px; background-color: darksalmon; overflow: hidden; }

.content {
    flex: 1;
}

.mjBottomTab { display: flex; border-top: 2px solid #F6F6F6; padding: 20px 0px 20px 0px; }
.mjBottomTabItem { flex-direction: row; flex: 1; align-items: center; justify-content: center; text-align: center; margin: 0px 5px 0px 5px; }
.mjBottomTabIcon { height: 26px; background-size: contain; background-repeat: no-repeat; background-position: center; }
.mjBottomTabTitle { font-size: 0.857em; margin: 5px 0px 0px 0px; color: black; }


.tab_item_home{background-image: url('/Skin/img/menu-home-nor.svg?r=1');}
.tab_item_home[selected] { background-image: url('/Skin/img/menu-home-on.svg?r=1');}
.tab_item_live{ background-image: url('/Skin/img/menu-live-nor.svg?r=1');}
.tab_item_live[selected] { background-image: url('/Skin/img/menu-live-on.svg?r=1');}
.tab_item_vod{ background-image: url('/Skin/img/menu-vod-nor.svg?r=1');}
.tab_item_vod[selected] { background-image: url('/Skin/img/menu-vod-on.svg?r=1');}
.tab_item_my{background-image: url('/Skin/img/menu-my-nor.svg?r=1');}
.tab_item_my[selected] { background-image: url('/Skin/img/menu-my-on.svg?r=1');}

.mjPointer, .mjNewButton, .mjToggleButton, .mjCardTitleMore {
    -ms-user-select: none;
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    user-select: none;
    cursor: pointer;
}

.mjNewButton, .mjToggleButton, .mjToggleButton2, .mjCategoryToggleButton {
    width: fit-content;
    min-width: fit-content;
    height: 100%;
    max-height: 100%;
    padding: 20px 20px 20px 20px;
    background-color: #F4F4F4;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.143em;
    color: #545454;
}
.mjToggleButton2 {
    min-height: 38px;
    max-height: 38px;
    font-size: 14px;
    background-color: var(--0-white);
    color: var(--font_primaryvariant);
    border: solid 1px var(--gray-1);
    padding: 0px 20px 0px 20px;
    margin: 0px 2px 0px 2px;
    border-radius: 20px;
}
.mjToggleButton[selected] {
    font-weight: unset;
    background-color: #E94F07;
    color: white;
}
.mjToggleButton2[selected] {
    background-color: var(--orange_primary);
    color: var(--0-white);
    border: solid 1px var(--orange_primary);
}
.mjCategoryToggleButton {
    background-color: transparent;
    border-radius: 15px;
    font-size: 0.857em;
    color: black;
}
.mjCategoryToggleButton[selected] {
    background-color: #ffffff9d;
}

.mjContentView { width: 100%; height: 100%; }
#mjChildContentWrap, .mjScrollContent { overflow-y: auto; display: flex; flex-direction: column; flex: 1; }

.mjScrollMenu {
    width: 100%;
    overflow-x: auto;
    -ms-overflow-style: none;
}
.mjScrollMenuContent {
    min-width: 100%;
    width: max-content;
    display: flex;
    flex-direction: row;
}

.mjScrollMenu2 mj-scroll-menu-content { /*overflow-x: auto; width: 100%; */display: flex; flex-direction: row; border-bottom: 1px solid #EEEEEE; }
.mjScrollMenuItem2 { width: fit-content; padding: 14px 25px 11px 25px; color: #A7A7A7; border-bottom: 3px solid transparent; display: flex; align-items: center; }
.mjScrollMenuItem2[selected] { color: black; border-bottom: 3px solid black; }

.mjScrollMenu3 mj-scroll-menu-content { /*overflow-x: auto; width: 100%; */display: flex; flex-direction: row; border-bottom: 1px solid #EEEEEE; }
.mjScrollMenuItem3 { width: fit-content; padding: 14px 0px 11px 0px; margin: 0px 25px 0px 25px; color: #434343; border-bottom: 3px solid transparent; display: flex; align-items: center; font-size: 15px; }
.mjScrollMenuItem3[selected] { color: #fe3f06; border-bottom: 3px solid #fe3f06; }

.mjScrollMenu4 mj-scroll-menu-content { /*overflow-x: auto; width: 100%; */display: flex; flex-direction: row; border-bottom: 1px solid #EEEEEE; }
.mjScrollMenuItem4 { width: fit-content; padding: 14px 0px 11px 0px; margin: 0px 25px 0px 25px; color: #434343; border-bottom: 3px solid transparent; display: flex; align-items: center; font-size: 18px; font-weight: bold; }
.mjScrollMenuItem4[selected] { color: #fe3f06; border-bottom: 3px solid #fe3f06; }

.bx-wrapper { box-shadow: unset !important; }

.mjCardSectionSeprator {width: 100%;min-height: 12px;max-height: 12px;background-color: #F4F4F4;}
.mjCardSection1 {padding: 9px 18px 28px 18px;}
.mjCategoryWrap {
    margin: -46px -5px -6px -5px;
    display: flex;
    width: calc(100% + 10px);
    flex-wrap: wrap;
}
.mjCategoryItemWrap {
    width: calc(33.3333% - 10px);
    margin: 6px 5px 6px 5px;
    overflow: hidden;
}
.mjCategoryItem { width: 100%; aspect-ratio: 1.7714; }
.mjCategoryItemIcon { width: 100%; height: 100%; }
.mjCategoryItemIcon img { width: 100%; height: 100%; border-radius: 3.69vw; }
.mjCategoryItemTitle { width: 100%; height: 30%; left: 15px; top: 0px; }

.mjHashTagsWrap { width: 100%; height: var(--mj-hash-item-size); margin: 25px 0px 0px 0px; overflow-x: auto; -ms-overflow-style: none; }
.mjHashTagsWrap::-webkit-scrollbar {
    display: none;
}
.mjHashTags { height: 100%; width: max-content; display: flex; flex-direction: row; }
.mjHashTagItem {
    height: 100%;
    width: var(--mj-hash-item-size);
    margin: 0px 6px 0px 6px;
    background-color: #F1F4F6;
    border-radius: calc(var(--mj-hash-item-size) / 2);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5em;
    font-weight: 350;
}
.mjHashTagItem:first-child { margin-left: 0px; }
.mjHashTagItem:last-child { margin-right: 0px; }

.mjCardSection2, .mjCardSection3 {padding: 25px 18px 28px 18px;}

.mjVodTop10Title, .mjCardTitle, .mjCardContentItemTitle { font-size: 1.571em; }
.mjScrollMenuItem2, .mjVodTopTenTitle { font-size: 1.429em; }
.mjVodTopTenMoreButton, .mjCardTitleMore { font-size: 1.285em; }
.mjCardContentItemLabel { font-size: 0.857em; }

.mjVodTopTenCategoryWrap { height: var(--mj-vod-top-ten-category-item-size); margin: 12px 0px 20px 0px; }
.mjVodTopTenCategoryWrap::-webkit-scrollbar { display: none; }
.mjVodTopTenCategoryItems { height: 100%; }
.mjVodTopTenCategoryItem {
    height: 100%;
    padding: 0px 20px 0px 20px !important;
    margin: 0px 2px 0px 2px;
}
.mjVodTopTenCategoryItem:first-child { margin-left: 0px; }
.mjVodTopTenCategoryItem:last-child { margin-right: 0px; }
.mjVodTopTenContent { display: flex; flex-direction: column; width: 100%; height: max-content; }
.mjVodTopTenContentItem { margin: 0px 0px 15px 0px; width: 100%; height: 91px; display: flex; flex-direction: row; }
.mjVodTopTenContentItem:last-child { margin: 0px 0px 0px 0px; }
.mjVodTopTenThumnailArea { min-width: 128px; max-width: 128px; height: 100%; border-radius: 9px; display: flex; align-items: center; justify-content: center; overflow: hidden; position: relative; border: 1px solid #0000000d; }
.mjVodTopTenThumnailPlayArea {background-color:rgba(0,0,0,0.1); position: absolute; min-width: 128px; max-width: 128px; height: 100%; display: flex; align-items: center; justify-content: center; }
.mjVodTopTenThumnailPlay { width: 36px; height: 36px; }
.mjVodTopTenDescriptionWrap { width: calc(100% - 128px - 12px); height: 100%; padding: 0px 0px 0px 12px; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.mjVodTopTenDescription { width: 100%; height: fit-content; }
.mjVodTopTenDescriptionItem { width: 100%; max-width: 100%; margin: 0px 0px 5px 0px; text-overflow: ellipsis; white-space: nowrap; word-wrap: break-word; overflow: hidden; }
.mjVodTopTenDescriptionItem:last-child { margin: 0px 0px 0px 0px; }
.mjVodTopTenCategory, .mjVodTopTenClassInfo { color: #A8A8A8; display: flex; flex-direction: row; }
.mjVodTopTenTitle { color: black; }

.mjVodTopTenMoreButtonWrap {width: 100%;height: 55px;margin: 20px 0px 0px 0px;}
.mjVodTopTenMoreButton { width: 100%; background-color: #E94F0733; padding: 0px 0px 0px 0px; color: black; }

.mjCardTitleWrap { display: flex; flex-direction: row; }
.mjCardTitle { flex: 1; }
.mjCardTitleMore { color: #A8A8A8; margin-right: 0px; }

.mjCardContentWrap {
    margin: 12px 0px 12px 0px;
}
.mjCardContentWrap::-webkit-scrollbar { display: none; }
.mjCardContents {
    height: max-content;
}
.mjCardContentItem { margin: 0px 20px 0px 0px; min-width: 222px; max-width: 222px; min-height: 222px; max-height: 222px; border-radius: 13px; overflow: hidden; position: relative; display: flex; }
.mjCardContentItem:last-child { margin: 0px 0px 0px 0px; }
.mjCardContentItem img { min-width: 100%; min-height: 100%; width: 100%; }
.mjCardContentItemTitle { position: absolute; top: 30px; left: 25px; color: white; }
.mjCardContentItemLabel { position: absolute; bottom: 21px; left: 19px; padding: 6px 8px 6px 8px; color: white; background-color: black; border-radius: 8px; }

.mjHighStrengthWrap {margin-top: 38px;}

.mjVodTopTenContentWrap { padding: 18px 18px 18px 18px; }

.mjCardFeedWrap { padding: 18px 18px 18px 18px; }
.mjCardFeedItems {
    max-width: calc(222px * 3 + 40px);
    flex-direction: unset;
    flex-wrap: wrap;
}
.mjCardFeedItem, .mjCardFeedItem:last-child {
    margin: 0px 20px 20px 0px;
}
.mjCardFeedItem:nth-child(3n) {
    margin: 0px 0px 20px 0px;
}

.mjDetailFeedWrap { margin: 29px 18px 29px 18px; }
.mjDetailFeedItem { min-width: 100%; max-width: 100%; height:78px; min-height: 78px; max-height: 78px; margin-bottom: 32px; display: flex; flex-direction: row; }
.mjDetailFeedItem:last-child { margin-bottom: 0px; }
.mjDetailFeedThumnailArea {background-color:rgba(0,0,0,0.1);  position: relative; min-width: 78px; max-width: 78px; height: 100%; border-radius: 10px; overflow: hidden; display: flex; justify-content: center; align-items: center; }
.mjDetailFeedDescriptionArea { width: calc(100% - 78px - 12px); height: 100%; margin: 0px 0px 0px 12px; display: flex; flex-direction: column; justify-content: center; }
.mjDetailFeedDescriptionWrap { min-width: 100%; max-width: 100%; height: max-content; display: flex; flex-direction: column; }
.mjDetailFeedDescription {
    min-width: 100%;
    max-width: 100%;
    height: max-content;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: break-word;
    overflow: hidden;
}
.mjDetailFeedTitle { font-size: 1.142em; color: #161616; margin-bottom: 5px; }
.mjDetailFeedSchedule { font-size: 0.857em; color: #525252; margin-bottom: 7px; }
.mjDetailFeedTeacher { font-size: 0.857em; color: #525252; margin-bottom: 0px; display: flex; flex-direction: row; }

.mjGoodsSchedule { width: 100%; background-color: #F6F6F6; }
.mjGoodsScheduleWeek {
    margin-top: 30px;
    margin-bottom: 25px;
    text-align: center;
    font-size: 15px;
    vertical-align: middle;
}
.mjGoodsPageIcon {
    display: inline-block;
    font-size: 0;
    vertical-align: middle;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: contain !important;
}
.mjGoodsBackWeekIcon {
    width: 12px;
    height: 12px;
    background-image: url(/Skin/img/icon/back-small.svg);
    margin-right: 5px;
}
.mjGoodsProntWeekIcon {
    margin-left: 5px;
    width: 12px;
    height: 12px;
    background-image: url(/Skin/img/icon/pront-small.svg);
}
.mjGoodsMiniCalendar {
    margin-left: 1px;
}
/*.mjGoodsMiniDate {*/
    /* min-height: 55px; */
    /* border-bottom: 2.5px solid #E0E0E0; */
/*}*/
.mjGoodsMiniDateBox {
    display: inline-block;
    width: calc(100%/7);
    text-align: center;
    vertical-align: top;
}
.mjGoodsMiniDateNum {
    font-size: 13px;
    padding: 10px 0px 8px 0px;
}
.mjGoodsMiniDateText {
    margin-bottom: 5px;
    font-size: 12.5px;
    padding: 0px 0px 10px 0px;
}
.mjGoodsMiniDateSunday {
    color: #E23611;
}
.mjGoodsMiniDateSaturday {
    color: #2861FF;
}
.mjGoodsMiniDateCal {
    margin: 5px 5px 5px 5px;
    border-radius: 8px;
}
.mjGoodsMiniDate .mjGoodsMiniDateBox[selected] .mjGoodsMiniDateCal {
    background-color: white;
}
.mjGoodsMiniTimeBox {
    margin: 0px 0px 30px 0px;
}
.mjGoodsNoClassWeek {
    justify-content: center;
    display: flex;
    padding: 0px 0px 30px 15px;
}
.mjGoodsMiniDateTime {
    /* height: 18px; */
    /* line-height: 18px; */
    font-size: 0.5em;
    background-color: #ACACAC;
    color: #fff;
    margin: 4px 5px auto;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    padding: 3px 0px;
}
.mjGoodsMiniDateTimeNow {
    background-color: black;
}
.mjTimeBoxTextAreaWrap {
    --mj-min-width: 70;
    display: flex;
    flex-direction: row;
    justify-content: center;
}
.mjTimeBoxTextArea {
    min-width: max-content;
    font-size: 8px;
}

.mjClassCategoryWrap { width: calc(100% - 22px); min-height: 88px; max-height: 88px; margin: 13px 11px 15px 11px; }
.mjClassCategoryWrap::-webkit-scrollbar { display: none; }
.mjClassCategoryItems { height: 100%; }
.mjClassCategoryItem {
    height: calc(100% - 22px);
    padding: 11px 8px 11px 8px !important;
    margin: 0px 15px 0px 15px;
    display: flex;
    flex-direction: column;
}
.mjClassCategoryItem:first-child { margin-left: 0px; }
.mjClassCategoryItem:last-child { margin-right: 0px; }
.mjClassCategoryItemIcon {
    min-height: 42px;
    max-height: 42px;
    min-width: 42px;
    max-width: 42px;
    border-radius: 22px;
    border: 1px solid white;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}
.mjClassCategoryItemIcon img { min-width: 100%; min-height: 100%; width: 100%; }
.mjClassCategoryItemTitle { min-height: 15px; max-height: 15px; margin-top: 7px; }
.mjClassCategoryFilter {
    width: calc(100% - 38px);
    min-height: fit-content;
    max-height: fit-content;
    margin: 6px 19px 6px 19px;
    display: flex;
    flex-direction: row;
    font-size: 17px;
}
.mjClassCategoryFilterItem {
    width: max-content;
    padding: 0px 43px 0px 18px;
    margin-left: 5px;
    margin-right: 5px;
    min-height: 40px;
    max-height: 40px;
    border: 2px solid white;
    border-radius: 20px;
    color: #707070;
    -webkit-appearance: none;
    background: transparent no-repeat center right 16.7px/12.88px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M0 7.33l2.829-2.83 9.175 9.339 9.167-9.339 2.829 2.83-11.996 12.17z' style='fill:rgb(112,112,112)'/%3E%3C/svg%3E");
}
.mjClassCategoryFilterItem:first-child { margin-left: 0px; }
.mjClassCategoryFilterItem:last-child { margin-right: 0px; }

.orderBasicColumn .orderBasicTitle {
    display: flex;
    align-items: center;
}

.mypageMenuMainTitle {
    display: flex;
    align-items: center;
}

.mjSwitchNotification {
    margin-left: auto;
    margin-right: 0px;
}
.mjDetailFeedPart {
    width: 100%;
    height: 44px;
    margin-top: 50px;
    font-size: 15pt;
    font-weight: 700;
    display: flex;
    align-items: center;
}
.mjDetailFeedPart:first-child {
    margin-top: -20px;
}

.mjReplayLiveCategoryWrap {
    width: calc(100% - 36px);
    min-height: var(--mj-vod-top-ten-category-item-size);
    max-height: var(--mj-vod-top-ten-category-item-size);
    margin: 14px 18px 16px 18px;
}
.mjReplayLiveCategoryItems { height: 100%; }
.mjReplayLiveCategoryItem {
    height: 100%;
    padding: 0px 20px 0px 20px !important;
    margin: 0px 2px 0px 2px;
}
.mjReplayLiveCategoryItem:first-child { margin-left: 0px; }
.mjReplayLiveCategoryItem:last-child { margin-right: 0px; }

.mjVodChildScrollMenuWrap {
    width: calc(100% - 36px);
    min-height: 40px;
    max-height: 40px;
    margin: 16px 18px 16px 18px;
    font-size: 14px;
}
.mjVodChildScrollMenuWrap mj-scroll-menu-content { height: fit-content; }
.mjVodChildScrollMenuItem {
    height: fit-content;
}
.mjVodChildScrollMenuItem:first-child { margin-left: 0px; }
.mjVodChildScrollMenuItem:last-child { margin-right: 0px; }

.mjVodTopTenContent { display: flex; flex-direction: column; width: 100%; height: max-content; }
.mjVodTopTenContentItem { margin: 0px 0px 15px 0px; width: 100%; height: 91px; display: flex; flex-direction: row; }
.mjVodTopTenContentItem:last-child { margin: 0px 0px 0px 0px; }
.mjVodTopTenThumnailArea { min-width: 128px; max-width: 128px; height: 100%; border-radius: 9px; display: flex; align-items: center; justify-content: center; overflow: hidden; position: relative; border: 1px solid #0000000d; }
.mjVodTopTenThumnailPlayArea { position: absolute; min-width: 128px; max-width: 128px; height: 100%; display: flex; align-items: center; justify-content: center; }
.mjVodTopTenThumnailPlay { width: 36px; height: 36px; }
.mjVodTopTenDescriptionWrap { width: calc(100% - 128px - 12px); height: 100%; padding: 0px 0px 0px 12px; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.mjVodTopTenDescription { width: 100%; height: fit-content; }
.mjVodTopTenDescriptionItem { width: 100%; max-width: 100%; margin: 0px 0px 5px 0px; text-overflow: ellipsis; white-space: nowrap; word-wrap: break-word; overflow: hidden; }
.mjVodTopTenDescriptionItem:last-child { margin: 0px 0px 0px 0px; }
.mjVodTopTenCategory, .mjVodTopTenClassInfo { color: #A8A8A8; display: flex; flex-direction: row; }
.mjVodTopTenTitle { color: black; }

.mjNotifyFeedWrap { margin: 0px; }
.mjNotifyFeedItemWrap { padding-left: 18px; padding-right: 18px; }
.mjNotifyFeedItem { min-width: 100%; max-width: 100%; height:78px; min-height: 78px; max-height: 78px; padding-top: 16px; padding-bottom: 16px; display: flex; flex-direction: row; }
.mjNotifyFeedThumnailArea { position: relative; min-width: 78px; max-width: 78px; height: 100%; border-radius: 10px; overflow: hidden; display: flex; justify-content: center; align-items: center; background-color: #f9f9f9; }
.mjNotifyFeedDescriptionArea { width: calc(100% - 78px - 12px); height: 100%; margin: 0px 0px 0px 12px; display: flex; flex-direction: column; justify-content: center; }
.mjNotifyFeedDescriptionWrap { min-width: 100%; max-width: 100%; height: max-content; display: flex; flex-direction: column; }
.mjNotifyFeedDescription {
    min-width: 100%;
    max-width: 100%;
    height: max-content;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: break-word;
    overflow: hidden;
}
.mjNotifyFeedTitle { font-size: 1.142em; color: #161616; margin-bottom: 5px; }
.mjNotifyFeedContent { font-size: 0.857em; color: #525252; margin-bottom: 7px; }
.mjNotifyFeedSendTime { font-size: 0.857em; color: #a0a0a0; margin-bottom: 0px; display: flex; flex-direction: row; }