@charset "utf-8";
@import url('base.css');
:root {
    --color-cate-home: #ff1f45;
    --color-cate-live: #ff584a;
    --color-cate-vod: #387dff;
    --color-cate-clip: #fd8163;
    --color-cate-movie: #7d57fc;
    --color-cate-kids: #ffc031;
}

#dimmed {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
    z-index: 500;
    display: none;
}

html, body {
    background: #212121;
}

/** layout **/

#header {
    text-align: center;
}

#header h1 {
    width: 172px;
    height: 40px;
    margin: 15px auto;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 432.25 97.53'%3E%3Crect fill='%23ffffff' x='200.3' width='30.84' height='97.53'/%3E%3Cpath fill='%23ffffff' d='M76.05,0H0V29.91H29.86V97.42H61.59V29.91H91.53L81.8,4A6.17,6.17,0,0,0,76.05,0Z'/%3E%3Cpath fill='%23ffffff' d='M302.25,45.07,269.15,2.92a7.62,7.62,0,0,0-6-2.92H243.87V97.27l0,.25H274.2l.25,0V52.43l33.06,42.16a7.62,7.62,0,0,0,6,2.93h19.3V0H302.25Z'/%3E%3Cpath fill='%23ffffff' d='M160.63,4.07,142.78,53.85,125,4.08A6.16,6.16,0,0,0,119.22,0H89.65l37.53,97.52h31.19L195.92,0h-29.5A6.18,6.18,0,0,0,160.63,4.07Z'/%3E%3Cpath fill='%23ffffff' d='M431.5,42.42H396.87v28.2h-20.4V27.93H416a8.28,8.28,0,0,0,7.72-5.35L432.25,0H345.63V97.53H431.5Z'/%3E%3C/svg%3E");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    font-size: 0;
    transform: scale(0.5);
}

#header h2 {
    height: 50px;
    text-align: center;
}

#header h2 img {
    margin-top: 10px;
    height: 30px;
    width: auto;
}

#header nav ul {
    display: flex;
}

#header nav ul li:first-child:nth-last-child(1) {
    width: 100%;
}

/* one item */

#header nav ul li:first-child:nth-last-child(2), #header nav ul li:first-child:nth-last-child(2)~li {
    width: 50%;
}

/* two items */

#header nav ul li:first-child:nth-last-child(3), #header nav ul li:first-child:nth-last-child(3)~li {
    width: 33.3333%;
}

/* three items */

#header nav ul li a {
    display: block;
    padding: 15px 0;
    font-size: 16px;
}

#header nav ul li.on {
    border-bottom: 2px #fff solid;
}

#header nav ul li.on a {
    color: #fff;
}

#header nav ul li:nth-child(1).on a {
    font-weight: bold;
}

.btn_history_back {
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 50px;
    background: url(data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAoCAMAAADXJhpaAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAACEFBMVEUEAAAEAAAEAAAEAAAEAACYl5fX19fQ0NBjYWEEAAAEAACTkZHW1tbJyMgEAAAEAACjoqLX19fZ2dmura0EAAAEAACko6PX19fY2NiQj48EAACqqanZ2dnX19eJh4cEAAAEAAAEAACura3Z2dnW1tZ+fHwEAAAEAAC7urra2trT09Nwbm4EAAAEAAAEAAC4uLja2trT09NraGgEAAAEAADBwMDb29vR0dFnZWUEAAAEAADFxcXb29vPzs5bWVkEAADIx8fc3NzMzMxNSkoEAAAEAADJyMjc3NzKyspJR0cEAADKysrc3NzJyMgEAAAcGBjOzc3d3d3FxcU4NTUEAAAaFxfPzs7d3d3CwcEmIyMEAAB3dnbR0dHe3t7d3d2+vr4iHh4EAADV1NS7uroPCwsEAADPz8/c3NzExMRCQEAEAAATDw+7urrLy8tZV1cEAAAEAACysbHb29vPz89kYmKqqanb29vS0tJ3dXUEAACioaHY2NjV1NSIhoYEAACcm5vV1NSJiIiVlJTX19fW1taUkpKOjIzW1tbY2Nicm5uCgIDU1NTa2tp9e3vU1NTa2tqmpaV+fHzS0tLa2tqqqalta2vPz8/b29uysrIEAABbWVnOzc3c3Ny3trZWVFTMzMzc3Ny5ubknJCRTUFDKysrd3d2/v78+OzvGxsa1tLQ8OTnDw8OysrIEAADe3t7///93bIz0AAAArnRSTlMAAQMFBhmcghcKAh2qhhIEJbjmaBgNKcLlYiUqx+RjLCAUMs7eXS4kPtjUVSMOB0Db0lEtF0vdz1EiFlfoyUsMYe7BRSEIZfDARRVu8boLCXn2sj8rCoP7qTofEYf9+ac6E5CmOy9487pJGw9xxkIcD3Xzxjlt7co/GmPn1EcZXddLV+LcUk/d4llH0+pD0utlQs3sbDrC8XcQMr33gDC1+YMfL678himleieUeBFPGsyKAAAAAWJLR0SvzmyjMQAAAAd0SU1FB+MIFhIFJEfQ54QAAAHXSURBVDjLbdRpV9NAGAXgTicuiUtVUkFR2rjgAgkiBWwQ4kJdUOtCVcQFUBGpCJG9KBV3RARcAcUNURDl/kaSwgczk/frc+acmfeeOx4PNyQ1HpchXioI1OtihC5Zumy5KEicSHTFSmDVatFHOFmzFliXJvspYWV9OpCxYSNLRBIyNwGbswJBRXTcw5ItW4Ft27N3yH7HNSzZuQvYnZOdK6uaRByStwfI31uQG7LO/C9erbAIKN5XENY5KdkPlJYFwrrByoGDwKHDgXJbHGuLHDkKHDseCFYYlJETJ4FTtkQZOX3mLHCuMhZUWDl/4SJQdSlWrYiMXL5yFddqamPVdSKzOHodwI2b9eUKGwQRbjUAtxtjcZWNjwh3miy729xicuSLhu61Am3tuvNJdnyaGe/oBLq6mRWlHmwmeu4DD3qZxaYWaCYfZgB9j0Ku9vgJ8PQZb5Kmys9fAP0vmYBTEavywCtgsCepal7W/KHXQ8DwSNJ0szdvgXfvEy5m6B8+AqNjifEI0wbbPn0GJr7EeaNGxddvwPcfk6bG7oxGlZ9TwK/fetTH1UFUpmfQ+ifJNcUKVqyb/fsvzJfIzkick+PyHF892yKG6ncr7ELNqU9y/wIW/4Z547CEa0mPZeIAAAAASUVORK5CYII=) center center no-repeat;
    background-size: 12px auto;
    font-size: 0;
}

#footer {
    padding: 0 15px 30px 15px;
    background: #101010;
}

#footer nav ul:after {
    content: '';
    display: block;
    clear: both;
}

#footer nav.footer-lnk ul {
    width: 300px;
    margin: 0 auto;
}

#footer nav.footer-lnk li {
    float: left;
    width: 25%;
    text-align: center;
    line-height: 45px;
    border-bottom: solid 1px #1b1b1b;
    position: relative;
    font-size: 13px;
}

#footer nav.footer-lnk li a {
    color: #585858;
}

#footer nav.footer-lnk li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 1px;
    height: 10px;
    margin-top: -5px;
    background: #232323;
}

#footer nav.footer-lnk li:first-child::before {
    display: none;
}

#footer nav.footer-rule {
    margin-left: -9px;
    margin-top: 15px;
    text-align: center;
}

#footer nav.footer-rule li {
    display: inline-block;
    padding: 0 8px;
    color: #585858;
    font-size: 12px;
    line-height: 20px;
    position: relative;
}

#footer nav.footer-rule li.dark {
    color: #585858;
}

#footer nav.footer-rule li:after {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 1px;
    height: 10px;
    background: #232323;
    margin-top: -5px;
}

#footer nav.footer-rule li:first-child::after {
    display: none;
}

#footer nav.footer-mall {
    text-align: center;
    font-size: 12px;
    text-decoration: underline;
    color: #585858;
    line-height: 15px;
    padding-top: 8px;
}

@media screen and (max-width: 640px) {
    #footer nav.footer-rule li:nth-child(5)::after {
        display: none;
    }
}

#footer address {
    font-size: 10px;
    color: #363636;
    text-align: center;
    line-height: 1.5em;
    margin-top: 15px;
}

#footer p {
    color: #363636;
    font-size: 11px;
    margin-top: 10px;
    text-align: center;
}

aside {
    position: fixed;
    left: 0;
    top: 0;
    width: 300px;
    height: 100%;
    background: #fff;
    z-index: 999;
    margin-left: -300px;
    overflow-y: auto;
}

aside .login {
    height: 104px;
    background: #ea003d;
    position: relative;
}

aside .login .before-login {
    color: #fff;
    font-size: 22px;
    padding-left: 25px;
    line-height: 104px;
}

aside .login .after-login {
    padding: 30px 25px 0 25px;
}

aside .login .after-login p {
    color: #fff;
}

aside .login .after-login span a div {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 120px;
    width: 140px;
    box-sizing: border-box;
    float: left;
    font-weight: bold;
}

aside .login .after-login>span {
    float: left;
    color: #fff;
    font-size: 22px;
}

aside .login .after-login>a {
    float: right;
    display: block;
    padding: 0 10px;
    color: #fff;
    line-height: 24px;
    border: solid 1px #fff;
    font-size: 12px;
    margin-top: 2px;
}

aside .tvingmall {
    background: #fff;
    position: relative;
    margin: 13px;
}

aside .footer {
    background: #f7f7f7;
    line-height: 65px;
    font-size: 11px;
    color: #888888;
    position: relative;
}

aside .footer>p {
    padding-left: 20px;
}

aside .footer>p>span {
    text-indent: -999em;
    width: 50px;
    height: 13px;
    display: inline-block;
    background: url(img/lnb.png) left top no-repeat;
    background-size: 50px auto;
    vertical-align: middle;
    margin-right: 6px;
}

aside #lnb {
    box-sizing: border-box;
}

aside .lnb-menu {
    height: 100%;
}

aside .lnb-menu>a {
    border-bottom: solid 1px #f2f2f2;
    display: block;
    padding-left: 25px;
    line-height: 54px;
    font-size: 18px;
    font-weight: 700;
    color: #000;
    padding-top: 1px;
}

aside .lnb-menu dt {
    border-bottom: solid 1px #f2f2f2;
    position: relative;
}

aside .lnb-menu dt.on {
    border: 0;
}

aside .lnb-menu dt:after {
    content: '';
    display: block;
    width: 20px;
    height: 11px;
    background: url(img/lnb.png) left -20px no-repeat;
    background-size: 50px auto;
    position: absolute;
    right: 25px;
    top: 50%;
    margin-top: -6px;
}

aside .lnb-menu dt.on:after {
    background-position: right -20px;
}

aside .lnb-menu dt>a {
    display: block;
    padding: 0 25px;
    line-height: 54px;
    font-size: 18px;
    font-weight: 700;
    color: #000;
    padding-top: 1px;
}

aside .lnb-menu dd {
    border-bottom: solid 1px #f8f8f8;
    display: none;
}

aside .lnb-menu dt.on+dd {
    display: block;
}

aside .lnb-menu div.magazine {
    border-bottom: solid 1px #f2f2f2;
    position: relative;
}

aside .lnb-menu div.magazine a {
    display: block;
    padding: 0 25px;
    line-height: 54px;
    font-size: 18px;
    font-weight: 700;
    color: #000;
    padding-top: 1px;
}

aside .lnb-common {
    margin: 0 25px 20px 25px;
}

aside .lnb-common:after {
    content: '';
    display: block;
    clear: both;
}

aside .lnb-common li {
    line-height: 35px;
}

aside .lnb-common li>a {
    display: block;
}

aside .lnb-common li.brd {
    border-top: solid 1px #f8f8f8;
    margin-top: 3px;
    padding-top: 5px;
}

aside .lnb-common.half {
    margin-top: 20px;
}

aside .lnb-common.half li {
    float: left;
    width: 50%;
    line-height: 30px;
}

.lnb-common.channel {
    border-top: solid 1px #f2f2f2;
}

.lnb-common.channel li {
    width: 33.3333%;
    float: left;
    border: solid 1px #f2f2f2;
    border-top: 0;
    border-left: 0;
    box-sizing: border-box;
}

.lnb-common.channel li:nth-child(3n+1) {
    border-left: solid 1px #f2f2f2;
}

.lnb-common.channel li>a {
    display: block;
    height: 49px;
    text-indent: -999em;
    background: url(img/lnb_logo.png) no-repeat;
    background-size: 252px auto;
    overflow: hidden;
}

.lnb-common.channel li>a.ch_C00551 {
    background-position: left top;
}

/** tvn **/

.lnb-common.channel li>a.ch_C01143 {
    background-position: -84px top;
}

/** otvn **/

.lnb-common.channel li>a.ch_C00579 {
    background-position: -168px top;
}

/** Mnet **/

.lnb-common.channel li>a.ch_C01142 {
    background-position: left -50px;
}

/** Onstyle **/

.lnb-common.channel li>a.ch_C00575 {
    background-position: -84px -50px;
}

/** Olive **/

.lnb-common.channel li>a.ch_C01141 {
    background-position: -168px -50px;
}

/** Xtm **/

.lnb-common.channel li>a.ch_C07381 {
    background-position: left -100px;
}

/** OCN **/

.lnb-common.channel li>a.ch_C04601 {
    background-position: -84px -100px;
}

/** Ch. CGV **/

.lnb-common.channel li>a.ch_C07382 {
    background-position: -168px -100px;
}

/** super Action **/

.lnb-common.channel li>a.ch_C06941 {
    background-position: left -149px;
}

/** Tooniverse **/

.lnb-common.channel li>a.ch_C00544 {
    background-position: -84px -149px;
}

/** 중화TV **/

.lnb-common.channel li>a.ch_C00590 {
    background-position: -168px -149px;
}

/** OGN **/

.lnb-common.channel li>a.ch_5842 {
    background-position: left -199px;
}

/** CatchON **/

.lnb-common.channel li>a.ch_C15152 {
    background-position: -84px -199px;
}

/** DIA TV**/

/** 20170117 lnb 추가 **/

.lnb-common.channel li>a.ch_ogn01 {
    background-position: -168px -199px;
}

/** OGN+lol **/

.lnb-common.channel li>a.ch_ogn02 {
    background-position: left -249px;
}

/** OGN+오버워치 **/

.lnb-common.channel li>a.ch_ytn01 {
    background-position: -84px -249px;
}

/** YTN**/

.lnb-common.channel li>a.ch_ytn02 {
    background-position: -168px -249px;
}

/** YTN life **/

.lnb-common.channel li>a.ch_ytn03 {
    background-position: left -299px;
}

/** YTN science **/

.lnb-common.channel li>a.ch_news {
    background-position: -84px -299px;
}

/** 연합뉴스**/

.lnb-common.channel li>a.ch_chosun {
    background-position: -168px -299px;
}

/** tv조선 **/

.lnb-common.channel li>a.ch_donga {
    background-position: left -349px;
}

/** channel A **/

.lnb-common.channel li>a.ch_mbn {
    background-position: -84px -349px;
}

/** MBN**/

/** 20170123 lnb 추가 **/

.lnb-common.highlight {
    border-top: solid 1px #f2f2f2;
}

.lnb-common.highlight li {
    width: 33.3333%;
    float: left;
    border: solid 1px #f2f2f2;
    border-top: 0;
    border-left: 0;
    box-sizing: border-box;
}

.lnb-common.highlight li:nth-child(3n+1) {
    border-left: solid 1px #f2f2f2;
}

.lnb-common.highlight li>a {
    display: block;
    height: 49px;
    text-indent: -999em;
    background: url(img/lnb_logo2.png) no-repeat;
    background-size: 252px auto;
    overflow: hidden;
}

.lnb-common.highlight li>a.ch_highlight01 {
    background-position: left top;
}

/** tv조선 **/

.lnb-common.highlight li>a.ch_highlight02 {
    background-position: -84px top;
}

/** mbn **/

.lnb-common.highlight li>a.ch_highlight03 {
    background-position: -168px top;
}

/** channel A **/

.lnb-common.highlight li>a.ch_highlight04 {
    background-position: left -50px;
}

/** jtbc **/

.lnb-common.highlight li>a.ch_highlight05 {
    background-position: -84px -50px;
}

/** cjenm **/

.lnb-common.highlight li>a.ch_highlight06 {
    background-position: -168px -50px;
}

/** kbs **/

.lnb-common.highlight li>a.ch_highlight07 {
    background-position: left -100px;
}

/** mbc **/

.lnb-common.highlight li>a.ch_highlight08 {
    background-position: -84px -100px;
}

/** sbs **/

.lnb-common.tving li {
    width: 50%;
    float: left;
    padding: 0 1px;
    box-sizing: border-box;
    float: left;
}

.lnb-common.tving li:first-child {
    padding-left: 0;
}

.lnb-common.tving li:last-child {
    padding-right: 0;
}

.lnb-common.tving li>a {
    display: block;
    height: 45px;
    text-indent: -999em;
    background: url(img/lnb_tving.png) no-repeat #fbfbfb;
    background-size: 100px auto;
    overflow: hidden;
}

.lnb-common.tving li:first-child>a {
    background-position: center -45px;
}

.lnb-common.tving li:last-child>a {
    background-position: center top;
}

.lnb-common.lnk li {
    float: left;
    width: 37%;
    line-height: 1em;
}

.lnb-common.lnk li:first-child {
    width: 26%;
}

.lnb-common.lnk li>a {
    position: relative;
    padding: 0 13px 0 10px;
    color: #a1a1a1;
    display: inline-block;
}

.lnb-common.lnk li>a:after {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -5px;
    width: 6px;
    height: 9px;
    background: url(img/lnb.png) left -35px no-repeat;
    background-size: 50px auto;
}

/** common **/

.bxslider-in {
    position: relative;
}

.bxslider-in .bx-wrapper:after {
    content: '';
    display: block;
    clear: both;
}

.bxslider li {
    position: relative;
}

span.progress {
    height: 100%;
}

span.progress::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 1000px;
    height: 4px;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 1;
}

span.progress::after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 4px;
    opacity: 0.8;
    filter: alpha(opacity=80);
    background: #ff584a;
    z-index: 2;
}

.progress.ch_C00551::after {
    /* background: #fa0000; */
}

/** tvn **/

.progress.ch_C01143::after {
    /* background: #fcb61f; */
}

/** otvn **/

.progress.ch_C00579::after {
    /* background: #df0e78; */
}

/** Mnet **/

.progress.ch_C01142::after {
    /* background: #d80a00; */
}

/** Onstyle **/

.progress.ch_C00575::after {
    /* background: #86cc00; */
}

/** Olive **/

.progress.ch_C01141::after {
    /* background: #221f1f; */
}

/** Xtm **/

.progress.ch_C07381::after {
    /* background: #fbb315; */
}

/** OCN **/

.progress.ch_C04601::after {
    /* background: #e75204; */
}

/** Ch. CGV **/

.progress.ch_C07382::after {
    /* background: #c02d2c; */
}

/** super Action **/

.progress.ch_C06941::after {
    /* background: #00aeef; */
}

/** Tooniverse **/

.progress.ch_C00544::after {
    /* background: #dc0027; */
}

/** 중화TV **/

.progress.ch_C00590::after {
    /* background: #27347D; */
}

/** OGN **/

.progress.ch_5842::after {
    /* background: #54009f; */
}

/** CatchON **/

.progress.ch_C15042::after {
    /* background: #ff0066; */
}

/** 티빙라이브 **/

.progress.ch_tvingsports::after {
    /* background: #141414; */
}

/** 티빙스포츠 **/

.progress.ch_tvingtv::after {
    /* background: #3d58d2; */
}

/** 티빙티비 **/

.progress.ch_C15152::after {
    /* background: #ff5f00; */
}

/** 다이아티비 **/

.progress.ch_C00818::after {
    /* background: #16ab6a; */
}

/**프로야구*/

.progress.ch_C00819::after {
    /* background: #16ab6a; */
}

/**프로야구*/

.progress.ch_C00835::after {
    /* background: #16ab6a; */
}

/**프로야구*/

.progress.ch_C06121::after {
    /* background: #16ab6a; */
}

/**프로야구*/

.progress.ch_C06101::after {
    /* background: #16ab6a; */
}

/**프로야구*/

.progress.ch_plus::after {
    /* background: #596682; */
}

/** 추가채널공통 20170201 외부채널 추가 **/

.progress.ch_C15251::after {
    /* background: #27347D; */
}

/** OGN+lol **/

.progress.ch_C15252::after {
    /* background: #27347D; */
}

/** OGN+오버워치 **/

.progress.ch_C00593::after {
    /* background: #596682; */
}

/** YTN**/

.progress.ch_C01581::after {
    /* background: #596682; */
}

/** tv조선 **/

.progress.ch_C01583::after {
    /* background: #596682; */
}

/** channel A **/

.progress.ch_C00708::after {
    /* background: #596682; */
}

/** MBN **/

.progress.ch_C01723::after {
    /* background: #596682; */
}

/** 연합뉴스 **/

.progress.ch_C01101::after {
    /* background: #596682; */
}

/** YTN life **/

.progress.ch_C15347::after {
    /* background: #596682; */
}

/** YTN science **/

.tab ul:after {
    content: '';
    display: block;
    clear: both;
}

.tab li {
    float: left;
    box-sizing: border-box;
    position: relative;
    padding: 0 5px;
}

.tab li:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: #e5e5e5;
}

.tab li.on:after {
    background: #000;
    height: 2px;
}

.tab li>a {
    display: block;
    color: #666;
    text-align: center;
    line-height: 50px;
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tab li.on>a {
    color: #000;
}

.tab3 ul:after {
    content: '';
    display: block;
    clear: both;
}

.tab3 li {
    float: left;
    box-sizing: border-box;
    position: relative;
    padding: 0 5px;
    width: 50%;
}

.tab3 li:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: #e5e5e5;
}

.tab3 li.on:after {
    background: #000;
    height: 2px;
}

.tab3 li>a {
    display: block;
    color: #666;
    text-align: center;
    line-height: 50px;
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tab3 li.on>a {
    color: #000;
}

.tab2 ul:after {
    content: '';
    display: block;
    clear: both;
}

.tab2 li {
    float: left;
    width: 25%;
    box-sizing: border-box;
    position: relative;
    padding: 0 2px;
}

.tab2 li:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: #e5e5e5;
}

.tab2 li.on:after {
    background: #000;
    height: 2px;
}

.tab2 li>a {
    display: block;
    color: #666;
    text-align: center;
    line-height: 50px;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    letter-spacing: -0.05em;
}

.tab2 li.on>a {
    color: #000;
}

.tab.back {
    background: #fafafa;
}

.tab.back li:after {
    background: #fafafa;
}

.tab.theme {
    margin-top: 5px;
    overflow-x: auto;
    height: 50px;
    -webkit-overflow-scrolling: touch;
    border-bottom: solid 1px #e5e5e5;
    text-align: center;
}

.tab.theme li {
    float: left;
    box-sizing: border-box;
    position: relative;
    margin: 0 10px;
    padding: 0;
}

.tab.theme li:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0px;
    background: none;
}

.tab.theme li.on:after {
    background: #000;
    height: 2px;
}

.tab.theme li>a {
    color: #000;
}

.tab.theme li.on>a {
    color: #fc0000;
    font-weight: bold;
}

.tab.theme li.on:after, .tab.back li.on:after {
    background: #fc0000;
}

.theme_list {
    padding: 0 15px;
    box-sizing: border-box;
    float: left;
    position: relative;
}

.tab ul.count_1 li {
    width: 100%;
}

.tab.channal {
    margin-top: 5px;
}

.tab.channal li a {
    color: #a3a3a3;
    font-size: 14px;
    letter-spacing: -0.05em;
}

.tab.channal li.on>a {
    color: #000;
    font-size: 14px;
    letter-spacing: -0.05em;
}

.tab.channal li.on:after, .tab.back li.on:after {
    background: #000;
}

.channal_list {
    padding: 0 15px;
    box-sizing: border-box;
    float: left;
    position: relative;
}

.tab ul.count_1 li {
    width: 100%;
}

.tab ul.count_3 li {
    width: 33.3333%;
}

.tab ul.count_4 li {
    width: 25%;
}

.sub-tab {
    text-align: center;
    margin-top: 35px;
    line-height: 1em;
}

.sub-tab>a {
    padding: 0 20px;
    color: #929292;
}

.sub-tab>a.on {
    color: #ea003d;
}

.sub-tab.back {
    background: #f7f7f7;
    margin: 0;
    line-height: 50px;
    color: #929292;
}

.tab-contents {
    display: none;
}

.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

input[type='checkbox'].check-basic {
    position: absolute;
    overflow: hidden;
    height: 0;
    width: 0;
    display: none;
}

input[type='checkbox'].check-basic+label.check-basic-label {
    display: inline-block;
    width: 20px;
    height: 20px;
    text-indent: -999em;
    position: relative;
}

input[type='checkbox'].check-basic+label.check-basic-label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    background: url(img/icons.png) -25px top no-repeat;
    background-size: 200px auto;
    border: 1px solid #ddd;
    border-radius: 50%;
}

input[type='checkbox'].check-basic:checked+label.check-basic-label:before {
    background-position: -25px -20px;
    border: none;
}

input[type='checkbox'].check-basic+label.check-inline-label {
    display: inline-block;
    width: auto;
    height: auto;
    position: relative;
    padding-left: 33px;
    color: #666;
    padding-top: 2px;
}

input[type='checkbox'].check-basic+label.check-inline-label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 23px;
    height: 23px;
    background: url(img/icons.png) -25px -150px no-repeat;
    background-size: 200px auto;
}

input[type='checkbox'].check-basic:checked+label.check-inline-label:before {
    background-position: -25px -175px;
}

input[type='checkbox'].check-basic.small+label.check-inline-label {
    line-height: 17px;
    position: relative;
    padding-left: 23px;
}

input[type='checkbox'].check-basic.small+label.check-inline-label:before {
    width: 17px;
    height: 17px;
    background-position: -50px -150px;
}

input[type='checkbox'].check-basic.small.top+label.check-inline-label:before {
    width: 17px;
    height: 17px;
    background-position: -50px -150px;
    top: 4px;
}

input[type='checkbox'].check-basic.small:checked+label.check-inline-label:before {
    background-position: -50px -175px;
}

input[type='radio'].radio-basic {
    position: absolute;
    overflow: hidden;
    height: 0;
    width: 0;
    top: -2px;
}

input[type='radio'].radio-basic+label.radio-label {
    display: inline-block;
    width: auto;
    height: 16px;
    position: relative;
    padding-left: 22px;
    color: #666;
    font-size: 13px;
    line-height: 16px;
}

input[type='radio'].radio-basic+label.radio-label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 16px;
    height: 16px;
    background: url(img/icons.png) -70px -150px no-repeat;
    background-size: 200px auto;
}

input[type='radio'].radio-basic:checked+label.radio-label:before {
    background-position: -70px -175px;
}

.list-dash li {
    padding-left: 8px;
    position: relative;
}

.list-dash li:before {
    content: '-';
    position: absolute;
    left: 0;
    top: 0;
}

.btn-list-more {
    font-size: 0;
    margin: 0 auto;
    display: block;
    width: 100%;
    height: 20px;
    background-image: url('data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAASCAQAAADm+6ZSAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfjCBYJJRt0QaKKAAACP0lEQVQ4y4XTT0hUURTH8e+7b+ZN+mZsHNKWtnArRUWFjdpMYrmrRSsrLDE1aCcaifQ/SqxNkWlai9YRBEGEA2XmnzZFtMoELSglpDH/O+/e2+K96Y/M4Fnc3YffvfecY4yShKhVEu5y0JgYAJgYGKwQIYgC8E6NxsfXmvBc8dMUPoHaNfZ4vnCHvblzlfUrwGRN/yNz+fCR4mdmbezDk/lCg+mq4GLekPaSBQYGkhwstJfp0i9HEw+lqfyfDuWPi5WShQIDgeJdx3Srf73UY/0PHL+JYDF3art5ZtS3kKxSCDRTlaHl8BuVJdli4niiz/GbaFJEb8ZazToYyptPVkmPB1fCgyoDtpio7e9VHt17K94sMetZJGfYnksecPn3ylAq/FqvwQHGTyTuS59HO2PNEo1ZzxIQGM79NZvm+4MyMqD+wS5VPhONQ7RjX4t0G1rPEgaKwIidnD3o8bgtIwPKwxaf6xI9yhRoHMquV5x1AAMwT7KARuJgjdozP6u1IYBvcVtHXq2SQ5CxU4lu7dHyq+VtKdxHgdmCRR5BQgTZ9LZgZqpaujyWa2x8GWKyMdGlhUAjqbhc1p5Cg4cNvaaXA6cHbxtCoNFsbbd/jNxz2yipuBi9sOr9fRac4mPT8zsIgTttf+j56KU0zYoB3je8uCuF8C6okcTaS6/8pWksMo3htu7dTUIqjDRt+5+mKyMGu6eo0ZIKjSTeVnotE82KJRt6tzT4tUP83J4sFHzZNkgR6Csyi/J33si+5b8BbT0DPzz/dSYAAAAASUVORK5CYII=');
    background-size: 15px auto;
    background-position: center center;
    background-repeat: no-repeat;
}

.btn-list-all {
    display: block;
    border: solid 1px #e5e5e5;
    line-height: 48px;
    text-align: center;
    margin-top: 20px;
    color: #666;
}

.btn-list-all.inline {
    margin: 20px 15px 0 15px;
}

.btn-list-all>span {
    position: relative;
}

.ico-loop {
    display: inline-block;
    height: 17px;
    width: 34px;
    font-size: 0;
    margin-left: 4px;
    overflow: hidden;
    text-indent: -999em;
    background: url(img/ico_tag.png) -50px -60px no-repeat;
    background-size: 100px auto;
    vertical-align: top;
}

.ico-loop.on {
    background-position: left -60px;
}

/** main **/

.main-visual-section .bxslider li {
    text-align: center;
    background: #000;
    position: relative;
}

.main-visual-section .bx-pager {
    max-width: 750px;
    width: 100%;
    left: 0;
    bottom: 0;
    position: absolute;
    height: 5px;
    overflow: hidden;
    z-index: 55;
}

.main-visual-section .bx-pager .bx-pager-item {
    width: 20% !important;
    float: left;
    padding: 0 5px;
    box-sizing: border-box;
}

.main-visual-section .bx-pager .bx-pager-item:first-child {
    padding-left: 0;
}

.main-visual-section .bx-pager .bx-pager-item:last-child {
    padding-right: 0;
}

.main-visual-section .bx-pager .bx-pager-item>a {
    display: block;
    width: 100%;
    max-height: 1px;
    height: 5px;
    background-color: rgba(255, 255, 255, 0.15);
    margin-top: 0px;
    text-indent: -999em;
    transition: all 0.2s;
    transform: translate(0, 4px);
}

.main-visual-section .bx-pager .bx-pager-item>a.active {
    max-height: 5px;
    background: #ea003d;
    margin-top: 0;
    transform: translate(0, 0);
}

.main-visual-section .bxslider li>a {
    display: inline-block;
    position: relative;
    width: 100%;
    background-color: #000;
}

/*.main-visual-section .bxslider li > a:before {content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:url(img/bg_visual.png) no-repeat;background-size:cover;z-index:50;}*/

.main-visual-slide .bx-caption {
    position: absolute;
    left: 0;
    bottom: 50px;
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 2em;
    z-index: 50;
}

@media screen and (max-width: 640px) {
    .main-visual-slide .bx-caption {
        font-size: 1.231em;
        bottom: 28px;
    }
}

/* slide information */

.asdf {
    position: fixed;
    top: 0;
    z-index: 99999;
    opacity: 0.5;
    pointer-events: none;
}

.main-visual-slide-info {
    position: absolute;
    bottom: 24px;
    left: 17px;
    right: 17px;
    text-align: left;
    color: #fff;
}

.main-visual-slide-info .main-visual-slide-title {
    font-size: 30px;
    font-weight: 800;
    line-height: 34px;
    padding: 0 0 3px 0;
    /*font-family: 'AppleSDGothicNeo-Bold';*/
}

.main-visual-slide-info.type-vod .main-visual-slide-title {
    padding: 0 0 9px 0;
}

.main-visual-slide-info .main-visual-slide-subtitle {
    font-size: 14px;
    font-weight: 800;
    line-height: 18px;
    padding: 0 0 15px 0;
}

.main-visual-slide-info.type-movie .main-visual-slide-subtitle {
    padding: 0 0 0 0;
}

.main-visual-slide-info.type-vod .main-visual-slide-subtitle {
    font-size: 20px;
    font-weight: 800;
    line-height: 25px;
    padding: 0 0 9px 0;
}

