.toast-wrapper {
    display:table;
    position:fixed;
    bottom:40px;
    left:20px;
    width:calc(100% - 40px);
    background-color:rgba(0,0,0,.8);
    border-radius:4px;
    z-index:9999
}
.toast-content {
    display:table-cell;
    width:100%;
    height:60px;
    vertical-align:middle;
    text-align:center;
    font-size:14px;
    line-height:1.43em;
    letter-spacing:-.3px;
    color:#fff
}
.fade-enter-active,.fade-leave-active,.fade-transition {
    -webkit-transition:opacity .3s ease;
    transition:opacity .3s ease
}
.fade-enter,.fade-leave,.fade-leave-active {
    opacity:0
}

.slide-wrap {
    display: none;
    position:fixed;
    top:0;
    left:0;
    z-index:9999;
    width:100%;
    height:100%;
    background: rgba(0,0,0,.5);
}
.slide-wrap {
    /*display: none;*/
}
.side {
    position:fixed;
    height:100%;
    top:0;
    left:-340px;
    z-index:10000;
    -webkit-transition:-webkit-transform .3s;
    transition:-webkit-transform .3s;
    transition:transform .3s;
    transition:transform .3s,-webkit-transform .3s;
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    max-width:335px;
    z-index:10;
    overflow-y:hidden;
    width:calc(100% - 40px);
    height: 100%;
    background-color:#fff
}
.side.side-enter,.side.side-leave-active {
    -webkit-transform:translate3d(-100%,0,0);
    transform:translate3d(-100%,0,0)
}
.panel {
    width:100%;
    height:100%;
    position:fixed;
    top:0;
    background-color:#fff;
    -webkit-transition:-webkit-transform .3s;
    transition:-webkit-transform .3s;
    transition:transform .3s;
    transition:transform .3s,-webkit-transform .3s
}
.touching .panel {
    -webkit-transition:none;
    transition:none
}
.side-scroll {
    width:100%;
    height:100%;
    position:relative
}
.side-inner {
    padding:0 25px
}
.side-inner:after {
    content:"";
    display:block;
    clear:both
}
.side-line {
    border-bottom:1px solid #e5e5e5
}
.side-wrap {
    padding:18px 25px
}
.ic-gnb-alart,.ic-gnb-setting {
    width:36px;
    margin-left:-10px
}
.side-noti-new {
    position:relative
}
.side-noti-new:after {
    content:"";
    display:inline-block;
    position:absolute;
    right:4px;
    top:-2px;
    width:6px;
    height:6px;
    background-color:#8045dd;
    border-radius:50%
}
.logout-btn {
    font-family:NanumSquareBold;
    font-size:12px;
    color:#23212a
}
.side-close {
    float:right;
    margin-right:-20px
}
.side-login .side-inner {
    display:table;
    width:100%;
    padding-top:25px;
    padding-bottom:25px
}
.side-login-l {
    display:table-cell;
    width:calc(100% - 60px);
    vertical-align:middle;
    padding-right:50px
}
.side-login-r {
    display:table-cell;
    width:60px;
    vertical-align:top
}
.side-profile-img {
    display:block;
    width:60px;
    height:60px;
    border-radius:50%;
    overflow:hidden
}
.side-profile-img>img {
    width:100%
}
.side-login-text {
    font-family:NanumSquareBold;
    font-size:20px;
    color:#23212a;
    margin-bottom:5px;
    line-height:1.3em
}
.side-login-pqtxt {
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    word-wrap:break-word;
    white-space:normal;
    overflow:hidden;
    height:78px
}
.side-login-btn {
    font-size:12px;
    color:#23212a
}
.client-name {
    display:inline-block;
    vertical-align:middle;
    font-family:NanumSquareBold;
    font-size:20px;
    max-width:135px;
    color:#8045dd;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
}
.side-banner-top {
    padding:15px 0
}
.side-banner-top img {
    width:100%
}
.side-nav {
    margin-top:14px
}
.side-nav a {
    display:block;
    height:36px;
    line-height:36px;
    padding:0 25px;
    background:url(../img/arrow-right-gray) no-repeat 90%;
    background-size:12px;
    font-family:NanumSquareBold;
    font-size:16px;
    letter-spacing:-.3px;
    color:#212121
}
.side-bottom {
    position:absolute;
    bottom:16px;
    left:0;
    padding:0 10px;
    width:100%
}
.side-bottom-img {
    margin-bottom:16px
}
.side-bottom-img img {
    width:100%;
    border-radius:2px
}
.side-bt-btn {
    font-size:13px;
    letter-spacing:-.2px;
    color:#23212a;
    margin-left:14px
}
.side-gray {
    background-color:#f7f7f7;
    padding:18px 25px
}
.side-gray.sg-two {
    padding-top:0
}
.side-promotion {
    display:table;
    width:100%
}
.side-promotion-l {
    display:table-cell;
    width:calc(100% - 71px);
    padding-right:20px;
    vertical-align:middle
}
.side-promotion-text {
    font-size:12px;
    color:#23212a
}
.side-promotion-r {
    display:table-cell;
    width:71px;
    vertical-align:middle
}
.side-promotion-btn {
    display:block;
    height:22px;
    line-height:22px;
    border-radius:100px;
    background-color:#fff;
    border:1px solid #8045dd;
    font-size:12px;
    color:#23212a
}
.side-my-coin,.side-promotion-btn {
    width:100%;
    text-align:center
}
.side-my-coin li {
    display:inline-block;
    vertical-align:top;
    margin-right:46px
}
.side-my-coin li:last-child {
    margin-right:0
}
.side-my-coin li a {
    font-size:12px;
    color:#23212a
}
.side-my-coin img {
    display:block;
    width:47px
}
.side-my-coin span {
    display:block;
    margin:8px 0 0
}
.side-my-download {
    width:100%
}
.side-my-download li {
    display:inline-block;
    vertical-align:middle;
    margin-right:10px
}
.side-my-download li:last-child {
    margin-right:0;
    text-align:right;
    width:calc(100% - 142px)
}
.side-my-download li a {
    font-size:14px;
    color:#23212a
}
.side-my-download li img {
    width:62px
}
.side-my-download li big {
    font-size:22px;
    letter-spacing:-.3px;
    color:#8045dd
}
.side-ticket-tit {
    font-family:NanumSquareBold;
    font-size:12px;
    line-height:1.25em;
    color:#23212a;
    margin-bottom:3px
}
.side-ticket-text {
    font-size:11px;
    color:#777
}
.side-close .btn-close-black {
    width:36px
}
.side-login-btn .arrow-title-img {
    width:11px
}