.main-visual-slide-info .main-visual-slide-description {
    font-size: 14px;
    font-weight: 800;
    line-height: 18px;
    color: rgb(239, 198, 127);
}

.main-visual-slide-info.type-live .main-visual-slide-description {
    color: rgb(218, 0, 28);
}

.main-visual-slide-info.type-live .main-visual-slide-description p {
    /*display: flex;
    align-items: center;*/
    padding: 0 0 0 47px;
    position: relative;
}

.main-visual-slide-info.type-live .main-visual-slide-description img {
    position: absolute;
    left: 0;
    top: -1px;
    width: 42px;
    height: 17px;
    padding: 0 5px 0 0;
}

.main-bn-box {
    text-align: center;
}

.main-bn-box .bxslider li {
    text-align: Center;
}

.main-bn-box .bx-pager {
    left: 0;
    bottom: 8px;
    width: 100%;
    text-align: center;
    position: absolute;
    z-index: 99;
    height: 7px;
    text-align: center;
}

.main-bn-box .bx-pager .bx-pager-item {
    display: inline-block;
    margin: 0 3px;
}

.main-bn-box .bx-pager .bx-pager-item>a {
    display: block;
    width: 5px;
    height: 5px;
    border-radius: 100%;
    background: rgba(255, 255, 255, 0.4);
    text-indent: -999em;
}

.main-bn-box .bx-pager .bx-pager-item>a.active {
    background: #ea003d;
}

.subtab-contents {
    padding-top: 20px;
    position: relative;
}

.main-contents {
    padding-top: 30px;
    position: relative;
}

.main-contents.wht {
    background: transparent;
}

.main-contents h2 {
    font-size: 1.154em;
    line-height: 1em;
    padding: 0 15px 10px 15px;
    color: #dedede;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.main-contents h2 strong {
    color: #3954cb;
}

.main-contents .more {
    position: absolute;
    right: 15px;
    top: 30px;
    display: block;
    width: 10px;
    height: 15px;
    text-indent: -999em;
    background: url(img/main_ico.png) no-repeat;
    background-size: 100%;
}

.main-contents.wht h2, .main-contents.wht h3 {
    font-size: 15px;
    line-height: 1em;
    padding: 0 15px 10px 15px;
    color: #222;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.main-contents.wht h2 span.replay {
    background: url(img/replay_ico.png) no-repeat;
    background-size: 16px 16px;
    margin-left: 4px;
    text-indent: -999em;
    width: 16px;
    height: 16px;
    display: inline-block;
}

.main-thumb-section2 {
    overflow-x: auto;
    overflow-y: hidden;
    position: relative;
    -webkit-overflow-scrolling: touch;
}

.main-thumb-slide2:after {
    content: '';
    display: block;
    clear: both;
}

.main-thumb-slide2 {
    margin: 0 15px;
    position: relative;
    z-index: 888;
}

.main-thumb-slide2 li {
    float: left;
    margin-left: 2px;
    position: relative;
    z-index: 120000;
}

.main-thumb-slide2 li:first-child {
    margin-left: 0;
}

.main-thumb-slide2 .caption {
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 7px 2px 0 2px;
    color: #444;
    font-size: 14px;
}

.main-thumb-slide2 .caption2 {
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 1px 2px 0 2px;
    color: #444;
    font-size: 14px;
}

.main-thumb-slide2 .caption2 span {
    color: #929292;
    font-size: 14px;
    padding-left: 6px;
}

.main-thumb-slide2.in-progress span.progress {
    display: block;
    height: 37px;
    position: absolute;
    left: 0;
    bottom: 0;
}

.main-thumb-slide2.in-progress span.progress.small {
    height: 7px;
}

.main-thumb-slide2.in-progress .caption {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 60;
    color: #fff;
    width: 100%;
    line-height: 36px;
    padding: 1px 8px 0 8px;
}

.main-thumb-slide2.in-progress .caption strong {
    padding-right: 8px;
}

.main-thumb-slide2.in-progress li:before {
    content: '';
    width: 100%;
    height: 37px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.25);
}

.main-thumb-slide2.in-progress li.catchon:before {
    display: none;
}

.main-thumb-slide2.in-caption-mid li {
    background: #000;
}

.main-thumb-slide2.in-caption-mid li img {
    opacity: 0.8;
}

.main-thumb-slide2.in-caption-mid .caption {
    position: absolute;
    left: 0;
    width: 100%;
    top: 30%;
    position: absolute;
    left: 0;
    width: 100%;
    top: 50%;
    margin-top: -1em;
    text-align: center;
    color: #fff;
    font-size: 1.154em;
}

.main-thumb-slide2.in-caption-mid .caption.only {
    position: absolute;
    left: 0;
    width: 100%;
    top: 50%;
    margin-top: -10px;
    text-align: center;
    color: #fff;
    font-size: 1.154em;
    padding: 0 20px;
    line-height: 22px;
    height: 44px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
}

.main-thumb-slide2.in-caption-mid[data-width='158'] .caption {
    font-size: 15px;
}

.main-thumb-slide2 li .thumb {
    position: relative;
}

.main-thumb-slide2 li .thumb span.time {
    display: block;
    position: absolute;
    right: 4px;
    bottom: 4px;
    color: #fff;
    font-size: 11px;
    background: rgba(0, 0, 0, 0.4);
    line-height: 23px;
    padding: 0 7px;
}

.main-thumb-slide2.in-onair .caption>span {
    color: #757575;
    font-size: 0.923em;
}

.main-thumb-slide2.in-caption2 .caption {
    padding: 0;
    margin: 5px 5px 0 5px;
    line-height: 18px;
    height: 36px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
}

.main-thumb-slide2.in-onair .progress {
    height: 7px;
    position: absolute;
    left: 0;
    bottom: 0;
    opacity: 0.6;
}

.main-thumb-section {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    position: relative;
}

.main-thumb-slide:after {
    content: '';
    display: block;
    clear: both;
}

.main-thumb-slide {
    margin: 0 15px;
}

.main-thumb-slide li {
    float: left;
    margin-left: 6px;
    position: relative;
}

.main-thumb-slide li:first-child {
    margin-left: 0;
}

.main-thumb-section {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    position: relative;
}

.main-thumb-slide4:after {
    content: '';
    display: block;
    clear: both;
}

.main-thumb-slide4 {
    margin: 0 15px;
}

.main-thumb-slide4 li {
    float: left;
    margin-left: 10px;
    position: relative;
}

.main-thumb-slide4 li:first-child {
    margin-left: 0;
}

.main-thumb-section {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    position: relative;
}

.main-thumb-slidetab:after {
    content: '';
    display: block;
    clear: both;
}

.main-thumb-slidetab {
    margin: 0 15px;
}

.main-thumb-slidetab li {
    float: left;
    margin-left: 14px;
    position: relative;
}

.main-thumb-slidetab li:first-child {
    margin-left: 0;
}

/** TV 클립 탭메뉴 추가 20170411 이정현 **/

.main-thumb-fix {
    width: 53px;
    float: left;
    margin-left: 15px;
}

.main-thumb-fix li.tab_01 {
    border-radius: 100%;
    display: inline-block;
    height: 47px;
    width: 47px;
    font-size: 0;
    margin-right: 0px;
    overflow: hidden;
    text-indent: -999em;
    background: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="27px" height="27px"><path fill-rule="evenodd"  fill="rgb(171, 171, 171)" d="M24.000,27.000 L23.625,27.000 C21.968,27.000 20.625,25.657 20.625,24.000 L20.625,23.625 C20.625,21.968 21.968,20.625 23.625,20.625 L24.000,20.625 C25.657,20.625 27.000,21.968 27.000,23.625 L27.000,24.000 C27.000,25.657 25.657,27.000 24.000,27.000 ZM24.000,16.687 L23.625,16.687 C21.968,16.687 20.625,15.344 20.625,13.688 L20.625,13.312 C20.625,11.656 21.968,10.313 23.625,10.313 L24.000,10.313 C25.657,10.313 27.000,11.656 27.000,13.312 L27.000,13.688 C27.000,15.344 25.657,16.687 24.000,16.687 ZM24.000,6.375 L23.625,6.375 C21.968,6.375 20.625,5.032 20.625,3.375 L20.625,3.000 C20.625,1.343 21.968,0.000 23.625,0.000 L24.000,0.000 C25.657,0.000 27.000,1.343 27.000,3.000 L27.000,3.375 C27.000,5.032 25.657,6.375 24.000,6.375 ZM13.688,27.000 L13.312,27.000 C11.656,27.000 10.312,25.657 10.312,24.000 L10.312,23.625 C10.312,21.968 11.656,20.625 13.312,20.625 L13.688,20.625 C15.344,20.625 16.688,21.968 16.688,23.625 L16.688,24.000 C16.688,25.657 15.344,27.000 13.688,27.000 ZM13.688,16.687 L13.312,16.687 C11.656,16.687 10.312,15.344 10.312,13.688 L10.312,13.312 C10.312,11.656 11.656,10.313 13.312,10.313 L13.688,10.313 C15.344,10.313 16.688,11.656 16.688,13.312 L16.688,13.688 C16.688,15.344 15.344,16.687 13.688,16.687 ZM13.688,6.375 L13.312,6.375 C11.656,6.375 10.312,5.032 10.312,3.375 L10.312,3.000 C10.312,1.343 11.656,0.000 13.312,0.000 L13.688,0.000 C15.344,0.000 16.688,1.343 16.688,3.000 L16.688,3.375 C16.688,5.032 15.344,6.375 13.688,6.375 ZM3.375,27.000 L3.000,27.000 C1.343,27.000 0.000,25.657 0.000,24.000 L0.000,23.625 C0.000,21.968 1.343,20.625 3.000,20.625 L3.375,20.625 C5.032,20.625 6.375,21.968 6.375,23.625 L6.375,24.000 C6.375,25.657 5.032,27.000 3.375,27.000 ZM3.375,16.687 L3.000,16.687 C1.343,16.687 0.000,15.344 0.000,13.688 L0.000,13.312 C0.000,11.656 1.343,10.313 3.000,10.313 L3.375,10.313 C5.032,10.313 6.375,11.656 6.375,13.312 L6.375,13.688 C6.375,15.344 5.032,16.687 3.375,16.687 ZM3.375,6.375 L3.000,6.375 C1.343,6.375 0.000,5.032 0.000,3.375 L0.000,3.000 C0.000,1.343 1.343,0.000 3.000,0.000 L3.375,0.000 C5.032,0.000 6.375,1.343 6.375,3.000 L6.375,3.375 C6.375,5.032 5.032,6.375 3.375,6.375 Z"/></svg>') 50% 50% no-repeat;
    background-size: 30% auto;
    vertical-align: top;
}

/*.main-thumb-fix li.tab_02{display:inline-block;height:47px;width:47px;font-size:0;margin-right:0px; overflow:hidden;text-indent:-999em;background:url(img/mtab_logo.png) -47px 0 no-repeat;background-size:423px auto;vertical-align:top;}*/

/*.main-thumb-slide li.tab_01{display:inline-block;height:47px;width:47px;font-size:0;margin-right:0px; overflow:hidden;text-indent:-999em;background:url(img/mtab_logo.png) 0 0 no-repeat;background-size:423px auto;vertical-align:top;}*/

.main-thumb-slide li.tab_02 {
    display: inline-block;
    height: 47px;
    width: 47px;
    font-size: 0;
    margin-right: 0px;
    overflow: hidden;
    text-indent: -999em;
    background: url(img/mtab_logo.png) -47px 0 no-repeat;
    background-size: 423px auto;
    vertical-align: top;
}

.main-thumb-slide li.tab_03 {
    display: inline-block;
    height: 47px;
    width: 47px;
    font-size: 0;
    margin-right: 0px;
    overflow: hidden;
    text-indent: -999em;
    background: url(img/mtab_logo.png) -94px 0 no-repeat;
    background-size: 423px auto;
    vertical-align: top;
}

.main-thumb-slide li.tab_04 {
    display: inline-block;
    height: 47px;
    width: 47px;
    font-size: 0;
    margin-right: 0px;
    overflow: hidden;
    text-indent: -999em;
    background: url(img/mtab_logo.png) -141px 0 no-repeat;
    background-size: 423px auto;
    vertical-align: top;
}

.main-thumb-slide li.tab_05 {
    display: inline-block;
    height: 47px;
    width: 47px;
    font-size: 0;
    margin-right: 0px;
    overflow: hidden;
    text-indent: -999em;
    background: url(img/mtab_logo.png) -188px 0 no-repeat;
    background-size: 423px auto;
    vertical-align: top;
}

.main-thumb-slide li.tab_06 {
    display: inline-block;
    height: 47px;
    width: 47px;
    font-size: 0;
    margin-right: 0px;
    overflow: hidden;
    text-indent: -999em;
    background: url(img/mtab_logo.png) -235px 0 no-repeat;
    background-size: 423px auto;
    vertical-align: top;
}

.main-thumb-slide li.tab_07 {
    display: inline-block;
    height: 47px;
    width: 47px;
    font-size: 0;
    margin-right: 0px;
    overflow: hidden;
    text-indent: -999em;
    background: url(img/mtab_logo.png) -282px 0 no-repeat;
    background-size: 423px auto;
    vertical-align: top;
}

.main-thumb-slide li.tab_08 {
    display: inline-block;
    height: 47px;
    width: 47px;
    font-size: 0;
    margin-right: 0px;
    overflow: hidden;
    text-indent: -999em;
    background: url(img/mtab_logo.png) -329px 0 no-repeat;
    background-size: 423px auto;
    vertical-align: top;
}

.main-thumb-slide li.tab_09 {
    display: inline-block;
    height: 47px;
    width: 47px;
    font-size: 0;
    margin-right: 0px;
    overflow: hidden;
    text-indent: -999em;
    background: url(img/mtab_logo.png) -376px 0 no-repeat;
    background-size: 423px auto;
    vertical-align: top;
}

.main-thumb-fix li.tab_01.on {
    background-color: #121212;
}

/*.main-thumb-fix li.tab_02.on{display:inline-block;height:47px;width:47px;font-size:0;margin-right:0px; overflow:hidden;text-indent:-999em;background:url(img/mtab_logo.png) -47px -47px no-repeat;background-size:423px auto;vertical-align:top;}*/

/*.main-thumb-slide li.tab_01.on{display:inline-block;height:47px;width:47px;font-size:0;margin-right:0px; overflow:hidden;text-indent:-999em;background:url(img/mtab_logo.png) 0 -47px no-repeat;background-size:423px auto;vertical-align:top;}*/

.main-thumb-slide li.tab_02.on {
    display: inline-block;
    height: 47px;
    width: 47px;
    font-size: 0;
    margin-right: 0px;
    overflow: hidden;
    text-indent: -999em;
    background: url(img/mtab_logo.png) -47px -47px no-repeat;
    background-size: 423px auto;
    vertical-align: top;
}

.main-thumb-slide li.tab_03.on {
    display: inline-block;
    height: 47px;
    width: 47px;
    font-size: 0;
    margin-right: 0px;
    overflow: hidden;
    text-indent: -999em;
    background: url(img/mtab_logo.png) -94px -47px no-repeat;
    background-size: 423px auto;
    vertical-align: top;
}

.main-thumb-slide li.tab_04.on {
    display: inline-block;
    height: 47px;
    width: 47px;
    font-size: 0;
    margin-right: 0px;
    overflow: hidden;
    text-indent: -999em;
    background: url(img/mtab_logo.png) -141px -47px no-repeat;
    background-size: 423px auto;
    vertical-align: top;
}

.main-thumb-slide li.tab_05.on {
    display: inline-block;
    height: 47px;
    width: 47px;
    font-size: 0;
    margin-right: 0px;
    overflow: hidden;
    text-indent: -999em;
    background: url(img/mtab_logo.png) -188px -47px no-repeat;
    background-size: 423px auto;
    vertical-align: top;
}

.main-thumb-slide li.tab_06.on {
    display: inline-block;
    height: 47px;
    width: 47px;
    font-size: 0;
    margin-right: 0px;
    overflow: hidden;
    text-indent: -999em;
    background: url(img/mtab_logo.png) -235px -47px no-repeat;
    background-size: 423px auto;
    vertical-align: top;
}

.main-thumb-slide li.tab_07.on {
    display: inline-block;
    height: 47px;
    width: 47px;
    font-size: 0;
    margin-right: 0px;
    overflow: hidden;
    text-indent: -999em;
    background: url(img/mtab_logo.png) -282px -47px no-repeat;
    background-size: 423px auto;
    vertical-align: top;
}

.main-thumb-slide li.tab_08.on {
    display: inline-block;
    height: 47px;
    width: 47px;
    font-size: 0;
    margin-right: 0px;
    overflow: hidden;
    text-indent: -999em;
    background: url(img/mtab_logo.png) -329px -47px no-repeat;
    background-size: 423px auto;
    vertical-align: top;
}

.main-thumb-slide li.tab_09.on {
    display: inline-block;
    height: 47px;
    width: 47px;
    font-size: 0;
    margin-right: 0px;
    overflow: hidden;
    text-indent: -999em;
    background: url(img/mtab_logo.png) -376px -47px no-repeat;
    background-size: 423px auto;
    vertical-align: top;
}

/** TV 클립 탭메뉴 추가 20170411 이정현 **/

.main-thumb-slide li.tab_01 {
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    height: 47px;
    width: 47px;
    font-size: 0;
    margin-right: 0px;
    overflow: hidden;
    text-indent: -999em;
    background: url(img/mtab_logo.png) 0 0 no-repeat;
    background-size: 423px auto;
    vertical-align: top;
}

.main-thumb-slide li.tab_02 {
    display: inline-block;
    height: 47px;
    width: 47px;
    font-size: 0;
    margin-right: 0px;
    overflow: hidden;
    text-indent: -999em;
    background: url(img/mtab_logo.png) -47px 0 no-repeat;
    background-size: 423px auto;
    vertical-align: top;
}

.main-thumb-slide li.tab_03 {
    display: inline-block;
    height: 47px;
    width: 47px;
    font-size: 0;
    margin-right: 0px;
    overflow: hidden;
    text-indent: -999em;
    background: url(img/mtab_logo.png) -94px 0 no-repeat;
    background-size: 423px auto;
    vertical-align: top;
}

.main-thumb-slide li.tab_04 {
    display: inline-block;
    height: 47px;
    width: 47px;
    font-size: 0;
    margin-right: 0px;
    overflow: hidden;
    text-indent: -999em;
    background: url(img/mtab_logo.png) -141px 0 no-repeat;
    background-size: 423px auto;
    vertical-align: top;
}

.main-thumb-slide li.tab_05 {
    display: inline-block;
    height: 47px;
    width: 47px;
    font-size: 0;
    margin-right: 0px;
    overflow: hidden;
    text-indent: -999em;
    background: url(img/mtab_logo.png) -188px 0 no-repeat;
    background-size: 423px auto;
    vertical-align: top;
}

.main-thumb-slide li.tab_06 {
    display: inline-block;
    height: 47px;
    width: 47px;
    font-size: 0;
    margin-right: 0px;
    overflow: hidden;
    text-indent: -999em;
    background: url(img/mtab_logo.png) -235px 0 no-repeat;
    background-size: 423px auto;
    vertical-align: top;
}

.main-thumb-slide li.tab_07 {
    display: inline-block;
    height: 47px;
    width: 47px;
    font-size: 0;
    margin-right: 0px;
    overflow: hidden;
    text-indent: -999em;
    background: url(img/mtab_logo.png) -282px 0 no-repeat;
    background-size: 423px auto;
    vertical-align: top;
}

.main-thumb-slide li.tab_08 {
    display: inline-block;
    height: 47px;
    width: 47px;
    font-size: 0;
    margin-right: 0px;
    overflow: hidden;
    text-indent: -999em;
    background: url(img/mtab_logo.png) -329px 0 no-repeat;
    background-size: 423px auto;
    vertical-align: top;
}

.main-thumb-slide li.tab_09 {
    display: inline-block;
    height: 47px;
    width: 47px;
    font-size: 0;
    margin-right: 0px;
    overflow: hidden;
    text-indent: -999em;
    background: url(img/mtab_logo.png) -376px 0 no-repeat;
    background-size: 423px auto;
    vertical-align: top;
}

/*.main-thumb-fix li.tab_02.on{display:inline-block;height:47px;width:47px;font-size:0;margin-right:0px; overflow:hidden;text-indent:-999em;background:url(img/mtab_logo.png) -47px -47px no-repeat;background-size:423px auto;vertical-align:top;}*/

/*.main-thumb-slide li.tab_01.on{display:inline-block;height:47px;width:47px;font-size:0;margin-right:0px; overflow:hidden;text-indent:-999em;background:url(img/mtab_logo.png) 0 -47px no-repeat;background-size:423px auto;vertical-align:top;}*/

.main-thumb-slide li.tab_02.on {
    display: inline-block;
    height: 47px;
    width: 47px;
    font-size: 0;
    margin-right: 0px;
    overflow: hidden;
    text-indent: -999em;
    background: url(img/mtab_logo.png) -47px -47px no-repeat;
    background-size: 423px auto;
    vertical-align: top;
}

.main-thumb-slide li.tab_03.on {
    display: inline-block;
    height: 47px;
    width: 47px;
    font-size: 0;
    margin-right: 0px;
    overflow: hidden;
    text-indent: -999em;
    background: url(img/mtab_logo.png) -94px -47px no-repeat;
    background-size: 423px auto;
    vertical-align: top;
}

.main-thumb-slide li.tab_04.on {
    display: inline-block;
    height: 47px;
    width: 47px;
    font-size: 0;
    margin-right: 0px;
    overflow: hidden;
    text-indent: -999em;
    background: url(img/mtab_logo.png) -141px -47px no-repeat;
    background-size: 423px auto;
    vertical-align: top;
}

.main-thumb-slide li.tab_05.on {
    display: inline-block;
    height: 47px;
    width: 47px;
    font-size: 0;
    margin-right: 0px;
    overflow: hidden;
    text-indent: -999em;
    background: url(img/mtab_logo.png) -188px -47px no-repeat;
    background-size: 423px auto;
    vertical-align: top;
}

.main-thumb-slide li.tab_06.on {
    display: inline-block;
    height: 47px;
    width: 47px;
    font-size: 0;
    margin-right: 0px;
    overflow: hidden;
    text-indent: -999em;
    background: url(img/mtab_logo.png) -235px -47px no-repeat;
    background-size: 423px auto;
    vertical-align: top;
}

.main-thumb-slide li.tab_07.on {
    display: inline-block;
    height: 47px;
    width: 47px;
    font-size: 0;
    margin-right: 0px;
    overflow: hidden;
    text-indent: -999em;
    background: url(img/mtab_logo.png) -282px -47px no-repeat;
    background-size: 423px auto;
    vertical-align: top;
}

.main-thumb-slide li.tab_08.on {
    display: inline-block;
    height: 47px;
    width: 47px;
    font-size: 0;
    margin-right: 0px;
    overflow: hidden;
    text-indent: -999em;
    background: url(img/mtab_logo.png) -329px -47px no-repeat;
    background-size: 423px auto;
    vertical-align: top;
}

.main-thumb-slide li.tab_09.on {
    display: inline-block;
    height: 47px;
    width: 47px;
    font-size: 0;
    margin-right: 0px;
    overflow: hidden;
    text-indent: -999em;
    background: url(img/mtab_logo.png) -376px -47px no-repeat;
    background-size: 423px auto;
    vertical-align: top;
}

/** TV 클립 서브메인 탭메뉴 추가 20170413 이정현 **/

.main-thumb-slidetab li {
    display: inline-block;
    height: 80px;
    width: 80px;
    font-size: 0;
    margin-right: 0px;
    overflow: hidden;
    text-indent: -999em;
    vertical-align: top;
}

.main-thumb-slidetab li a {
    display: block;
    width: 80px;
    height: 80px;
    border-radius: 100%;
    overflow: hidden;
}

.main-thumb-slide .caption {
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #cecece;
    font-size: 14px;
    margin-top: 7px;
    line-height: 100%;
}

.main-thumb-slide .caption3.small {
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #cecece;
    font-size: 12px;
}

.main-thumb-slide .caption.twoline {
    line-height: 18px;
    height: 44px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    font-size: 14px;
}

.main-thumb-slide .caption.plr {
    padding: 0 20px;
}

.main-thumb-slide .caption2 {
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 1px 2px 0 2px;
    color: #444;
    font-size: 14px;
}

.main-thumb-slide .caption2 span {
    color: #929292;
    font-size: 14px;
    padding-left: 6px;
}

.main-thumb-slide.in-progress span.progress {
    display: block;
    height: 4px;
    position: absolute;
    left: 0;
    bottom: 0;
}

.main-thumb-slide.in-progress span.progress.small {
    height: 7px;
}

.main-thumb-slide.in-progress .caption {
    color: #fff;
    width: 100%;
    line-height: 36px;
    margin-top: 7px;
}

.main-thumb-slide.in-progress .caption span {
    display: block;
    line-height: 100%;
    color: #cecece;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.main-thumb-slide.in-progress .caption strong {
    display: block;
    line-height: 100%;
    color: #6e6e6e;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 3px;
    font-weight: normal;
}

.main-thumb-slide.in-progress li a {
    position: relative;
    display: block;
}

.main-thumb-slide.in-progress li a:before {
    content: '';
    width: 100%;
    height: 5px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
}

.main-thumb-slide.in-progress li.catchon:before {
    display: none;
}

.main-thumb-slide.in-caption-mid li {
    background: #000;
}

.main-thumb-slide.in-caption-mid li img {
    opacity: 0.8;
}

.main-thumb-slide.in-caption-mid .caption {
    position: absolute;
    left: 0;
    width: 100%;
    top: 50%;
    margin-top: -1em;
    text-align: center;
    color: #fff;
    font-size: 1.154em;
}

.main-thumb-slide.in-caption-mid .caption.only {
    position: absolute;
    left: 0;
    width: 100%;
    top: 55%;
    margin-top: -10px;
    text-align: center;
    color: #fff;
    font-size: 1.154em;
    padding: 0 20px;
    line-height: 22px;
    height: 44px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
}

.main-thumb-slide.in-caption-mid .caption.only2 {
    position: absolute;
    left: 0;
    width: 100%;
    top: 40%;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 7px 2px 0 2px;
    color: #fff;
    font-size: 14px;
    opacity: 0.7;
    text-decoration: underline;
}

.main-thumb-slide.in-caption-mid[data-width='158'] .caption {
    font-size: 15px;
}

.main-thumb-slide li .thumb {
    position: relative;
    border-radius: 2px;
    overflow: hidden;
    padding-bottom: 56.25%;
}

.main-thumb-slide li .thumb img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.main-thumb-slide li .thumb span.time {
    display: block;
    position: absolute;
    right: 4px;
    bottom: 4px;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.6);
    border-radius: 2px;
    font-size: 0.625rem;
    line-height: 2;
    padding: 0 0.5em;
}

.main-thumb-slide li .thumb .play_on {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    text-indent: -999em;
    background: rgba(45, 69, 181, 0.8);
    text-align: center;
    vertical-align: middle;
}

.main-thumb-slide li .thumb .play_on:before {
    content: '';
    height: 20px;
    width: 20px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -10px;
    margin-top: -9px;
    background: url(img/play_on.png) 0 0 no-repeat;
    background-size: 20px auto;
}

.main-thumb-slide.in-onair .caption>span {
    color: #757575;
    font-size: 0.923em;
}

.main-thumb-slide.in-caption2 .caption {
    padding: 0;
    margin: 5px 5px 0 5px;
    line-height: 18px;
    height: 36px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
}

.main-thumb-slide.in-caption2 .caption3 {
    padding: 0;
    margin: 5px 5px 0 5px;
    line-height: 16px;
    height: 32px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
}

.main-thumb-slide.in-caption2 .caption2 {
    padding: 0;
    margin: 5px 5px 0 5px;
}

.main-thumb-slide.in-caption2 .caption4 {
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 7px 2px 0 2px;
    color: #cecece;
    font-size: 14px;
}

.main-thumb-slide.in-caption2 .caption5 {
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 4px 2px 0 2px;
    color: #cecece;
    font-size: 12px;
}

.main-thumb-slide.in-caption2 .ptitle {
    padding: 0;
    margin: 5px 5px 0 5px;
    box-sizing: border-box;
    overflow: hidden;
    white-space: nowrap;
    color: #a3a3a3;
    font-size: 11px;
    text-overflow: ellipsis;
}

.main-thumb-slide.in-onair .progress {
    height: 7px;
    position: absolute;
    left: 0;
    bottom: 0;
    opacity: 0.6;
}

/** s 20161111 **/

.main-thumb-slide.tvingtv .caption {
    background: #fff;
    padding: 7px 4px;
    text-align: center;
}

.main-thumb-slide.tvingtv .caption>span {
    color: #929292;
    font-size: 0.923em;
}

.main-thumb-slide.tvingtv .caption>p {
    color: #3954cb;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.main-thumb-slide.tvingtv .progress {
    height: 12px;
    position: absolute;
    left: 0;
    bottom: 0;
    opacity: 0.7;
    background: #2e43a2;
}

/** e 20161111 **/

/** s 20170314 **/

.main-thumb-slide.kbo .caption {
    background: #fff;
    padding: 7px 4px;
    text-align: center;
}

.main-thumb-slide.kbo .caption>span {
    color: #929292;
    font-size: 0.923em;
}

.main-thumb-slide.kbo .caption>p {
    color: #16ab6a;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.main-thumb-slide.kbo .progress {
    height: 12px;
    position: absolute;
    left: 0;
    bottom: 0;
    opacity: 0.7;
    background: #16ab6a;
}

/** e 20170314 **/

/* s 20180807 */

.main-thumb-slide[data-width='130'] img {
    height: 188px;
    object-fit: cover;
}

.main-thumb-slide.event img {
    height: 100px;
    object-fit: cover;
}

/* e 20180807 */

.main-curation {
    height: 257px;
    position: relative;
    padding: 35px 0;
    box-sizing: border-box;
    margin-bottom: -1px;
}

.main-curation .main-keyword {
    height: 100%;
    color: rgba(255, 255, 255, 0.7);
    font-size: 1.308em;
    line-height: 1.5em;
}

.main-curation .main-keyword>p {
    height: 187px;
    display: table-cell;
    vertical-align: middle;
    width: 100%;
}

.main-thumb-list {
    margin: 20px 15px 0;
}

.main-thumb-list li {
    overflow: hidden;
    margin: 10px 0;
}

.main-thumb-list li a {
    float: left;
    width: 150px;
}

.main-thumb-list li .caption {
    padding: 10px;
    margin-left: 150px;
}

.main-thumb-list li .caption span {
    color: #cecece;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.main-thumb-list li .caption strong {
    margin-top: 5px;
    color: #6e6e6e;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.main-thumb-list2 {
    margin: 0px 10px 0;
}

.main-thumb-list2 li {
    overflow: hidden;
    padding: 0 5px 0px;
    margin-bottom: 20px;
    float: left;
    width: 50%;
    box-sizing: border-box;
}

.main-thumb-list2 li .caption {
    margin-top: 5px;
}

.main-thumb-list2 li .caption span {
    color: #cecece;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.main-thumb-list2 li .caption strong {
    color: #6e6e6e;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

/*#div-theme {padding-bottom:30px;background:#f2f2f2;}*/

#sub-contents {
    box-sizing: border-box;
}

#sub-contents.hasVisual {
    margin-top: 0;
}

#sub-contents.billing {
    margin-top: 0;
    background: #fafafa;
}

.sub-contents-in {
    padding: 0 15px 40px 15px;
    line-height: 1.5em;
}

.sub-contents-in.brd-top {
    border-top: solid 1px #e5e5e5;
}

.sub-contents-in.back {
    padding-bottom: 20px;
    background: #fff;
}

.sub-contents-in.swipe {
    padding-left: 0;
    padding-right: 0;
}

.swipe, .swipe-wrap {
    position: relative;
    overflow: hidden;
}

.sub-contents-in.full {
    padding: 0 0 40px 0;
}

.swipe, .swipe-wrap {
    position: relative;
    overflow: hidden;
}

.sub-contents-in h3 {
    font-size: 16px;
    padding-top: 25px;
}

.sub-contents-in h3+.thumb-list {
    margin-top: -10px;
}

.only li img {
    width: 100%;
}

/** my tiving **/

.mytiving-total {
    text-align: center;
    padding: 30px 0 43px 0;
}

.mytiving-total h2 {
    line-height: 1.4em;
    font-size: 39px;
    margin-bottom: 18px;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
}

.mytiving-total02 {
    text-align: center;
}

.mytiving-total02 .rights_title {
    line-height: 1.4em;
    font-size: 18px;
    margin-bottom: 50px;
    margin-top: 50px;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
    color: #000;
}

.mytiving-total02 .cash_coupon {
    width: 100%;
    text-align: center;
    margin-bottom: 25px;
}

.mytiving-total02 .cash_coupon .cash_bg {
    width: 345px;
    height: 158px;
    background: url(../images/mytiving/cash_coupon.png) no-repeat;
    background-size: 345px auto;
    margin: 0 auto;
    position: relative;
}

.mytiving-total02 .cash_coupon .cash_bg p {
    position: absolute;
    top: 50px;
    left: 36px;
    text-align: left;
    color: #ed0e31;
    font-size: 31px;
    font-weight: bold;
}

.mytiving-total .mytiving-rights {
    font-size: 17px;
}

.mytiving-total .mytiving-rights>a {
    padding-right: 13px;
    position: relative;
}

.mytiving-total .mytiving-rights>a:after {
    content: '';
    position: absolute;
    width: 7px;
    height: 11px;
    right: 0;
    top: 50%;
    margin-top: -6px;
    background: url(img/icons.png) -15px -20px no-repeat;
    background-size: 200px auto;
}

.mytiving-total .mytiving-rights div {
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 7px 2px 0 2px;
    color: #444;
}

.mytiving-total .mytiving-rights p {
    font-size: 17px;
}

.mytiving-total .mytiving-rights p>a {
    padding-right: 13px;
    position: relative;
}

.mytiving-total .mytiving-rights p>a:after {
    content: '';
    position: absolute;
    width: 7px;
    height: 11px;
    right: 0;
    top: 50%;
    margin-top: -6px;
    background: url(img/icons.png) -15px -20px no-repeat;
    background-size: 200px auto;
}

.mytiving-total .mytiving-cash {
    font-size: 15px;
    color: #8d8d8d;
    margin-top: 7px;
}

.mytiving-total .mytiving-cash strong {
    color: #ea003d;
}

.mytiving-count {
    margin-left: -6px;
}

.mytiving-count:after {
    content: '';
    display: block;
    clear: both;
}

.mytiving-count li {
    float: left;
    width: 33.3333%;
    padding-left: 6px;
    box-sizing: border-box;
    text-align: center;
    position: relative;
}

.mytiving-count li .thumb {
    display: inline-block;
    position: relative;
}

.mytiving-count li span {
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    color: #fff;
    line-height: 1em;
    padding-left: 6px;
    box-sizing: border-box;
}

.mytiving-count li span.count {
    font-size: 35px;
    font-weight: 100;
    top: 25%;
}

.mytiving-count li span.lnk {
    font-size: 13px;
    font-weight: 700;
    bottom: 25%;
    left: 2px;
}

.mytiving-count li span.lnk:after {
    content: '';
    display: inline-block;
    width: 6px;
    height: 10px;
    background: url(img/icons.png) left top no-repeat;
    background-size: 200px auto;
    margin-left: 5px;
}

.mytiving-menu {
    margin-top: 12px;
}

.mytiving-menu li {
    position: relative;
    border-bottom: solid 1px #f2f2f2;
}

.mytiving-menu li:after {
    content: '';
    position: absolute;
    width: 9px;
    height: 16px;
    right: 10px;
    top: 50%;
    margin-top: -8px;
    background: url(img/icons.png) -135px -150px no-repeat;
    background-size: 200px auto;
}

.mytiving-menu li>a {
    display: block;
    padding: 0 20px;
    line-height: 50px;
    font-weight: 500;
    font-size: 17px;
    color: #000;
}

.mytiving-menu li:last-child {
    margin-bottom: 25px;
    opacity: 0.6;
}

.mytiving-menu li:last-child>a {
    font-size: 14px;
}

.mytiving-menu li:last-child::after {
    display: none;
}

.list-total {
    position: absolute;
    top: 31px;
    right: 15px;
}

.list-total:after {
    content: '';
    display: block;
    clear: both;
}

.list-total .total {
    display: block;
    color: #6e6e6e;
}

.list-total .lnk {
    display: block;
    color: #666;
    font-size: 13px;
}

.list-total .lnk a.off {
    color: #6e6e6e;
}

.list-total .lnk a.on {
    color: #dedede;
}

.list-sorting {
    line-height: 40px;
    position: relative;
    height: 40px;
    font-size: 13px;
    background: #f7f7f7;
    color: #707070;
    border-top: solid 1px #e5e5e5;
}

.list-sorting li {
    float: left;
    width: 32%;
}

.list-sorting small {
    float: left;
    padding: 0 1px;
    color: #e5e5e5;
    font-size: 13px;
    line-height: 40px;
}

.list-sorting li select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 88%;
    border: none;
    background: url(img/ico_select03.png) right center no-repeat #f7f7f7;
    background-size: 10px auto;
    height: 40px;
    font-size: 13px;
    padding: 0 15px 0 15px;
    color: #666;
    vertical-align: top;
}

.list-sorting-myc {
    line-height: 40px;
    position: relative;
    height: 40px;
    font-size: 13px;
    background: #f7f7f7;
    color: #707070;
    border-top: solid 1px #e5e5e5;
}

.list-sorting-myc li {
    float: left;
    width: 49%;
}

.list-sorting-myc small {
    float: left;
    padding: 0 1px;
    color: #e5e5e5;
    font-size: 13px;
    line-height: 40px;
}

.list-sorting-myc li select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 90%;
    border: none;
    background: url(img/ico_select03.png) right center no-repeat #f7f7f7;
    background-size: 10px auto;
    height: 40px;
    font-size: 13px;
    padding: 0 15px 0 15px;
    color: #666;
    vertical-align: top;
}

.list-info {
    background: #f7f7f7;
    padding: 12px 10px 10px 10px;
    text-align: center;
    margin: 0 -15px 15px -15px;
}

.list-info p {
    font-size: 12px;
    line-height: 1.3em;
    color: #9d9d9d;
}

.list-info2 {
    background: #f7f7f7;
    padding: 12px 10px 10px 10px;
    text-align: center;
    margin: 0 -15px -5px -15px;
}

.list-info2 p {
    font-size: 12px;
    line-height: 1.3em;
    color: #929292;
}

.thumb-list {
    margin-left: -6px;
    margin-top: -20px;
    display: flex;
    flex-wrap: wrap;
}

.thumb-list:after {
    content: '';
    display: block;
    clear: both;
}

.thumb-list li {
    padding-left: 6px;
    box-sizing: border-box;
    margin-top: 20px;
    width: 16.6666%;
}

.thumb-list li>a {
    position: relative;
    display: block;
}

.thumb-list li span.amount {
    display: block;
    color: #929292;
    font-size: 11px;
    line-height: 1em;
    margin-top: 3px;
}

.thumb-list li span.time {
    display: block;
    color: #929292;
    font-size: 12px;
    line-height: 1em;
    margin-top: 8px;
}

.thumb-list.flex {
    flex-wrap: wrap;
    display: flex;
    align-items: stretch;
}

.thumb-list.flex .caption {
    position: absolute;
    bottom: 0px;
    transform: translate(0, 100%);
    width: 100%;
}

.thumb-list.flex li {
    position: relative;
    margin-bottom: 28px;
}

.thumb-list.flex li>a {
    display: block;
    position: initial;
    height: 100%;
    box-sizing: border-box;
}

.thumb-list.flex li .thumb {
    height: 100%;
    text-align: center;
}

.list-total+.thumb-list {
    margin-top: -20px;
}

.only-list:after {
    content: '';
    display: block;
    clear: both;
}

.only-list li {
    float: left;
    box-sizing: border-box;
    width: 100%;
}

.list-total+.thumb-list {
    margin-top: -20px;
}

.thumb-list.horizental li {
    width: 20%;
}

.ico-movie {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    width: 35px;
    height: 30px;
    text-indent: -999em;
    overflow: hidden;
    background: url(img/ico_tag.png) left -100px no-repeat;
    background-size: 100px auto;
}

.ico-movie.recomm {
    background-position: left -100px;
}

.ico-movie.free {
    background-position: -50px -100px;
}

.ico-movie.pay {
    background-position: left -134px;
}

.ico-movie.pay2 {
    margin: 15px;
    background-position: left -134px;
}

.ico-number {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    width: 25px;
    height: 25px;
    line-height: 25px;
    overflow: hidden;
    background: rgba(243, 10, 43, 0.9);
    text-align: center;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
}

.ico-number2 {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    width: 25px;
    height: 25px;
    line-height: 25px;
    overflow: hidden;
    background: rgba(45, 45, 45, 0.9);
    text-align: center;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
}

.ico-number3 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    width: 40%;
    height: 100%;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.74);
    text-align: center;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
}

.ico-number3:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 57%;
    width: 21px;
    height: 16px;
    z-index: 51;
    background: url(img/ico_count.png) 0 0 no-repeat;
    background-size: 21px auto;
    margin-left: -10px;
}

.ico-number3 em.count {
    text-align: center;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    padding-top: 43%;
    display: inline-block;
}

/** 20170531 영화포스터 태깅 신규추가 이정현 **/

.ico-poster1 {
    position: absolute;
    z-index: 1;
    font-size: 0.75rem;
    display: block;
    top: 0;
    left: 0;
    background-color: #ff674b;
    padding: 4px 6px;
    border-bottom-right-radius: 0.25rem;
    color: #fafafa;
    text-align: center;
}

.ico-poster1.recommend {
    background-color: rgba(255, 103, 75, 0.9);
}

.ico-poster1.sale {
    background-color: rgba(255, 103, 75, 0.9);
}

.ico-poster1.event {
    background-color: rgba(255, 137, 50, 0.9);
}

/* 티빙라이브 */

.ico-poster1.tvinglive {
    background-color: rgba(227, 55, 48, 0.9);
}

/* 유료 */

.ico-poster1.pay {
    background-color: rgba(255, 23, 68, 0.9);
}

/* 무료 */

.ico-poster1.free {
    background-color: rgba(50, 206, 146, 0.9);
}

/* 부분무료 */

.ico-poster1.propfree {
    background-color: rgba(50, 186, 192, 0.9);
}

/* 최신 */

.ico-poster1.new {
    background-color: rgba(150, 39, 255, 0.9);
}

.ico-poster2 {
    position: absolute;
    top: 2px;
    right: 2px;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 34px;
    font-family: Roboto, -apple-system, BlinkMacSystemFont, Segoe UI, Oxygen, Ubuntu, Cantarell, Open Sans, Helvetica Neue, sans-serif;
    font-weight: 700;
    border-radius: 100%;
    color: #fafafa;
    font-size: 10px;
    line-height: 30px;
    background-color: #3fa449;
}

.ico-poster2.ageall {
    background-position: right 0px;
}

.ico-poster2.age12 {
    background-color: #22a2dc;
}

.ico-poster2.age15 {
    background-color: #e79d28;
}

.ico-poster2.age19 {
    background-color: #c42328;
}

.ico-poster3 {
    position: absolute;
    left: 0px;
    bottom: 0px;
    z-index: 10;
    width: 48px;
    height: 18px;
    text-indent: -999em;
    overflow: hidden;
    background: url(img/ico_movie_tag.png) left -265px no-repeat;
    background-size: 75px auto;
}

.ico-poster3.mycatchon {
    background-position: left -265px;
}

.ico-poster4 {
    position: absolute;
    right: 2px;
    bottom: 2px;
    z-index: 10;
    overflow: hidden;
    padding: 4px 0px;
    width: 50px;
    font-size: 0.75rem;
    border-radius: 0.125rem;
    background-color: rgba(89, 19, 0, 0.9);
    color: #fafafa;
    text-align: center;
}

.ico-poster5 {
    position: absolute;
    right: 2px;
    bottom: 2px;
    z-index: 10;
    overflow: hidden;
    padding: 4px 0px;
    width: 50px;
    font-size: 0.75rem;
    border-radius: 0.125rem;
    background-color: rgba(89, 19, 0, 0.9);
    color: #fafafa;
    text-align: center;
}

.ico-poster6 {
    position: absolute;
    right: 54px;
    bottom: 2px;
    z-index: 10;
    overflow: hidden;
    padding: 4px 0px;
    width: 50px;
    font-size: 0.75rem;
    border-radius: 0.125rem;
    background-color: rgba(89, 19, 0, 0.9);
    color: #fafafa;
    text-align: center;
}

.ico-poster6.double {
    background-position: left -105px;
}

.ico-poster6.original {
    background-position: left -125px;
}

.ico-poster6.double2 {
    background-position: left -105px;
    right: 40px;
}

.ico-poster6.original2 {
    background-position: left -125px;
    right: 40px;
}

.ico-poster6.double3 {
    background-position: left -105px;
    right: 48px;
}

.ico-poster6.original3 {
    background-position: left -125px;
    right: 48px;
}

.ico-ribbon {
    position: absolute;
    display: inline-block;
    top: 4px;
    left: 4px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #e0122e;
    font-family: 'Noto Sans korean';
    text-align: center;
    line-height: 30px;
    color: #fff;
    font-size: 11px;
}

.ico-ribbon.recomm {
    background: #da121e;
    /* Old browsers */
    background: -moz-linear-gradient(-45deg, #da121e 0%, #f21260 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #da121e 0%, #f21260 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #da121e 0%, #f21260 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#da121e', endColorstr='#f21260', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
}

.ico-ribbon.free {
    line-height: 31px;
    background: #3023ed;
    /* Old browsers */
    background: -moz-linear-gradient(-45deg, #3023ed 0%, #261ce4 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #3023ed 0%, #261ce4 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #3023ed 0%, #261ce4 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3023ed', endColorstr='#261ce4', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
}

.ico-ribbon.quick {
    background: #e6542d;
    /* Old browsers */
    background: -moz-linear-gradient(-45deg, #e6542d 0%, #f85c1a 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #e6542d 0%, #f85c1a 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #e6542d 0%, #f85c1a 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6542d', endColorstr='#f85c1a', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
}

@media screen and (max-width: 768px) {
    .thumb-list li {
        width: 20%;
    }
    .thumb-list.horizental li {
        width: 25%;
    }
}

@media screen and (max-width: 640px) {
    .thumb-list li {
        width: 33.3333%;
    }
    .thumb-list.horizental li {
        width: 50%;
    }
}

.thumb-list .caption {
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 0 0;
    margin-top: 7px;
    color: #cecece;
}

.thumb-list .caption.center {
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 7px 0 0 0;
    text-align: center;
    color: #333;
}

.thumb-list .caption.center em {
    color: #fe4b6c;
}

.thumb-list .caption.center2 {
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0;
    text-align: center;
    color: #999;
}

.thumb-list .caption.multi {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: initial;
    white-space: normal;
    line-height: 1.45em;
}

.thumb-list li>a {
    display: block;
}

.thumb-list .caption2 {
    font-size: 12px;
    color: #cecece;
    padding: 0;
    margin: 5px 3px 0 3px;
    line-height: 18px;
    height: 36px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
}

.thumb-list.favorite li input[type='checkbox'] {
    position: absolute;
    overflow: hidden;
    height: 0;
    width: 0;
    border: 0;
}

.thumb-list.favorite li input[type='checkbox']+label {
    display: inline-block;
    position: absolute;
    line-height: 0;
    width: 20px;
    height: 20px;
    right: 6px;
    top: 6px;
    text-indent: -999em;
    display: none;
}

.thumb-list.favorite li input[type='checkbox']+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    background: url(img/icons.png) -25px top no-repeat;
    background-size: 200px auto;
}

.thumb-list.favorite li input[type='checkbox']:checked+label:before {
    background-position: -25px -20px;
}

.thumb-list.favorite.editable li input[type='checkbox']+label {
    display: block;
    z-index: 10;
}

.thumb-list.movie {
    margin: 0;
}

.thumb-list.movie li {
    float: none;
    width: 100%;
    padding: 10px 0;
    margin: 0;
    border-top: solid 1px #f2f2f2;
    position: relative;
}

.thumb-list.movie li input[type='checkbox'].check-basic+label.check-basic-label, .talk-list li input[type='checkbox'].check-basic+label.check-basic-label {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -15px;
    display: none;
}

.thumb-list.movie li:first-child {
    border-top: 0;
    padding-top: 0;
}

.thumb-list.movie li .thumb {
    float: left;
    width: 137px;
    position: relative;
}

.thumb-list.movie li .thumb.poster {
    width: 98px;
}

.thumb-list.movie li>a:after {
    content: '';
    display: block;
    clear: both;
}

.thumb-list.movie li>a.end:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 101%;
    z-index: 51;
    background: rgba(255, 255, 255, 0.6);
}

.thumb-list.movie li .summary {
    padding-left: 151.5px;
}

.thumb-list.movie li .summary p.title {
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-top: 1.5px;
}

.thumb-list.movie li .summary p.series, .thumb-list.movie li .summary-poster p.title {
    color: rgba(0, 0, 0, 1);
    font-size: 16px;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.thumb-list.movie li .summary p.series2, .thumb-list.movie li .summary time {
    position: absolute;
    bottom: 0;
    color: #929292;
    font-size: 12px;
}

.thumb-list.movie li .thumb.in-progress:after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 4px;
    background: rgba(0, 0, 0, 0.4);
    z-index: 50;
}

.thumb-list.movie li .thumb .progress {
    position: absolute;
    bottom: -1px;
    left: 0;
    height: 4px;
    background: #ea003d;
    z-index: 51;
    opacity: 1;
    filter: alpha(opacity=100);
}

.thumb-list.movie li .summary-poster {
    padding-left: 113px;
}

.thumb-list.movie li .summary-poster .poster-info {
    padding-top: 3px;
}

.thumb-list.movie li .summary-poster p.series {
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.thumb-list.movie li .summary-poster p.series strong {
    color: #000;
}

.thumb-list.movie li .summary-poster .down-info {
    border-top: solid 1px #f2f2f2;
    padding-top: 10px;
    margin-top: 10px;
    font-size: 12px;
    color: #666;
}

.thumb-list li .thumb {
    position: relative;
    border-radius: 2px;
    overflow: hidden;
    padding-bottom: 56.25%;
}

.thumb-list li .thumb img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.thumb-list li .thumb .time {
    position: absolute;
    right: 4px;
    bottom: 4px;
    background: rgba(0, 0, 0, 0.4);
    color: #fff;
    font-size: 11px;
    line-height: 23px;
    padding: 0 7px;
}

.thumb-list li .thumb .progress {
    height: 12px;
    position: absolute;
    left: 0;
    bottom: 0;
}

.talk-list li {
    position: relative;
    border-top: solid 1px #f2f2f2;
    padding: 15px 0;
    position: relative;
}

.talk-list li:first-child {
    position: relative;
    border-top: none;
    padding: 15px 0;
    position: relative;
}

.talk-list li .comment {
    font-size: 17px;
    color: #000;
}

.talk-list li .comment>span {
    color: #acacac;
}

.talk-list li .info {
    color: #929292;
    margin-top: 5.5px;
    position: relative;
    font-size: 13px;
    line-height: 1em;
}

.talk-list li .info span.series {
    margin-right: 80px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    line-height: 1.1em;
}

.talk-list li .info span.series2 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    line-height: 1.1em;
}

.talk-list li .info span.ptitle {
    float: left;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    line-height: 1.1em;
    margin-top: 4px;
}

.talk-list li .info span.time {
    position: absolute;
    right: 0;
    bottom: 0;
}

.talk-list li .info span.time2 {
    float: left;
    margin-top: 4px;
}

.talk-list li .info span.del {
    position: absolute;
    right: 0;
    bottom: 0;
}

.talk-list li .info small {
    color: #ccc;
    vertical-align: 1px;
}

.talk-list li .info small2 {
    float: left;
    margin-top: 4px;
    color: #ccc;
    vertical-align: 1px;
    padding: 0 4px;
}

.ico-text {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 55;
    width: 36px;
    height: 17px;
    font-size: 0;
    text-indent: -999em;
    overflow: hidden;
    background: url(img/ico_tag.png) left -40px no-repeat;
    background-size: 100px auto;
}

.ico-text.using {
    background-position: left -40px;
}

.ico-text.end {
    background-position: -50px -40px;
}

.thumb-list.editable li.checked .thumb {
    background: #000;
}

.thumb-list.editable li.checked .thumb img {
    opacity: 0.6;
}

.thumb-list.movie.editable li input[type='checkbox'].check-basic+label.check-basic-label, .talk-list.editable li input[type='checkbox'].check-basic+label.check-basic-label {
    display: block;
}

.thumb-list.movie.editable li>a, .talk-list.editable li .talk-info {
    margin-left: 35px;
}

.fix-modify-btns {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 100;
    display: none;
    background: rgba(0, 0, 0, 0.6);
}

.fix-modify-btns>a {
    float: left;
    display: block;
    width: 49.9%;
    line-height: 50px;
    font-size: 16px;
    text-align: center;
    background: rgba(0, 0, 0, 0.85);
    color: #fff;
}

.fix-modify-btns>a#btn-delete {
    color: #ea003d;
    width: 49.9%;
    float: right;
}

.down-info {
    font-size: 13px;
    line-height: 1.5em;
}

.down-info dl {
    margin-top: 5px;
}

.down-info dt {
    float: left;
    color: #929292;
}

.down-info dd {
    padding-left: 60px;
    color: #666;
}

.mytiving-rights-btn {
    padding: 15px 20px;
}

.mytiving-rights-btn>a {
    display: block;
    text-align: center;
    line-height: 48px;
    border: solid 1px #ea003d;
    font-weight: 500;
    height: 48px;
    overflow: hidden;
}

.mytiving-rights-btn>a span {
    font-size: 15px;
    color: #ea003d;
    display: inline-block;
    padding-right: 13px;
    position: relative;
    padding-top: 1px;
}

.mytiving-rights-btn>a span:after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    width: 6px;
    height: 11px;
    margin-top: -5px;
    background: url(img/icons.png) -7px top no-repeat;
    background-size: 200px auto;
}

.mytving-rights-box {
    border: solid 1px #e5e5e5;
    background: #fdfdfd;
    padding: 12px 18px;
    margin-bottom: 10px;
    position: relative;
}

.mytving-rights-box.end:after {
    background: rgba(255, 255, 255, 0.6);
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 50;
}

.mytving-rights-box .rights-name {
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-bottom: solid 1px #e5e5e5;
    padding-bottom: 10px;
}

.mytving-rights-box .rights-name.full {
    white-space: normal;
    text-overflow: clip;
}

.mytving-rights-box .rights-name .ico-text {
    top: 2px;
}

.mytving-rights-box .rights-name strong {
    font-size: 16px;
    color: #000;
    font-weight: 400;
    padding-left: 45px;
}

.mytving-rights-box .rights-name.full strong {
    padding-left: 0;
}

.mytving-rights-box .down-info {
    margin-top: 10px;
}

.mytving-rights-box .down-info dt {
    color: #929292;
}

.mytving-rights-box .down-info dd {
    color: #666;
}

.cancel_btn {
    border: solid 1px #e5e5e5;
    background: #fdfdfd;
    padding: 20px 0px;
    position: relative;
    border-top: none;
    text-align: center;
    font-size: 15px;
    color: #555;
    margin-top: -10px;
    margin-bottom: 10px;
}

.mytiving-defense-btn01>a {
    display: block;
    text-align: center;
    line-height: 48px;
    border: solid 1px #ea003d;
    font-weight: 500;
    height: 48px;
    overflow: hidden;
}

.mytiving-defense-btn01>a span {
    font-size: 15px;
    color: #ea003d;
    display: inline-block;
    padding-right: 13px;
    position: relative;
    padding-top: 1px;
}

.mytiving-defense-btn02 {
    margin-top: 5px;
}

.mytiving-defense-btn02>a {
    display: block;
    text-align: center;
    line-height: 48px;
    border: solid 1px #c6c6c6;
    font-weight: 500;
    height: 48px;
    overflow: hidden;
}

.mytiving-defense-btn02>a span {
    font-size: 15px;
    color: #8c8c8c;
    display: inline-block;
    padding-right: 13px;
    position: relative;
    padding-top: 1px;
}

.mytiving-cancel {
    padding: 30px 15px 50px 15px;
    background-color: #fff;
    color: #666;
}

.mytiving-cancel h2 {
    margin-bottom: 15px;
    font-size: 16px;
    color: #000;
    clear: both;
}

.cencel_method {
    margin-bottom: 24px;
}

.cencel_method ul {
    background-color: #fafafa;
    margin-bottom: 18px;
}

.cencel_method li {
    font-size: 15px;
    color: #666;
    padding: 15px 20px 15px 20px;
    border: solid 1px #e8e8e8;
    border-top: none;
}

.cencel_method li.on {
    font-size: 15px;
    color: #ea003d;
    background: #fff;
    border: solid 1px #ea003d;
    border-top: none;
}

.cencel_method li:first-child {
    border-top: solid 1px #e8e8e8;
}

.cencel_method li.on {
    border-top: solid 1px #ea003d;
}

.cencel_method li textarea {
    margin-top: 8px;
    border: 0;
    height: 75px;
    padding: 15px;
    width: 100%;
    color: #919191;
    box-sizing: border-box;
    font-size: 12px;
    background: #fbe1e1;
    vertical-align: top !important;
}

.cencel_method li label {
    display: table-cell;
    width: 100%;
    vertical-align: middle;
    height: 52px;
    padding: 0 15px 0 47px;
    font-size: 16px;
}

.cencel_method li em {
    font-size: 14px;
    color: #acacac;
}

.cencel_method li span {
    color: #3954cb;
    float: right;
}

.cencel_method li p {
    color: #929292;
    font-size: 13px;
    margin-top: 6px;
}

.cencel_method li span {
    color: #3954cb;
    float: right;
}

.cencel_method div:last-child {
    position: relative;
    padding-left: 30px;
}

.cencel_method div:last-child input[type='checkbox'] {
    position: absolute;
    top: 0;
    left: 0px;
}

.cencel_method div:last-child label {
    position: relative;
    font-size: 14px;
    color: #666;
}

.cencel_method div:last-child a {
    text-decoration: underline;
    color: #848484;
}

.cencel_method .new {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -1px;
    width: 17px;
    height: 15px;
    text-indent: -10000px;
    background: url(../im/sp_billing.png) -115px -135px no-repeat;
    background-size: 405px auto;
}

.notice_cence {
    padding: 0 10px;
    margin-bottom: 35px;
}

.notice_cence dt {
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 15px;
    color: #444;
}

.notice_cence dd {
    margin-bottom: 5px;
    padding-left: 8px;
    line-height: 18px;
    font-size: 14px;
    color: #919191;
    word-break: break-all;
    background: url(img/bu_list_dot.png) 0 10px no-repeat;
    background-size: 3px 1px;
}

.notice_cence dd:last-child {
    margin-bottom: 0;
}

.notice_cence dd em {
    color: #929292;
}

.notice_cence dd a {
    display: inline-block;
    position: relative;
    padding-right: 12px;
}

.notice_cence dd a:after {
    content: '>';
    position: absolute;
    top: -1px;
    right: 0;
}

.mytving-rights-box.nodata {
    text-align: center;
    padding: 70px 0;
    color: #929292;
}

.guide-text-box {
    margin-top: 30px;
    color: #929292;
    padding: 0 10px;
}

.guide-text-box h4 {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 10px;
    color: #666;
}

.guide-text-box .list-dash li {
    font-size: 12px;
}

.board-select {
    background: #f7f7f7;
    border-top: solid 1px #e5e5e5;
    padding: 0 15px;
}

.board-select select {
    border: 0;
    width: auto;
    font-size: 15px;
    height: 40px;
    padding: 0;
    padding-right: 15px;
    background: url(img/ico_select03.png) right center no-repeat;
    background-size: auto 5px;
    color: #444;
}

.board-nodata {
    padding: 40% 0;
    text-align: Center;
    font-size: 16px;
    color: #000;
}

.pop-comment-box .board-nodata {
    font-size: 16px;
    color: #929292;
}

.paging {
    border-top: solid 1px #e5e5e5;
    padding-top: 15px;
    position: relative;
    text-align: Center;
}

.paging a {
    color: #9e9e9e;
    font-size: 17px;
    display: inline-block;
    line-height: 38px;
    padding: 0 10px;
}

.paging a>strong {
    color: #000;
}

.paging a.page {
    border: solid 1px #e5e5e5;
    text-indent: -999em;
    overflow: hidden;
    width: 38px;
    height: 38px;
    box-sizing: border-box;
    position: absolute;
    top: 15px;
}

.paging a.page:before {
    content: '';
    width: 9px;
    height: 15px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -8px 0 0 -4px;
    background: url(img/icons.png) left -170px no-repeat;
    background-size: 200px auto;
    opacity: 0.4;
}

.paging a.page.prev:before {
    background-position: -10px -170px;
    margin-left: -5px;
}

.paging a.page.next:before {
    background-position: left -170px;
}

.paging a.page.prev {
    left: 0;
}

.paging a.page.next {
    right: 0;
}

/** detail **/

.ico-box {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(img/icons.png) left -40px no-repeat;
    background-size: 200px auto;
    text-indent: -999em;
    overflow: hidden;
}

.ico-box.favor {
    background-position: -25px -50px;
    width: 22px;
}

.ico-box.favor.on {
    background-position: -25px -70px;
}

.ico-box.comment {
    background-position: -25px -90px;
}

.ico-box.share {
    background-position: -25px -110px;
    opacity: 1;
}

.ico-info {
    display: inline-block;
    margin-top: 2px;
    width: 43px;
    height: 14px;
    background: url(img/icons.png) -50px top no-repeat;
    background-size: 200px auto;
    text-indent: -999em;
    overflow: hidden;
}

.ico-channel-box {
    display: block;
    height: 50px;
    width: 50px;
    text-indent: -999em;
    background: url(img/ico_channel_box.png) left -1250px no-repeat;
    background-size: 50px auto;
    overflow: hidden;
    border: solid 1px #eaeaea;
}

.ico-channel-box.ch_C00551 {
    background-position: left top;
}

/** tvn color**/

.ico-channel-box.ch_C01143 {
    background-position: left -50px;
}

/** otvn color**/

.ico-channel-box.ch_C00579 {
    background-position: left -100px;
}

/** Mnet **/

.ico-channel-box.ch_C01142 {
    background-position: left -150px;
}

/** Onstyle **/

.ico-channel-box.ch_C00575 {
    background-position: left -200px;
}

/** Olive **/

.ico-channel-box.ch_C01141 {
    background-position: left -250px;
}

/** Xtm **/

.ico-channel-box.ch_C07381 {
    background-position: left -300px;
}

/** OCN **/

.ico-channel-box.ch_C04601 {
    background-position: left -350px;
}

/** Ch. CGV **/

.ico-channel-box.ch_C07382 {
    background-position: left -400px;
}

/** super Action **/

.ico-channel-box.ch_C06941 {
    background-position: left -450px;
}

/** Tooniverse **/

.ico-channel-box.ch_C00544 {
    background-position: left -500px;
}

/** 중화TV **/

.ico-channel-box.ch_C00590 {
    background-position: left -550px;
}

/** OGN **/

.ico-channel-box.ch_5842 {
    background-position: left -600px;
}

/** CatchON **/

.ico-channel-box.ch_C15152 {
    background-position: left -700px;
}

/** DIATV **/

.lnk-arrow {
    position: relative;
    display: inline-block;
}

.lnk-arrow:after {
    content: '';
    background: url(img/icons.png) left -130px no-repeat;
    background-size: 200px auto;
    width: 6px;
    height: 9px;
    position: absolute;
    right: -10px;
    top: 50%;
    margin-top: -4px;
}

.lnk-arrow.large:after {
    width: 6px;
    height: 11px;
    background-position: -15px top;
    margin-top: -6px;
}

.lnk-arrow.down {
    padding-right: 25px;
}

.lnk-arrow.down:after {
    width: 11px;
    height: 6px;
    background-position: left -20px;
    margin-top: -2px;
}

.lnk-arrow.down.on:after {
    background-position: left -30px;
}

.lnk-arrow.opacity {
    color: #666;
}

.lnk-arrow.large2:after {
    width: 17px;
    height: 11px;
    margin-top: -5px;
}

.lnk-arrow.large2.on:after {
    background-position: -100px -165px;
}

.lnk-arrow.large3:after {
    width: 17px;
    height: 11px;
    background: url('data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAXCAQAAADT28WeAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfjCBYOFhb71K2CAAAB7klEQVQ4y6XUS0hVURQG4M9jZCiZZFhQZJgIhYFoGCQFDhLFLMvQMCKSMoJG5bBJTUOapRRIdUOxFIwgexjRQKMmhT2gogcmQVgSYdJTG1j5uteruYZr///HPoN9YgpZKc5Ts591XugPpGp2Q+asuXxX1UkMFMix1CUZs+LWa7ZQuezY9OdSZFsk3y0f/5Nbq81i1LgYGFAthEzNVvwXl6XVEsOOqfUrwLCDWpClReqMudVaLcdJxyEAX+zShhwhKTPiMrRIwyk1hkZBvtvrOja4IHnaXJoWq3DeYcMjq+Df4Sc7dGCTcxZMi1umyRo02efb32UwJjCgUieKhcyPyqVolIsrqv0YXQfjQn1K3UWJM+Km5JKctQHtdhoYexBMCH5Q7iEqNJgbkUsUUoROuw2OPwomhXtt041KdWLDcnFO24wupZOfQhCm8EaZZ6hSH4aM06ACj5T7MLkcmx7uDv1uK7BQtmTtEy5Qbw+6bfE2XDU8SJ87iiTJHUfGqLcfL5V6Fb4YCeS9e4okypXg5p9drUN4bXvk/2dkkF73lUiQJ14HTjiCd8o8iFyaCqTHE8XmyfPTRkfRp1LXVJWYQlFm65h381mFa1PHg2ieyw74Cgbti8ZF++SReaxHiSFVmqOH50SPICTesMbpRH8D9jF3zS/JYF0AAAAASUVORK5CYII=') left top no-repeat;
    background-size: 100% auto;
    margin-top: -5px;
    margin-right: 10px;
}