.page-btn-wrap {
    position:relative;
    z-index:999
}
.top-btn {
    width:50px;
    height:50px;
    border-radius:50%;
    background-color:#fff;
    box-shadow:0 10px 10px 0 rgba(0,0,0,.3);
    border:1px solid #7a3ed8
}
.page-btn {
    position:fixed;
    right:14px;
    bottom:14px
}
.page-btn li {
    margin-bottom:10px;
    position:relative
}
.floating-menu-enter-active,.floating-menu-leave-active {
    -webkit-transition:opacity .2s;
    transition:opacity .2s
}
.floating-menu-enter,.floating-menu-leave-to {
    opacity:0
}
.theme-toggle-btn {
    position:absolute;
    width:36px;
    height:36px;
    right:0;
    top:72px;
    background:url(../imgs/btn-toggle.png);
    background-size:36px
}
.theme-open .theme-toggle-btn {
    top:103px;
    background:url(../imgs/btn-toggle-open.png);
    background-size:36px
}
.component-wrap:first-child {
    padding-top:0
}
.no-bg-component {
    padding-top:20px!important
}
.vod-popular-top {
    margin-bottom:20px
}
.vod-popular-top .thumb-text-wrap {
    padding-top:10px
}
.vod-popular-top .thumb-text-left {
    width:47px;
    vertical-align:middle;
    text-align:center
}
#template-ranking .thumb-text-right {
    vertical-align:middle
}
.vod-popular-top .thumb-title-one {
    font-size:16px;
    padding-right:30px;
    font-family:NanumSquareBold
}
.vod-popular-top .thumb-text01 {
    font-size:13px;
    margin-top:5px
}
.component06-top {
    height:180px;
    background-size:cover;
    background-position:50%;
    padding-top:48px;
    text-align:center
}
.component06-top:before {
    content:"";
    display:block;
    clear:both;
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
    z-index:-1;
    background-color:rgba(38,38,38,.7)
}
.component06-top .swiper-slide {
    width:33.3333%!important
}
.component06-tit {
    font-family:NanumSquare ExtraBold
}
.component06-tit,.component06-tit-sub {
    font-size:14px;
    color:#fff;
    display:block
}
.component06-tit-sub {
    font-family:NanumSquare
}
.component06-top .swiper-slide-active .component06-tit {
    font-size:24px
}
.component06-top .swiper-slide-active .component06-tit-sub {
    font-size:24px;
    margin-top:-10px
}
.swiper-pagination.vod-pagination {
    bottom:42px!important
}
.vod-pagination .swiper-pagination-bullet-active {
    border:2px solid #8145de;
    background-color:transparent!important
}
.vod-pagination .swiper-pagination-bullet {
    background-color:#e6e6e6;
    opacity:1;
    vertical-align:middle
}
.swiper-container.vod-component06 {
    top:-30px;
    z-index:999
}
.swiper-container.vod-component06 .swiper-slide:first-child {
    margin-left:10px!important
}
.vod-component06-sub .swiper-slide {
    width:107px!important
}
.vod-component06 .vod-img {
    padding-top:141.2%
}
.multi-theme-clip {
    height:110px;
    overflow:hidden
}
.multi-theme-clip .clip-component01 {
    width:100%;
    margin:0 auto;
    position:relative
}
.multi-theme-clip .component-top {
    padding:16px 15px;
    position:relative;
    background-size:cover;
    background-position:top;
    height:170px
}
.theme-open .component-top {
    height:170px
}
.theme-open .component-top~.swiper-container {
    margin-top:-35px
}
.multi-theme-clip .clip-component01-list {
    margin-bottom:0;
    border-bottom:1px solid #efefef
}
.multi-theme-clip .thumb-text-wrap {
    position:absolute;
    right:0;
    top:0;
    width:100%;
    padding-left:166px;
    padding-top:13px;
    padding-right:20px
}
.multi-theme-clip.theme-open {
    height:auto;
    margin-bottom:30px
}
.multi-theme-clip.theme-open .clip-component01 {
    margin:-35px auto 0
}
.multi-theme-clip .clip-component01 {
    padding-top:5px
}
.multi-theme-clip .clip-component01 .clip-component01-list {
    border-bottom:1px solid #e5e5e5;
    margin-bottom:0
}
.multi-theme-vod {
    height:110px;
    overflow:hidden
}
.multi-theme-vod.theme-open {
    height:auto
}
.multi-theme-vod-top {
    padding:16px 15px;
    position:relative;
    background-size:cover;
    background-position:top;
    height:170px
}
.multi-theme-vod-top~.swiper-container {
    margin-top:-35px
}
.theme-open .multi-theme-vod-top {
    height:170px
}
.theme-open .multi-theme-vod-top~.swiper-container {
    margin-top:-35px
}
.component04-list {
    width:calc(100% - 34px);
    margin:-30px auto 0
}
.component04-list table {
    width:100%;
    table-layout:fixed;
    border:5px solid #fff
}
.component04-list td {
    width:50%;
    padding-bottom:15px;
    border:5px solid #fff;
    background-color:#fff
}
.component04-img>img {
    width:100%
}
.component04-text {
    display:block;
    padding-top:5px
}
.component04-swiper {
    padding-bottom:20px
}
.component04-swiper .swiper-pagination {
    bottom:0!important
}
.component04-swiper .swiper-pagination-bullet {
    opacity:1;
    border:2px solid #e6e6e6;
    background-color:#e6e6e6
}
.component04-swiper .swiper-pagination-bullet-active {
    border:2px solid #8145de;
    background-color:#fff
}
.vod-component05 .swiper-wrapper {
    padding-bottom:20px
}
.vod-component05 .swiper-slide {
    padding:0 20px
}
.vod-component05 .swiper-slide:after {
    content:"";
    display:block;
    clear:both
}
.vod-component05-list {
    float:left;
    width:50%;
    border:5px solid #fff
}
.vod-component05-list:nth-child(odd) {
    border-right:2.5px solid #fff
}
.vod-component05-list:nth-child(2n) {
    border-left:2.5px solid #fff
}
.vod-component05 .swiper-pagination {
    bottom:0!important
}
.vod-component05 .swiper-pagination-bullet {
    width:7px;
    height:7px;
    background-color:#e6e6e6;
    opacity:1
}
.vod-component05 .swiper-pagination-bullet-active {
    border:1.5px solid #8145de;
    background-color:#fff
}
.vod-component05 .vod-img {
    padding-top:100%
}
.component04 {
    height:110px;
    overflow:hidden
}
.component04.theme-open {
    height:auto
}
.component04-top {
    position:relative;
    padding:16px 15px;
    background-size:cover;
    background-position:50%;
    height:138px
}
.component04-top .more-arrow-purple {
    right:11px
}
.more-arrow-purple {
    font-family:NanumSquare;
    font-size:13px;
    color:#23212a;
    position:absolute;
    right:0
}
.more-arrow-purple>img {
    width:11px;
    vertical-align:middle;
    margin-top:-2px
}
.multi-theme-poster .swiper-slide:first-child {
    margin-left:10px!important
}
.multi-theme-poster .vod-img {
    padding-top:141.2%
}
.multi-theme-poster {
    height:110px;
    overflow:hidden
}
.multi-theme-poster.theme-open {
    height:auto
}
.multi-theme-poster-top {
    padding:16px 15px;
    position:relative;
    background-size:cover;
    background-position:top;
    height:170px
}
.multi-theme-poster-top~.swiper-container {
    margin-top:-35px
}
.theme-open .multi-theme-poster-top {
    height:170px
}
.theme-open .swiper-container {
    margin:-35px auto 0
}
.theme-open .multi-theme-poster-top~.swiper-container {
    margin-top:-35px
}
.multi-theme-poster .multi-theme-poster-swiper {
    margin-top:-30px;
    margin-left:11px
}
.multi-theme-poster .swiper-slide {
    width:107px!important;
    margin-right: 5px;
}
.multi-theme-poster-img>img {
    width:100%
}
.multi-theme-poster-text {
    display:block;
    padding-top:5px
}
.thumb-movie .thumb-text01,.thumb-title01 {
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.thumb-movie .thumb-title-two {
    height:32px
}
.tag-keep,.tag-newest,.tag-payback,.tag-premium,.tag-recomend,.tag-same {
    width:40px
}
.tag-sale {
    width:25px
}
.tag-event,.tag-reservation {
    width:40px
}
.tag-no-pc {
    width:35px
}
.tag-dubbing,.tag-subtitle {
    width:25px
}
.tag-playy {
    width:35px
}
.main-popular-top {
    padding:15px 10px 44px;
    background-size:cover;
    position:relative;
    background-position:top
}
.main-popular-overlay {
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0,transparent),color-stop(.71,rgba(0,0,0,.39)),color-stop(0,rgba(0,0,0,.75)));
    background:-webkit-linear-gradient(180deg,transparent,rgba(0,0,0,.39) 71%,rgba(0,0,0,.75));
    background:-webkit-linear-gradient(top,transparent,rgba(0,0,0,.39) 71%,rgba(0,0,0,.75));
    background:linear-gradient(180deg,transparent,rgba(0,0,0,.39) 71%,rgba(0,0,0,.75));
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="rgba(0,0,0,0.2)",endColorstr="rgba(0,0,0,0)",gradientType=0);
    background-image:-webkit-linear-gradient(top,transparent,rgba(0,0,0,.39) 71%,rgba(0,0,0,.75));
    background-image:linear-gradient(180deg,transparent,rgba(0,0,0,.39) 71%,rgba(0,0,0,.75))
}
.main-popular-top a {
    display:block;
    width:100%;
    background-size:33px;
    position:relative;
    z-index:10
}
.main-popular-top .component-title {
    padding:0
}
.main-popular-title {
    display:block;
    padding-top:17%;
    padding-left:7px
}
.main-popular-num {
    font-family:NanumSquare ExtraBold;
    font-size:17px
}
.main-popular-num,.main-popular-tit {
    letter-spacing:-.3px;
    color:#fff;
    display:block
}
.main-popular-tit {
    font-family:NanumSquareBold;
    font-size:18px
}
.main-popular-top .thumb-text01 {
    opacity:.5
}
.main-component-list {
    padding:0 17px;
    margin-top:-30px;
    position:relative;
    z-index:10
}
.main-pouplar-list {
    border-bottom:1px solid #efefef;
    background-color:#fff;
    height:142px;
    position:relative;
    padding:20px;
}
.main-pouplar-list:after {
    content:"";
    display:block;
    clear:both
}
#open-ranking .btn-ranking {
    cursor: pointer;
}
.list-ranking>div:nth-child(n+6):nth-child(-n+16) {
    display: none;
    -webkit-transition: opacity .8;
    -moz-transition: opacity .8;
    -ms-transition: opacity .8;
    -o-transition: opacity .8;
    transition: opacity .8;
}
.active .list-ranking>div:nth-child(n+6):nth-child(-n+16) {
    display: block;
}
#open-ranking .btn-ranking-all, #open-ranking.active .btn-ranking {
    display: none;
}
#open-ranking.active .btn-ranking-all, #open-ranking .btn-ranking {
    display: block;
}
.main-pouplar-list .vod-img {
    float:left;
    width:102px;
    padding-top:102px;
}
.main-pouplar-list .thumb-text-wrap {
    position:absolute;
    padding-left:102px;
    width:100%;
    padding-top:0;
    height:81px
}
.main-pouplar-list .thumb-text-left {
    width:48px;
    text-align:center;
    vertical-align:middle
}
.main-pouplar-list .thumb-text-right {
    vertical-align:middle;
    padding:15px 15px 0 0;
}
.main-pouplar-list .vod-img:after {
    content:"";
    display:block;
    width:100%;
    height:100%;
    background-size:33px;
    position:absolute;
    top:0;
    left:0;
    z-index:10
}
.view-all-btn {
    display:block;
    width:45px;
    margin:14px auto 0
}
.view-all-btn>img {
    width:46px
}
@media screen and (max-width:374px) {
    .main-component-list {
        padding:0 10px
    }
    .main-pouplar-list {
        height:162px
    }
    .main-pouplar-list .vod-img {
        width:122px;
        padding-top:122px
    }
    .main-pouplar-list .thumb-text-wrap {
        padding-left:122px;
        height:122px
    }
    .main-pouplar-list .thumb-text-left {
        width:34px
    }
    .main-pouplar-list .thumb-text-right {
        padding-right:5px
    }
}
.more-circle {
    margin-top:12px
}
.more-normal {
    width:36px
}
.btn-purple {
    text-align:center;
    margin-top:14px
}
.btn-purple>a {
    display:inline-block;
    border:2px solid #8045dd;
    border-radius:30px;
    height:36px;
    line-height:34px;
    font-size:13px;
    color:#23212a;
    box-sizing:border-box;
    padding:0 22px
}
.vod-component03 {
    text-align:center
}
.vod-component03 .swiper-slide:first-child {
    margin-left:10px!important
}
.vod-component03 .swiper-slide {
    width:100px!important
}
.vod-component01 .swiper-slide:first-child {
    margin-left:10px!important
}
.vod-component01 .swiper-slide {
    width:107px!important
}
.vod-component01 .vod-img {
    padding-top:141.2%
}
.vod-top .component-title {
    padding-top:25px
}
.like-program .thumb-text01,.like-program .thumb-title-one {
    color:#fff
}
.vod-component02 .swiper-slide:first-child {
    margin-left:10px!important
}
.vod-component02 .swiper-slide {
    width:163px!important
}
.vod-component02 .vod-img {
    padding-top:56.5%
}
.tag-list:after {
    content:"";
    display:block;
    clear:both
}
.tag-list {
    padding:0 10px
}
.tag-list li {
    float:left;
    margin-right:9px;
    margin-bottom:10px
}
.tag-style01 {
    display:inline-block;
    padding:8px 16px;
    border-radius:100px;
    border:1px solid #8045dd;
    font-family:NanumSquare;
    font-size:14px;
    color:#23212a
}
.component-title.top-like-channel {
    padding-top:25px
}
.live-component01 .swiper-slide:first-child {
    margin-left:10px!important
}
.live-component01 .swiper-slide {
    width:72px!important;
    text-align:center
}
.live-only-wrap {
    padding:28px 10px 10px;
    background-size:100% 100%
}
.live-only-top {
    position:relative;
    z-index:10
}
.live-only-tit {
    font-family:NanumSquareBold;
    font-size:22px;
    line-height:1.18em;
    color:#fff
}
.live-only-sub-tit {
    position:absolute;
    right:10px;
    top:5px;
    color:#fff;
    font-size:14px
}
.live-only-tit img {
    width:84px
}
.live-only-list-wrap {
    margin-top:28px;
    padding:0 14px;
    z-index:10;
    position:relative
}
.live-only-list {
    margin-bottom:5px;
    background-color:#fff;
    padding:12px
}
.live-only-list a {
    display:table;
    table-layout:fixed;
    width:auto;
    min-width:100%;
    max-width:none
}
.live-only-list .vod-img {
    width:102px;
    display:table-cell;
    vertical-align:middle;
    padding-top:64px
}
.live-only-list .vod-img>img {
    width:102px;
    height:55px
}
.live-only-list .thumb-text-wrap {
    width:calc(100% - 20px);
    margin-top:0
}
.live-only-list .thumb-text-right {
    display:block
}
.live-only-list .thumb-title-one {
    font-size:15px
}
.live-only-list .thumb-text01,.live-only-list .thumb-title-one {
    color:#23212a;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
}
.live-only-list .thumb-text01 {
    font-size:13px
}
.live-only-list .thumb-text02 {
    font-size:12px;
    color:#777
}
.live-popular-top {
    position:relative;
    padding-bottom:20px
}
.live-popular-top .component-title {
    padding:5px 10px 10px
}
.live-popular-top .vod-img {
    padding-top:56.6%
}
.live-popular-top .vod-img:after {
    content:"";
    display:block;
    position:absolute;
    width:100%;
    height:100%;
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0,transparent),color-stop(.71,rgba(0,0,0,.39)),color-stop(0,rgba(0,0,0,.75)));
    background:-webkit-linear-gradient(180deg,transparent,rgba(0,0,0,.39) 71%,rgba(0,0,0,.75));
    background:-webkit-linear-gradient(top,transparent,rgba(0,0,0,.39) 71%,rgba(0,0,0,.75));
    background:linear-gradient(180deg,transparent,rgba(0,0,0,.39) 71%,rgba(0,0,0,.75));
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="rgba(0,0,0,0.2)",endColorstr="rgba(0,0,0,0)",gradientType=0);
    background-image:-webkit-linear-gradient(top,transparent,rgba(0,0,0,.39) 71%,rgba(0,0,0,.75));
    background-image:linear-gradient(180deg,transparent,rgba(0,0,0,.39) 71%,rgba(0,0,0,.75));
    top:0;
    z-index:50
}
.live-popular-top .thumb-text-wrap {
    padding-top:10px
}
.live-popular-top .thumb-text-left {
    width:42px;
    text-align:center;
    vertical-align:middle
}
.live-popular-top .thumb-title-one {
    font-size:16px;
    font-family:NanumSquareBold
}
.live-popular-top .thumb-text01 {
    font-size:13px
}
.live-component03 {
    background-color:#f3f3f3;
    padding:10px
}
.live-component03-list {
    margin-bottom:10px;
    background-color:#fff
}
.live-component03-list:after {
    content:"";
    display:block;
    clear:both
}
.live-component03-list .vod-img {
    float:left;
    width:156px;
    padding-top:88px
}
.live-component03-list .thumb-text-wrap {
    float:left;
    width:calc(100% - 156px);
    padding-top:20px
}
.live-component03-list .thumb-text-left {
    width:43px;
    vertical-align:middle
}
.clip-popular-top-home {
    padding:20px 10px 15px
}
.clip-popular-top-home .component-title {
    padding-left:0
}
.clip-popular-top-home .arrow-title {
    right:0
}
.clip-popular-top-home .thumb-text-wrap {
    display:table;
    padding-top:0;
    vertical-align:middle;
    width:auto;
    min-width:100%;
    max-width:none
}
.clip-popular-top-home .thumb-text-left {
    vertical-align:middle;
    width:43px;
    text-align:center;
    padding:10px 0 0
}
.clip-popular-top-home .thumb-title-two {
    font-size:16px;
    font-family:NanumSquareBold;
    margin-top:9px;
    height:38px
}
.clip-popular-top-home .thumb-text-right {
    position:relative;
    width:calc(100% - 43px)
}
.clip-popular-top-home .thumb-text01 {
    margin-top:7px;
    float:left
}
.clip-popular-top-home .thumb-text01:last-child {
    float:right
}
.clip-popular-top-home .vod-img {
    padding-top:56.7%
}
.clip-component01 {
    padding:0 10px
}
.clip-component01.swiper-container {
    background-color:#f3f3f3;
    padding:10px 10px 41px
}
.clip-component01-list {
    margin-bottom:10px
}
.clip-component01-list>a {
    display:block;
    width:100%;
    background-color:#fff;
    position:relative
}
.clip-component01-list .vod-img {
    width:156px;
    padding-top:92px
}
.clip-component01-list .thumb-text-wrap {
    position:absolute;
    right:0;
    top:0;
    width:100%;
    padding-left:166px;
    padding-top:13px;
    padding-right:20px
}
.clip-component01-list .thumb-text-left {
    width:43px;
    text-align:center;
    vertical-align:middle
}
.clip-component01-list .thumb-text01 {
    margin-top:4px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
}
.clip-component01 .swiper-pagination-bullets {
    bottom:24px!important
}
.clip-component01 .swiper-pagination-bullet {
    background-color:#e6e6e6;
    opacity:1
}
.clip-component01 .swiper-pagination-bullet-active {
    border:1.5px solid #8145de
}
.swiper-container-horizontal>.swiper-pagination-bullets {
    bottom:10px;
    left:0;
    width:100%
}
.boardcast-list {
    border-top:1px solid #e5e5e5
}
.boardcast-list:after {
    content:"";
    display:block;
    clear:both
}
.boardcast-list li {
    float:left;
    width:33.3333%;
    border-bottom:1px solid #e5e5e5;
    border-right:1px solid #e5e5e5
}
.boardcast-list li:nth-child(3n) {
    border-right:none
}
.boardcast-list li img {
    width:100%
}
.clip-component02 .swiper-slide:first-child {
    margin-left:10px!important
}
.clip-component02 .swiper-slide {
    width:163px!important
}
.clip-component02 .vod-img {
    padding-top:56.5%
}
.clip-component03 .swiper-slide:first-child {
    margin-left:10px!important
}
.clip-component03 .swiper-slide {
    width:100px!important;
    text-align:center
}
.clip-component04 {
    padding:0 10px
}
.clip-component04 .vod-img {
    padding-top:56.6%
}
.clip-component04:after {
    content:"";
    display:block;
    clear:both
}
.clip-component04-list {
    float:left;
    width:50%
}
.clip-component04-list:nth-child(2n) {
    padding-left:2.5px
}
.clip-component04-list:nth-child(2n-1) {
    padding-right:2.5px
}
.clip-component04-list .thumb-text-wrap {
    min-height:80px
}
.clip-component04-list .thumb-text-right {
    vertical-align:top
}
.schd-btn img {
    width:100%;
    margin-bottom:-10px
}
.line {
    border-top:1px solid #f3f3f3;
    margin-top:30px
}
.movie-template .swiper-slide {
    width:107px!important;
    height:107px!important;
}
.doctor-template .swiper-slide {
    width:107px!important;
    height:107px!important;
}
.movie-template .swiper-slide:first-child {
    margin-left:11px
}
.movie-template .vod-img {
    padding-top:141.2%;
}

.movie-template-2 .swiper-slide {
    width:163px!important
}
.movie-template-2 .vod-img {
    padding-top:100%;
    width:163px;
}
.thumb-title01 {
    display:block;
    font-family:NanumSquare;
    font-size:14px;
    color:#efefef;
    line-height:18px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
}
.movie-bg {
    position:absolute;
    top:-5%;
    width:120%;
    height:120%;
    left:-5%;
    background-size:200% auto;
    background-position:100% 0;
    opacity:.5
}
.blur {
    -webkit-filter:blur(10px);
    filter:blur(10px);
    filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius="10")
}
.blur-ie {
    -webkit-transform:scale(1.4);
    transform:scale(1.4)
}
.blur-ie,html[data-agent*=Trident] .blur-wrapper .blur {
    display:none
}
html[data-agent*=Trident] .blur-wrapper .blur-ie {
    display:block
}
.movie-top-tit {
    position:relative
}
.movie-bg-gradation {
    position:absolute;
    bottom:0;
    width:100%;
    height:300px;
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0,hsla(0,0%,100%,0)),color-stop(.34,hsla(0,0%,100%,.3)),color-stop(.66,hsla(0,0%,100%,.8)),color-stop(1,#fff));
    background:-webkit-linear-gradient(top,hsla(0,0%,100%,0),hsla(0,0%,100%,.6) 34%,hsla(0,0%,100%,.9) 66%,#fff);
    background:linear-gradient(top,hsla(0,0%,100%,0),hsla(0,0%,100%,.6) 34%,hsla(0,0%,100%,.9) 66%,#fff);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="rgba(255,255,255,0)",endColorstr="rgba(255,255,255,1)",gradientType=0)
}
.movie-top {
    background-size:100% 100%;
    padding:30px 0;
    position:relative;
    overflow:hidden;
    background-color:#ccc
}
.move-component01 .swiper-slide {
    width:232px!important
}
.move-component01 .swiper-slide:first-child {
    margin-left:20px
}
.move-component01 .vod-img {
    border-radius:4px;
    overflow:hidden;
    padding-top:141.4%
}
.movie-top-tit {
    font-family:NanumSquareBold;
    font-size:22px;
    letter-spacing:-.4px;
    color:#fff;
    padding-left:20px;
    padding-bottom:15px
}
.move-component01 .thumb-title01 {
    font-size:16px;
    margin-top:2px
}
.movie-top .tag-age {
    width:28px
}
.movie-top .tag-top {
    position:absolute;
    left:10px;
    top:10px
}
.movie-top .tag-bottom {
    position:absolute;
    left:10px;
    bottom:10px
}
.movie-top .tag-right {
    position:absolute;
    right:10px;
    top:10px
}
.movie-top .tag-right-bt {
    position:absolute;
    right:10px;
    bottom:10px
}
.round-component .swiper-slide {
    width:70px!important;
    text-align:center
}
.round-component .swiper-slide:first-child {
    margin-left:11px
}
.round-component .vod-img {
    width:70px;
    height:70px;
    border-radius:50%;
    overflow:hidden;
    background-image:url(http://img.pooq.co.kr/service30/program_image/circle_default.png);
    background-repeat:no-repeat;
    background-position:50%;
    background-size:cover
}
.round-component .progress-bar-wrap {
    overflow:hidden;
    position:inherit;
    background:transparent;
    border-radius:100px;
    border:.5px solid #8045dd;
    margin-top:5px
}
.round-component .thumb-title-two {
    height:35px;
    line-height:18px
}
.round-component .progress-bar-wrap {
    height:8px
}
.more-plus-link img {
    padding-top:18px
}
.title-two-line {
    display:block;
    height:32px;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    word-wrap:break-word
}
.title-one-line,.title-two-line {
    font-family:NanumSquare;
    font-size:12px;
    font-weight:400;
    font-style:normal;
    font-stretch:normal;
    letter-spacing:normal;
    text-align:center;
    color:#23212a;
    line-height:1.33
}
.title-one-line {
    display:block;
    height:16px
}
.title-sub-info {
    height:18px;
    font-family:NanumSquare;
    font-size:12px;
    font-weight:400;
    font-style:normal;
    font-stretch:normal;
    line-height:1.5;
    letter-spacing:normal;
    text-align:center;
    color:#777;
    display:block;
    margin-top:2px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
}
.movie-component05 .swiper-slide {
    width:100px!important
}
.movie-component05 .swiper-slide:first-child {
    margin-left:15px
}
.main-visual img {
    width:100%
}
.swiper-main .swiper-pagination-bullet {
    background-color:#e8a3ff;
    opacity:1;
    vertical-align:middle;
    top: -15px;
    position: relative;
}
.swiper-main .swiper-pagination-bullet-active {
   /* background-color:transparent;
    border:2px solid #8145de */
    background-color:#fff;
}


.main-visual .swiper-slide {
    position:relative;
    padding-top:120%;
    overflow:hidden
}
.main-visual .swiper-slide img {
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    width:100%;
    min-height:100%;
}

.clinic-visual .swiper-slide {
    position:relative;
    padding-top:50%;
    overflow:hidden
}
.clinic-visual .swiper-slide img {
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    width:100%;
    min-height:100%;
}

.live-component02 .swiper-slide:first-child {
    margin-left:10px!important
}
.live-component02 .swiper-slide {
    width:163px!important
}
.live-component02 .vod-img {
    padding-top:100%
}

.main-notice {
    padding:8px 20px;
    border-top:1px solid #e5e5e5;
    border-bottom:1px solid #e5e5e5
}
.main-notice .swiper-container {
    height:17px!important
}
.main-notice:after {
    content:"";
    display:block;
    clear:both
}
.main-noti-ico {
    float:left;
    display:inline-block;
    width:18px;
    height:18px
}
.main-noti-ico>img {
    width:18px
}
.main-notice a.text02 {
    margin-top:3px;
    padding-left:7px;
    padding-right:0;
    position:absolute;
    width:100%;
    font-size:12px;
    color:#23212a;
    display:block;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
}

.mweb a,.mweb a:focus,.mweb button,.mweb button:focus,.mweb div,.mweb div:focus,.mweb input[type=button],.mweb input[type=button]:focus,.mweb input[type=checkbox],.mweb input[type=checkbox]:focus,.mweb input[type=password],.mweb input[type=password]:focus,.mweb input[type=radio],.mweb input[type=radio]:focus,.mweb input[type=submit],.mweb input[type=submit]:focus,.mweb input[type=tel],.mweb input[type=tel]:focus,.mweb input[type=text],.mweb input[type=text]:focus,.mweb select,.mweb select:focus,.mweb textarea,.mweb textarea:focus {
    outline:none
}
.component-wrap {
    padding:20px 0
}
.component-line {
    border-bottom:1px solid #e5e5e5
}
.flt-wrap {
    width:100%;
    overflow:hidden;
    display:block
}
.component-nav {
    margin-left:10px;
    padding:6px 0 11px
}
.component-nav:after {
    content:"";
    display:block;
    clear:both
}
.component-nav li {
    float:left;
    margin-right:25px
}
.component-nav button {
    font-family:NanumSquare;
    font-size:13px;
    letter-spacing:-.2px;
    color:#777
}
.component-nav-on button {
    color:#8045dd;
    font-family:NanumSquareBold
}
.component-header {
    text-align:center;
    height:40px;
    line-height:40px;
    padding:0 10px;
    position:relative;
    background-color:#fff
}
.component-header h3 {
    font-family:NanumSquareBold;
    font-size:16px;
    color:#212121
}
.component-header .component-back {
    position:absolute;
    left:10px
}
.component-header .component-close {
    position:absolute;
    top:0;
    right:10px
}
.main-popular-vod {
    display:block;
    margin-bottom:10px
}
.component-title {
    padding:5px 10px 10px;
    font-family:NanumSquareBold;
    font-size:15px;
    color:#23212a;
    position:relative
}
.thumb-text-wrap {
    display:table;
    width:100%;
    padding-top:7px;
    table-layout:fixed
}
.thumb-text-left {
    width:22px;
    text-align:center
}
.thumb-text-left,.thumb-text-right {
    display:table-cell
}

.thumb-text-wrap .thumb-text-right {
    display:table;
    width:100%;
    padding-top:7px;
    table-layout:fixed;
    text-align: left;
}


.thumb-title-one {
    display:block;
    white-space:nowrap;
    line-height:18px
}
.thumb-title-one,.thumb-title-two {
    font-size:13px;
    font-family:NanumSquare;
    color:#23212a;
    overflow:hidden;
    text-overflow:ellipsis
}
.thumb-title-two {
    display:block;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    word-wrap:break-word;
    max-height:2.6em;
    line-height:1.3em
}
.title-cc-line,.title-dot {
    width:4px;
    height:4px
}
.title-cc-line,.title-dot,.title-s-dot {
    display:inline-block;
    vertical-align:middle;
    margin:0 3px;
    border-radius:50%;
    border:1px solid #888
}
.title-s-dot {
    width:2px;
    height:2px
}
.thumb-num {
    font-family:Futura Std Heavy;
    font-size:16px;
    letter-spacing:-.3px;
    color:#23212a
}
.thumb-text01 {
    font-size:12px;
    color:#888;
    line-height:15px;
    display:block;
    margin-top:2px
}
.arrow-title {
    position:absolute;
    right:10px;
    font-size:13px;
    font-family:NanumSquare;
    color:#1a191f
}
.title-ico-heart {
    display:inline-block;
    width:16px;
    height:13px;
    background:url(../img/likeon.png) no-repeat 50%;
    background-size:16px;
    margin-right:5px
}
.tag-age {
    width:20px
}
.tag-quick-vod {
    width:58px
}
.tag-update {
    width:47px!important
}
.tag-free {
    width:33px
}
.tag-movie,.tag-vod {
    width:31px
}
.tag-title-same {
    width:41px
}
.tag-title-recomend {
    width:33px
}
.tag-title-keep,.tag-title-newest,.tag-title-payback,.tag-title-premium {
    width:41px
}
.tag-title-sale {
    width:33px
}
.tag-title-event,.tag-title-reservation {
    width:41px
}
.tag-title-dubbing,.tag-title-subtitle {
    width:33px
}
.tag-title-playy {
    width:44px
}
.tag-title-drm {
    width:36px
}
.tag-using {
    width:40px
}
.ico-heart {
    width:16px
}
.arrow-title-img {
    width:11px
}
.arrow-back-black,.arrow-back-white,.btn-close-black,.btn-close-white {
    width:36px
}
.join-noti-ico {
    width:19px
}
.ico-live {
    width:40px
}
.ico-ticket,.ico-vod {
    width:41px
}
.ico-download,.ico-share {
    width:36px
}
.ico-play-purple {
    width:8px
}
.ico-top {
    width:15px
}
.ico-schd-big {
    width:44px
}
.arrow-thumnail {
    width:24px
}
.more-plus-white {
    width:46px
}
.btn-close-popup {
    width:50px
}
.ico-component-empty {
    width:52px
}
.fw_bold {
    font-family:NanumSquareBold
}
.col-purple {
    color:#8045dd!important
}
.col-gray {
    color:#777
}
.col-white {
    color:#fff!important
}
.tac {
    text-align:center
}
.tal {
    text-align:left
}
.tar {
    text-align:right
}
.ftl {
    float:left
}
.ftr {
    float:right
}
.blind {
    overflow:hidden;
    position:absolute;
    top:0;
    left:0;
    width:1px;
    height:1px;
    font-size:0;
    line-height:0
}
.check-style input[type=checkbox] {
    position:absolute;
    clip:rect(0,0,0,0)
}
.check-style input[type=checkbox]+label {
    position:relative;
    font-size:13px;
    letter-spacing:-.2px;
    color:#23212a;
    font-family:NanumSquare
}
.check-style input[type=checkbox]+label:before {
    content:" ";
    display:inline-block;
    width:22px;
    height:22px;
    margin-right:8px
}
.check-style input[type=checkbox].check-green+label:before {
    background:#fff;
    border:1px solid #d9d9d9;
    vertical-align:middle
}
.check-style input[type=checkbox].check-green:focus+label:before {
    border:1px solid #0fe85c
}
.check-style input[type=checkbox].check-green:checked+label:before {
    background:url(../img/check.png) #0fe85c no-repeat 50%;
    background-size:22px;
    border:1px solid #0fe85c
}
.check-style input[type=checkbox].check-purple+label:before {
    background:#fff;
    border:1px solid #d9d9d9;
    vertical-align:middle
}
.check-style input[type=checkbox].check-purple:focus+label:before {
    border:1px solid #8045dd
}
.check-style input[type=checkbox].check-purple:checked+label:before {
    background:url(../img/check-purple.png) #8045dd no-repeat 50%;
    background-size:22px;
    border:1px solid #8045dd
}
.check-style input[type=checkbox].check-purple-round+label:before {
    border-radius:100px;
    border:1px solid #d9d9d9;
    vertical-align:middle
}
.check-style input[type=checkbox].check-purple-round:focus+label:before {
    border:1px solid #8045dd
}
.check-style input[type=checkbox].check-purple-round:checked+label:before {
    background:url(../img/check-purple.png) #8045dd no-repeat 50%;
    background-size:22px;
    border:1px solid #8045dd
}
.check-style02 input[type=checkbox] {
    position:absolute;
    clip:rect(0,0,0,0)
}
.check-style02 input[type=checkbox]+label {
    position:relative
}
.check-style02 input[type=checkbox]+label:before {
    content:" ";
    display:inline-block;
    width:36px;
    height:36px
}
.check-style02 input[type=checkbox].check-time+label:before {
    background:url(../img/clock.png) no-repeat 50%;
    background-size:24px
}
.check-style02 input[type=checkbox].check-time:checked+label:before {
    background:url(../img/clockon.png) no-repeat 50%;
    background-size:24px
}
.switch-btn {
    position:relative;
    display:inline-block;
    width:44px;
    height:27px;
    border-radius:50px;
    cursor:pointer;
    vertical-align:middle
}
.switch-input {
    position:absolute;
    top:0;
    left:0;
    opacity:0
}
.switch-label {
    position:relative;
    display:block;
    height:inherit;
    background:#eceeef;
    border-radius:inherit;
    -webkit-transition:.15s ease-out;
    transition:.15s ease-out
}
.switch-input:checked~.switch-label {
    background:#7d45de
}
.switch-handle {
    position:absolute;
    top:3px;
    left:4px;
    width:21px;
    height:21px;
    background:#fff;
    border-radius:50%;
    -webkit-transition:left .15s ease-out;
    transition:left .15s ease-out
}
.switch-input:checked~.switch-handle {
    left:20px
}
.radio-style>span {
    margin-right:15px
}
.radio-style input[type=radio] {
    position:absolute;
    clip:rect(0,0,0,0)
}
.radio-style input[type=radio]+label {
    position:relative;
    font-size:14px;
    letter-spacing:-.3px;
    color:#23212a
}
.radio-style input[type=radio]+label:before {
    content:" ";
    display:inline-block;
    width:22px;
    height:22px;
    margin-right:7px;
    border-radius:50%;
    background:url(../img/radio-normal.png) #fff no-repeat 50%;
    background-size:22px
}
.radio-style input[type=radio].radio-purple+label:before {
    border:1px solid #d9d9d9;
    vertical-align:middle
}
.radio-style input[type=radio].radio-purple:focus+label:before {
    border:1px solid #8045dd
}
.radio-style input[type=radio].radio-purple:checked+label:before {
    background:url(../img/radio-purple.png) #8045dd no-repeat 50%;
    background-size:22px;
    border:1px solid #8045dd
}
.radio-style input[type=radio].radio-pink+label:before {
    border:1px solid #d9d9d9;
    vertical-align:middle
}
.radio-style input[type=radio].radio-pink:focus+label:before {
    border:1px solid #f66ca7
}
.radio-style input[type=radio].radio-pink:checked+label:before {
    background:url(../img/input.png) #f66ca7 no-repeat 50%;
    background-size:22px;
    border:1px solid #f66ca7
}
.gradation-blue {
    background:-webkit-gradient(linear,left top,right top,color-stop(0,#a028e6),color-stop(.3,#882dd3),color-stop(.55,#8241dd),color-stop(1,#1cc0fd));
    background:-webkit-linear-gradient(90deg,#a028e6,#882dd3 30%,#8241dd 55%,#1cc0fd);
    background:-webkit-linear-gradient(left,#a028e6,#882dd3 30%,#8241dd 55%,#1cc0fd);
    background:linear-gradient(90deg,#a028e6,#882dd3 30%,#8241dd 55%,#1cc0fd);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#a028e6",endColorstr="#1cc0fd",gradientType=1)
}
.gradation-gray {
    background:-webkit-gradient(linear,left top,right top,color-stop(0,#7f8595),color-stop(.71,#aeb2be),color-stop(1,#7f8595));
    background:-webkit-linear-gradient(90deg,#7f8595,#aeb2be 71%,#7f8595);
    background:-webkit-linear-gradient(left,#7f8595,#aeb2be 71%,#7f8595);
    background:linear-gradient(90deg,#7f8595,#aeb2be 71%,#7f8595);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#7f8595",endColorstr="#7f8595",gradientType=1)
}
.gradation-purple {
    background:-webkit-gradient(linear,left top,right top,color-stop(0,#a028e6),color-stop(.3,#882dd3),color-stop(.67,#8241dd),color-stop(1,#5541ef));
    background:-webkit-linear-gradient(90deg,#a028e6,#882dd3 30%,#8241dd 67%,#5541ef);
    background:-webkit-linear-gradient(left,#a028e6,#882dd3 30%,#8241dd 67%,#5541ef);
    background:linear-gradient(90deg,#a028e6,#882dd3 30%,#8241dd 67%,#5541ef);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#a028e6",endColorstr="#5541ef",gradientType=1)
}
.vod-img {
    position:relative;
    display:block;
    padding-top:100%;
    overflow:hidden
}
.vod-img>img {
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    min-height:100%;
    width:100%;
}
.thumb-border {
    border:1px solid hsla(0,0%,66%,.15);
    background-clip:padding-box
}
.tag-top {
    position:absolute;
    left:5px;
    top:5px;
    z-index:20
}
.tag-top>img {
    display:block
}
.tag-bottom {
    bottom:5px
}
.tag-bottom,.tag-bottom-pgs {
    position:absolute;
    left:5px;
    z-index:20;
    width:100%
}
.tag-bottom-pgs {
    bottom:10px
}
.tab-img-wrap {
    display:block;
    padding:5px;
    padding-right:0
}
.tab-img-wrap:after {
    content:"";
    display:block;
    clear:both
}
.tab-img-wrap>img {
    float:left;
    margin-right:1px
}
.tag-right {
    top:5px;
    z-index:5
}
.tag-right,.tag-right-bt {
    position:absolute;
    right:5px
}
.tag-right-bt {
    bottom:5px
}
.tag-vod-time {
    display:inline-block;
    background-color:rgba(35,33,22,.25);
    color:#fff;
    font-size:11px;
    padding:2px 3px
}
.view-top {
    padding-top:13px;
    padding-left:10px
}
.view-tit {
    line-height:1.3em;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    word-wrap:break-word
}
.view-tit,.view-tit-one {
    margin-top:11px;
    padding-right:10px;
    font-family:NanumSquareBold;
    font-size:20px;
    color:#23212a;
    overflow:hidden;
    text-overflow:ellipsis
}
.view-tit-one {
    white-space:nowrap
}
.view-sub-tit {
    font-size:16px;
    color:#8045dd;
    margin-top:6px
}
.view-date {
    font-size:12px;
    color:#888;
    margin-top:12px
}
.view-cast {
    margin-top:12px;
    position:relative;
    font-size:13px
}
.view-cast-tit {
    color:#23212a;
    position:absolute
}
.view-cast-desc {
    display:block;
    color:#888;
    padding-left:35px;
    padding-right:20px;
    line-height:1.38em
}
.veiw-check {
    margin-top:16px;
    position:relative
}
.veiw-check:after {
    content:"";
    display:block;
    clear:both
}
.veiw-check li {
    float:left;
    margin-right:13px;
    max-width:36px;
    max-height:36px
}
.view-tag-wrap {
    margin-top:16px
}
.view-tag .swiper-slide {
    width:auto!important
}
.view-tag .swiper-slide:first-child {
    margin-left:10px
}
.view-tag button {
    font-size:11px;
    color:#23212a;
    padding:6px 12px;
    border-radius:100px;
    background-color:#f4f4f4
}
.view-desc-wrap {
    margin-top:16px;
    padding:0 10px
}
.view-desc-text {
    font-size:13px;
    line-height:1.38em;
    color:#23212a;
    height:auto;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    word-wrap:break-word
}
.view-more {
    margin-top:10px;
    display:none
}
.view-more th {
    color:#23212a;
    font-weight:400
}
.view-more td,.view-more th {
    font-size:13px;
    text-align:left;
    vertical-align:top
}
.view-more td {
    letter-spacing:-.2px;
    color:#777;
    padding-left:10px
}
.view-more td>p {
    margin-bottom:10px
}
.view-more .player-name button {
    border-bottom:1px solid #888;
    display:inline-block;
    margin-bottom:2px;
    font-size:13px;
    letter-spacing:-.2px;
    color:#777;
    vertical-align:top
}
.data-bedge {
    font-size:11px;
    color:#777;
    font-family:NanumSquareBold;
    padding:3px 6px;
    border-radius:2px;
    border:1px solid #e5e5e5;
    margin-right:5px
}
.view-desc-btn {
    margin-top:8px
}
.view-desc-btn:after {
    content:"\C790\C138\D788 \BCF4\AE30";
    display:inline-block;
    width:auto;
    height:18px;
    font-size:12px;
    color:#8045dd;
    padding-right:15px;
    background:url(../img/arrow-bottom.png) no-repeat 100%;
    background-size:10px
}
.view-desc-open .view-desc-text {
    height:auto;
    -webkit-line-clamp:inherit
}
.view-desc-open .view-more {
    display:block
}
.view-desc-open .view-desc-btn:after {
    content:"\B2EB\AE30";
    background:url(../img/arrow-up.png) no-repeat 100%;
    background-size:10px
}
.vod-lock:after {
    content:"";
    display:block;
    width:100%;
    height:100%;
    background:url(../img/lock-white.png) rgba(0,0,0,.8) no-repeat 50%;
    background-size:36px;
    position:absolute;
    top:0;
    left:0;
    z-index:10
}
.vod-lock-19:after {
    background:url(../img/lock19.png) rgba(0,0,0,.8) no-repeat 50%;
    background-size:46px
}
.vod-lock-19:after,.vod-lock-21:after {
    content:"";
    display:block;
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    z-index:10
}
.vod-lock-21:after {
    background:url(../img/lock21.png) rgba(0,0,0,.8) no-repeat 50%;
    background-size:46px
}
.vod-ing:after {
    background:url(../img/vod-ing.png) rgba(128,61,221,.7) no-repeat 50%;
    background-size:18px
}
.vod-end:after,.vod-ing:after {
    content:"";
    display:block;
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    z-index:10
}
.vod-end:after {
    background:url(../img/vod-end.png) rgba(128,61,221,.7) no-repeat 50%;
    background-size:24px
}
.img-play-ico:after {
    content:"";
    display:block;
    width:100%;
    height:100%;
    background:url(../img/play-shadow.png) no-repeat 50%;
    background-size:40px;
    position:absolute;
    top:0;
    left:0;
    z-index:10
}
.theme-more {
    display:block;
    width:94px;
    height:36px;
    line-height:36px;
    border-radius:100px;
    border:1px solid #8045dd;
    font-size:13px;
    text-align:center;
    color:#23212a;
    margin:12px auto 0
}
.theme-more.theme-more-long {
    width:130px;
    color:#8045dd;
    font-weight:400
}
.theme-btn {
    position:absolute;
    width:36px;
    height:36px;
    right:0;
    bottom:61px;
    background:url(../img/arrow-bottom-circle.png);
    background-size:36px
}
.theme-open .theme-btn {
    bottom:37px;
    background:url(../img/arrow-up-circle.png);
    background-size:36px
}
.component-top~.swiper-container {
    margin-top:-35px
}
.component-top {
    padding:16px 15px;
    position:relative;
    background-size:cover;
    background-position:top;
    height:170px
}
.component-top-text {
    font-size:18px;
    font-family:NanumSquare ExtraBold;
    color:#fff;
    padding-bottom:45px
}
.component-top-text>p,.component-top-text>p.component-top-big {
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    width:70%
}
.component-top-text>p.component-top-small {
    font-family:NanumSquare;
    font-size:12px;
    line-height:1.3em;
    color:#fff;
    text-shadow:0 0 7px rgba(0,0,0,.5)
}
.component-top-text02 {
    font-size:12px;
    color:#fff;
    text-shadow:0 0 7px rgba(0,0,0,.5);
    margin-top:10px
}
.component-top .arrow-title {
    top:16px;
    color:#fff
}
.component-top-text.theme-view {
    position:absolute;
    left:15px;
    bottom:15px;
    padding-bottom:0;
    width:100%
}
.progress-bar-wrap {
    display:block;
    position:absolute;
    bottom:0;
    width:100%;
    height:6px;
    background:rgba(0,0,0,.15);
    z-index:100
}
.progress-bar {
    display:block;
    height:100%;
    background:-webkit-gradient(linear,left top,right top,color-stop(0,#5654e1),color-stop(.33,#8a4ee3),color-stop(.66,#717cf0),color-stop(1,#2ac5fe));
    background:-webkit-linear-gradient(95deg,#8a48e3,#35abfd);
    background:-webkit-linear-gradient(355deg,#8a48e3,#35abfd);
    background:linear-gradient(95deg,#8a48e3,#35abfd);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#5654e1",endColorstr="#2ac5fe",gradientType=1)
}
.more-circle {
    text-align:center
}
.bb-none {
    border-bottom:none
}
.bg-gray {
    background-color:#f7f7f7
}
body.modal-open {
    overflow:hidden
}
.page-top {
    text-align:center;
    padding:50px 0 25px
}
.page-top-tit {
    font-size:18px;
    font-family:NanumSquare ExtraBold;
    color:#23212a
}
.page-top-text {
    font-size:12px;
    letter-spacing:-.2px;
    text-align:center;
    color:#23212a;
    margin-top:10px
}
.ch-adult-wrap {
    text-align:center;
    padding-top:70px;
    padding-bottom:125px
}
.img-age-19-02 {
    width:92px;
    display:block;
    margin:0 auto 29px
}
.ch-adult-text01 {
    font-size:14px;
    letter-spacing:-.3px;
    color:#23212a;
    line-height:1.5em;
    margin-bottom:20px
}
.ch-adult-text01>strong {
    font-family:NanumSquareBold
}
.ch-adult-text02 {
    font-size:14px;
    letter-spacing:-.3px;
    color:#8045dd
}
.ch-adult-method {
    padding:0 20px;
    margin-top:30px
}
.ch-adult-method:after {
    content:"";
    display:block;
    clear:both
}
.ch-adult-method li {
    float:left;
    width:calc(50% - 5px);
    background-color:#fff;
    border:1px solid #d9d9d9;
    border-radius:6px
}
.ch-adult-method li:first-child {
    margin-right:10px
}
.ch-adult-method li a {
    display:block;
    padding:18px 0;
    font-family:NanumSquareBold;
    font-size:13px;
    color:#23212a
}
.ch-adult-method li a>img {
    display:block;
    width:44px;
    margin:0 auto 13px
}
.ch-adult-btn {
    position:fixed;
    width:100%;
    padding:0 20px;
    bottom:20px;
    left:0
}
.ch-adult-btn li {
    margin-top:10px
}
.round-btn-purple-f {
    border-radius:100px;
    background-color:#8045dd;
    color:#fff
}
.round-btn-black-b,.round-btn-purple-f {
    display:block;
    width:100%;
    height:45px;
    line-height:45px;
    font-family:NanumSquareBold;
    font-size:16px;
    letter-spacing:-.3px;
    text-align:center
}
.round-btn-black-b {
    border-radius:100px;
    background-color:#fff;
    border:1px solid #ccc;
    color:#23212a
}
.service-error-wrap {
    text-align:center;
    padding:70px 20px 125px
}
.img-error02 {
    width:92px;
    display:block;
    margin:0 auto 30px
}
.service-error-tit {
    font-family:NanumSquareBold;
    font-size:21px;
    line-height:1.33em;
    letter-spacing:-.3px;
    color:#23212a
}
.service-error-text {
    font-size:14px;
    letter-spacing:-.3px;
    color:#23212a;
    margin-top:15px;
    line-height:1.3em
}
.service-error-text>strong {
    font-family:NanumSquareBold
}
.service-error-text02 {
    margin-top:20px;
    font-size:12px;
    letter-spacing:-.2px;
    color:#777
}
.service-error-btn {
    position:fixed;
    width:100%;
    padding:0 20px;
    bottom:20px;
    left:0
}
.popup-btn-common {
    width:50px;
    height:50px;
    border-radius:50%;
    background-color:#8045dd;
    color:#fff;
    box-shadow:0 10px 10px 0 rgba(0,0,0,.3)
}
.popup-genre-btn {
    position:absolute;
    top:0;
    opacity:0
}
.select-text-wrap {
    width:50px;
    height:50px;
    border-radius:50%;
    background-color:#8045dd;
    line-height:50px;
    text-align:center
}
.select-text {
    display:inline-block;
    width:40px;
    vertical-align:middle;
    line-height:normal;
    font-size:13px;
    color:#fff
}
.select-text>strong {
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    word-wrap:break-word
}
.select-round {
    -webkit-appearance:none;
    appearance:none;
    width:50px;
    height:50px;
    border-radius:50%;
    position:absolute;
    top:0;
    opacity:0
}
.modal-mask {
    position:fixed;
    z-index:9998;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,.8);
    -webkit-transition:opacity .3s ease;
    transition:opacity .3s ease;
    overflow-y:scroll
}
.popup-close {
    position:fixed;
    top:7px;
    right:7px
}
.modal-container {
    -webkit-transition:all .3s ease;
    transition:all .3s ease
}
.modal-enter,.modal-leave-active {
    opacity:0
}
.my-list-empty {
    text-align:center;
    padding:59px 0
}
.my-list-empty>img {
    margin-bottom:14px
}
.my-list-empty p {
    font-size:14px;
    line-height:1.43em;
    color:#23212a
}

.popup-event-wrap {
    width:calc(100% - 60px);
    margin:20% auto;
    border-radius:8px;
    overflow:hidden;
    background-color:#fff
}
.popup-event-slider .swiper-slide img {
    width:100%
}
.popup-event-wrap .swiper-pagination-bullet {
    opacity:1;
    background-color:#fff;
    width:7px;
    height:7px
}
.popup-event-wrap .swiper-pagination-bullet-active {
    background-color:transparent;
    border:1.5px solid #8145de;
    width:8px;
    height:8px
}
.popup-event-bottom {
    background-color:#fff;
    padding:13px 19px
}
.popup-event-bottom:after {
    content:"";
    display:block;
    clear:both
}
.popup-event-bottom .check-style {
    float:left;
    display:inline-block
}
.close-event-popup {
    float:right;
    font-size:13px;
    letter-spacing:-.2px;
    color:#23212a;
    font-family:NanumSquare;
    height: 24px
}