.lnk-arrow.large3.on:after {
    background-image: url('data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAXCAQAAADT28WeAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfjCBYOGBSLWeEgAAAB2UlEQVQ4y6XTXWgNYBgH8N/ZMG2zNIdkQhqibFpasQst+1RqsaUtQyszLhS5HJeu1u4ki5Fl2VhbWMawi9VEbSmarCwWxZY1lJqIiy2bfZ2z7X/5vM/76/0M5AgrpQIuhdO4ICyuyAX8UBO6NTIxdE+BalEi5Or1av5gjhqxo7vJ0u3NzO0RIbh018WhXDmWuGbPfFa43S0rUeGsdtHSLJblqb65gckarEGlM+CRGGliZOvwYfbgRnesR5WT/2qtglLFydDm8+zAtRptxhVl/oyrtwhKtVSmJwbCBxM0S0KtY35NGHtglRTxdmsxOHnqVLccVG8r6pQYnjT6W5lqbNJgXTjgMk124p7SKbgR8rhaJGm0OhQYrUYa7iv2zXT5qUQdtqkXnAmMdVMu2h0xZKYMO+oudmiyfDpwoSp78VyRfqHyXbFmpKkd/ZoTwCiXFeKlwumf7X/56rBWZLht6UQwoNIhvJavNywOvjioHdmuWjQejFDhBHrl6wmbg37FOpHnhpgx8JxT6LNf96w4eC/fC+S7KEBkYqTTzgv4JE/XrDkY0ibdCskStEUm7lKLAfs8mxM3cpaPZQpK8S5Cl3qDDuiYMwc9CnzU6WEgh3gb5rG6sWwx7O1fLUt1dQ8WDh8AAAAASUVORK5CYII=');
}

.btn-box {
    margin-top: 15px;
}

.btn-box.mycatchon {
    margin-top: 30px;
}

.btn-box .half {
    margin-left: -5px;
}

.btn-box .half li {
    padding-left: 5px;
    width: 50%;
    box-sizing: border-box;
    float: left;
}

.lnk-box {
    display: block;
    width: 100%;
    border: solid 1px #b2b2b2;
    line-height: 48px;
    font-size: 16px;
    text-align: center;
    font-weight: 700;
}

.lnk-box.red {
    border: solid 1px #f9acac;
    color: #ea003d;
}

.lnk-box>span {
    font-size: 12px;
    color: #ea003d;
    font-weight: 400;
    padding-left: 10px;
}

.a-btn-box {
    display: block;
    width: 100%;
    border: solid 1px #ccc;
    line-height: 42px;
    padding-top: 2px;
    text-align: center;
    box-sizing: border-box;
    color: #666;
    font-size: 15px;
}

.a-btn-box.redbg {
    background: #ea003d;
    border-color: #ea003d;
    color: #fff;
}

.a-btn-box.darkbg {
    background: #4c4c4c;
    border-color: #4c4c4c;
    color: #fff;
}

.a-btn-box.graybg {
    background: #c6c6c6;
    border-color: #c6c6c6;
    color: #fff;
}

.a-btn-box.purplebg {
    background: #522f91;
    border-color: #522f91;
    color: #fff;
}

.a-btn-box.facebook {
    background: #3a5795;
    border-color: #3a5795;
    color: #fff;
}

.a-btn-box.twitter {
    background: #55acef;
    border-color: #55acef;
    color: #fff;
}

.vod-player-box .tvinglive_info {
    min-height: 231px;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    width: 100%;
}

.vod-player-box .tvinglive_info2 {
    min-height: 211px;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    width: 100%;
}

.vod-player-box .tvinglive_info h2 {
    color: #fff;
    font-size: 30px;
    padding-top: 4px;
    z-index: 12;
}

.vod-player-box .tvinglive_info p.next {
    color: #fff;
    opacity: 0.7;
    font-size: 15px;
    padding-top: 58px;
    z-index: 12;
}

.vod-player-box .tvinglive_info p.time {
    color: #fff;
    font-size: 15px;
    padding-top: 25px;
    z-index: 12;
}

.vod-player-box .tvinglive_info:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 0;
    background: -webkit-linear-gradient( bottom, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient( to top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
}

.vod-player-box .video-none {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 14px;
    text-align: center;
}

.vod-player-box {
    background: #000;
    text-align: center;
    position: relative;
}

.vod-player-box.catchon {
    background: #5e008a;
    min-height: 211px;
}

.vod-player-box2.catchon2 {
    background: #5e008a;
    min-height: 211px;
}

.vod-player-box3.catchon3 {
    background: #53017b;
}

/*.vod-player-box:before {content:"";position:absolute;left:0;top:0;height:100%;width:100%;z-index:9; background: rgba(0,0,0,0.5);}*/

.vod-player-box3 .tvinglive_info {
    min-height: 231px;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    width: 100%;
}

.vod-player-box3 .tvinglive_info2 {
    min-height: 231px;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.vod-player-box3 .tvinglive_info h2 {
    color: #fff;
    font-size: 30px;
    padding-top: 4px;
    z-index: 12;
}

.vod-player-box3 .tvinglive_info p.next {
    color: #fff;
    opacity: 0.7;
    font-size: 15px;
    padding-top: 58px;
    z-index: 12;
}

.vod-player-box3 .tvinglive_info p.time {
    color: #fff;
    font-size: 15px;
    padding-top: 25px;
    z-index: 12;
}

.vod-player-box3 .tvinglive_info:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 0;
    background: -webkit-linear-gradient( bottom, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient( to top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
}

.vod-player-box3 {
    background: #000;
    text-align: center;
    position: relative;
}

.vod-player-box3.catchon {
    background: #5e008a;
    min-height: 211px;
}

.vod-player-box3.catchon2 {
    background: #5e008a;
    min-height: 211px;
}

.vod-player-box3.catchon:before {
    display: none;
}

.vod-player-box3 img {
    opacity: 0.9;
}

.vod-player-box3.catchon .catchon-vod-box {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 150px;
    margin-top: -75px;
    display: table;
}

.vod-player-box3.catchon .catchon-vod-box>div {
    display: table-cell;
    vertical-align: middle;
    height: 150px;
}

.vod-player-box3.catchon .catchon-vod-box img {
    height: 20px;
}

.vod-player-box3.catchon .catchon-vod-box>div>a {
    display: inline-block;
    color: #fff;
    font-size: 12px;
    border: solid 1px #8f4dad;
    padding: 0 10px;
    line-height: 24px;
    margin-top: 15px;
    padding-top: 1px;
}

.vod-player-box3.catchon .catchon-vod-box>div>a>span {
    position: relative;
    padding-right: 10px;
}

.vod-player-box3.catchon .catchon-vod-box>div>a>span:after {
    content: '';
    width: 5px;
    height: 8px;
    background: url(img/icons.png) -10px -130px no-repeat;
    background-size: 200px auto;
    position: absolute;
    right: 0;
    top: 50%;
    margin: -4px 0 0 0;
}

.ico-play {
    display: block;
    width: 62px;
    height: 62px;
    text-indent: -999em;
    overflow: hidden;
    background: url(img/ico_play.png) left top no-repeat;
    background-size: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -31px 0 0 -31px;
    z-index: 10;
}

.play-time {
    display: block;
    width: 62px;
    padding-top: 60px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -39px 0 0 -34px;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.9);
    z-index: 10;
}

.play-time:before {
    content: '';
    width: 62px;
    height: 62px;
    background: url(img/ico_play.png) center -62px no-repeat;
    background-size: 100%;
    position: absolute;
    left: 50%;
    top: 0;
    margin: 0 0 0 -31px;
}

.vod-player-box3>div {
    display: inline-block;
    position: relative;
}

.vod-player-box3>div video {
    width: 100%;
    vertical-align: top;
    object-fit: cover;
}

.vod-player-box3 .onair {
    position: absolute;
    left: 0;
    top: 0;
    text-align: Center;
    width: 100%;
    line-height: 55px;
    font-size: 15px;
    font-weight: 700;
    color: #fff;
    z-index: 10;
}

/*vod-player-box3*/

.vod-player-box3 .btns {
    position: absolute;
    right: 10px;
    bottom: 10px;
    z-index: 100;
}

.vod-player-box3 .btns a {
    display: inline-block;
    background: rgba(0, 0, 0, 0.8);
    line-height: 31px;
    color: #fff;
    font-size: 11px;
    padding: 0 13px;
    padding-top: 1px;
}

.vod-player-box3 .btns a strong {
    font-size: 12px;
    font-weight: bold;
}

.vod-player-box3 .btns a strong.skip {
    font-size: 12px;
    font-weight: bold;
    padding-right: 5px;
}

.vod-player-box3 .btns a strong.skip:after {
    content: '';
    width: 6px;
    height: 9px;
    background: url(img/skip_after.png) 0 0 no-repeat;
    background-size: 6px 9px;
    position: absolute;
    top: 50%;
    margin-top: -4px;
    margin-left: 2px;
}

.vod-player-box3 .btns a span {
    font-size: 12px;
    color: #b2b2b2;
}

.vod-player-box3 .btns2 {
    position: absolute;
    left: 15px;
    bottom: 20px;
    z-index: 100;
}

.vod-player-box3 .btns2 a {
    display: inline-block;
    background: rgba(0, 0, 0, 0.8);
    line-height: 31px;
    color: #fff;
    font-size: 11px;
    padding: 0 13px;
    padding-top: 1px;
}

.vod-player-box3 .btns3 {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 100;
}

.vod-player-box3 .btns3 a {
    display: inline-block;
    background: rgba(0, 0, 0, 0.8);
    line-height: 31px;
    color: #fff;
    font-size: 11px;
    padding: 0 13px;
    padding-top: 1px;
}

.vod-player-box3 .time-line {
    position: absolute;
    bottom: 0px;
    height: 2px;
    width: 100%;
    background: rgba(255, 255, 255, 0.2);
    z-index: 100;
}

.vod-player-box3 .time-line .ing {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    background: #f30a2b;
}

.vod-player-box3 .btns4 {
    position: absolute;
    left: 10px;
    top: 10px;
    z-index: 100;
}

.vod-player-box3 .btns4 a {
    display: inline-block;
    background: rgba(0, 0, 0, 0.8);
    line-height: 31px;
    color: #fff;
    font-size: 11px;
    padding: 0 13px;
    padding-top: 1px;
    padding-left: 36px;
}

.vod-player-box3 .btns4 a:before {
    content: '';
    width: 24px;
    height: 24px;
    background: url(img/sound_icon.png) 0px 0px no-repeat;
    background-size: 24px auto;
    position: absolute;
    left: 10px;
    top: 5px;
    margin: 0 0 0 0;
}

.vod-player-box3 .btns5 {
    position: absolute;
    left: 10px;
    top: 10px;
    z-index: 100;
}

.vod-player-box3 .btns5 a {
    display: inline-block;
    background: rgba(0, 0, 0, 0.8);
    line-height: 31px;
    color: #fff;
    font-size: 11px;
    padding: 0 13px;
    padding-top: 1px;
    padding-left: 30px;
}

.vod-player-box3 .btns5 a:before {
    content: '';
    width: 24px;
    height: 24px;
    background: url(img/sound_icon.png) 0px -24px no-repeat;
    background-size: 24px auto;
    position: absolute;
    left: 10px;
    top: 6px;
    margin: 0 0 0 0;
}

.vod-player-box .btns {
    position: absolute;
    right: 10px;
    bottom: 10px;
    z-index: 100;
}

.vod-player-box .btns a {
    display: inline-block;
    background: rgba(0, 0, 0, 0.8);
    line-height: 31px;
    color: #fff;
    font-size: 11px;
    padding: 0 13px;
    padding-top: 1px;
}

.vod-player-box .btns a strong {
    font-size: 12px;
    font-weight: bold;
}

.vod-player-box .btns a strong.skip {
    font-size: 12px;
    font-weight: bold;
    padding-right: 5px;
}

.vod-player-box .btns a strong.skip:after {
    content: '';
    width: 6px;
    height: 9px;
    background: url(img/skip_after.png) 0 0 no-repeat;
    background-size: 6px 9px;
    position: absolute;
    top: 50%;
    margin-top: -5.5px;
    margin-left: 2px;
}

.vod-player-box .btns a span {
    font-size: 12px;
    color: #b2b2b2;
}

.vod-player-box .btns2 {
    position: absolute;
    left: 15px;
    bottom: 20px;
    z-index: 100;
}

.vod-player-box .btns2 a {
    display: inline-block;
    background: rgba(0, 0, 0, 0.8);
    line-height: 31px;
    color: #fff;
    font-size: 11px;
    padding: 0 13px;
    padding-top: 1px;
}

.vod-player-box .btns3 {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 100;
}

.vod-player-box .btns3 a {
    display: inline-block;
    background: rgba(0, 0, 0, 0.8);
    line-height: 31px;
    color: #fff;
    font-size: 11px;
    padding: 0 13px;
    padding-top: 1px;
}

.vod-player-box .btns4 {
    position: absolute;
    left: 10px;
    top: 10px;
    z-index: 100;
}

.vod-player-box .btns4 a {
    display: inline-block;
    background: rgba(0, 0, 0, 0.8);
    line-height: 31px;
    color: #fff;
    font-size: 11px;
    padding: 0 13px;
    padding-top: 1px;
    padding-left: 36px;
}

.vod-player-box .btns4 a:before {
    content: '';
    width: 24px;
    height: 24px;
    background: url(img/sound_icon.png) 0px 0px no-repeat;
    background-size: 24px auto;
    position: absolute;
    left: 10px;
    top: 6px;
    margin: 0 0 0 0;
}

.vod-player-box .btns5 {
    position: absolute;
    left: 10px;
    top: 10px;
    z-index: 100;
}

.vod-player-box .btns5 a {
    display: inline-block;
    background: rgba(0, 0, 0, 0.8);
    line-height: 31px;
    color: #fff;
    font-size: 11px;
    padding: 0 13px;
    padding-top: 1px;
    padding-left: 30px;
}

.vod-player-box .btns5 a:before {
    content: '';
    width: 24px;
    height: 24px;
    background: url(img/sound_icon.png) 0px -24px no-repeat;
    background-size: 24px auto;
    position: absolute;
    left: 10px;
    top: 6px;
    margin: 0 0 0 0;
}

.vod-player-box .time-line {
    position: absolute;
    bottom: 0px;
    height: 2px;
    width: 100%;
    background: rgba(255, 255, 255, 0.2);
    z-index: 100;
}

.vod-player-box .time-line .ing {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    background: #f30a2b;
}

.vod-player-box3.catchon:before {
    display: none;
}

.vod-player-box3 img {
    opacity: 0.9;
}

.vod-player-box3.catchon .catchon-vod-box {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 150px;
    margin-top: -75px;
    display: table;
}

.vod-player-box3.catchon .catchon-vod-box>div {
    display: table-cell;
    vertical-align: middle;
    height: 150px;
}

.vod-player-box3.catchon .catchon-vod-box img {
    height: 20px;
}

.vod-player-box3.catchon .catchon-vod-box>div>a {
    display: inline-block;
    color: #fff;
    font-size: 12px;
    border: solid 1px #8f4dad;
    padding: 0 10px;
    line-height: 24px;
    margin-top: 15px;
    padding-top: 1px;
}

.vod-player-box3.catchon .catchon-vod-box>div>a>span {
    position: relative;
    padding-right: 10px;
}

.vod-player-box3.catchon .catchon-vod-box>div>a>span:after {
    content: '';
    width: 5px;
    height: 8px;
    background: url(img/icons.png) -10px -130px no-repeat;
    background-size: 200px auto;
    position: absolute;
    right: 0;
    top: 50%;
    margin: -4px 0 0 0;
}

.ico-play {
    display: block;
    width: 62px;
    height: 62px;
    text-indent: -999em;
    overflow: hidden;
    background: url(img/ico_play.png) left top no-repeat;
    background-size: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -31px 0 0 -31px;
    z-index: 10;
}

.play-time {
    display: block;
    width: 62px;
    padding-top: 60px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -39px 0 0 -34px;
    font-size: 13px;
    color: rgba(255, 255, 255, 0.9);
    z-index: 10;
}

.play-time:before {
    content: '';
    width: 62px;
    height: 62px;
    background: url(img/ico_play.png) center -62px no-repeat;
    background-size: 100%;
    position: absolute;
    left: 50%;
    top: 0;
    margin: 0 0 0 -31px;
}

.vod-player-box2.catchon2:before {
    display: none;
}

.vod-player-box2 img {
    opacity: 1;
}

.vod-player-box2.catchon2 .catchon-vod-box {
    text-align: center;
    width: 100%;
}

.vod-player-box2.catchon2 .catchon-vod-box>div {
    text-align: center;
    min-height: 211px;
}

.vod-player-box2.catchon2 .catchon-vod-box img {
    max-width: 100%;
    max-height: 211px;
}

.vod-player-box2.catchon2 .catchon-vod-box>div>a>span:after {
    content: '';
}

.vod-player-box>div {
    display: inline-block;
    position: relative;
}

.vod-player-box>div video {
    width: 100%;
    vertical-align: top;
    object-fit: cover;
}

.vod-player-box .onair {
    position: absolute;
    left: 0;
    top: 0;
    text-align: Center;
    width: 100%;
    line-height: 55px;
    font-size: 15px;
    font-weight: 700;
    color: #fff;
    z-index: 10;
}

.vod-player-box .btns_op {
    position: absolute;
    z-index: 30 !important;
    width: 100%;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0px;
    height: 90px;
    background: -webkit-linear-gradient( bottom, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient( to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
}

.vod-player-box .btns_op ul {
    margin: 0 90px;
}

/*.vod-player-box .btns_op li{width:33.3%; float:left; background:rgba(0,0,0,0.4); margin-top:48px;}*/

.vod-player-box .btns_op li {
    width: 25%;
    float: left;
    background: rgba(0, 0, 0, 0.4);
    margin-top: 48px;
}

.vod-player-box .btns_op li a {
    line-height: 32px;
    color: #fff;
    font-size: 12px;
    width: 100%;
    display: inline-block;
}

/* .vod-player-box .btns_op li.on{width:33.3%; float:left; background:rgba(0,0,0,0.8);} */

.vod-player-box .btns_op li.on {
    width: 25%;
    float: left;
    background: rgba(0, 0, 0, 0.8);
}

.vod-player-box .btns_op li.on a {
    line-height: 32px;
    color: #f30a2b;
    font-size: 12px;
    width: 100%;
    display: inline-block;
}

.vod-player-box .btns_op2 {
    position: absolute;
    z-index: 30 !important;
    width: 100%;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 90px;
    background: -webkit-linear-gradient( bottom, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient( to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
}

.vod-player-box .btns_op2 ul {
    margin: 0 120px;
}

.vod-player-box .btns_op2 li {
    width: 50%;
    float: left;
    background: rgba(0, 0, 0, 0.4);
    margin-top: 48px;
}

.vod-player-box .btns_op2 li a {
    line-height: 32px;
    color: #fff;
    font-size: 12px;
    width: 100%;
    display: inline-block;
}

.vod-player-box .btns_op2 li.on {
    width: 50%;
    float: left;
    background: rgba(0, 0, 0, 0.8);
}

.vod-player-box .btns_op2 li.on a {
    line-height: 32px;
    color: #f30a2b;
    font-size: 12px;
    width: 100%;
    display: inline-block;
}

.program-title {
    text-align: center;
    padding: 20px 16px;
    line-height: 32px;
    font-size: 26px;
    letter-spacing: -0.05em;
}

.program-title img {
    height: 55px;
    width: auto;
}

.program-detail-top {
    padding: 20px 15px 8px;
    position: relative;
}

.program-detail-top::after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 15px;
    left: 15px;
    display: block;
    height: 1px;
    border-bottom: 1px #3c3c3c solid;
}

.program-detail-top>a.lnk-detail {
    float: left;
    padding-right: 15px;
    position: relative;
    color: #666;
    font-size: 15px;
}

.program-detail-top>a.lnk-detail:after {
    content: '';
    width: 9px;
    height: 5px;
    background: url(img/icons.png) left -40px no-repeat;
    background-size: 200px auto;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -3px;
}

.program-detail-top>a.lnk-detail.on:after {
    background-position: left -50px;
}

.program-detail-top>a.favor {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -11px;
}

.program-detail-top>a.comment {
    float: right;
}

.program-detail-top.channel {
    padding: 0 15px;
}

.program-detail-top.channel>h2 {
    float: left;
    padding: 2px 0;
}

.program-detail-top.channel>h2 img {
    height: 55px;
    width: auto;
}

.program-detail-top.channel>h2 a.lnk-arrow.down:after {
    width: 17px;
    height: 11px;
    background-position: -100px -150px;
    margin-top: -5px;
}

.program-detail-top.channel>h2 a.lnk-arrow.down.on:after {
    background-position: -100px -165px;
}

.program-detail-top.channel>a.comment {
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -10px;
}

.program-detail-top.clip h2 {
    float: none;
    line-height: 22px;
}

.program-detail-top h2>p {
    padding-right: 50px;
    font-size: 16px;
    margin: 0 0 5px 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.program-detail-top.clip {
    padding-bottom: 20px;
    border: 0;
}

.program-detail-top.clip>a.comment {
    position: absolute;
    top: 3px;
    right: 15px;
}

.program-detail-top.clip>a.share {
    position: absolute;
    bottom: 20px;
    right: 15px;
}

.program-detail-top.clip .clip-info {
    color: #585858;
    font-size: 13px;
    padding-top: 10px;
}

/** 20161111 **/

.program-detail-top.clip .clip-info * {
    vertical-align: top;
    line-height: 14px;
}

.program-detail-top.clip .clip-info small {
    color: #ccc;
    padding: 0 3px;
}

#areaInformation {
    margin-top: -1px;
}

.program-detail-information {
    padding: 20px 15px;
}

#areaInformation.program-detail-information {
    display: none;
    border-bottom: solid 1px #e5e5e5;
}

.program-detail-information.overflow {
    padding: 20px 0 0 0;
}

.program-detail-information.overflow .main-contents {
    padding-top: 0;
    padding-bottom: 20px;
}

.program-detail-information .first-summary {
    border-bottom: solid 1px #eaeaea;
    padding-bottom: 20px;
    font-size: 15px;
    line-height: 1.5em;
}

.program-information {
    padding: 15px 0;
}

.program-information.movie {
    padding: 0;
    margin-top: -10px;
}

.program-information .ico-channel-box {
    float: left;
}

.program-information .program-thumb {
    float: left;
    width: 77px;
    margin-top: 10px;
}

.program-information dl {
    padding-left: 70px;
    line-height: 23px;
}

.program-information dt {
    color: #666;
    padding: 9px 0 8px 0;
    float: left;
    font-size: 15px;
}

.program-information dd {
    border-bottom: solid 1px #eaeaea;
    padding: 9px 10px 8px 70px;
    font-size: 15px;
}

.program-information dd.under {
    text-decoration: underline;
}

.program-information.movie dd:last-of-type {
    border-bottom: 0;
    padding-bottom: 0;
}

.program-information .program-thumb+dl {
    padding-left: 95px;
    padding-top: 9px;
}

.program-information dt:first-of-type {
    padding-top: 0;
}

.program-information dd:first-of-type {
    padding-top: 0;
}

.program-series-in {
    overflow: hidden;
    height: 55px;
    position: relative;
    margin-bottom: 5px;
}

.program-series-scroll {
    position: relative;
    overflow-x: scroll;
    margin: 0 10px;
    -webkit-overflow-scrolling: touch;
}

.program-series-in>a {
    display: block;
    width: 38px;
    height: 33px;
    text-indent: -999em;
    overflow: hidden;
    background: url(img/icons.png) -140px -65px no-repeat;
    background-size: 200px auto;
    position: absolute;
    top: 50%;
    margin-top: -13px !important;
    z-index: 51;
}

.program-series-in>a.bx-prev {
    background-position: -140px -65px;
    left: 0px;
    top: 48%;
}

.program-series-in>a.bx-next {
    background-position: -140px -98px;
    right: 0px;
    top: 48%;
}

nav.program-series {
    position: relative;
    text-align: center;
}

nav.program-series ul:after {
    content: '';
    display: block;
    clear: both;
}

nav.program-series li {
    line-height: 55px;
    text-align: center;
    float: left;
}

nav.program-series li>a, nav.program-series li a>span {
    display: inline-block;
    height: 50px;
    font-size: 18px;
    position: relative;
    font-size: 29px;
    color: #666;
    font-weight: 300;
    padding-top: 3px;
}

nav.program-series li>a.on, nav.program-series li>a.on>span {
    color: #ea003d;
    font-weight: 700;
}

nav.program-series li>a.on span:after {
    content: '';
    position: absolute;
    height: 4px;
    width: 100%;
    left: 0;
    bottom: 0;
    background: #ea003d;
}

.program-series-summary dl+.btn-box {
    margin-top: 17px;
}

.program-series-summary {
    padding: 10px 18px;
    line-height: 1.6em;
    padding-bottom: 0;
}

.program-series-summary dl {
    position: relative;
}

.program-series-summary dt {
    font-size: 15px;
    font-weight: 700;
}

.program-series-summary dd {
    font-size: 15px;
}

.program-series-summary dd>a {
    font-size: 14px;
    opacity: 0.6;
    padding-left: 2px;
}

.program-series-summary dd.info {
    padding-top: 6px;
    font-size: 14px;
    opacity: 0.8;
    padding-left: 2px;
}

.program-series-summary dd.share {
    position: absolute;
    right: 0;
    bottom: -2px;
}

.channel-schedule {
    overflow: hidden;
    height: 116px;
}

.channel-time-table time {
    display: block;
    line-height: 18.5px;
    padding-top: 5px;
    font-size: 12px;
    border-left: solid 1px #e7e7e7;
    padding-left: 15px;
}

.channel-time-table li {
    margin-left: 4px;
}

.channel-time-table li .thumb {
    position: relative;
    background: #000;
    margin-top: 10px;
    height: 78px;
    overflow: hidden;
}

.channel-time-table li .thumb img {
    opacity: 0.6;
    width: 100%;
    margin-top: 0px;
}

.channel-time-table li .thumb.old img {
    opacity: 0.3;
    width: 100%;
    margin-top: 0px;
}

.channel-time-table li .thumb .progress {
    display: block;
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(234, 0, 61, 0.8);
    opacity: 1;
    filter: alpha(opacity=100);
}

.channel-time-table li .thumb .title {
    font-size: 15px;
    color: #fff;
    position: absolute;
    left: 0;
    top: 50%;
    padding: 0 15px;
    width: 100%;
    box-sizing: border-box;
    margin-top: -20px;
}

.channel-time-table li .thumb .title p {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.program-saleinfo-box {
    padding: 0 15px;
}

.program-saleinfo-box .lnk-arrow.opacity {
    margin-top: 3px;
    padding-left: 2px;
}

.program-saleinfo-box .sale-info .share {
    position: absolute;
    right: 2px;
    bottom: 0;
}

.sale-info {
    font-size: 13px;
    color: #929292;
    padding-top: 10px;
    position: relative;
    min-height: 20px;
}

.sale-info p {
    color: #666;
}

.sale-info>p {
    padding-top: 2px;
}

.sale-info .ico-info {
    margin-left: 4px;
}

.detail-relation-contents {
    padding-bottom: 45px;
}

.relation-info-list {
    margin-left: 30px;
}

.relation-info-list li {
    padding-left: 10px;
    position: relative;
    font-size: 13px;
    color: #666;
    margin-top: 7px;
    padding-top: 1px;
    padding-bottom: 2px;
}

.relation-info-list li:before {
    content: '\2022';
    position: absolute;
    left: 0;
    top: 0;
}

.movie-summary-box {
    padding: 20px 15px 0 15px;
}

.movie-summary {
    position: relative;
    line-height: 1.6em;
    padding: 0 3px;
}

.movie-summary .share {
    position: absolute;
    right: 0;
    bottom: 2px;
}

.movie-summary>dd>a {
    font-size: 12px;
    opacity: 0.6;
}

.movie-summary>a {
    color: #929292;
    padding-left: 5px;
}

.movie-summary-box .star-box {
    margin-bottom: 20px;
    padding: 0 3px;
}

.movie-summary-box .star-box .star {
    margin: 0 4px 0 12px;
}

.star-box>span, .star-box .star {
    display: inline-block;
    vertical-align: middle;
    font-size: 15px;
    color: #666;
}

.star-box .star {
    height: 13px;
    width: 74px;
    background: url(img/icons.png) -100px top no-repeat;
    background-size: 200px auto;
}

.star-box .star>div {
    height: 100%;
    background: url(img/icons.png) -100px -20px no-repeat;
    background-size: 200px auto;
}

.star-box .score {
    vertical-align: middle;
    line-height: 14px;
    margin-top: 2px;
}

.program-title-box {
    background: #f7f7f7;
    padding: 16px;
    position: relative;
    margin-top: -1px;
}

.program-title-box dt {
    font-weight: 700;
    font-size: 18.5px;
    padding-right: 25px;
    margin-bottom: 5px;
}

.program-title-box dd {
    font-size: 14.5px;
}

.program-title-box .share {
    position: absolute;
    right: 15px;
    top: 15px;
}

.sub-full-block {
    padding: 0 15px 25px 15px;
}

.sub-contents-in h3 select {
    border: 0;
    width: auto;
    font-size: 15px;
    font-weight: 700;
    padding: 0;
    padding-right: 15px;
    background: url(img/ico_select02.png) right center no-repeat;
    background-size: auto 5px;
    height: auto;
}

.sub-contents-in .h3-block {
    position: relative;
}

.sub-contents-in .h3-block>h3+.list-total.detail {
    position: absolute;
    right: 0;
    bottom: 2px;
    width: 50%;
    line-height: 1em;
    height: 1em;
}

.sub-contents-in .h3-block+.thumb-list {
    margin-top: -10px;
}

/** popup **/

.ico-pop-close {
    display: block;
    width: 12px;
    height: 12px;
    background: url(img/icons.png) right top no-repeat;
    background-size: 200px auto;
    text-indent: -999em;
    overflow: hidden;
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 600;
}

.ico-pop-close02 {
    display: block;
    width: 12px;
    height: 21px;
    background: url(img/ico_openfirst.png) right -60px no-repeat;
    background-size: 150px auto;
    text-indent: -999em;
    overflow: hidden;
    position: absolute;
    top: 18px;
    left: 15px;
    z-index: 1500;
}

.pop-comment .ico-pop-close {
    right: 15px;
    width: 18px;
    height: 18px;
    background-position: right -40px;
}

.pop-wrap {
    position: fixed;
    display: none;
    padding: 0 15px;
    top: 50%;
    left: 50%;
    z-index: 3500;
    max-width: 400px;
    width: 100%;
    box-sizing: border-box;
    transform: translateZ(0);
}

.pop-wrap-in {
    background: #fff;
    position: relative;
    border: solid 1px #6f6f6f;
    padding: 15px 20px 20px 20px;
}

.pop-wrap-in:after {
    content: '';
    display: block;
    clear: both;
}

.pop-wrap-in h3 {
    font-size: 16px;
    padding-bottom: 20px;
    text-align: center;
}

.pop-contents {
    line-height: 1.5em;
    padding-bottom: 10px;
}

.pop-contents .down-info {
    margin: 5px 13px 0 13px;
}

.pop-contents .down-info dt {
    color: #000;
    font-size: 14px;
}

.pop-contents .down-info dd {
    color: #666;
    padding-left: 66px;
    margin-bottom: 7px;
    font-size: 14px;
}

.pop-share {
    text-align: center;
}

.pop-share .ico-sns {
    position: relative;
    padding-top: 65px;
    position: relative;
    text-align: center;
    font-size: 13px;
    color: #666;
    display: inline-block;
    width: 30%;
}

.pop-share .ico-sns:before {
    content: '';
    width: 58px;
    height: 58px;
    background: url(img/ico_sns.png) left top no-repeat;
    background-size: 58px auto;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -29px;
}

.pop-share .ico-sns.kakao:before {
    background-position: left top;
}

.pop-share .ico-sns.twitter:before {
    background-position: left -60px;
}

.pop-share .ico-sns.facebook:before {
    background-position: left -120px;
}

.pop-wrap.pop-comment {
    display: none;
    padding: 0;
    background: #f9f9f9;
    left: 0;
    bottom: 0;
    width: 100%;
    max-width: 100%;
    top: 100%;
}

.pop-comment-wrap {
    height: 100%;
    position: relative;
    /*background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.7) 50px ,rgba(255,255,255,0) 100px );
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.7) 50px ,rgba(255,255,255,0) 100px);*/
}

.pop-comment-wrap h3 {
    font-size: 18px;
    padding-left: 17px;
    padding-right: 35px;
    line-height: 57px;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 600;
    color: #000;
    height: 55px;
    background: #fff;
    text-align: center;
    padding-top: 2px;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
}

.pop-comment-wrap h3.ac {
    background: #ffffff;
    border-bottom: solid 1px #dddddd;
    padding: 0;
}

.pop-comment-box {
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    height: 100%;
    padding: 114px 0 0 0;
    box-sizing: border-box;
}

.pop-comment-wrap li {
    border-top: solid 1px #e5e5e5;
    padding: 15px 15px 12px 15px;
    font-size: 16px;
    color: #666;
    line-height: 1.5em;
}

.pop-comment-wrap li:first-child {
    border-top: 0 !important;
}

.pop-comment-wrap li p {
    display: inline;
}

.pop-comment-wrap li strong {
    color: #313131;
    padding-right: 8px;
}

.pop-comment-wrap li time {
    color: #b1b1b1;
    font-size: 12px;
}

.pop-comment-wrap li span {
    color: #dfdfdf;
    font-size: 12px;
    padding: 0 8px;
}

.pop-comment-wrap li em {
    color: #dfdfdf;
    font-size: 12px;
    padding: 0 8px;
}

.pop-comment-wrap li a {
    color: #b1b1b1;
    font-size: 12px;
}

.pop-comment-regist {
    background: #fff;
    height: 58px;
    position: absolute;
    top: 55px;
    left: 0;
    width: 100%;
    border-top: solid 1px #e5e5e5;
}

.pop-comment-regist input[type='text'] {
    border: 0;
    height: 56px;
    padding: 0 80px 0 15px;
    width: 100%;
    box-sizing: border-box;
    font-size: 16px;
}

.pop-comment-regist input[type='submit'] {
    border: 0;
    height: 56px;
    padding: 0 15px;
    font-size: 16px;
    position: absolute;
    right: 0;
    top: 0;
    background: #fff;
    font-weight: 700;
    color: #ea003d;
}

.pop-comment-regist input[type='submit'].red {
    color: #ea003d;
}

/*** search **/

.search-form-box {
    margin: 0 15px 15px 15px;
    position: relative;
}

.search-form-box input[type='text'], .search-form-box input[type='search'] {
    border: solid 1px #ddd;
    height: 43px;
    width: 100%;
    box-sizing: border-box;
    padding: 0 70px 0 18px;
    font-size: 15px;
}

.search-form-box input[type='submit'] {
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    height: 43px;
    background: #ea003d;
    font-size: 13px;
    color: #fff;
    border: 0;
}

.search-form-box .close-icon {
    right: 65px;
}

.search-auto-complete {
    padding-bottom: 40px;
}

.search-auto-title {
    background: #f9f9f9;
    border-top: solid 1px #e5e5e5;
    padding: 0 15px;
    line-height: 44px;
}

.search-auto-title h2 {
    float: left;
    font-size: 14px;
}

.search-auto-title span {
    float: right;
    font-size: 11px;
    color: #666;
}

.search-auto-title span>a {
    padding-right: 16px;
    position: relative;
}

.search-auto-title span>a:after {
    content: '';
    background: url(img/ico_search.png) right -15px no-repeat;
    background-size: 25px auto;
    width: 11px;
    height: 7px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -4px;
}

.search-auto-title span>a.on:after {
    background-position: right -25px;
}

.search-auto-listbox {
    padding: 0 15px;
}

.search-auto-listbox li {
    border-top: solid 1px #f2f2f2;
    line-height: 45px;
    position: relative;
}

.search-auto-listbox li:first-child {
    border-top: 0;
}

.search-auto-listbox li:last-child {
    padding-bottom: 10px;
}

.search-auto-listbox li .idx {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 12px;
    color: #666;
}

.search-auto-listbox li .order {
    position: absolute;
    right: 3px;
    top: 0;
    font-size: 15px;
    padding-right: 13px;
    text-indent: -999em;
}

.search-auto-listbox li .order.up {
    color: #ea003d;
    text-indent: 0;
}

.search-auto-listbox li .order.down {
    color: #3954cb;
    text-indent: 0;
}

.search-auto-listbox li .order:after {
    content: '';
    background: url(img/ico_search.png) right -5px no-repeat;
    background-size: 25px auto;
    width: 6px;
    height: 4px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -2px;
}

.search-auto-listbox li .order.up:after {
    background-position: right top;
}

.search-auto-listbox li .order.down:after {
    background-position: right -10px;
}

.search-auto-listbox li>a {
    display: block;
    margin: 0 60px 0 22px;
    font-size: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.search-auto-listbox#autoComplete li>a {
    margin-left: 0;
}

/**
.search-auto-listbox + .search-auto-title {margin-top:10px;}
**/

.search-category-dummy {
    border-bottom: solid 1px #e5e5e5;
    height: 42px;
    position: absolute;
    left: 0;
    width: 100%;
    z-index: -1;
}

.search-category-tab {
    border-top: none;
    line-height: 43px;
    overflow: hidden;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    height: 43px;
    text-align: center;
}

.search-category-tab:after {
    content: '';
    display: block;
    clear: both;
}

.search-category-tab a {
    position: relative;
    display: inline-block;
    padding: 0 20px;
    color: #666;
    font-size: 16px;
}

.search-category-tab a.on {
    color: #ea003d;
}

.search-category-tab a.on:after {
    content: '';
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 2px;
    background: #ea003d;
}

.search-category-scroll {
    margin: 0 auto;
}

.search-category-scroll a:first-child {
    margin-left: -4px;
}

.search-result-block {
    position: relative;
    border-bottom: solid 1px #f2f2f2;
    padding: 22px 0 0 0;
}

.search-result-block:last-of-type {
    border: 0;
    padding-bottom: 0;
}

.search-result-block h3 {
    font-size: 16px;
    padding-bottom: 10px;
    padding-top: 0;
}

.search-result-block h3>span {
    font-weight: 400;
    color: #ea003d;
    padding-left: 7px;
}

.search-result-block .more {
    position: absolute;
    right: 0;
    top: 25px;
    color: #666;
}

.search-result-block .thumb {
    position: relative;
}

.search-result-list {
    margin-left: -6px;
}

.search-result-list:after {
    content: '';
    display: block;
    clear: both;
}

.search-result-list li {
    float: left;
    padding-left: 6px;
    width: 20%;
    box-sizing: border-box;
    position: relative;
    margin-bottom: 22px;
}

.search-result-list.open li {
    margin-bottom: 6px;
}

.search-result-list.open li .thumb {
    background: #000;
}

.search-result-list.open li img {
    opacity: 0.8;
}

.search-result-list li>a {
    display: block;
}

.search-result-list.movie li {
    width: 16.6666%;
}

@media screen and (max-width: 768px) {
    .search-result-list li {
        width: 25%;
    }
    .search-result-list.movie li {
        width: 20%;
    }
}

@media screen and (max-width: 640px) {
    .search-result-list li {
        width: 33.3333%;
    }
    .search-result-list.movie li {
        width: 33.3333%;
    }
}

@media screen and (max-width: 414px) {
    .search-result-list li {
        width: 50%;
    }
    .search-result-list.movie li {
        width: 33.3333%;
    }
}

.search-result-list li .thumb {
    position: relative;
}

.search-result-list li .thumb time {
    display: block;
    line-height: 23px;
    background: rgba(0, 0, 0, 0.4);
    font-size: 11px;
    padding: 0 7px;
    position: absolute;
    right: 4px;
    bottom: 4px;
    color: #fff;
}

.search-result-list li .caption {
    padding: 7px 2px 0 2px;
    line-height: 19px;
}

.search-result-list li .caption p.multi {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 38px;
    margin: 0 0px;
    font-size: 14px;
}

.search-result-list li .caption p.multi02 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 38px;
    margin: 0 10px;
    font-size: 14px;
}

.search-result-list li .caption p.program {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    line-height: 1.1em;
    color: #fff;
    font-size: 12px;
    text-align: center;
    margin: 0 10px 10px 10px;
    text-decoration: underline;
    opacity: 0.7;
}

.search-result-list li .caption p.multi span.num {
    color: #444;
    font-size: 14px;
}

.search-result-list li .caption p>em {
    display: inline-block;
    font-size: 0;
    width: 31px;
    height: 14px;
    vertical-align: 2px;
    margin-right: 4px;
    background: url(img/ico_tag.png) left top no-repeat;
    background-size: 100px auto;
    text-indent: -999em;
}

.search-result-list li .caption p>em.adult {
    background-position: -50px top;
    height: 14px;
    width: 14px;
}

.search-result-list li .caption span {
    color: #929292;
    font-size: 13px;
    line-height: 1em;
}

.search-result-list li .caption.ab {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    text-align: center;
    color: #f7f7f7;
    margin-top: -24px;
}

.search-result-list li .caption p.multi2 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    line-height: 1.1em;
    margin-top: 4px;
}

.search-result-list li .caption p.multi2 span.ptitle2 {
    float: left;
    max-width: 70px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    line-height: 1.1em;
    color: #929292;
    font-size: 12px;
}

.search-result-list li .caption p.multi2 span.day2 {
    float: left;
    line-height: 1.1em;
    color: #929292;
    font-size: 12px;
    letter-spacing: -0.05em;
}

.search-result-list li .caption p.multi2 small {
    float: left;
    color: #ccc;
    vertical-align: 1px;
    padding: 0 4px;
    color: #929292;
    font-size: 13px;
    line-height: 1em;
}

.search-no-result {
    text-align: center;
    height: 100%;
    font-size: 15px;
    padding: 100px 0;
}

.search-result-top {
    padding-bottom: 25px;
}

.search-result-top:after {
    content: '';
    display: block;
    clear: both;
}

.search-result-top .thumb {
    float: left;
    width: 85px;
}

.search-result-top .description {
    padding-left: 100px;
}

.search-result-top .description h3 {
    font-size: 17px;
    font-weight: 400;
    padding-bottom: 15px;
}

.search-result-top .description dt {
    float: left;
    color: #666;
    font-size: 13px;
}

.search-result-top .description dd {
    color: #666;
    font-size: 13px;
    padding-left: 33px;
}

.search-result-top .description dt.none {
    text-indent: -9999em;
    display: none;
}

.search-result-top .description dd.multi {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 40px;
    margin: 0 0px;
    padding-left: 0px;
    padding-bottom: 5px;
    padding-right: 5px;
}

/** util **/

.notice-list dt {
    border-bottom: solid 1px #f2f2f2;
    position: relative;
    font-size: 16px;
}

.notice-list dt.on {
    background: #f9f9f9;
    border-bottom: 0;
    color: #ea003d;
}

.notice-list dt:after {
    content: '';
    position: absolute;
    right: 15px;
    top: 24px;
    width: 15px;
    height: 9px;
    background: url(img/icons.png) left -150px;
    background-size: 200px auto;
}

.notice-list dt.on:after {
    background-position: left -160px;
}

.notice-list dt>a {
    display: block;
    padding: 20px 35px 20px 17px;
}

.notice-list dt>a time {
    color: #929292;
    font-size: 12px;
    display: block;
    line-height: 1em;
    margin-top: 7px;
}

.notice-list dd {
    background: #f9f9f9;
    border-bottom: solid 1px #eee;
    padding: 0 15px 25px 17px;
    font-size: 13px;
    color: #444;
    display: none;
}

.board-list li {
    border-bottom: solid 1px #e5e5e5;
    position: relative;
    font-size: 15px;
}

.board-list li>a {
    display: block;
    padding: 18px 15px 18px 17px;
}

.board-list li p.info {
    font-size: 12px;
    color: #929292;
    line-height: 1.5em;
}

.board-list li p:first-child {
    margin-bottom: 5px;
}

.board-list li p.info>span {
    display: inline-block;
    width: 30px;
    color: #444;
}

.board-list.customer li p.ellipsis {
    padding-bottom: 5px;
}

.notice-top {
    border-bottom: solid 1px #f2f2f2;
}

.notice-top>a {
    display: block;
    padding: 0 35px 0 17px;
    position: relative;
    line-height: 55px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.notice-top>a:after {
    content: '';
    position: absolute;
    right: 15px;
    top: 50%;
    width: 9px;
    height: 15px;
    margin-top: -8px;
    background: url(img/icons.png) left -170px;
    background-size: 200px auto;
}

.notice-top.no_bottom {
    border-bottom: 0 !important;
}

.faq-lnk-box {
    background: #fff;
}

.faq-lnk-box>a {
    float: left;
    width: 12.5%;
    line-height: 51px;
    border-bottom: solid 1px #ededed;
    text-align: center;
    font-size: 16px;
    border-left: solid 1px #ededed;
    box-sizing: border-box;
    padding-top: 1px;
}

.faq-lnk-box>a.on {
    color: #ea003d;
}

.faq-lnk-box>a:first-child {
    border-left: 0;
}

@media screen and (max-width: 768px) {
    .faq-lnk-box>a {
        width: 25%;
    }
    .faq-lnk-box>a:nth-child(4n+1) {
        border-left: 0;
    }
}

@media screen and (max-width: 640px) {
    .faq-lnk-box>a {
        width: 50%;
    }
    .faq-lnk-box>a:nth-child(odd) {
        border-left: 0;
    }
}

.faq-list-box {
    margin-top: 10px;
    background: #fff;
    padding-bottom: 40px;
}

.faq-list-block {
    padding: 5px 15px 0 15px;
}

.faq-list-block .faq-list {
    padding-top: 6px;
}

.faq-list-block .faq-list li {
    border-bottom: solid 1px #eee;
    font-size: 15px;
}

.faq-list-block .faq-list li>a {
    display: block;
    position: relative;
    padding: 0 10px 0 22px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin: 12px 0;
}

.faq-list-block .faq-list li>a span {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 12px;
    color: #666666;
}

.faq-view dt {
    background: #fff;
    position: relative;
    padding: 20px 0 20px 28px;
    font-size: 15px;
    border-bottom: solid 1px #e5e5e5;
    margin-left: 15px;
    margin-right: 15px;
}

.faq-view dt:before {
    content: 'Q.';
    position: absolute;
    left: 0px;
    top: 18px;
    font-size: 19px;
    color: #000;
}

.faq-view dd {
    background: #fff;
    position: relative;
    padding: 20px 15px 25px 42px;
    color: #666;
}

.faq-view dd:before {
    content: 'A.';
    position: absolute;
    left: 17px;
    top: 20px;
    font-size: 19px;
    color: #ea003d;
}

.full-btn-box {
    background: #fff;
    padding: 0 15px;
}

.qna-login-box {
    padding: 0 15px 20px 15px;
    margin-bottom: 5px;
    background: #fff;
}

.qna-login-box p {
    padding-left: 2px;
    font-size: 13px;
    margin-bottom: 15px;
    color: #666;
}

.qna-regist-box {
    background: #fff;
    padding: 20px 15px 40px 15px;
}

.qna-tab {
    height: 40px;
    position: relative;
}

.qna-tab a {
    float: left;
    width: calc(100% / 3);
    text-align: center;
    line-height: 38px;
    position: absolute;
    z-index: 1;
    font-size: 15px;
    color: #666;
    background: #fafafa;
    border: solid 1px #e8e8e8;
    margin-left: -1px;
    top: 0;
}

.qna-tab a.on {
    border: solid 1px #ea003d;
    color: #ea003d;
    z-index: 10;
    background: #fff;
}

.qna-tab a:nth-child(1) {
    left: 0;
}

.qna-tab a:nth-child(2) {
    left: 33.3333%;
}

.qna-tab a:nth-child(3) {
    left: auto;
    right: 0;
}

.qna-regist-form {
    margin-top: 20px;
}

.qna-regist-block {
    margin-bottom: 14px;
}

.qna-regist-block input, .qna-regist-block textarea {
    border: solid 1px #e5e5e5;
    padding: 0 15px;
    height: 48px;
    box-sizing: border-box;
    width: 100%;
}

.qna-regist-block textarea {
    height: 160px;
    padding: 15px;
}

.qna-regist-block.text {
    color: #929292;
    font-size: 12px;
    line-height: 1.3em;
}

.qna-regist-block.text p:first-child {
    margin-bottom: 7px;
}

.qna-regist-block.agree {
    margin: 20px 0;
}

.qna-regist-block.select {
    border: solid 1px #e5e5e5;
}

.qna-regist-block.select li {
    position: relative;
    border-top: solid 1px #e5e5e5;
}

.qna-regist-block.select li:first-of-type {
    border-top: 0;
}

.qna-regist-block.select li:after {
    content: '';
    position: absolute;
    right: 15px;
    top: 50%;
    width: 11px;
    height: 6px;
    background: url(img/icons.png) left -20px;
    background-size: 200px auto;
    margin-top: -3px;
}

.qna-regist-block.select li select {
    width: 100%;
    height: 42px;
    border: 0;
    color: #929292;
    background: transparent;
}

.qna-complete-box {
    padding: 40px 15px;
    background: #fff;
}

.qna-complete-text {
    line-height: 1em;
    text-align: center;
    padding-bottom: 40px;
}

.qna-complete-text p {
    font-size: 13px;
    color: #666;
}

.qna-complete-text p:first-child {
    font-size: 18px;
    color: #000;
    margin-bottom: 11px;
}

.qna-complete-date {
    border: solid 1px #e5e5e5;
    padding: 20px;
    line-height: 1em;
}

.qna-complete-date dt {
    font-size: 11px;
    margin-bottom: 7px;
}

.qna-complete-date dd {
    font-size: 16px;
}

.qna-complete-date dd:first-of-type {
    border-bottom: solid 1px #e5e5e5;
    padding-bottom: 18px;
    margin-bottom: 18px;
}

.customer-box {
    padding-bottom: 40px;
    background: #fff;
}

.customer-list-box {
    border-bottom: solid 1px #f2f2f2;
    padding: 0 15px;
}

.board-list.customer li:last-child {
    border: 0;
}

.board-list.customer li>a {
    padding-left: 38px;
}

.board-list.customer li p.info>span {
    width: 60px;
}

.board-list.customer li .status {
    display: inline-block;
    position: absolute;
    left: 0;
    top: 20px;
    width: 28px;
    height: 17px;
    font-size: 0;
    text-indent: -999em;
    overflow: hidden;
    background: url(img/ico_tag.png) left -20px no-repeat;
    background-size: 100px auto;
}

.board-list.customer li .status.complete {
    background-position: left -20px;
}

.board-list.customer li .status.waiting {
    background-position: -50px -20px;
}

.customer-btn-box {
    padding: 17px 15px 0 15px;
    background: #fff;
}

.customer-btn-box p {
    font-size: 13px;
    color: #929292;
    padding-bottom: 10px;
    line-height: 1.4em;
}

.customer-btn-box p.brd {
    padding-top: 15px;
}

.customer-btn-box.nodata {
    text-align: center;
}

.customer-btn-box.nodata p {
    font-size: 15px;
    padding: 80px 0;
}

.mycatchon-agree-box {
    border: solid 1px #e5e5e5;
    padding: 20px 17px;
    margin-top: 15px;
}

.mycatchon-agree-box label {
    font-size: 12px;
    line-height: 1.5em;
}

.mycatchon-agree-box .logo {
    margin: 5px 0 16px 0;
    text-align: center;
}

.mycatchon-agree-box .logo img {
    height: 49px;
}

.mycatchon-agree-info {
    border-bottom: solid 1px #e5e5e5;
    margin-bottom: 13px;
    line-height: 21px;
    padding-bottom: 15px;
}

.mycatchon-agree-info dt {
    float: left;
    color: #666;
    padding-left: 5px;
    clear: left;
}

.mycatchon-agree-info dd {
    padding-left: 105px;
    padding-bottom: 8px;
}

.mycatchon-agree-box .qna-regist-block.agree {
    margin-left: 5px;
    margin: 0;
}

.mycatchon-agree-box .text {
    text-align: left;
    font-size: 13px;
    padding: 6px 0 13px 5px;
}

.guide-text-box.mycatchon {
    padding: 0;
    color: #929292;
}

.guide-text-box.mycatchon.padding {
    padding: 0 15px;
}

.guide-text-box.mycatchon h4 {
    font-weight: 700;
    color: #666;
}

/* .mycatchon-slogan {height:234px;border-bottom:solid 1px #f2f2f2;background:url('http://image.tving.com/public_v4/mobile/common/1280x720.jpg') bottom center no-repeat;background-size:auto 234px;overflow:hidden;} */

.mycatchon-slogan {
    border-bottom: solid 1px #f2f2f2;
    background: url('http://image.tving.com/public_v4/mobile/common/1280x720.jpg') bottom center no-repeat;
    background-size: auto 100%;
    overflow: hidden;
    text-align: center;
}

.mycatchon-select {
    padding: 18px 15px;
}

.mycatchon-select h4 {
    font-size: 16px;
    margin-bottom: 3px;
}

.mycatchon-select p {
    color: #666;
}

.mycatchon-logo-list {
    background: #f9f9f9;
    padding: 0 15px 30px 15px;
}

.mycatchon-logo-list h3 {
    font-size: 15px;
    margin-bottom: 11px;
}

.mycatchon-logo-box {
    border-left: solid 1px #e5e5e5;
}

.mycatchon-logo-box>a {
    border: solid 1px #e5e5e5;
    border-left: 0;
    width: 16.6666%;
    background: #fff;
    float: left;
    text-align: center;
    box-sizing: border-box;
    margin-top: -1px;
}

.mycatchon-logo-box>a img {
    height: 49px;
}

@media screen and (max-width: 768px) {
    .mycatchon-logo-box>a {
        width: 25%;
    }
}

@media screen and (max-width: 640px) {
    .mycatchon-logo-box>a {
        width: 33.3333%;
    }
}

.mycatchon-radio {
    border-bottom: solid 1px #e5e5e5;
    padding-bottom: 17px;
}

.mycatchon-radio label {
    margin-right: 25px;
}

.mycatchon-regist-form {
    padding-top: 10px;
}

.qna-regist-box .mycatchon-radio {
    border: 0;
    padding: 0;
}

.form-block {
    margin-top: 10px;
    position: relative;
    padding-left: 68px;
}

.form-block.lpd0 {
    padding-left: 0;
}

.form-block label {
    position: absolute;
    left: 0;
    top: 0;
    line-height: 40px;
    font-size: 13px;
    opacity: 0.6;
    color: #000;
    letter-spacing: -0.025em;
}

.form-block input[type='text'], .form-block input[type='number'], .form-block input[type='search'], .form-block input[type='password'], .form-block select {
    height: 40px;
    box-sizing: border-box;
    padding: 0 10px;
    border: solid 1px #e5e5e5;
    width: 100%;
    font-size: 13px;
    color: #666;
}

.form-block select {
    height: 40px;
    box-sizing: border-box;
    padding: 0 10px;
    border: solid 1px #e5e5e5;
    width: 100%;
}

.form-block ul.form-phone {
    margin-left: -15px;
}

.form-block ul.form-phone li {
    float: left;
    padding-left: 15px;
    box-sizing: border-box;
    width: 30%;
    position: relative;
}

.form-block ul.form-phone li:first-child {
    width: 40%;
}

.form-block ul.form-phone li:before {
    content: '-';
    position: absolute;
    left: 4px;
    top: 0;
    line-height: 40px;
}

.form-block ul.form-phone li:first-child::before {
    display: none;
}

.form-block ul.form-birth {
    margin-left: -20px;
    padding-right: 10px;
}

.form-block ul.form-birth li {
    float: left;
    padding-left: 20px;
    box-sizing: border-box;
    width: 27%;
    position: relative;
}

.form-block ul.form-birth li:first-child {
    width: 44%;
}

.form-block ul.form-birth li>span {
    position: absolute;
    line-height: 40px;
    right: -15px;
    top: 0;
    color: #929292;
    font-size: 12px;
}

@media screen and (max-width: 320px) {
    .form-block input[type='text'], .form-block input[type='number'], .form-block select {
        padding: 0 5px;
    }
    .vod-player-box>div {
        display: inline-block;
        position: relative;
    }
    .vod-player-box>div video {
        width: 100%;
        vertical-align: top;
        object-fit: cover;
    }
    .vod-player-box .onair {
        position: absolute;
        left: 0;
        top: 0;
        text-align: Center;
        width: 100%;
        line-height: 55px;
        font-size: 15px;
        font-weight: 700;
        color: #fff;
        z-index: 10;
    }
    .vod-player-box .btns {
        position: absolute;
        right: 15px;
        bottom: 15px;
        z-index: 30 !important;
    }
    /*.vod-player-box .btns a {display:inline-block;background:#c50535;line-height:26px;color:#fff;font-size:11px;padding:0 6px;}*/
    .vod-player-box .btns a {
        display: inline-block;
        background: rgba(0, 0, 0, 0.8);
        line-height: 25.5px;
        color: #fff;
        font-size: 11px;
        padding: 0 12px;
        padding-top: 1.5px;
    }
    /*.vod-player-box .btns_op {position:absolute;left:25%; bottom:15px;z-index:30 !important; width:100%; text-align:center;}*/
    /* .vod-player-box .btns_op li{width:33.3%; float:left; background:rgba(0,0,0,0.5);} */
    .vod-player-box .btns_op li {
        width: 25%;
        float: left;
        background: rgba(0, 0, 0, 0.5);
    }
    .vod-player-box .btns_op li a {
        line-height: 26px;
        color: #7d7d7d;
        font-size: 11px;
        padding-top: 1.5px;
    }
    /* .vod-player-box .btns_op li.on{width:33.3%; float:left; background:rgba(0,0,0,1);} */
    .vod-player-box .btns_op li.on {
        width: 25%;
        float: left;
        background: rgba(0, 0, 0, 1);
    }
    .vod-player-box .btns_op li.on a {
        line-height: 26px;
        font-size: 11px;
        padding-top: 1.5px;
    }
}

.form-block.full {
    padding: 0;
    margin: 0 0 20px 0;
    position: relative;
}

.form-block.full input[type='text'], .form-block.full input[type='password'] {
    height: 50px;
    padding-left: 15px;
}

.close-icon {
    display: inline-block;
    width: 14px;
    height: 14px;
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -7px;
    z-index: 1;
}

.close-icon:after {
    content: '';
    display: block;
    width: 14px;
    height: 14px;
    position: absolute;
    left: 0;
    top: 0;
    background: url(img/icons.png) right -20px no-repeat;
    background-size: 200px auto;
}

.form-block.full input[type='text']:not(:valid)~.close-icon, .form-block.full input[type='password']:not(:valid)~.close-icon, .search-form-box input[type='text']:not(:valid)~.close-icon {
    display: none;
}

.rule-contents h3 {
    font-size: 14px;
}

.rule-contents h4 {
    font-size: 13px;
    margin-bottom: 20px;
}

.rule-contents p {
    font-size: 13px;
    margin-bottom: 20px;
    color: #444;
}

.app-down-box {
    background: #fdfdfd;
    padding: 35px 25px;
}

.app-down-box.ipad {
    background: #f9f9f9;
}

h3.app-icon {
    padding-top: 89px;
    text-align: center;
    margin: 0 0 10px 0;
    font-size: 17px;
    position: relative;
}

h3.app-icon:before {
    content: '';
    width: 70px;
    height: 70px;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -35px;
    background: url(img/app.png) left top no-repeat;
    background-size: 150px auto;
}

h3.app-icon.tving:before {
    background-position: left top;
}

h3.app-icon.tving-live:before {
    background-position: -75px top;
}

.app-down-box p {
    text-align: Center;
    margin-bottom: 20px;
    color: #666;
}

.app-down-box p>span {
    color: #3954cb;
}

.btn-app-down {
    display: inline-block;
    border: solid 1px #ccc;
    line-height: 45px;
    width: 100%;
    box-sizing: border-box;
    text-indent: -999em;
    overflow: hidden;
    background: url(img/app.png) center -75px no-repeat #fff;
    background-size: 150px auto;
}

.btn-app-down.google {
    background-position: center -75px;
}

.btn-app-down.apple {
    background-position: center -120px;
}

/** member **/

.membership-intro {
    margin-top: 30px;
}

.btn-join-cj {
    display: block;
    text-align: center;
    line-height: 46px;
    background: #5c5c6f;
    text-align: center;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 25px;
}

.btn-join-cj>span {
    position: relative;
    padding-left: 29px;
    padding-top: 2px;
    display: inline-block;
}

.btn-join-cj>span:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 21px;
    height: 21px;
    background: url(img/icons.png) -100px -100px no-repeat;
    background-size: 200px auto;
    margin-top: -11px;
}

.join-intro-text {
    color: #666;
    margin-bottom: 32px;
    text-align: Center;
}

.join-intro-title {
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    color: #222;
    margin-bottom: 20px;
    line-height: 21px;
}

.join-intro-img {
    text-align: Center;
}

.join-intro-sns {
    font-size: 12px;
    margin-top: 12px;
    text-align: Center;
    color: #666;
}

.join-intro-info {
    color: #666;
    margin-bottom: 32px;
    text-align: Center;
    margin-top: 30px;
}

.join-intro-info a {
    color: #666;
    margin-bottom: 32px;
    text-align: Center;
    text-decoration: underline;
}

.search-info .list-dash {
    padding: 21px 0 25px 0;
}

.search-info .list-dash li {
    color: #929292;
    font-size: 13px;
}

.search-info-result {
    border: solid 1px #e5e5e5;
    text-align: center;
}

.search-info-result>strong {
    font-size: 17px;
    color: #ea003d;
    line-height: 44px;
}

.search-info-noresult {
    padding: 50px 0 55px 0;
    text-align: center;
    line-height: 1em;
}

.search-info-noresult .l-text {
    font-size: 18px;
    font-weight: 700;
    line-height: 18px;
}

.search-info-noresult .l-text>strong {
    color: #ea003d;
}

.search-info-noresult .s-text {
    font-size: 13px;
    color: #666;
    margin-top: 14px;
}

.adult-info-result {
    border: solid 1px #e5e5e5;
    text-align: center;
}

.adult-info-result>strong {
    font-size: 17px;
    color: #ea003d;
    line-height: 44px;
}

.adult-info-noresult {
    padding: 0 0 10px 0;
    text-align: center;
    line-height: 1em;
    border-bottom: solid 1px #e5e5e5;
}

.adult-info-noresult .l-text {
    font-size: 18px;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: -1px;
}

.adult-info-noresult .l-text>strong {
    color: #ea003d;
}

.adult-info-noresult .s-text {
    font-size: 13px;
    color: #666;
    margin-top: 14px;
    line-height: 1.5em;
}

.adult-info-noresult2 {
    padding: 25px 0 40px 0;
    text-align: left;
    line-height: 1em;
}

.adult-info-noresult2 .l-text {
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: -1px;
    color: #666;
}

.adult-info-noresult2 .l-text>strong {
    color: #ea003d;
}

.adult-info-noresult2 .s-text {
    font-size: 13px;
    color: #666;
    margin-top: 14px;
    line-height: 16px;
}

.tab-contents.login {
    padding-top: 40px;
}

.tab-contents.login .form-block {
    margin: -1px 0 0 0;
}

.tab-contents.login .cookie {
    font-size: 12px;
    color: #929292;
    margin-top: 20px;
    line-height: 1.5em;
}

.tab-contents.login .cookie2 {
    font-size: 12px;
    color: #666;
    margin-top: 12px;
    line-height: 1.5em;
    font-weight: bold;
    letter-spacing: -0.05em;
}

.login-option-box {
    margin: 20px 5px 30px 5px;
}

.login-option-box li {
    float: left;
    padding-left: 15px;
    font-size: 13px;
    position: relative;
}

.login-option-box li:before {
    content: '';
    width: 1px;
    height: 12px;
    background: #cccccc;
    position: absolute;
    left: 7px;
    top: 50%;
    margin-top: -6px;
}

.login-option-box li:first-child {
    padding-left: 0;
}

.login-option-box li:first-child::before {
    display: none;
}

.member-agree-top {
    font-size: 13px;
    padding-top: 25px;
}

.member-agree-box h3 {
    margin-bottom: 10px;
}

.member-agree-txt {
    border: solid 1px #e6e6e6;
    padding: 8px 18px;
}

.member-agree-txtin {
    padding: 10px 0;
    height: 175px;
    box-sizing: border-box;
    color: #666;
    font-size: 13px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    line-height: 1.6em;
}

.member-agree-txt strong {
    color: #444;
}

.member-agree-chk {
    margin: 15px 5px 0 5px;
    position: relative;
    font-size: 13px;
}

.member-agree-chk>a {
    color: #666;
    position: absolute;
    right: 10px;
}

.member-agree-radio {
    margin-top: 30px;
    border-top: solid 1px #e5e5e5;
    padding: 13px 10px 10px 10px;
}

.member-agree-radio li {
    padding: 5px 0;
    font-size: 13px;
}

.member-agree-radio li .fl {
    padding-left: 0px;
    width: 120px;
}

.member-agree-radio li label {
    padding-right: 30px;
}

.member-agree-radio li label:last-child {
    padding-right: 0;
}

.adult_big {
    background: url(img/adult_big.png) center center no-repeat;
    background-size: 60px 60px;
    text-indent: -999em;
    height: 60px;
    padding: 25px 0 15px 0;
}

.adult-intro {
    margin-top: 0px;
}

.selfauth_big {
    background: url(img/selfauth_big.png) center center no-repeat;
    background-size: 60px 60px;
    text-indent: -999em;
    height: 60px;
    padding: 25px 0 15px 0;
}

.adult-intro .list-dash {
    padding: 10px 0 0 0;
    line-height: 1.5em;
}

.adult-intro .list-dash li {
    color: #929292;
    font-size: 13px;
}

/** 편성표 **/

.timetable-box {
    background: #f7f7f7;
    padding: 5px 0;
}

.program-series-scroll.timetable {
    background: #f7f7f7;
}

.program-series.timetable li {
    line-height: 1em;
    height: 55px;
    overflow: hidden;
}

.program-series.timetable li span {
    display: table-cell;
    margin: 0 auto;
    width: 60px;
    height: 56px;
    text-align: center;
    vertical-align: middle;
}

.program-series.timetable li span>strong, .program-series.timetable li span>em {
    display: block;
    line-height: 1em;
    color: #666;
}

.program-series.timetable li span>strong {
    font-size: 22px;
    font-weight: 300;
    padding-top: 2px;
}

.program-series.timetable li span>em {
    font-size: 11px;
    margin-top: 4px;
}

.program-series.timetable li>a.on span>strong, .program-series.timetable li>a.on span>em {
    color: #000;
}

.program-series.timetable li>a.on span>strong {
    font-weight: 700;
}

.program-series.timetable li>a.on span:after {
    display: none;
}

.program-title.timetable {
    padding: 2px 15px;
    border-bottom: solid 1px #eee;
}

.program-title.timetable .lnk-arrow {
    display: block;
}

.timetable-list li {
    border-bottom: solid 1px #eee;
    padding: 16px 15px 15px 85px;
    position: relative;
    color: #000;
}

.timetable-list li.active {
    background: #333333;
    border-color: #333333;
}

.timetable-list li>time {
    line-height: 1em;
    left: 15px;
    font-size: 18px;
    color: #929292;
    position: absolute;
    top: 50%;
    margin-top: -0.5em;
}

.timetable-list li .program>p {
    font-size: 16px;
    font-weight: 700;
}

.timetable-list li .program>time {
    font-size: 11px;
    color: #444;
}

.timetable-list li.past .program>p, .timetable-list li.past .program>time {
    color: #929292;
}

.timetable-list li.active .program>p, .timetable-list li.active .program>time {
    color: #fff;
}

.timetable-list li.active>time {
    color: #ea003d;
    font-weight: 700;
}

.timetable-list li.active:after {
    content: '';
    width: 9px;
    height: 15px;
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -8px;
    background: url(img/icons.png) -120px -150px no-repeat;
    background-size: 200px auto;
}

.ico-onair {
    display: inline-block;
    width: 48px;
    height: 16px;
    background: url(img/ico_tag.png) left -80px no-repeat;
    background-size: 100px auto;
    text-indent: -999em;
    overflow: hidden;
    vertical-align: -2px;
}

.channel-hide-box {
    display: none;
}

.channel-hide-list {
    padding: 25px 15px 10px 15px;
    border-bottom: solid 1px #eee;
}

.channel-hide-list h3 {
    font-weight: 400;
    font-size: 15px;
    padding-top: 0;
    margin-bottom: 9px;
    color: #000;
}

.channel-hide-list h3 img {
    height: 12px;
}

.channel-hide-list h3+.channel-list02 {
    margin-top: -3px;
}

.channel-list01 {
    border-left: solid 1px #eee;
    border-top: solid 1px #eee;
}

.channel-list01 li {
    float: left;
    width: 16.6666%;
    border-right: solid 1px #eee;
    border-bottom: solid 1px #eee;
    box-sizing: border-box;
    padding: 10px 0;
    text-align: center;
    text-align: center;
    background: #fff;
}

.channel-list01 li img {
    height: 55px;
}

@media screen and (max-width: 768px) {
    .channel-list01 li {
        width: 25%;
    }
}

@media screen and (max-width: 640px) {
    .channel-list01 li {
        width: 33.3333%;
    }
}

.channel-list02 li {
    border-bottom: solid 1px #eee;
    padding: 5px 0;
}

.channel-list02 li:first-child {
    border-top: solid 1px #eee;
}

.channel-list02 li:last-child {
    border-bottom: 0;
}

.channel-list02 li a {
    line-height: 45px;
}

.channel-list02 li a>img {
    float: left;
    height: 45px;
}

.channel-list02 li a>p {
    padding-left: 15px;
    padding-right: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px;
}

/** 아이폰 플레이 재생버튼 삭제 **/

video::-webkit-media-controls-start-playback-button {
    display: none !important;
}

/** 단독 공개 **/

.openfirst_wrap {
    box-sizing: border-box;
    float: left;
    position: relative;
}

.openfirst_wrap2 {
    box-sizing: border-box;
    float: left;
    position: relative;
}

.openfirst_wrap li img {
    width: 100%;
}

.openfirst-layer-wrap {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    overflow: hidden;
    display: none;
    z-index: 1000;
    background: #000;
}

.openfirst-layer-wrap.active {
    display: block;
}

.openfirst-layer-wrap .ico-close {
    position: absolute;
    right: 15px;
    top: 18px;
    background: url(img/ico_openfirst.png) right top no-repeat;
    background-size: 150px auto;
    text-indent: -999em;
    overflow: hidden;
    width: 18px;
    height: 18px;
    z-index: 1000;
}

.openfirst-layer-wrap .ico-close.blk {
    background-position: right -20px;
}

.openfirst-layer-block {
    overflow: hidden;
    width: 100%;
    height: 100%;
    background: #000;
}

.openfirst-visual-box {
    height: 100%;
    width: 100%;
    background: #fff;
}

.openfirst-visual-box .bxslider li {
    text-align: center;
    position: relative;
}

.openfirst-visual-box .bxslider li img {
    height: 100% !important;
}

.openfirst-visual-box .bxslider li:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 60%;
    margin-top: -5px;
    background: -webkit-linear-gradient( bottom, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient( to top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
}

.openfirst_wrap2 li.last {
    padding-bottom: 70px;
}

.openfirst_wrap li.first:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 60%;
    margin-top: -5px;
    background: -webkit-linear-gradient( bottom, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient( to top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
}

.openfirst-visual-box .bx-viewport {
    height: 100% !important;
}

.openfirst-visual-box .bx-controls-direction a {
    position: absolute;
    width: 24px;
    height: 45px;
    text-indent: -999em;
    overflow: hidden;
    background: url(img/ico_openfirst.png) no-repeat;
    background-size: 150px auto;
    top: 50%;
    margin-top: -23px;
    display: none;
}

.openfirst-visual-box .bx-controls-direction a.bx-prev {
    left: 15px;
    background-position: left top;
}

.openfirst-visual-box .bx-controls-direction a.bx-next {
    right: 15px;
    background-position: -30px top;
}

.openfirst-visual-box .bx-pager {
    position: fixed;
    left: 50%;
    bottom: 0;
    width: 100%;
    line-height: 53px;
    color: #fff;
    text-align: Center;
    width: 80px;
    margin-left: -40px;
    z-index: 1200;
}

.openfirst-visual-black {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 53px;
    background: rgba(0, 0, 0, 0.8);
    text-align: center;
}

.openfirst-visual-black span {
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 53px;
}

.openfirst-visual-black .back {
    text-indent: -999em;
    background: url(img/only_back.png) no-repeat;
    background-size: 27px auto;
    width: 27px;
    height: 27px;
    margin-left: 15px;
    margin-top: 13px;
    float: left;
}

.openfirst-visual-black .fl {
    margin-left: 15px;
    margin-top: 13px;
    border: solid 1px #fff;
    width: 68px;
    text-align: center;
    color: #fff;
    font-size: 12px;
    line-height: 25px;
    padding-top: 1px;
}

.openfirst-visual-black .fr {
    margin-right: 14px;
}

.openfirst-visual-black .fr a {
    color: #fff;
    background: url(img/ico_openfirst.png) no-repeat;
    background-size: 150px auto;
    width: 20px;
    height: 23px;
    margin-left: 20px;
    margin-top: 17px;
}

.openfirst-visual-black .ico-box.comment {
    background-position: left -53px;
    margin-top: 11px;
}

.openfirst-visual-black .ico-box.share {
    background-position: -30px -50px;
}

.openfirst-visual-summary {
    position: absolute;
    left: 0;
    top: 340px;
    width: 100%;
    padding: 0 17px;
    box-sizing: border-box;
    color: #fff;
    text-align: left;
}

.openfirst-visual-summary .title {
    font-size: 21px;
    font-weight: 700;
    line-height: 1.25em;
}

.openfirst-visual-summary .hash {
    opacity: 0.9;
    margin-top: 8px;
    font-size: 15px;
}

.openfirst-channel .thumb {
    float: left;
    width: 40px;
    padding-bottom: 18px;
}

.openfirst-channel .channel-txt {
    padding-left: 50px;
    color: #fff;
    font-size: 16px;
    padding-top: 2px;
    line-height: 1.2em;
}

.openfirst-channel .channel-txt span {
    font-size: 13px;
    opacity: 0.7;
}

.openfirst-vod-box {
    height: 100%;
    background: #fff;
    width: 100%;
}

.openfirst-vod-box .vod-title {
    height: 54px;
    text-align: center;
}

.openfirst-vod-box .vod-title img {
    height: 100%;
}

.openfirst-vod-box .hotclip-more {
    text-align: right;
    padding: 15px 15px 0 0;
    line-height: 1em;
}

.openfirst-vod-box .hotclip-more>a {
    padding-right: 15px;
    position: relative;
}

.openfirst-vod-box .hotclip-more>a:after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    width: 14px;
    height: 11px;
    margin-top: -6px;
    background: url(img/ico_openfirst.png) right -40px no-repeat;
    background-size: 150px auto;
}

.openfirst-visual-box.vertical {
    width: 100%;
    height: 100%;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    position: absolute;
    left: 0;
    padding-bottom: 60px;
    box-sizing: border-box;
}

.openfirst-visual-box.vertical .openfirst-visual-summary {
    position: relative;
    left: auto;
    bottom: auto;
    padding-top: 20px;
    color: #333;
    top: 0;
}

.openfirst-visual-box.vertical .openfirst-visual-summary .hash {
    margin-top: 6px;
}

.openfirst-visual-box.vertical .openfirst-channel {
    margin-top: 15px;
}

.openfirst-visual-box.vertical .openfirst-channel .channel-txt {
    padding-left: 50px;
    color: #444;
    font-size: 15px;
    margin-top: 3px;
}

.openfirst-visual-box.vertical .openfirst-channel .channel-txt span {
    font-size: 12px;
    opacity: 0.6;
}

.openfirst-visual-list li>p.ac {
    padding: 12px 15px 15px 15px;
}

.openfirst-visual-box.vertical .openfirst-vod-box {
    height: auto;
    margin-top: 30px;
}

.openfirst-visual-box.vertical .main-contents {
    padding-top: 10px;
}

.main-contents-openfirst {
    padding: 20px 15px;
    background: #fff;
}

.main-contents-openfirst h2 {
    padding-left: 0;
}

.main-contents-openfirst .search-result-list li {
    margin-bottom: 6px;
}

#layer-comment-openfirst {
    z-index: 3000;
}

.desc_how {
    overflow: hidden;
    margin-top: 40px;
    font-size: 13px;
    color: #fff;
}

.desc_how .img_swipe {
    display: inline-block;
    width: 9px;
    height: 16px;
    margin-right: 5px;
    background-position: -78px -34px;
    vertical-align: top;
}

.bounce_ani {
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}

@keyframes shake {
    0%, 100% {
        -webkit-transform: translateX(0);
    }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translateX(0px);
    }
    20%, 40%, 60%, 80% {
        -webkit-transform: translateX(10px);
    }
}

.bounce_ani {
    -webkit-animation-name: shake;
    animation-name: shake;
}

.img_swipe {
    display: block;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
    background: url(img/img_swipe_160419.png) no-repeat;
    text-indent: -9999px;
    -webkit-background-size: 150px 90px;
    background-size: 150px 90px;
}

/** error **/

.error-msg-box {
    padding: 50px 0;
}

.error-msg-box .error-msg {
    padding-bottom: 35px;
}

.error-msg-box .error-msg h3 {
    font-size: 21px;
    line-height: 1em;
    margin-bottom: 20px;
    letter-spacing: -0.1em;
}

.error-msg-box .error-msg p {
    font-size: 14px;
    color: #666;
    letter-spacing: -0.05em;
}

.error-notice-box {
    border: solid 1px #e6e6e6;
    padding: 32px 23px 12px 23px;
    font-size: 13px;
    color: #000;
    letter-spacing: -0.05em;
}

.error-notice-box dt {
    float: left;
}

.error-notice-box dd {
    color: #666;
    padding-left: 80px;
    padding-bottom: 15px;
}

/** top btn **/

.top_btn {
    display: none;
    position: fixed;
    right: 25px;
    bottom: 15px;
    z-index: 9999;
}

.top_btn a {
    display: block;
    width: 50px;
    height: 50px;
    text-indent: -999em;
    overflow: hidden;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3Cpath fill='%23fff' d='M10.28 6.01L6 1.73V14H5V1.73L.72 6.01l-.73-.73L5.28-.01l.22.22.22-.22 5.29 5.29-.73.73z'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 11px auto;
    background-color: #000;
    border-radius: 100%;
    opacity: 0.5;
}

.abs-btm {
    display: block;
}

@media screen and (max-width: 320px) {
    #footer {
        background: #101010;
        padding: 0 12px 30px 12px;
    }
    #footer nav ul:after {
        content: '';
        display: block;
        clear: both;
    }
    #footer nav.footer-lnk li {
        float: left;
        width: 25%;
        text-align: center;
        line-height: 45px;
        position: relative;
        font-size: 13px;
    }
    #footer nav.footer-lnk li:before {
        content: '';
        position: absolute;
        left: 0;
        top: 50%;
        width: 1px;
        height: 10px;
        margin-top: -5px;
    }
    #footer nav.footer-lnk li:first-child::before {
        display: none;
    }
    #footer nav.footer-rule {
        margin-left: -2px;
        margin-top: 15px;
        text-align: center;
    }
    #footer nav.footer-rule li {
        display: inline-block;
        padding: 0 6px;
        color: #585858;
        font-size: 12px;
        line-height: 20px;
        position: relative;
    }
    #footer nav.footer-rule li.dark {
        color: #585858;
    }
    #footer nav.footer-rule li:after {
        content: '';
        position: absolute;
        left: -2px;
        top: 50%;
        width: 1px;
        height: 10px;
        margin-top: -6px;
    }
    #footer nav.footer-rule li:first-child::after {
        display: none;
    }
    .top_btn {
        display: none;
        position: fixed;
        right: 20px;
        bottom: 15px;
        z-index: 9999;
    }
    .abs-btm {
        display: block;
    }
    input[type='checkbox'].check-basic {
        position: absolute;
        overflow: hidden;
        height: 0;
        width: 0;
    }
    input[type='checkbox'].check-basic+label.check-basic-label {
        display: inline-block;
        width: 20px;
        height: 20px;
        text-indent: -999em;
        position: relative;
    }
    input[type='checkbox'].check-basic+label.check-basic-label:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 20px;
        height: 20px;
        background: url(img/icons.png) -25px top no-repeat;
        background-size: 200px auto;
    }
    input[type='checkbox'].check-basic:checked+label.check-basic-label:before {
        background-position: -25px -20px;
    }
    input[type='checkbox'].check-basic+label.check-inline-label {
        display: inline-block;
        width: auto;
        height: auto;
        position: relative;
        padding-left: 33px;
        color: #666;
        padding-top: 2px;
    }
    input[type='checkbox'].check-basic+label.check-inline-label:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 23px;
        height: 23px;
        background: url(img/icons.png) -25px -150px no-repeat;
        background-size: 200px auto;
    }
    input[type='checkbox'].check-basic:checked+label.check-inline-label:before {
        background-position: -25px -175px;
    }
    .login-option-box {
        margin: 20px 5px 30px 5px;
    }
    .login-option-box li {
        float: left;
        padding-left: 11px;
        font-size: 12px;
        position: relative;
    }
    .login-option-box li:before {
        content: '';
        width: 1px;
        height: 10px;
        background: #cccccc;
        position: absolute;
        left: 5px;
        top: 50%;
        margin-top: -5.5px;
    }
    .login-option-box li:first-child {
        padding-left: 0;
    }
    .login-option-box li:first-child::before {
        display: none;
    }
    .form-block ul.form-birth li:first-child {
        width: 42%;
    }
    .vod-player-box.catchon, .vod-player-box .tvinglive_info {
        min-height: 180px;
    }
}

@media screen and (min-width: 320px) {
    .openfirst-visual-summary {
        top: 40%;
    }
}

@media screen and (min-width: 360px) {
    .openfirst-visual-summary {
        top: 55%;
    }
}

@media screen and (min-width: 480px) {
    .openfirst-visual-summary {
        top: 55%;
    }
}

@media screen and (min-width: 568px) {
    .openfirst-visual-summary {
        top: 60%;
    }
}

@media screen and (min-width: 640px) {
    .openfirst-visual-summary {
        top: 60%;
    }
}

@media screen and (min-width: 768px) {
    .openfirst-visual-summary {
        top: 70%;
    }
}

@media screen and (min-width: 1024px) {
    .openfirst-visual-summary {
        top: 70%;
    }
}

.comment-header {
    border-bottom: solid 1px #e5e5e5;
    height: 53px;
    text-align: center;
    position: fixed;
    line-height: 53px;
    left: 0;
    top: 0;
    width: 100%;
    background: #fff;
    z-index: 99;
}

.comment-header h1 {
    font-size: 18px;
}

.comment-header button {
    position: absolute;
    left: 0;
    top: 0;
    width: 53px;
    height: 53px;
    text-indent: -999em;
}

.comment-header button span:before {
    content: '';
    width: 24px;
    height: 24px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -12px 0 0 -12px;
    background: url(img/icons.png) -200px -370px no-repeat;
}

.pop-comment-box.fullpage {
    padding: 57px 0;
    margin-top: -57px;
    box-sizing: border-box;
}

.pop-comment-box.fullpage li:first-child {
    border-top: 0;
}

.pop-comment-regist.fullpage {
    border-top: solid 1px #e5e5e5;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 99;
}

.pop-talk-regist {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 101;
    padding: 0;
}

.ico-pop-close.regist {
    right: auto;
    left: 20px;
}

.pop-talk-regist h3 {
    text-align: center;
    border-bottom: solid 1px #e5e5e5;
    line-height: 53px;
    text-align: center;
    font-size: 18px;
}

.pop-talk-regist-form textarea {
    border: 0;
    width: 100%;
    padding: 20px;
    height: 200px;
    box-sizing: border-box;
}

.pop-talk-regist button {
    position: absolute;
    right: 0;
    top: 0;
    width: 53px;
    height: 53px;
    text-indent: -999em;
}

.pop-talk-regist button span:before {
    content: '';
    width: 24px;
    height: 24px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -12px 0 0 -12px;
    background: url(img/icons.png) -224px -370px no-repeat;
}

#sub-contents.pop-comment-wrap {
    margin: 0;
    padding-top: 54px;
}

.pop-comment-regist.fullpage-top {
    position: fixed;
    left: 0;
    top: 54px;
    border-bottom: solid 1px #e5e5e5;
    z-index: 99;
}

.pop-comment-box.fullpage.top {
    padding: 114px 0 0 0;
}

em.adult {
    display: inline-block;
    font-size: 0;
    width: 31px;
    height: 14px;
    vertical-align: 2px;
    margin-right: 4px;
    background: url(img/ico_tag.png) left top no-repeat;
    background-size: 100px auto;
    text-indent: -999em;
    background-position: -50px top;
    height: 14px;
    width: 14px;
}

em.top_adult {
    display: inline-block;
    font-size: 0;
    width: 31px;
    height: 14px;
    vertical-align: 12px;
    margin-right: 4px;
    background: url(img/ico_tag.png) left top no-repeat;
    background-size: 100px auto;
    text-indent: -999em;
    background-position: -50px top;
    height: 14px;
    width: 14px;
}

em.main_adult {
    display: inline-block;
    font-size: 0;
    width: 31px;
    height: 14px;
    vertical-align: 12px;
    margin-right: 4px;
    background: url(img/ico_tag.png) left top no-repeat;
    background-size: 100px auto;
    text-indent: -999em;
    background-position: -50px top;
    height: 14px;
    width: 14px;
    vertical-align: top;
}

em.main_adult2 {
    display: inline-block;
    font-size: 0;
    width: 31px;
    height: 14px;
    vertical-align: -6px;
    margin-right: 4px;
    background: url(img/ico_tag.png) left top no-repeat;
    background-size: 100px auto;
    text-indent: -999em;
    background-position: -50px top;
    height: 14px;
    width: 14px;
}

.pop-comment-wrap li em {
    color: #dfdfdf;
    font-size: 12px;
    padding: 0 8px;
}

.service_info {
    font-size: 13px;
    color: #444;
}

.service_info p {
    font-size: 13px;
    color: #444;
    margin-bottom: 10px;
    letter-spacing: -0.05em;
}

.service_info h3 {
    font-size: 14px;
    color: #000;
    font-weight: 700;
    margin-bottom: 10px;
}

.service_info h4 {
    font-size: 13px;
    color: #000;
    font-weight: 700;
    margin-bottom: 10px;
}

.service_info2 {
    font-size: 13px;
    color: #444;
    padding: 20px 0;
}

.service_info3 {
    font-size: 13px;
    color: #444;
    padding: 0 0 20px 0;
}

.service_info2 a {
    font-size: 13px;
    color: #466ada;
    text-decoration: underline;
}

.service_title {
    font-size: 14px;
    color: #000;
    font-weight: 700;
    padding-bottom: 18px;
}

.service_title2 {
    font-size: 14px;
    color: #000;
    font-weight: 700;
    padding-bottom: 10px;
}

.service_info_box {
    background: #fafafa;
    border-top: solid 1px #e5e5e5;
    padding: 18px;
    text-align: center;
    font: 13px;
    line-height: 1.5em;
    color: #444;
}

.service_info_box em {
    color: #466ada;
}

.a-btn-box-info {
    display: block;
    width: 100%;
    border: solid 1px #ccc;
    line-height: 40px;
    padding-top: 2px;
    text-align: center;
    box-sizing: border-box;
    color: #666;
    font-size: 14px;
    background: #fff;
    margin-top: 10px;
}

.service_img {
    text-align: center;
    border-top: solid 1px #e5e5e5;
    border-bottom: solid 1px #e5e5e5;
    background: #fafafa;
    width: 100%;
}

.service_table th {
    background: #fafafa;
    color: #999;
    font-size: 13px;
    border: solid 1px #e5e5e5;
    text-align: center;
    padding: 10px;
}

.service_table td {
    background: #fff;
    color: #666;
    font-size: 13px;
    border: solid 1px #e5e5e5;
    text-align: center;
    padding: 10px;
    line-height: 18px;
}

.service_table td p {
    background: #fff;
    color: #333;
    font-size: 14px;
    text-align: center;
    padding-bottom: 10px;
    font-weight: bold;
}

.service_table2 th {
    background: #fafafa;
    color: #999;
    font-size: 13px;
    border: solid 1px #e5e5e5;
    text-align: center;
    padding: 10px;
    border-top: 0 !important;
}

.service_table2 td {
    background: #fff;
    color: #666;
    font-size: 13px;
    border: solid 1px #e5e5e5;
    text-align: center;
    padding: 10px;
    line-height: 18px;
}

.service_table2 td p {
    background: #fff;
    color: #333;
    font-size: 14px;
    text-align: center;
    padding-bottom: 10px;
    font-weight: bold;
}

/** smr 20170116 **/

.smr-visual-section {
    position: relative;
    text-align: center;
    height: 295px;
    background-repeat: no-repeat;
    background-position: 50% 0;
    -webkit-background-size: cover;
    background-size: cover;
    background-color: #000;
}

.smr-visual-section:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%;
    z-index: 51;
    background: linear-gradient( to top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
}

.smr-visual-section .logo-box {
    position: absolute;
    left: 0;
    bottom: 20px;
    width: 100%;
    text-align: center;
    z-index: 52;
}

.smr-visual-section .logo-box .logo img {
    height: 45px;
    margin-bottom: 10px;
}

.smr-visual-section .logo-box .logo-text>span {
    color: #fff;
    opacity: 0.7;
    font-size: 12px;
    z-index: 52;
}

.smr-visual-section .logo-box .logo-text>a {
    display: inline-block;
    color: #fff;
    font-size: 10px;
    padding: 2px 5px 3px 7px;
    position: relative;
    z-index: 52;
}

.smr-visual-section .logo-box .logo-text>a:after {
    content: '';
    position: absolute;
    left: 0;
    top: -2px;
    width: 100%;
    height: 100%;
    border: solid 1px #fff;
    opacity: 0.3;
}

.smr-visual-section .logo-box .logo-text>a>span {
    position: relative;
    padding-right: 7px;
}

.smr-visual-section .logo-box .logo-text>a>span:after {
    content: '';
    width: 3px;
    height: 5px;
    background: url(img/smr_ico.png) left top no-repeat;
    background-size: 15px auto;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -2px;
}

.smr-visual-section2 {
    position: relative;
    text-align: center;
    background-color: #000;
}

.smr-channel-list {
    background: #151515;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    height: 45px;
    position: relative;
}

.smr-channel-listin {
    padding: 0 15px;
}

.smr-channel-listin li {
    float: left;
    padding: 0 20px;
    position: relative;
    line-height: 47px;
    font-size: 14px;
}

.smr-channel-listin li a {
    opacity: 0.4;
    color: #fff;
}

.smr-channel-listin li a.on {
    opacity: 1;
}

.smr-channel-list+.main-contents {
    padding-bottom: 23px;
}

/** 20170131 채널별 컬러 추가 **/

.smr-channel-list.tvchosun {
    background: #d52636 !important;
}

.smr-channel-list.mbn {
    background: #f57b20 !important;
}

.smr-channel-list.channela {
    background: #0099dc !important;
}

.smr-channel-list.jtbc {
    background: #e5108e !important;
}

.smr-channel-list.cjenm {
    background: #e31b23 !important;
}

.smr-channel-list.kbs {
    background: #165ac8 !important;
}

.smr-channel-list.mbc {
    background: #53bee2 !important;
}

.smr-channel-list.sbs {
    background: #0774ca !important;
}

.smr-channel-list.obs {
    background: #0054a6 !important;
}

.caption-program {
    color: #6e6e6e;
    font-size: 11px;
    padding: 0 0 0 2px;
    display: block;
    box-sizing: border-box;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-top: 3px;
}

.caption-program2 {
    color: #6e6e6e;
    font-size: 11px;
    padding: 2px 0 0 2px;
    display: block;
    box-sizing: border-box;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.smr-brand-channel {
    padding: 30px 15px 0 15px;
    border-bottom: solid 1px #f2f2f2;
}

.smr-brand-channel h2 {
    font-size: 15px;
    margin-bottom: 15px;
}

.smr-brand-channel-list ul {
    padding: 0 15px 15px;
}

.smr-brand-channel-list li {
    padding: 5px 0;
    position: relative;
}

.smr-brand-channel-list li:after {
    content: '';
    display: block;
    clear: both;
}

.smr-brand-channel-list li:first-child {
    padding-top: 0;
}

.smr-brand-channel-list li .thumb {
    float: left;
    width: 150px;
    position: relative;
    border-radius: 2px;
    overflow: hidden;
}

.smr-brand-channel-list li .thumb span.time {
    display: block;
    position: absolute;
    right: 4px;
    bottom: 4px;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.6);
    border-radius: 2px;
    font-size: 0.625rem;
    line-height: 2;
    padding: 0 0.5em;
}

.smr-brand-channel-list li .brand-text {
    position: absolute;
    left: 160px;
    top: 50%;
    transform: translateY(-50%);
}

.smr-brand-channel-list li .brand-text .brand-text-cell {
    padding-top: 0px;
}

.smr-brand-channel-list li .brand-text .caption-program {
    padding: 0 0 0 0;
    line-height: 1.2em;
}

.smr-brand-channel-list li .brand-text p {
    color: #cecece;
    padding: 0;
    line-height: 18px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    font-size: 13px;
}

.smr-brand-channel-list li .brand-text img {
    height: 15px;
}

.main-contents.brand {
    background: #fff;
    border-bottom: solid 1px #f2f2f2;
    padding-bottom: 30px;
}

.smr-programe-top {
    padding: 23px 0 0px 0;
}

.smr-programe-top .title-box {
    margin-bottom: 0px;
    margin-left: 15px;
    margin-right: 15px;
    padding-bottom: 20px;
    position: relative;
}

.smr-programe-top .title-box h2 {
    font-size: 1.286em;
}

.smr-programe-top .title-box>a {
    position: absolute;
    top: 5px;
    right: 0;
    padding-right: 11px;
    color: #7f7f7f;
    font-size: 0.857em;
}

.smr-programe-top .title-box>a:after {
    content: '';
    width: 6px;
    height: 11px;
    background: url('data:image/svg+xml;charset=utf-8, <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="11px" height="19px"> <path fill-rule="evenodd"  fill="rgb(110, 110, 110)" d="M9.715,10.731 L1.763,18.683 C1.364,19.082 0.716,19.082 0.317,18.683 C-0.082,18.284 -0.082,17.636 0.317,17.237 L7.820,9.734 L0.404,2.318 C0.013,1.927 0.013,1.295 0.404,0.904 C0.794,0.514 1.427,0.514 1.818,0.904 L9.596,8.682 C9.823,8.909 9.902,9.216 9.865,9.512 C10.086,9.902 10.047,10.398 9.715,10.731 Z"/></svg>') right center no-repeat;
    background-size: 6px auto;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -5px;
}

.vod-player-box.smr {
    background: #000;
}

.vod-player-box.smr>img {
    opacity: 0.7;
}

.vod-player-box.smr:before {
    display: none;
}

.smr-programe-top #CLIP_TITLE {
    padding: 20px 15px 20px;
    position: relative;
    font-size: 100%;
    font-weight: 700;
    color: #dedede;
}

.smr-programe-top #CLIP_TITLE::after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 15px;
    left: 15px;
    display: block;
    height: 1px;
    border-bottom: 1px #3c3c3c solid;
}

.smr-programe-listbox {
    padding: 0;
}

.smr-programe-listbox>article+article {
    margin-top: 30px;
}

.smr-programe-listbox>article h3 {
    margin-bottom: 15px;
    font-size: 1.071em;
    padding: 0;
}

.smr-programe-listbox>article h3>span {
    color: #ea003d;
    padding-left: 8px;
}

.smr-programe-listbox>article>.h3-block {
    position: relative;
}

.smr-programe-listbox>article>.h3-block .list-total {
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    line-height: 1em;
}

.program-detail-top.smr {
    padding-bottom: 20px;
}

.program-detail-top.smr .smr-info {
    color: #585858;
    font-size: 13px;
    padding-top: 5px;
}

.program-detail-top.smr .smr-info small {
    color: #eeeeee;
    vertical-align: 1px;
    padding: 0 2px;
}

.program-detail-top.smr .smr-info02 {
    color: #999999;
    font-size: 11px;
    padding-top: 5px;
}

.program-detail-top.smr .smr-info02 span+span {
    padding-left: 16px;
}

.program-detail-top.smr .smr-info02 .visit-count {
    margin-top: 0;
}

.program-detail-top.smr>a.ico-box {
    margin-top: -20px;
}

.program-detail-top.smr>a.ico-box.share {
    float: right;
    /*margin-right:40px;*/
}

.program-detail-top.smr h2>p {
    padding-right: 0;
}

.program-detail-top.smr h2>p>a {
    display: block;
    padding-right: 30px;
    position: relative;
}

.program-detail-top.smr h2>p .lnk-arrow.large3:after {
    margin-top: 0;
    top: 7px;
}

.smr-summary-box {
    padding: 20px 17px 25px 17px;
    display: none;
}

.smr-summary-box>p {
    font-size: 1.071em;
    line-height: 1.5em;
    color: #585858;
}

.smr-summary-box .relation-box {
    padding-top: 15px;
}

.smr-summary-box .relation-box>a {
    position: relative;
    padding-left: 20px;
    color: #666;
    display: inline-block;
    margin-bottom: 8px;
}

.smr-summary-box .relation-box>a:before {
    content: '';
    width: 15px;
    height: 15px;
    background: url(img/smr_ico.png) left -10px no-repeat;
    background-size: 15px auto;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -7px;
}

.visit-count {
    position: relative;
    padding-left: 10px;
    color: #949494;
    font-size: 11px;
    display: inline-block;
    margin-top: 5px;
}

.visit-count:before {
    content: '';
    width: 7px;
    height: 9px;
    background: url(img/smr_ico.png) left -30px no-repeat;
    background-size: 15px auto;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -4px;
}

.main-thumb-slide .visit-count {
    margin-left: 5px;
    margin-top: 5px;
    color: #949494;
}

/*smr main list*/

.channel-contents-in3 {
    padding: 35px 15px 15px 15px;
    line-height: 1.5em;
}

.channel-contents-in3 h2 {
    font-size: 15px;
    margin-bottom: -10px;
}

/*채널리스트 추가*/

.channel-contents-in {
    padding: 0 15px 40px 15px;
    line-height: 1.5em;
}

.channel-contents-in .no_data {
    text-align: center;
    height: 100%;
    font-size: 15px;
    padding: 100px 0;
}

.new-channel-list {
    background: #fafafa;
    border-top: solid 1px #f2f2f2;
}

.new-channel-list li {
    border-top: solid 1px #ededed;
    padding: 10px 0;
}

.new-channel-list li:after {
    content: '';
    display: block;
    clear: both;
}

.new-channel-list li:first-child {
    padding-top: 10px;
    border-top: 0;
}

.new-channel-list li .thumb {
    float: right;
    width: 137px;
    position: relative;
}

.new-channel-list li .brand-text {
    padding-right: 150px;
}

.new-channel-list li .brand-text .brand-text-cell {
    display: table-cell;
    height: 77px;
    vertical-align: middle;
}

.new-channel-list li .brand-text .caption-program {
    padding: 0 0 5px 0;
    line-height: 1em;
    color: #999;
    font-size: 13px;
}

.new-channel-list li .brand-text p {
    padding: 0;
    line-height: 18px;
    height: 37px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    font-size: 13px;
    color: #333;
}

.new-channel-list li .brand-text em {
    color: #fe4b6c;
}

.new-channel-list .btn-list-more {
    margin-top: 0;
    background: #fff;
}

.channel-contents-in2 {
    padding: 15px 15px 0 15px;
    line-height: 1.5em;
}

.new-channel-list2 {
    background: #fff;
}

.new-channel-list2 li {
    border-top: solid 1px #ededed;
    padding: 10px 0;
}

.new-channel-list2 li:after {
    content: '';
    display: block;
    clear: both;
}

.new-channel-list2 li:first-child {
    padding-top: 0;
    border-top: 0;
}

.new-channel-list2 li .thumb {
    float: right;
    width: 137px;
    position: relative;
    z-index: 50;
}

.new-channel-list2 li .brand-text {
    padding-right: 150px;
    position: relative;
}

.new-channel-list2 li .brand-text .number2 {
    position: absolute;
    left: 0;
    top: 18px;
    font-size: 0;
    width: 33px;
    height: 33px;
    vertical-align: 2px;
    margin-right: 4px;
    background: url(img/num2.png) left top no-repeat;
    background-size: 33px auto;
    text-indent: -999em;
}

.new-channel-list2 li .brand-text .number3 {
    position: absolute;
    left: 0;
    top: 18px;
    font-size: 0;
    width: 33px;
    height: 33px;
    vertical-align: 2px;
    margin-right: 4px;
    background: url(img/num3.png) left top no-repeat;
    background-size: 33px auto;
    text-indent: -999em;
}

.new-channel-list2 li .brand-text .brand-text-cell {
    display: table-cell;
    height: 77px;
    vertical-align: middle;
}

.new-channel-list2 li .brand-text .caption-program {
    padding: 0 0 5px 42px;
    line-height: 1em;
    color: #999;
    font-size: 13px;
    margin-top: 10px;
}

.new-channel-list2 li .brand-text p {
    padding: 0;
    line-height: 18px;
    height: 37px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    font-size: 13px;
    color: #333;
    padding-left: 42px;
}

.new-channel-list2 li .brand-text em {
    color: #fe4b6c;
}

.new-channel-list2 .btn-list-more {
    margin-top: 0;
    background: #fff;
}

.channal-player-box {
    background: #000;
    text-align: center;
    position: relative;
}

.channal-player-box:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 9;
    background: rgba(0, 0, 0, 0.6);
}

.channal-player-box a {
    height: 100%;
    width: 100%;
}

.channal-player-box .number1 {
    position: absolute;
    left: 15px;
    bottom: 15px;
    font-size: 0;
    width: 33px;
    height: 33px;
    vertical-align: 2px;
    margin-right: 4px;
    background: url(img/num1.png) left top no-repeat;
    background-size: 33px auto;
    text-indent: -999em;
    z-index: 12;
}

.channal-player-box .channal_title {
    position: absolute;
    left: 60px;
    bottom: 20px;
    font-size: 20px;
    z-index: 12;
    color: #fff;
    max-width: 315px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.channal-player-box .channal_title em {
    color: #fe4b6c;
}

@media screen and (min-width: 320px) {
    .channal-player-box .channal_title {
        max-width: 240px;
    }
}

@media screen and (min-width: 360px) {
    .channal-player-box .channal_title {
        max-width: 300px;
    }
}

@media screen and (min-width: 414px) {
    .channal-player-box .channal_title {
        max-width: 320px;
    }
}

@media screen and (min-width: 480px) {
    .channal-player-box .channal_title {
        max-width: 400px;
    }
}

@media screen and (min-width: 568px) {
    .channal-player-box .channal_title {
        max-width: 480px;
    }
}

@media screen and (min-width: 640px) {
    .channal-player-box .channal_title {
        max-width: 315px;
    }
}

@media screen and (min-width: 768px) {
    .channal-player-box .channal_title {
        max-width: 650px;
    }
}

@media screen and (min-width: 1024px) {
    .channal-player-box .channal_title {
        max-width: 910px;
    }
}

/** 20170626 baseball **/

.team-scroll-box {
    overflow: hidden;
    height: 75px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.team-scroll-box .team-scroll-inner {
    width: 800px;
    height: 75px;
}

.team-scroll-box .team-scroll-inner>a {
    float: left;
    width: 80px;
    height: 75px;
    text-align: center;
    position: relative;
    box-sizing: border-box;
    border-bottom: solid 1px #e5e5e5;
}

.team-scroll-box .team-scroll-inner>a>span {
    display: block;
    font-size: 12px;
    padding-bottom: 4px;
    margin-top: -4px;
    line-height: 1em;
}

.team-scroll-box .team-scroll-inner>a>i {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.4;
}

.team-scroll-box .team-scroll-inner>a.on {
    border-bottom: solid 4px #f30a2b;
}

.team-scroll-box .team-scroll-inner>a.on>span {
    font-weight: 700;
}

.team-scroll-box .team-scroll-inner>a.on>i {
    -webkit-filter: none;
    filter: none;
    opacity: 1;
}

.ico-baseball {
    display: inline-block;
    width: 60px;
    height: 42px;
    background: url(img/ico_baseball.png) no-repeat;
    background-size: 60px auto;
}

.ico-baseball.name {
    display: inline-block;
    width: 80px;
    height: 46px;
    background: url(img/ico_baseball_name.png) no-repeat;
    background-size: 800px auto;
}

.ico-baseball.big {
    display: inline-block;
    width: 75px;
    height: 50px;
    background: url(img/ico_baseball_big.png) no-repeat;
    background-size: 65px auto;
}

.ico-baseball.middle {
    width: 40px;
    height: 28px;
    background-size: 40px auto;
}

.ico-baseball.small {
    width: 30px;
    height: 21px;
    background-size: 30px auto;
}

.ico-baseball.WO {
    background-position: center top;
}

.ico-baseball.HH {
    background-position: center -60px;
}

.ico-baseball.SK {
    background-position: center -120px;
}

.ico-baseball.OB {
    background-position: center -180px;
}

.ico-baseball.SS {
    background-position: center -240px;
}

.ico-baseball.LT {
    background-position: center -300px;
}

.ico-baseball.KT {
    background-position: center -360px;
}

.ico-baseball.HT {
    background-position: center -420px;
}

.ico-baseball.LG {
    background-position: center -480px;
}

.ico-baseball.NC {
    background-position: center -540px;
}

.ico-baseball.EA {
    background-position: center -600px;
}

.ico-baseball.WE {
    background-position: center -660px;
}

.ico-baseball.name.WO {
    background-position: 0 top;
}

.ico-baseball.name.HH {
    background-position: -80px top;
}

.ico-baseball.name.SK {
    background-position: -160px top;
}

.ico-baseball.name.OB {
    background-position: -240px top;
}

.ico-baseball.name.SS {
    background-position: -320px top;
}

.ico-baseball.name.LT {
    background-position: -400px top;
}

.ico-baseball.name.KT {
    background-position: -480px top;
}

.ico-baseball.name.HT {
    background-position: -560px top;
}

.ico-baseball.name.LG {
    background-position: -640px top;
}

.ico-baseball.name.NC {
    background-position: -720px top;
}

.ico-baseball.big.WO {
    background-position: center top;
}

.ico-baseball.big.HH {
    background-position: center -50px;
}

.ico-baseball.big.SK {
    background-position: center -100px;
}

.ico-baseball.big.OB {
    background-position: center -150px;
}

.ico-baseball.big.SS {
    background-position: center -200px;
}

.ico-baseball.big.LT {
    background-position: center -250px;
}

.ico-baseball.big.KT {
    background-position: center -300px;
}

.ico-baseball.big.HT {
    background-position: center -350px;
}

.ico-baseball.big.LG {
    background-position: center -400px;
}

.ico-baseball.big.NC {
    background-position: center -450px;
}

.ico-baseball.middle.WO {
    background-position: center top;
}

.ico-baseball.middle.HH {
    background-position: center -40px;
}

.ico-baseball.middle.SK {
    background-position: center -80px;
}

.ico-baseball.middle.OB {
    background-position: center -120px;
}

.ico-baseball.middle.SS {
    background-position: center -160px;
}

.ico-baseball.middle.LT {
    background-position: center -200px;
}

.ico-baseball.middle.KT {
    background-position: center -240px;
}

.ico-baseball.middle.HT {
    background-position: center -280px;
}

.ico-baseball.middle.LG {
    background-position: center -320px;
}

.ico-baseball.middle.NC {
    background-position: center -360px;
}

.ico-baseball.middle.EA {
    background-position: center -400px;
}

.ico-baseball.middle.WE {
    background-position: center -440px;
}

.ico-baseball.small.WO {
    background-position: center top;
}

.ico-baseball.small.HH {
    background-position: center -30px;
}

.ico-baseball.small.SK {
    background-position: center -60px;
}

.ico-baseball.small.OB {
    background-position: center -90px;
}

.ico-baseball.small.SS {
    background-position: center -120px;
}

.ico-baseball.small.LT {
    background-position: center -150px;
}

.ico-baseball.small.KT {
    background-position: center -180px;
}

.ico-baseball.small.HT {
    background-position: center -210px;
}

.ico-baseball.small.LG {
    background-position: center -240px;
}

.ico-baseball.small.NC {
    background-position: center -270px;
}

.ico-baseball.small.EA {
    background-position: center -300px;
}

.ico-baseball.small.WE {
    background-position: center -330px;
}

.baseball-play-scorebox {
    background: #1c1c1d;
}

.baseball-play-score {
    text-align: center;
    position: relative;
    height: 84px;
}

.baseball-play-score:after {
    content: '';
    display: block;
    clear: both;
}

.baseball-play-count {
    position: absolute;
    left: 0;
    top: 20px;
    width: 100%;
    color: #5c5c5d;
    font-size: 11px;
}

.baseball-play-count>span {
    display: block;
}

.baseball-play-count>span.mtop {
    margin-top: 26px;
}

.baseball-play-count>span.status {
    position: absolute;
    width: 46px;
    height: 20px;
    text-align: center;
    top: 25%;
    left: 50%;
    margin: -10px 0 0 -23px;
    line-height: 20px;
    color: #999;
    font-size: 12.5px;
    box-sizing: border-box;
}

.baseball-play-count>span.status.live {
    background: #d60000;
    color: #fff;
    border-radius: 10px;
    font-size: 11px;
    font-weight: 700;
}

.baseball-play-count>span.status.cancel {
    background: #fff;
    color: #fff;
    border-radius: 10px;
    font-size: 10px;
    color: #b2b2b2;
    border: solid 1px #e6e6e6;
    line-height: 18px;
}

.baseball-play-count>span.status.end {
    background: #a5a5a5;
    color: #fff;
    border-radius: 10px;
    font-size: 10px;
    color: #fff;
    border: solid 1px #a5a5a5;
    line-height: 18px;
}

.baseball-play-score .team-score {
    width: 50%;
    box-sizing: border-box;
    color: #fff;
    text-align: center;
    padding: 15px 0 0 0;
}

.baseball-play-score .team-score.fl {
    padding-left: 10%;
}

.baseball-play-score .team-score.fl.ico_big {
    position: absolute;
    left: -54px;
    top: 6px;
}

.baseball-play-score .team-score.fr {
    padding-right: 10%;
}

.baseball-play-score .team-score.fr.ico_big {
    position: absolute;
    top: 6px;
    padding-left: 90px;
}

.baseball-play-score .team-score strong, .baseball-play-score .team-score span {
    display: block;
}

.baseball-play-score .team-score strong {
    font-size: 37px;
    font-weight: 700;
    line-height: 1.1em;
}

.baseball-play-score .team-score span {
    font-size: 16px;
    font-weight: 700;
}

.baseball-play-scorelist {
    padding: 15px;
    padding-top: 0;
}

.baseball-play-scorelist:after {
    content: '';
    display: block;
    clear: both;
}

.baseball-play-scorelist dl {
    float: left;
    box-sizing: border-box;
    text-align: center;
}

.baseball-play-scorelist dt {
    background: #333334;
    color: #727272;
    line-height: 24px;
    font-size: 11px;
    height: 23px;
}

.baseball-play-scorelist dt strong {
    color: #d60000;
    font-weight: bold;
}

.baseball-play-scorelist dd {
    color: #ccc;
    font-size: 11px;
    border-bottom: solid 1px #2e2e2e;
    line-height: 30px;
    height: 30px;
}

.baseball-play-scorelist dd strong {
    color: #fff;
    font-weight: bold;
}

.baseball-play-scorelist dl.team {
    width: 11%;
    text-align: left;
}

.baseball-play-scorelist dl.team dt {
    color: #333334;
    padding-left: 5px;
}

.baseball-play-scorelist dl.team dd {
    padding-left: 5px;
    color: #ccc;
    border-right: solid 1px #2e2e2e;
    font-weight: 700;
}

.baseball-play-scorelist dl.score {
    width: 20px;
}

.baseball-play-scorelist dl.score-get {
    width: 30px;
}

.baseball-play-scorelist dl.score-get dt, .baseball-play-scorelist dl.score-get dd {
    padding-left: 10px;
}

.baseball-play-scorelist dl.score-detail {
    width: 20px;
}

.baseball-play-score-scroller {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    height: 85px;
    position: relative;
}

.baseball-play-box {
    background: rgba(0, 0, 0, 0.2);
}

.program-detail-top.baseball {
    padding: 0 16px;
}

.program-detail-top.baseball h2 {
    color: #8d8d8d;
    font-weight: 400;
    line-height: 42px;
    float: left;
}

.program-detail-top.baseball .ico-box {
    margin-top: 11px;
}

.baseball-block {
    padding: 25px 15px 20px 15px;
    border-bottom: solid 1px #f2f2f2;
}

.baseball-block:after {
    content: '';
    display: block;
    clear: both;
}

.baseball-block.bg {
    background: #f7f7f7;
}

.baseball-block.banner {
    padding: 0;
    text-align: center;
}

.baseball-block.scroll {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 25px;
}

.baseball-block h3 {
    font-size: 15px;
    color: #000;
    margin-bottom: 13px;
    font-weight: 400;
}

.baseball-block.scroll h3 {
    padding-left: 15px;
}

.baseball-block .today {
    float: right;
    width: 42px;
    height: 20px;
    background: url(img/today.png) no-repeat;
    background-size: 42px auto;
}

.baseball-block .today.on {
    float: right;
    width: 42px;
    height: 20px;
    background: url(img/today.png) no-repeat;
    background-size: 42px auto;
    background-position: 0 -20px;
}

.baseball-block .today a {
    text-indent: -999em;
    overflow: hidden;
    width: 42px;
    height: 20px;
    display: inline-block;
}

.team-player-info>div {
    position: relative;
    width: 50%;
    text-align: center;
    box-sizing: border-box;
    padding-right: 5px;
}

.team-player-info>div:nth-child(2) {
    padding-right: 0;
    padding-left: 5px;
}

.team-player-info>div>div {
    background: #fff;
}

.team-player-info>div h4 {
    font-size: 11px;
    color: #fff;
    font-weight: 400;
    padding: 13px 0 0 0;
    height: 62px;
    box-sizing: border-box;
}

.team-player-info>div .thumb {
    margin: -30px auto 0 auto;
    width: 60px;
    height: 60px;
    background: #727272;
    border-radius: 100%;
}

.team-player-info>div .thumb img {
    width: 60px;
    height: 60px;
    border-radius: 100%;
    border: solid 1px #727272;
    box-sizing: border-box;
}

.team-player-info>div .thumb+strong {
    font-size: 14px;
    display: block;
    margin: 7px 0;
    color: #000;
}

.team-player-info>div dl {
    padding: 0 20px 10px 20px;
}

.team-player-info>div dd {
    text-align: right;
    font-size: 11px;
    font-weight: 700;
    height: 17px;
}

.team-player-info>div dt {
    float: left;
    font-size: 11px;
    color: #727272;
}

.team-player-info>div.ranktop {
    width: 100%;
    padding: 0;
    background: #fff;
}

.team-player-info>div.ranktop h4 {
    background: #3e4552;
    font-weight: 700;
}

.team-player-info>div.ranktop dl {
    margin-top: 15px;
    padding: 0 15px 10px 15px;
}

.team-player-info>div.ranktop dd {
    height: 20px;
    color: #727272;
}

.team-player-info>div.ranktop strong {
    color: #1d4eaa;
}

.team-player-info>div.ranktop .sosok {
    color: #999;
    font-size: 9px;
    padding-left: 3px;
}

.team-player-info>div.ranktop em {
    float: left;
    padding-right: 7px;
}

.team-player-info>div h4.WO {
    background: #7b2f3d;
}

.team-player-info>div h4.HH {
    background: #f5702e;
}

.team-player-info>div h4.SK {
    background: #d3001f;
}

.team-player-info>div h4.OB {
    background: #201c42;
}

.team-player-info>div h4.SS {
    background: #0066b2;
}

.team-player-info>div h4.LT {
    background: #e74b27;
}

.team-player-info>div h4.KT {
    background: #282828;
}

.team-player-info>div h4.HT {
    background: #991220;
}

.team-player-info>div h4.LG {
    background: #da3050;
}

.team-player-info>div h4.NC {
    background: #264e8f;
}

.baseball-block select {
    float: left;
    width: auto;
    color: #999;
    font-size: 12px;
    border: 0;
    height: 16px;
    padding-right: 22px;
    margin-left: 94px;
    background: url(img/ico_select320.png) right center no-repeat;
    margin-right: -10px;
    background-size: 29px auto;
    margin-top: -28px;
}

.baseball-play-schedule li {
    clear: both;
    border-top: solid 1px #f2f2f2;
    line-height: 60px;
    height: 60px;
    box-sizing: border-box;
    text-align: center;
    position: relative;
}

.baseball-play-schedule li:first-child {
    border-top: none;
}

.baseball-play-schedule li .map {
    position: absolute;
    width: 46px;
    height: 20px;
    text-align: center;
    top: 50%;
    left: 50%;
    margin: 2px 0 0 -23px;
    line-height: 20px;
    color: #525252;
    font-size: 12px;
    box-sizing: border-box;
}

.baseball-play-schedule li .status {
    position: absolute;
    width: 46px;
    height: 20px;
    text-align: center;
    top: 50%;
    left: 50%;
    margin: -18px 0 0 -23px;
    line-height: 20px;
    color: #525252;
    font-size: 12.5px;
    box-sizing: border-box;
    overflow: hidden;
}

.baseball-play-schedule li .status.small {
    font-size: 9px;
}

.baseball-play-schedule li .status.live {
    background: #d60000;
    color: #fff;
    border-radius: 10px;
    font-size: 11px;
    font-weight: 700;
}

.baseball-play-schedule li .status.cancel {
    background: #fff;
    color: #fff;
    border-radius: 10px;
    font-size: 10px;
    color: #b2b2b2;
    border: solid 1px #e6e6e6;
    line-height: 18px;
}

.baseball-play-schedule li .status.end {
    background: #a5a5a5;
    color: #fff;
    border-radius: 10px;
    font-size: 10px;
    color: #fff;
    border: solid 1px #a5a5a5;
    line-height: 18px;
}

.baseball-play-schedule li>.team {
    width: 50%;
    box-sizing: border-box;
}

.baseball-play-schedule li>.team.fl {
    padding-left: 8%;
}

.baseball-play-schedule li>.team.fr {
    padding-right: 8%;
}

.baseball-play-schedule li>.team.fl.pl {
    padding-left: 1%;
}

.baseball-play-schedule li>.team.fr.pr {
    padding-right: 1%;
}

.baseball-play-schedule li>.team span {
    font-size: 13.5px;
    font-weight: 700;
    width: 40px;
    text-align: center;
}

.baseball-play-schedule li>.team strong {
    font-size: 19px;
    color: #000;
    font-weight: 700;
    width: 30px;
    text-align: center;
}

.baseball-play-schedule li>.team em {
    font-size: 12px;
    color: #a5a5a5;
    letter-spacing: -0.05em;
}

.baseball-play-schedule li>.team * {
    vertical-align: middle;
}

.baseball-play-schedule li>.team.fl * {
    float: left;
}

.baseball-play-schedule li>.team.fr * {
    float: right;
}

.baseball-play-schedule li>.team .ico-baseball {
    margin-top: 18px;
}

.baseball-block .main-thumb-slide li .thumb::before {
    display: none;
}

.team-score-box th {
    height: 23px;
    border-bottom: solid 1px #f2f2f2;
    border-top: solid 1px #f2f2f2;
    border-left: solid 1px #f2f2f2;
    font-weight: 400;
    font-size: 11px;
    color: #808080;
    background: #fafafa;
}

.team-score-box th.team {
    background: #fff;
}

.team-score-box td {
    text-align: center;
    border-bottom: solid 1px #f2f2f2;
    border-top: solid 1px #f2f2f2;
    border-left: solid 1px #f2f2f2;
    height: 39px;
    color: #141414;
    font-size: 11px;
    background: #fafafa;
}

.team-score-box td * {
    vertical-align: middle;
}

.team-score-box td.rank {
    background: #fff;
    text-align: left;
    padding-left: 6px;
}

.team-score-box td.team {
    text-align: left;
    padding-left: 5px;
    padding-right: 4px;
    background: #fff;
    border-left: 0;
    font-size: 12px;
}

.team-score-box td strong {
    font-size: 13px;
}

.team-score-box td .top {
    color: #ea003d;
}

.team-score-box td .blue {
    color: #466ada;
}

.team-score-box td .ico-baseball+span {
    font-size: 12px;
    padding-left: 10px;
    color: #808080;
}

.team-score-box tr td:first-child, .team-score-box tr th:first-child {
    border-left: 0;
}

.team-score-box tbody tr:nth-child(1) td .ico-baseball+span, .team-score-box tbody tr:nth-child(2) td .ico-baseball+span, .team-score-box tbody tr:nth-child(3) td .ico-baseball+span {
    color: #000;
}

.baseball-block .list-total {
    line-height: 1em;
    height: 50px;
}

.baseball-block .list-total span.lnk {
    font-size: 12px;
}

.thumb-list.sports li {
    width: 100%;
    border-bottom: solid 1px #f2f2f2;
    padding: 10px 0;
    margin: 0;
}

.thumb-list.sports li:first-child {
    padding-top: 0;
}

.thumb-list.sports .thumb {
    width: 137px;
    float: left;
}

.thumb-list.sports .summary {
    height: 77px;
    display: table-cell;
    vertical-align: middle;
    line-height: 1.3em;
}

.thumb-list.sports .summary p.title {
    font-size: 13px;
    padding-left: 15px;
    padding-right: 30px;
}

.thumb-list.sports .summary p.category {
    font-size: 11px;
    color: #1d4eaa;
    padding-left: 15px;
}

.ico-refresh {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(img/ico_refresh.png) no-repeat;
    background-size: cover;
    text-indent: -999em;
    overflow: hidden;
    vertical-align: middle;
}

.baseball-block .main-thumb-slide li {
    margin-left: 10px;
}

.baseball-block .main-thumb-slide li:first-child {
    margin-left: 0;
}

.baseball-series-in {
    overflow: hidden;
    height: 75px;
    position: relative;
    margin: 0 -15px;
    background: #f7f7f7;
    border-bottom: solid 1px #f2f2f2;
    border-top: solid 1px #f2f2f2;
}

.baseball-series-scroll {
    position: relative;
    overflow-x: scroll;
    margin: 0 30px;
    -webkit-overflow-scrolling: touch;
}

.baseball-series-in>a {
    display: block;
    width: 17px;
    height: 31px;
    text-indent: -999em;
    overflow: hidden;
    background: url(img/baseball_lr.png) no-repeat;
    background-size: 33px auto;
    position: absolute;
    top: 50%;
    margin-top: -13px !important;
    z-index: 51;
}

.baseball-series-in>a.bx-prev {
    background-position: 0px 0px;
    left: 0px;
    top: 48%;
    margin-left: 10px;
}

.baseball-series-in>a.bx-next {
    background-position: -17px 0px;
    right: 0px;
    top: 48%;
    margin-right: 10px;
}

nav.baseball-series {
    position: relative;
    text-align: center;
}

nav.baseball-series ul:after {
    content: '';
    display: block;
    clear: both;
}

nav.baseball-series li {
    text-align: center;
    float: left;
    width: 62px;
    padding-top: 22px;
}

nav.baseball-series li.on {
    text-align: center;
    float: left;
    width: 62px;
    padding-top: 20px;
}

nav.baseball-series li p.week {
    font-size: 11px;
    height: 13px;
    line-height: 13px;
    color: #acacac;
}

nav.baseball-series li p.day {
    font-size: 20px;
    height: 22px;
    line-height: 22px;
    color: #acacac;
}

nav.baseball-series li p.week.on {
    font-size: 12px;
    height: 14px;
    line-height: 14px;
    color: #1d4eaa;
    font-weight: bold;
}

nav.baseball-series li p.day.on {
    font-size: 21px;
    height: 23px;
    line-height: 23px;
    color: #1d4eaa;
    font-weight: bold;
}

.timetable-box2 {
    background: #f7f7f7;
    padding: 5px 0;
}

.program-series-scroll.timetable2 {
    background: #f7f7f7;
}

.program-series.timetable2 li {
    line-height: 1em;
    height: 55px;
    overflow: hidden;
}

.program-series.timetable2 li span {
    display: table-cell;
    margin: 0 auto;
    width: 60px;
    height: 56px;
    text-align: center;
    vertical-align: middle;
}

.program-series.timetable2 li span>strong, .program-series.timetable li span>em {
    display: block;
    line-height: 1em;
    color: #666;
}

.program-series.timetable2 li span>strong {
    font-size: 22px;
    font-weight: 300;
    padding-top: 2px;
}

.program-series.timetable2 li span>em {
    font-size: 11px;
    margin-top: 4px;
}

.program-series.timetable2 li>a.on span>strong, .program-series.timetable2 li>a.on span>em {
    color: #000;
}

.program-series.timetable2 li>a.on span>strong {
    font-weight: 700;
}

.program-series.timetable2 li>a.on span:after {
    display: none;
}

.program-title.timetable2 {
    padding: 2px 15px;
    border-bottom: solid 1px #eee;
}

.program-title.timetable2 .lnk-arrow {
    display: block;
}

@media screen and (max-width: 320px) {
    .team-score-box td .ico-baseball+span {
        font-size: 11px;
    }
    .team-score-box td.team {
        padding-left: 0;
        padding-right: 0;
    }
    .team-score-box td strong {
        font-size: 11px;
    }
    .team-score-box td .ico-baseball+span {
        padding-left: 5px;
    }
    .baseball-play-schedule li>.team.fl {
        padding-left: 0%;
    }
    .baseball-play-schedule li>.team.fr {
        padding-right: 0%;
    }
    .baseball-play-schedule li>.team em {
        font-size: 11px;
        color: #a5a5a5;
        letter-spacing: -1px;
        width: 32px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .baseball-play-score .team-score.fr.ico_big {
        position: absolute;
        top: 6px;
        padding-left: 80px;
    }
    .mytiving-total02 .cash_coupon .cash_bg {
        width: 290px;
        height: 133px;
        background: url(../images/mytiving/cash_coupon.png) no-repeat;
        background-size: 290px auto;
    }
    .mytiving-total02 .cash_coupon .cash_bg p {
        top: 43px;
        left: 30px;
        font-size: 28px;
    }
}

@media screen and (max-width: 360px) {
    .baseball-play-schedule li>.team.fl {
        padding-left: 4%;
    }
    .baseball-play-schedule li>.team.fr {
        padding-right: 4%;
    }
    .baseball-play-schedule li>.team em {
        font-size: 11px;
        color: #a5a5a5;
        letter-spacing: -1px;
    }
    .mytiving-total02 .cash_coupon .cash_bg {
        width: 290px;
        height: 133px;
        background: url(../images/mytiving/cash_coupon.png) no-repeat;
        background-size: 290px auto;
    }
    .mytiving-total02 .cash_coupon .cash_bg p {
        top: 43px;
        left: 30px;
        font-size: 28px;
    }
}

@media screen and (min-width: 414px) {
    .baseball-play-score .team-score.fr.ico_big {
        position: absolute;
        top: 6px;
        padding-left: 100px;
    }
    .mytiving-total02 .cash_coupon .cash_bg {
        width: 384px;
        height: 175px;
        background: url(../images/mytiving/cash_coupon.png) no-repeat;
        background-size: 384px auto;
    }
    .mytiving-total02 .cash_coupon .cash_bg p {
        top: 54px;
        left: 36px;
        font-size: 31px;
    }
}

@media screen and (min-width: 480px) {
    .baseball-play-score .team-score.fr.ico_big {
        position: absolute;
        top: 6px;
        padding-left: 105px;
    }
    .mytiving-total02 .cash_coupon .cash_bg {
        width: 450px;
        height: 205px;
        background: url(../images/mytiving/cash_coupon.png) no-repeat;
        background-size: 450px auto;
    }
    .mytiving-total02 .cash_coupon .cash_bg p {
        top: 66px;
        left: 44px;
        font-size: 34px;
    }
}

@media screen and (min-width: 640px) {
    .baseball-play-score .team-score.fr.ico_big {
        position: absolute;
        top: 6px;
        padding-left: 100px;
    }
    .mytiving-total02 .cash_coupon .cash_bg {
        width: 610px;
        height: 278px;
        background: url(../images/mytiving/cash_coupon.png) no-repeat;
        background-size: 610px auto;
    }
    .mytiving-total02 .cash_coupon .cash_bg p {
        top: 90px;
        left: 60px;
        font-size: 46px;
    }
}

@media screen and (min-width: 768px) {
    .baseball-play-score .team-score.fr.ico_big {
        position: absolute;
        top: 6px;
        padding-left: 110px;
    }
    .mytiving-total02 .cash_coupon .cash_bg {
        width: 610px;
        height: 278px;
        background: url(../images/mytiving/cash_coupon.png) no-repeat;
        background-size: 610px auto;
    }
    .mytiving-total02 .cash_coupon .cash_bg p {
        top: 90px;
        left: 60px;
        font-size: 46px;
    }
}

@media screen and (min-width: 1024px) {
    .baseball-play-score .team-score.fr.ico_big {
        position: absolute;
        top: 6px;
        padding-left: 114px;
    }
}

/** cjcup **/

@font-face {
    font-family: 'GothamB';
    font-style: normal;
    font-weight: 700;
    src: url('font/GothamBold.eot');
    src: url('font/GothamBold.eot?#iefix') format('embedded-opentype'), url('font/GothamBold.woff') format('woff'), url('font/GothamBold.ttf') format('opentype'), url('font/GothamBold.otf') format('opentype');
}

@font-face {
    font-family: 'GothamL';
    src: url('font/GothamLight.eot');
}

#gnb-header.black {
    background: #101010;
}

#gnb-header.black>h1 {
    color: #fff;
}

#gnb-header button.btn-gnb-prev {
    background: url(img/gnb-prev-sub.png) no-repeat;
    background-size: 100%;
    left: 0;
}

.GothamB {
    font-family: 'GothamB';
}

.GothamL {
    font-family: 'GothamL';
}

.cjcup-visual-box {
    position: relative;
    background: #000;
}

.cjcup-visual-text {
    position: absolute;
    left: 0;
    top: 0;
    padding: 30px 0 0 23px;
    line-height: 1em;
}

.cjcup-visual-text .cjcup {
    display: block;
}

.cjcup-visual-text .cjcup img {
    width: 77px;
}

.cjcup-visual-text .cjcup-visual-text01 {
    font-size: 40px;
    color: #000;
    margin-top: 20px;
}

.cjcup-visual-text .cjcup-visual-text01>span {
    display: inline-block;
    background: #c4ff00;
    text-transform: uppercase;
    font-family: 'GothamB';
    letter-spacing: -0.05em;
    padding: 0 5px;
    margin-top: 5px;
    line-height: 1em;
}

.cjcup-visual-text .cjcup-visual-text02 {
    font-size: 20px;
    color: #c4ff00;
    font-family: 'GothamB';
    letter-spacing: -0.05em;
    margin-left: 5px;
    margin-top: 14px;
    text-transform: uppercase;
}

.cjcup-visual-text .cjcup-visual-text03 {
    color: #fff;
    font-size: 14px;
    margin-left: 5px;
    margin-top: 8px;
}

.cjcup-visual-text .cjcup-visual-text04 {
    color: #ccc;
    font-size: 13px;
    margin-left: 5px;
    margin-top: 25px;
}

.cjcup-visual-text .cjcup-visual-text04+.cjcup-visual-text04 {
    margin-top: 10px;
}

.cjcup-block {
    background: #151515;
    padding: 28px 18px 25px 18px;
}

.cjcup-block.black {
    background: #000;
}

.cjcup-block.white {
    background: #fff;
}

.cjcup-block h3 {
    color: #c4ff00;
    font-size: 16px;
    margin-bottom: 13px;
}

.cjcup-block h3 * {
    line-height: 1em;
}

.cjcup-block.white h3 {
    color: #000;
}

.vod-cjcup-box {
    position: relative;
}

.vod-cjcup-box .play-time {
    text-indent: -999em;
    overflow: hidden;
    padding: 0;
    height: 62px;
    margin-top: -31px;
}

.cjcup-block .main-thumb-section {
    margin: 0 -13px;
}

.cjcup-block .main-thumb-slide.in-caption2 .caption {
    color: #fff;
}

.thumb-list.cjcup .summary p.category {
    color: #093800;
    font-size: 11px;
    font-weight: 700;
}

.thumb-list.cjcup li:last-child {
    border-bottom: 0;
}

.thumb-list.cjcup {
    margin: 0;
}

@media screen and (max-width: 340px) {
    .cjcup-visual-text {
        padding: 15px 0 0 15px;
    }
    .cjcup-visual-text .cjcup-visual-text01>span {
        font-size: 30px;
    }
}

/** theplay **/

a.play-music {
    display: block;
    width: 35px;
    height: 35px;
    background: url(img/ico_theplay.png) -50px top no-repeat;
    background-size: 100px auto;
    text-indent: -999em;
    overflow: hidden;
}

.ico-theplay {
    text-indent: -999em;
    overflow: hidden;
    width: 30px;
    height: 15px;
    background: url(img/ico_theplay.png) left top no-repeat;
    background-size: 100px auto;
    display: inline-block;
}

.play-select-box select {
    border: 0;
    border-bottom: solid 1px #dfdfdf;
    height: 41px;
    padding-left: 15px;
    font-size: 13px;
    background: url(img/ico_selec_play.png) right center no-repeat #f7f7f7;
    background-size: 40px 40px;
}

.play-program-listbox li {
    margin-top: 6px;
    text-align: center;
}

.play-visual-box {
    position: relative;
    text-align: center;
    background: #000;
}

.play-visual-box p {
    color: #fff;
    font-size: 14px;
    position: absolute;
    left: 0;
    bottom: 20px;
    padding: 0 40px;
    text-align: center;
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    z-index: 80;
}

.play-visual-box .play-time {
    text-indent: -999em;
    overflow: hidden;
}

.play-visual-box.vod {
    margin: 0 15px 30px 15px;
}

.play-visual-box.vod:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    background: rgba(0, 0, 0, 0.2);
}

.play-visual-box.vod:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 35%;
    z-index: 51;
    background: -moz-linear-gradient( top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
    background: -webkit-linear-gradient( top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
    background: linear-gradient( to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
}

.play-contents-box {
    padding: 0 15px 15px 15px;
    background: #fff;
}

.play-contents-box .h3-group {
    text-align: center;
    margin: 0 -7px;
    background: #fff;
    padding: 20px 8px 0 8px;
    margin-top: 0;
    position: relative;
    z-index: 1;
}

.play-contents-box .h3-group.goods {
    margin-top: -35px;
}

.play-contents-box .h3-group h3 {
    font-size: 20px;
}

.play-contents-box .h3-group p {
    font-size: 12px;
    padding: 5px 0 20px;
    border-bottom: solid 1px #f2f2f2;
}

.play-contents-box .btn-list-more {
    margin-top: 0;
}

.theplay-block.banner {
    text-align: center;
    background: #000;
    margin-top: 15px;
}

.play-goods-list li {
    border-bottom: solid 1px #f2f2f2;
    padding: 10px 0;
    position: relative;
}

.play-goods-list li:after {
    content: '';
    display: block;
    clear: both;
}

.play-goods-list li:last-child {
    border-bottom: 0;
}

.play-goods-list li .thumb {
    float: left;
    position: relative;
    border: solid 1px #f5f5f5;
    width: 85px;
    height: 85px;
    box-sizing: border-box;
    overflow: hidden;
}

.play-goods-list li .thumb img {
    width: 100%;
    height: 100%;
}

.play-goods-list li .thumb .ico-theplay {
    position: absolute;
    left: -1px;
    top: -1px;
}

.play-goods-list li>a {
    display: block;
}

.play-goods-list li .info {
    padding: 4px 0 4px 98px;
    font-size: 14px;
}

.play-goods-list li .info dt {
    color: #707070;
    line-height: 18px;
}

.play-goods-list li .info dt span {
    color: #e80400;
    line-height: 18px;
}

.play-goods-list li .info dd {
    color: #707070;
    line-height: 18px;
}

.play-goods-list li .info dd .brand {
    color: #000;
}

.play-goods-list li .info dd.price {
    position: absolute;
    left: 98px;
    bottom: 12px;
    color: #000;
}

.play-goods-list li .info dd.price strong {
    font-size: 17px;
    font-family: tahoma;
}

.theplay-tab-block .play-goods-list.music li:last-child {
    border-bottom: solid 1px #f2f2f2;
}

.play-goods-list.music li>a.play-music {
    position: absolute;
    right: 5px;
    top: 50%;
    margin-top: -17px;
}

.play-goods-list.music li .thumb {
    border: 0;
    border-radius: 100%;
    -webkit-border-radius: 100%;
}

.play-goods-list.music li .info {
    padding-top: 12px;
}

.play-goods-list.music li .info dt {
    color: #000;
    font-weight: 700;
    font-size: 14px;
    height: 30px;
}

.play-goods-list.music li .info dt p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 50px;
}

.play-goods-list.music li .info dd .singer {
    color: #808080;
}

.play-contents-box .thumb-list {
    margin-top: -10px;
}

.play-contents-box .thumb-list li {
    padding-bottom: 10px;
}

.play-contents-box .thumb-list li .caption {
    font-size: 13px;
    color: #000;
    height: 3.5em;
}

.play-contents-box .thumb-list li .caption-title {
    font-size: 12px;
    color: #707070;
}

.btn-program-total {
    display: block;
    margin: 10px 15px;
    text-align: Center;
    font-size: 13px;
    color: #d60000;
    border: solid 1px #d60000;
    line-height: 48px;
}

.play-scroll-box {
    margin-bottom: 10px;
    margin-left: 35px;
}

.play-scroll-block {
    width: 305px;
    background: #f0f0f0;
}

.play-scroll-block .info {
    padding: 20px 5px;
    line-height: 22px;
    color: #4c4c4c;
    font-size: 14px;
    text-align: center;
}

.play-scroll-block .info p {
    height: 88px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.theplay-tab-block {
    background: #f2f2f2;
}

.theplay-tab-block .play-contents-box+.play-contents-box {
    margin-top: 6px;
}

.tab3.theplay li {
    font-weight: 700;
    background: #fafafa;
}

.tab3.theplay li.on a {
    color: #ff0000;
}

.tab3.theplay li.on:after {
    background: #ff0000;
}

/** Pickclips**/

/* 헤더가 하단으로 내려 왔을 때 형태를 현재 디자인과 맞춰서 작업 */

.pick-app #gnb-header.fixed {
    background: #fff;
    z-index: 200;
    opacity: 1;
}

/* header가 fix 될 경우 기본 색상이 #000 이고 버튼 색이 #fff로 변경이 됨 
    pickle에서는 fix 일 경우라도 색상이 #000로 변경 되지 않고 #fff 유지 하기 때문에 header의 버튼 색을 유지 시켜 줘야 함
*/

/* Button color */

.pick-app #gnb-header button.btn-gnb>span, .pick-app #gnb-header.sub.fixed button.btn-gnb>span {
    background: #000;
}

.pick-app #gnb-header button.btn-gnb>span:before, .pick-app #gnb-header.sub.fixed button.btn-gnb>span:before {
    background: #000;
}

.pick-app #gnb-header button.btn-gnb>span:after, .pick-app #gnb-header.sub.fixed button.btn-gnb>span:after {
    background: #000;
}

.pick-app #gnb-header button.btn-gnb-search, .pick-app #gnb-header.sub.fixed button.btn-gnb-search {
    right: 0;
    left: auto;
    background: url(img/gnb-search-sub.png) no-repeat;
    background-size: 100%;
}

/* Button color end */

.pick-app-down-box {
    background: #fdfdfd;
}

.pick-app-title {
    background-color: #2ba9e7;
}

.pick-app-title .inner {
    position: relative;
    width: 375px;
    height: 293px;
    margin: 0 auto;
    text-indent: -10000px;
    background: url(../images/pickclips/app_title.png) no-repeat;
    background-size: auto 100%;
}

.pick-app-title .inner a.btn01 {
    position: absolute;
    text-indent: -10000px;
    top: 190px;
    left: 50%;
    width: 200px;
    height: 70px;
    margin-left: -100px;
}

.pick-app-sub-01 {
    height: 591px;
    background: url(../images/pickclips/app_sub_01_bg.png);
    background-size: auto 100%;
}

.pick-app-sub-01 .inner {
    width: 375px;
    height: 591px;
    margin: 0 auto;
    text-indent: -10000px;
    background: url(../images/pickclips/app_sub_01.png) no-repeat;
    background-size: auto 100%;
}

.pick-app-sub-02 {
    background-color: #2ba9e7;
}

.pick-app-sub-02 .inner {
    width: 375px;
    height: 591px;
    margin: 0 auto;
    text-indent: -10000px;
    background: url(../images/pickclips/app_sub_02.png) no-repeat;
    background-size: auto 100%;
}

.pick-app-sub-03 {
    height: 591px;
    background: url(../images/pickclips/app_sub_03_bg.png);
    background-size: auto 100%;
}

.pick-app-sub-03 .inner {
    width: 375px;
    height: 591px;
    margin: 0 auto;
    text-indent: -10000px;
    background: url(../images/pickclips/app_sub_03.png) no-repeat;
    background-size: auto 100%;
}

.pick-app-video-down-box {
    min-height: 767px;
    background: #fdfdfd;
}

.pick-app-video-title {
    background-color: #2ba9e7;
}

.pick-app-video-title .inner {
    position: relative;
    width: 375px;
    height: 292px;
    margin: 0 auto;
    text-indent: -10000px;
    background: url(../images/pickclips/app_video_title.png) no-repeat;
    background-size: auto 100%;
}

.pick-app-video-sub-01 {
    position: relative;
    margin-top: -155px;
    background-size: auto 100%;
}

.pick-app-video-sub-01 .inner {
    position: relative;
    width: 361px;
    padding: 0 0 15px 0;
    margin: 0 auto;
    background: url(../images/pickclips/app_video_sub_01.png) no-repeat;
    background-size: 100% auto;
}

.pick-app-video-sub-01 .inner .pick-app-video-info {
    position: relative;
    width: 335px;
    top: 16px;
    margin: 0 auto;
    padding: 18px;
    box-sizing: border-box;
    line-height: 20px;
}

.pick-app-video-sub-01 .inner .pick-app-video-info .hash {
    color: #2ba4e7;
}

.pick-app-video-sub-01 .inner .pick-app-video-area {
    position: relative;
    overflow: hidden;
    top: 15px;
    width: 335px;
    height: 188px;
    background-color: #000;
    margin: 0 auto;
}

.pick-app-video-sub-01 .inner .pick-app-video-area .play_img {
    width: 100%;
}

.pick-app-video-sub-01 .inner .pick-app-video-area .play_btn {
    position: absolute;
    top: 0;
}

.pick-app-video-sub-02 {
    position: relative;
    background-size: auto 100%;
}

.pick-app-video-sub-02 .inner {
    position: relative;
    width: 361px;
    height: 159px;
    margin: 0 auto;
    background: url(../images/pickclips/app_video_sub_02.png) no-repeat;
    background-size: 100% auto;
}

.pick-app-video-sub-02 .inner a.btn01 {
    position: absolute;
    text-indent: -10000px;
    bottom: -5px;
    left: 50%;
    width: 260px;
    height: 70px;
    margin-left: -130px;
}

/* $name이 있는 주석은 해당 수치가 변경 될때 같이 변경해 줘야 합니다.
    scss 가 사용이 불분명 하여 주석으로 대체
*/

.pick-app #gnb-header {
    height: 53px;
    /* padding-top: 50px; /* search-wrap 크기에 맞춰서 변경 $search-wrap-h */
    border-bottom: 1px solid #d9d9d9;
}

.pick-app #gnb-header h1 {
    position: relative;
    line-height: 53px;
    /* $header-h */
    font-size: 0px;
    text-align: center;
}

.pick-app #gnb-header h1 img {
    /* height: 27px; */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.5);
}

.pick-app #gnb-header+#sub-contents {
    margin-top: 64px;
    /* $header-h */
}

.pick-app-section {
    /* $section-padding-w : 16 */
    /* section-padding-h : 25 */
    padding: 25px 16px 24px;
}

.pick-app-section.bg {
    background: #e7ebef;
}

.pick-app-section+.pick-app-section {
    border-top: 1px solid #dadee2;
}

.pick-app-section h2 {
    /* display: table; */
    display: flex;
    margin-bottom: 10px;
    align-items: center;
    font-size: 19px;
    font-weight: 600;
    color: #000;
}

.pick-app-section .sub-section h2 .title {
    font-size: 15px;
}

.pick-app-section .sub-section+.sub-section {
    padding-top: 25px;
    border-top: 1px solid #c9ced5;
    margin-top: 23px;
}

.pick-app-section h2 span {
    /* display: table-cell; */
    white-space: nowrap;
    vertical-align: middle;
}

.pick-app-section h2 span.title {
    /* width:100%;
    max-width: 0; */
    /* table-cell 일 경우 */
    overflow: hidden;
    text-overflow: ellipsis;
}

.pick-app-section h2 span.clip {
    position: relative;
    padding-left: 14px;
    font-size: 14px;
    font-weight: 400;
    color: #999;
}

.pick-app-section h2 span.clip:before {
    content: '';
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 7px;
    height: 16px;
    border-left: 1px solid #e5e5e5;
    transform: translate(-50%, -50%);
}

.pick-app-curation.pick-app-video-info {
    margin: 14px 0px 25px;
    font-size: 15px;
}

.pick-app-curation.pick-app-video-info .title {
    width: 100%;
    margin-bottom: 3px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 600;
    color: #222;
}

.pick-app-curation.pick-app-video-info .hash {
    display: inline-block;
    box-sizing: border-box;
    position: relative;
    width: 100%;
    margin-bottom: 3px;
    color: #999;
}

.pick-app-curation.pick-app-video-info .hash .more {
    display: none;
    position: absolute;
    top: 0px;
    right: 0px;
    font-size: 15px;
    color: #999;
}

.pick-app-curation.pick-app-video-info .hash.hide {
    height: 20px;
    padding-right: 50px;
    margin: 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pick-app-curation.pick-app-video-info .hash.hide .more {
    display: block;
}

.pick-app-curation.pick-app-video-info .date {
    font-size: 14px;
    color: #999;
}

.pick-app #div_looping {
    font-size: 15px;
    font-weight: 500;
    color: #000;
}

.pick-app #div_looping a {
    display: inline-block;
    width: auto;
    height: 19px;
    line-height: 21px;
    min-width: 25px;
    padding: 0px 5px;
    background: #b7b7b7;
    vertical-align: top;
    text-align: center;
    font-size: 0px;
    color: #fff;
}

.pick-app #div_looping a:before {
    content: 'OFF';
    font-size: 9px;
}

.pick-app #div_looping a.on {
    background: #2ba9e7;
}

.pick-app #div_looping a.on:before {
    content: 'ON';
}

.pick-video-list {
    max-height: 110px;
    margin-top: 10px;
    /* overflow-x: auto; */
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
}

/* ::-webkit-scrollbar 속성이 동작하지 않는 경우 스크롤 바를 숨기기 위해 overflow를 할 수 있는 영역을 추가 */

.pick-video-list .scrollbar-hidden-area {
    width: 100%;
    padding-bottom: 10px;
    overflow-x: auto;
}

.pick-video-list .list {
    overflow: hidden;
}

.pick-video-list .list li {
    position: relative;
    float: left;
    width: 125px;
    margin: 0 3px;
    /* $slide-margin : 3 */
}

.pick-video-list .list li>a {
    display: block;
}

.pick-video-list .list li .thumb {
    position: relative;
    height: 70px;
    text-align: center;
}

.pick-video-list .list li .thumb img {
    height: 100%;
}

.pick-video-list .list li .thumb:after {
    content: '';
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: url('../images/pickclips/icon_play.png') center no-repeat rgba(43, 169, 231, 0.8);
    background-size: 14px 17px;
    z-index: 5;
}

.pick-video-list .list li .timer {
    display: block;
    position: absolute;
    bottom: 5px;
    right: 5px;
    padding: 0 5px;
    line-height: 18px;
    background: #000;
    opacity: 0.6;
    text-align: center;
    font-size: 11px;
    color: #e5e5e5;
}

.pick-video-list .list li .title {
    padding: 5px 3px;
    line-height: 18px;
    font-size: 12px;
    color: #666;
}

/* list가 선택 되었을 경우 변경 사항 */

.pick-video-list .list li.on .thumb:after, .pick-video-list .list li>a.on .thumb:after {
    display: block;
}

.pick-video-list .list li.on .timer {
    display: none;
}

/* slider가 section 안에 있을 경우 option */

.pick-video-list.in-section {
    margin: 10px -16px 0px;
    /* $section-padding-w */
}

.pick-video-list.in-section .list {
    padding: 0px 13px;
    /* $section-padding-w  - $slide-margin */
}

.pick-app-download {
    position: relative;
    padding: 45px 40px 37px;
    background: #2ba9e7;
}

.pick-app-download p {
    margin: 0 auto;
    text-align: center;
    word-break: keep-all;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
}

.pick-app-download p .shap {
    color: #006393;
}

.pick-app-download p:before {
    /* content : ''; */
    display: block;
    width: 202px;
    height: 46px;
    margin: 0 auto;
    background: url('../images/pickclips/bg_down.png') 0px 0px no-repeat;
    background-size: 202px 100px;
}

.pick-app-download a {
    display: block;
    margin: 23px auto 0px;
    font-size: 0px;
}

.pick-app-download a:before {
    content: '';
    display: block;
    width: 146px;
    height: 45px;
    margin: 0 auto;
    background: url('../images/pickclips/bg_down.png') 0px 0px no-repeat;
    background-size: 146px 45px;
    font-size: 0px;
}

/* 유도 팝업으로 변경 시 */

.pick-app-download.fixed .align-wrap {
    position: fixed;
    bottom: 0px;
    left: 0px;
    right: 0px;
    padding: 10px 10px 10px 16px;
    background: #2ba9e7;
}

.pick-app-download.fixed p {
    display: table;
    width: 100%;
    max-width: 500px;
}

.pick-app-download.fixed p .text {
    display: table-cell;
    max-width: 300px;
    padding-right: 20px;
    text-align: left;
    vertical-align: middle;
}

.pick-app-download.fixed p a {
    display: table-cell;
    vertical-align: middle;
}

/* KID TV */

.kid-wrap h1 {
    display: none;
}

.kid-wrap section h2 {
    visibility: hidden;
}

.kid-wrap section p {
    visibility: hidden;
}

section.section-kiz-1 {
    position: relative;
    height: 354px;
    background: url('../images/kid_tv/bg_section1.jpg') center 0px #f5f3f4 no-repeat;
    background-size: 750px 354px;
}

section.section-kiz-1 .download {
    display: block;
    position: absolute;
    bottom: 70px;
    left: 50%;
    width: 180px;
    height: 45px;
    margin-left: -164px;
    font-size: 0px;
}

section.section-kiz-1 .info {
    visibility: visible;
    position: absolute;
    bottom: 40px;
    left: 50%;
    width: 144px;
    height: 21px;
    margin-left: -147px;
    background: url('../images/kid_tv/bg_text_info.png') center 0px no-repeat;
    background-size: 144px 21px;
    font-size: 0px;
}

section.section-kiz-2 {
    height: 652px;
    background: url('../images/kid_tv/bg_section2.jpg') center 0px #3cad5f no-repeat;
    background-size: 500px 652px;
}

section.section-kiz-3 {
    height: 644px;
    background: url('../images/kid_tv/bg_section3.jpg') center 0px #4acae5 no-repeat;
    background-size: 750px 644px;
}

section.section-kiz-4 {
    height: 642px;
    background: url('../images/kid_tv/bg_section4.jpg') center 0px #ffb31f no-repeat;
    background-size: 500px 664px;
}

/* Kid_tv video */

.kid-wrap-video {
    height: 100%;
    padding-top: 84px;
    min-height: 716px;
    border-top: 1px solid #b2b2b2;
    background: url('../images/kid_tv/bg_section_sub.jpg') center 0px #f5f3f4 no-repeat;
    background-size: 750px 716px;
    overflow: hidden;
}

.kid-wrap-video .hidden {
    visibility: hidden;
    font-size: 0px;
}

.kid-wrap-video .title {
    width: 205px;
    height: 167px;
    margin: 0px auto 34px;
    background: url('../images/kid_tv/bg_text_video_head.png');
    background-size: 100%;
    font-size: 0px;
}

.kid-video-area {
    position: relative;
    top: -11px;
    left: 50%;
    width: 382px;
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    transform: translate(-50%);
}

.kid-video-area .player-wrap.dim a:before {
    content: '';
    display: block;
    position: absolute;
    top: 0px;
    width: 330px;
    height: 100%;
    margin: 0px 0px 0px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background: #000;
    background: url('../images/kid_tv/icon_play.png') rgba(0, 0, 0, 0.4) center no-repeat;
    background-size: 62px 70px;
    z-index: 5;
    /* icon 이 따로 관리가 필요할 경우 background 교체 */
    /*background: rgb(0,0,0, .4);*/
}

/* icon이 따로 관리가 필요할 경우 사용 */

/*.kid-video-area .player-wrap.dim.icon:before {
	background: url('../images/kid_tv/icon_play.png') rgba(0,0,0,0.4) center no-repeat;
	background-size: 62px 70px;
	opacity: 1;
}*/

.kid-video-area .player-wrap {
    position: relative;
    width: 330px;
    padding: 10px 26px 0px;
    /* bg 그림자를 위한 여백 */
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background: url('../images/kid_tv/bg_video_area.png') 0px 0px no-repeat;
    background-size: 367px 280px;
    overflow: hidden;
    cursor: pointer;
}

.kid-video-area .player-wrap a {
    position: relative;
    display: block;
    z-index: 10;
}

.kid-video-area .player-wrap .player-thumb {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.kid-wrap-video .video-info {
    display: table;
    position: relative;
    width: 302px;
    padding: 15px 40px 10px;
    /* 그림자 크기 좌우 26px + text 간격 14px */
    background: url('../images/kid_tv/bg_video_area_shadow.png') 0px 0px repeat-y;
    background-size: 367px 286px;
    margin-bottom: 31px;
}

.kid-wrap-video .video-info:after {
    content: '';
    display: block;
    position: absolute;
    bottom: -30px;
    left: 0px;
    width: 100%;
    height: 30px;
    background: url('../images/kid_tv/bg_video_area.png') 0px bottom no-repeat;
    background-size: 367px 280px;
}

.kid-wrap-video .video-info .channel-icon {
    /*position: absolute; top: 15px; left: 40px;*/
    display: table-cell;
    max-width: 45px;
}

.kid-wrap-video .video-info p {
    display: table-cell;
    vertical-align: middle;
    padding-left: 10px;
}

.kid-wrap-video .video-info img {
    width: 40px;
}

.kid-wrap-video .video-info strong {
    display: block;
    font-size: 14px;
    color: #3b3c3d;
}

.kid-wrap-video .video-info span {
    font-size: 10px;
    color: #aeaeae;
}

.kid-wrap-video .video-text {
    height: 38px;
    margin-top: 5px;
    background: url('../images/kid_tv/bg_text_video_info.png') center 0px no-repeat;
    background-size: 259px 38px;
    font-size: 0px;
}

.kid-wrap-video .download {
    display: block;
    position: relative;
    left: -4px;
    /* 그림자 이미지로 인해 세부 위치 조정 */
    width: 164px;
    height: 70px;
    padding: 11px 25px 0px 25px;
    /* 그림자 크기 */
    margin: 21px auto 0px;
    background: url('../images/kid_tv/bg_btn_download.png') 0px 0px no-repeat;
    background-size: 199px 81px;
    font-size: 0px;
}

.kid-wrap-video .download a {
    display: block;
    position: relative;
    width: 164px;
    height: 45px;
    font-size: 0px;
}

.kid-wrap-video .vod-player-box {
    background: transparent;
}

/* 
김제민님 추가
영상 플레이어 부분 16:9 비율 유지.
 */

.vod-player-box {
    position: relative;
    width: 100%;
    height: 0px;
    padding-bottom: 56.25%;
    overflow: hidden;
}

#video-container {
    position: absolute !important;
    width: 100% !important;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 10;
}

/* 전체화면 사이즈 보정 */

.cjp-engine .cjp-engine-vjs {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
}

/* 메인화면 출력 오류 수정 - 작성자: 김동호(190717) */

#MainSmrClipAll {
    clear: left;
}

/* 20190729 - premium관 추가 */

.sma_premium {
    position: absolute;
    display: inline-block;
    top: 4px;
    left: 4px;
    font-family: 'Noto Sans korean';
    text-align: center;
    font-size: 11px;
    color: #8570df;
    width: 60px;
    height: 20px;
    line-height: 20px;
    border: 1px #d4c9ff solid;
    background: rgba(10, 10, 10, 0.8);
    border-radius: 0;
}

.sma_lite {
    position: absolute;
    display: inline-block;
    top: 4px;
    left: 4px;
    font-family: 'Noto Sans korean';
    text-align: center;
    font-size: 11px;
    color: #e0e0e0;
    width: 40px;
    height: 20px;
    line-height: 20px;
    border: 1px #e0e0e0 solid;
    background: rgba(10, 10, 10, 0.8);
    border-radius: 0;
}

/* 2019-08-21 */

main {
    padding-bottom: 40px;
}

.sub-contents {
    padding-top: 30px;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    position: relative;
}

.sub-contents h2 {
    padding-bottom: 15px;
    font-size: 1.154em;
    line-height: 1em;
    padding: 0 15px 10px 15px;
    color: #dedede;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sub-contents .sub-thumb-section {
    padding-left: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.sub-contents .thumb-list {
    margin-left: -6px;
    margin-top: -20px;
    padding: 0 15px;
}

.download-tving {
    text-align: center;
    background: #000;
}

.download-tving a {
    display: block;
}

.main-visual-section {
    width: 100%;
}

.btn_more {
    font-size: 12px;
    position: absolute;
    top: 32px;
    right: 15px;
    padding-right: 10px;
    background-image: url('data:image/svg+xml;charset=utf-8, <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="11px" height="19px"><path fill-rule="evenodd"  fill="rgb(110, 110, 110)" d="M9.715,10.731 L1.763,18.683 C1.364,19.082 0.716,19.082 0.317,18.683 C-0.082,18.284 -0.082,17.636 0.317,17.237 L7.820,9.734 L0.404,2.318 C0.013,1.927 0.013,1.295 0.404,0.904 C0.794,0.514 1.428,0.514 1.818,0.904 L9.596,8.682 C9.823,8.909 9.902,9.216 9.865,9.511 C10.086,9.901 10.047,10.398 9.715,10.731 Z"/></svg>');
    background-size: 5px auto;
    background-position: right center;
    background-repeat: no-repeat;
}

.repeat-play {
    position: absolute;
    top: 33px;
    right: 15px;
    padding-right: 20px;
    color: #6e6e6e;
    line-height: 1em;
}

.repeat-play:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 18px;
    height: 13px;
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 15px auto;
}

.repeat-play:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 11'%3E%3Cpath fill='%23595959' d='M15.5 10L13 6h2V4.5C15 2.6 13.4 1 11.5 1H5V0h7c2.2 0 4 1.8 4 4v2h2l-2.5 4zM3 5v1.5C3 8.4 4.6 10 6.5 10H13v1H6c-2.2 0-4-1.8-4-4V5H0l2.5-4L5 5H3z'/%3E%3C/svg%3E");
}

.repeat-play.on {
    color: #ff604b;
}

.repeat-play.on:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 11'%3E%3Cpath fill='%23ff604b' d='M15.5 10L13 6h2V4.5C15 2.6 13.4 1 11.5 1H5V0h7c2.2 0 4 1.8 4 4v2h2l-2.5 4zM3 5v1.5C3 8.4 4.6 10 6.5 10H13v1H6c-2.2 0-4-1.8-4-4V5H0l2.5-4L5 5H3z'/%3E%3C/svg%3E");
}

.clip-count {
    position: absolute;
    bottom: 10px;
    left: 10px;
    z-index: 10;
    width: 100px;
    overflow: hidden;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
}

.clip-count em.count {
    padding-right: 20px;
    line-height: 100%;
    position: relative;
    text-align: center;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    display: inline-block;
}

.clip-count em.count:before {
    content: '';
    position: absolute;
    right: 0%;
    top: 1px;
    width: 15px;
    height: 15px;
    z-index: 51;
    background: url('data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAbCAQAAAAqw0yZAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfjCBYMBRh+BxV5AAAA30lEQVQ4y8WTPw4BURCHP/IKjUR0uu21Ko0LOIRGqXECF5AgChfQOcQWCjqFwg00Gn8S2WTjp2A92YIdip1p5r03X2bm/TIFdeiQ3dpcktAR0DKgzodFA5ayP9CCSpQM+Ufk0TwadgQEhvwl8SvWQBariMTzEcexYmzIj3yYjzh/zfp56RZMAeixYJ96+6Lr6KliqJP6cl5Vi65lhmzed9s2a52QObXH4dvSRVwBCN/qnRkwIUbZPEz9wVbN38QRS3a/VF2rIYQVPair4uPOgt40U9XfZUefbdrRVtKm9ztkIEaGCY/eIAAAAABJRU5ErkJggg==') 0 0 no-repeat;
    background-size: 15px auto;
}

.brand_smr {
    background: #1c1c1c;
}

.brand_smr:after {
    display: none;
}

/* 포스터 예외 처리 */

.is-poster li .thumb {
    position: relative;
    border-radius: 2px;
    overflow: hidden;
    padding-bottom: 145%;
}

.is-poster li .thumb img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.is-poster li .thumb:before {
    content: '';
    position: absolute;
    border: solid 1px #000;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    box-sizing: border-box;
    opacity: 0.06;
    filter: alpha(opacity=6);
}

.tutorial-container {
    position: relative;
}

.tutorial-container img {
    width: 100%;
}

.tutorial-container .hidden {
    position: absolute !important;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
}

.movie-wrap {
    background-color: rgba(25, 25, 25);
}

.movie-container {
    position: relative;
    width: 100%;
    max-width: 720px;
    margin: 0 auto;
    text-align: center;
}

.movie-container img {
    width: 100%;
}

.movie-container .hidden {
    position: absolute !important;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
}

.movie-btn {
    bottom: 0%;
    left: 50%;
    transform: translate(-50%, 0);
    width: 100%;
    max-width: 720px;
    box-sizing: border-box;
    position: fixed;
    z-index: 100;
    background: url('/public/images/movie/bg_btn.png') center bottom no-repeat;
    background-size: 100% auto;
    padding: 21% 6% 0;
}

.movie-btn a {
    display: block;
    max-width: 720px;
    margin-bottom: 8%;
}