﻿@charset "utf-8";
@import url("font-awesome.min.css");
@import url("base.css");
@import url("layout.css");
@import url("table.css");
@import url("gnb.css");
@import url("media_mobile.css");


/* mobile-icon */
.m-icon-lnb-01{background:url(../images/m-icon.png) no-repeat; background-position:0 0px; background-size:500px 500px;  width:25px; height:25px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle;}
.m-icon-lnb-02{background:url(../images/m-icon.png) no-repeat; background-position:-50px 0px; background-size:500px 500px;  width:25px; height:25px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle;}
.m-icon-lnb-03{background:url(../images/m-icon.png) no-repeat; background-position:-100px 0px; background-size:500px 500px;  width:25px; height:25px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle;}
.m-icon-lnb-04{background:url(../images/m-icon.png) no-repeat; background-position:-150px 0px; background-size:500px 500px;  width:25px; height:25px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle;}
.m-icon-lnb-05{background:url(../images/m-icon.png) no-repeat; background-position:-200px 0px; background-size:500px 500px;  width:25px; height:25px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle;}
.m-icon-lnb-06{background:url(../images/m-icon.png) no-repeat; background-position:-250px 0px; background-size:500px 500px;  width:25px; height:25px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle;}
.m-icon-lnb-07{background:url(../images/m-icon.png) no-repeat; background-position:-300px 0px; background-size:500px 500px;  width:25px; height:25px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle;}

.m-icon-cst-01{background:url(../images/m-icon.png) no-repeat; background-position:0 -175px; background-size:500px 500px;  width:25px; height:25px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle;}
.m-icon-cst-02{background:url(../images/m-icon.png) no-repeat; background-position:-25px -175px; background-size:500px 500px;  width:25px; height:25px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle;}
.m-icon-cst-03{background:url(../images/m-icon.png) no-repeat; background-position:-50px -175px; background-size:500px 500px;  width:25px; height:25px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle;}
.m-icon-cst-04{background:url(../images/m-icon.png) no-repeat; background-position:-75px -175px; background-size:500px 500px;  width:25px; height:25px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle;}
.m-icon-cst-05{background:url(../images/m-icon.png) no-repeat; background-position:-100px -175px; background-size:500px 500px;  width:25px; height:25px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle;}

.m-icon-agm-01{background:url(../images/m-icon.png) no-repeat; background-position:0 -200px; background-size:500px 500px;  width:25px; height:25px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle;}
.m-icon-agm-02{background:url(../images/m-icon.png) no-repeat; background-position:-25px -200px; background-size:500px 500px;  width:25px; height:25px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle;}
.m-icon-agm-03{background:url(../images/m-icon.png) no-repeat; background-position:-50px -200px; background-size:500px 500px;  width:25px; height:25px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle;}
.m-icon-agm-04{background:url(../images/m-icon.png) no-repeat; background-position:-75px -200px; background-size:500px 500px;  width:25px; height:25px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle;}
.m-icon-agm-05{background:url(../images/m-icon.png) no-repeat; background-position:-100px -200px; background-size:500px 500px;  width:25px; height:25px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle;}
.m-icon-agm-06{background:url(../images/m-icon.png) no-repeat; background-position:-125px -200px; background-size:500px 500px;  width:25px; height:25px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle;}


.m-icon-myz-01{background:url(../images/m-icon.png) no-repeat; background-position:0 -225px; background-size:500px 500px;  width:25px; height:25px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle;}
.m-icon-myz-02{background:url(../images/m-icon.png) no-repeat; background-position:-25px -225px; background-size:500px 500px;  width:25px; height:25px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle;}
.m-icon-myz-03{background:url(../images/m-icon.png) no-repeat; background-position:-50px -225px; background-size:500px 500px;  width:25px; height:25px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle;}
.m-icon-myz-04{background:url(../images/m-icon.png) no-repeat; background-position:-75px -225px; background-size:500px 500px;  width:25px; height:25px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle;}

.m-icon-gnb-01{background:url(../images/m-icon.png) no-repeat; background-position:0 0px; background-size:500px 500px; width:20px; height:25px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle;}
.active .m-icon-gnb-01{background:url(../images/m-icon.png) no-repeat; background-position:0px -50px; background-size:500px 500px; width:20px; height:25px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle;}

.m-icon-search{background:url(../images/m-icon.png) no-repeat; background-position:0px -100px; background-size:500px 500px;  width:20px; height:20px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle;}
.m-icon-like{background:url(../images/m-icon.png) no-repeat; background-position:0px -100px; background-size:500px 500px;  width:20px; height:20px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle;}
.m-icon-bookmark{background:url(../images/m-icon.png) no-repeat; background-position:-25px -100px; background-size:500px 500px;  width:20px; height:20px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle;}
.m-icon-gift{background:url(../images/m-icon.png) no-repeat; background-position:-50px -100px; background-size:500px 500px;  width:20px; height:20px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle;}
.m-icon-mission{background:url(../images/m-icon.png) no-repeat; background-position:-75px -100px; background-size:500px 500px;  width:20px; height:20px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle;}
.m-icon-siren{background:url(../images/m-icon.png) no-repeat; background-position:-100px -100px; background-size:500px 500px;  width:20px; height:20px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle;}

.m-icon-like.active{background:url(../images/m-icon.png) no-repeat; background-position:0px -125px; background-size:500px 500px;  width:20px; height:20px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle; margin: 0}
.m-icon-bookmark.active{background:url(../images/m-icon.png) no-repeat; background-position:-25px -125px; background-size:500px 500px;  width:20px; height:20px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle; margin: 0}
.m-icon-gift.active{background:url(../images/m-icon.png) no-repeat; background-position:-50px -125px; background-size:500px 500px;  width:20px; height:20px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle; margin: 0}
.m-icon-mission.active{background:url(../images/m-icon.png) no-repeat; background-position:-75px -125px; background-size:500px 500px;  width:20px; height:20px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle; margin: 0}
.m-icon-siren.active{background:url(../images/m-icon.png) no-repeat; background-position:-100px -125px; background-size:500px 500px;  width:20px; height:20px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle; margin: 0}

.m-icon-back{background:url(../images/m-icon.png) no-repeat; background-position:0px -150px; background-size:500px 500px;  width:24px; height:17px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle;}
.m-icon-in{background:url(../images/m-icon.png) no-repeat; background-position:-25px -150px; background-size:500px 500px;  width:24px; height:24px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle; margin-left: 10px}
.m-icon-out{background:url(../images/m-icon.png) no-repeat; background-position:-50px -150px; background-size:500px 500px;  width:24px; height:24px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle; margin-left: 10px}

.m-btn-back{background:url(../images/btn-back.png) no-repeat; background-size:10px 16px; width:10px; height:16px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle; position: absolute; left:15px; top:15px}

/* pc icon */
.live_ig {  display: inline-block; width: 29px; height: 20px; vertical-align: middle; margin: -0.2em 0.5em 0 0; }
.ico_c01_w { background:url(../images/ico_female_bj.png) no-repeat; }   /* BJ_w */
.ico_c01_m { background:url(../images/ico_male_bj.png) no-repeat; }     /* BJ_m */
.ico_m { background:url(../images/ico_manager.png) no-repeat; }          /*매니저 */
.ico_v { background:url(../images/ico_fan_0.png) no-repeat; width: 31px; }            /*vip */
.ico_D { background:url(../images/ico_fan_1.png) no-repeat; }            /*다이아 */
.ico_G { background:url(../images/ico_fan_2.png) no-repeat; }            /*골드 */
.ico_s { background:url(../images/ico_fan_3.png) no-repeat; }            /*실버 */
.ico_B { background:url(../images/ico_fan_4.png) no-repeat; }            /*브론즈 */
.ico_p { background:url(../images/ico_police.png) no-repeat; }           /*폴리스 */

.icon-lnb-all{background:url(../images/icon-2x.png) no-repeat; background-size:500px 500px; background-position:0 -210px; width:30px; height:28px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle;}
.icon-lnb-game{background:url(../images/icon-2x.png) no-repeat; background-size:500px 500px; background-position:-30px -210px; width:30px; height:28px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle;}
.icon-lnb-music{background:url(../images/icon-2x.png) no-repeat; background-size:500px 500px; background-position:-60px -210px; width:30px; height:28px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle;}
.icon-lnb-eat{background:url(../images/icon-2x.png) no-repeat; background-size:500px 500px; background-position:-90px -210px; width:30px; height:28px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle;}
.icon-lnb-living{background:url(../images/icon-2x.png) no-repeat; background-size:500px 500px; background-position:-120px -210px; width:30px; height:28px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle;}
.icon-lnb-movie{background:url(../images/icon-2x.png) no-repeat; background-size:500px 500px; background-position:-150px -210px; width:30px; height:28px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle;}
.icon-lnb-etc{background:url(../images/icon-2x.png) no-repeat; background-size:500px 500px; background-position:-180px -210px; width:30px; height:28px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle;}
.icon-lnb-random{background:url(../images/icon-2x.png) no-repeat; background-size:500px 500px; background-position:-210px -210px; width:30px; height:28px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle;}
.icon-play-list{background:url(../images/icon-2x.png) no-repeat; background-size:500px 500px; background-position:0px -240px; width:26px; height:24px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle; margin-top: 5px}
.icon-lnb-bookmark{background:url(../images/icon-2x.png) no-repeat; background-size:500px 500px; background-position:-30px -240px; width:30px; height:28px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle;}
.icon-lnb-new{background:url(../images/icon-2x.png) no-repeat; background-size:500px 500px; background-position:-60px -240px; width:30px; height:28px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle;}
.icon-lnb-gift{background:url(../images/icon-2x.png) no-repeat; background-size:500px 500px; background-position:-90px -240px; width:30px; height:28px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle;}
.icon-lnb-ranking{background:url(../images/icon-2x.png) no-repeat; background-size:500px 500px; background-position:-120px -240px; width:30px; height:28px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle;}
.icon-arrow-down{background:url(../images/icon-2x.png) no-repeat; background-size:500px 500px; background-position:-30px -140px; width:11px; height:7px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle;}
.icon-arrow-up{background:url(../images/icon-2x.png) no-repeat; background-size:500px 500px; background-position:-30px -150px; width:11px; height:7px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle;}

.icon-search{background:url(../images/icon-2x.png) no-repeat; background-size:500px 500px; background-position:0 -30px; width:23px; height:23px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle;}
.icon-search.btn-search{ position: absolute; right:5px; top:5px}
.icon-cast-search{background:url(../images/icon-2x.png) no-repeat; background-size:500px 500px; background-position:-80px -30px; width:15px; height:16px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle;}
.icon-cast-search.btn-cast-search{position: absolute; right:10px; top:5px; z-index: 1 }
/*.inner-full .icon-search{background:url(../images/icon-2x.png) no-repeat; background-size:500px 500px; background-position:-175px -30px; width:23px; height:23px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle;}*/
.icon-all{background:url(../images/icon-2x.png) no-repeat; background-size:500px 500px; background-position:-25px -30px; width:18px; height:18px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle;}
.icon-bell{background:url(../images/icon-2x.png) no-repeat; background-size:500px 500px; background-position:-50px -30px; width:26px; height:26px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle;}
.bu-name-down{background:url(../images/icon-2x.png) no-repeat; background-size:500px 500px; background-position:-300px -30px; width:5px; height:4px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle;}
.btn-chatting{background:url(../images/icon-2x.png) no-repeat; background-size:500px 500px; background-position:-325px -30px; width:25px; height:25px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle;}
.btn-setting{background:url(../images/icon-2x.png) no-repeat; background-size:500px 500px; background-position:-375px -30px; width:25px; height:25px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle;}
.btn-vod{background:url(../images/icon-2x.png) no-repeat; background-size:500px 500px; background-position:-325px -0px; width:25px; height:25px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle;}
.btn-list{background:url(../images/icon-2x.png) no-repeat; background-size:500px 500px; background-position:-260px -0px; width:27px; height:26px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle;}
.btn-chatting.active{background:url(../images/icon-2x.png) no-repeat; background-size:500px 500px; background-position:-350px -30px; width:25px; height:25px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle;}
.btn-setting.active{background:url(../images/icon-2x.png) no-repeat; background-size:500px 500px; background-position:-400px -30px; width:25px; height:25px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle;}
.btn-vod.active{background:url(../images/icon-2x.png) no-repeat; background-size:500px 500px; background-position:-350px -0px; width:25px; height:25px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle;}
.btn-list.active{background:url(../images/icon-2x.png) no-repeat; background-size:500px 500px; background-position:-290px -0px; width:27px; height:26px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle;}
.btn-chatting.sm{background:url(../images/icon-2x.png) no-repeat; background-size:500px 500px; background-position:-425px -30px; width:15px; height:15px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle;}
.btn-setting.sm{background:url(../images/icon-2x.png) no-repeat; background-size:500px 500px; background-position:-440px -30px; width:15px; height:15px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle;}
.btn-vod.sm{background:url(../images/icon-2x.png) no-repeat; background-size:500px 500px; background-position:-425px -45px; width:15px; height:15px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle;}
.btn-list.sm{background:url(../images/icon-2x.png) no-repeat; background-size:500px 500px; background-position:-440px -45px; width:15px; height:15px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle;}
.icon-question.sm{background:url(../images/icon-2x.png) no-repeat; background-size:500px 500px; background-position:-455px -30px; width:15px; height:15px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle;}
.icon-vod-lock{background:url(../images/icon-2x.png) no-repeat; background-size:500px 500px; background-position:-300px -110px; width:11px; height:15px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle;}
.icon-vod-del{background:url(../images/icon-2x.png) no-repeat; background-size:500px 500px; background-position:-325px -110px; width:11px; height:15px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle;}
.icon-vod-down{background:url(../images/icon-2x.png) no-repeat; background-size:500px 500px; background-position:-350px -110px; width:15px; height:15px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle;}
.icon-siren{background:url(../images/icon-2x.png) no-repeat; background-size:500px 500px; background-position:-400px -110px; width:13px; height:18px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle; position: relative; top:-3px}
.icon-siren.small{background:url(../images/icon-2x.png) no-repeat; background-size:500px 500px; background-position:-150px -125px; width:12px; height:15px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle; position: relative; top:-3px}
.icon-siren.small.active{background:url(../images/icon-2x.png) no-repeat; background-size:500px 500px; background-position:-250px -140px; width:12px; height:15px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle; position: relative; top:-3px}
.icon-check{background:url(../images/icon-2x.png) no-repeat; background-size:500px 500px; background-position:-425px -110px; width:18px; height:18px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle; }
.icon-refresh{background:url(../images/icon-2x.png) no-repeat; background-size:500px 500px; background-position:-375px -110px; width:18px; height:15px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle; }
.icon-chat-list{background:url(../images/icon-2x.png) no-repeat; background-size:500px 500px; background-position:-485px -30px; width:15px; height:15px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle; }
.icon-chat-list.active{background:url(../images/icon-2x.png) no-repeat; background-size:500px 500px; background-position:-485px -45px; width:15px; height:15px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle; }
.icon-share{background:url(../images/icon-2x.png) no-repeat; background-size:500px 500px; background-position:-470px -30px; width:15px; height:15px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle; }
.icon-share.active{background:url(../images/icon-2x.png) no-repeat; background-size:500px 500px; background-position:-470px -45px; width:15px; height:15px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle; }
.icon-share.small{background:url(../images/icon-2x.png) no-repeat; background-size:500px 500px; background-position:-125px -125px; width:13px; height:15px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle; margin-top: -2px }
.icon-share.small.active{background:url(../images/icon-2x.png) no-repeat; background-size:500px 500px; background-position:-225px -140px; width:13px; height:15px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle; margin-top: -2px }

.label.news{background: #df1a20;display: inline-block;
    min-width: 20px;
    height: 20px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border-radius: 50%; }

a.label.news{ color:#fff}
.icon-news{background:url(../images/icon-2x.png) no-repeat; background-size:500px 500px; background-position:-100px -30px; width:28px; height:22px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle;}
.btn-chat-close{background:url(../images/icon-2x.png) no-repeat; background-size:500px 500px; background-position:-275px -110px; width:10px; height:9px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle;}
.icon-play{background:url(../images/icon-2x.png) no-repeat; background-size:500px 500px; background-position:-150px -30px; width:9px; height:9px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle;}
.icon-live{background:url(../images/icon-2x.png) no-repeat; background-size:500px 500px; background-position:-200px -30px; width:53px; height:23px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle;}
.icon-vod{background:url(../images/icon-2x.png) no-repeat; background-size:500px 500px; background-position:-200px -0px; width:53px; height:23px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle;}
.icon-bookmark{background:url(../images/icon-2x.png) no-repeat; background-size:500px 500px; background-position:0px -110px; width:17px; height:19px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle;}
.icon-play-lg{background:url(../images/icon-2x.png) no-repeat; background-size:500px 500px; background-position:-25px -110px; width:12px; height:12px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle;}
.icon-gift{background:url(../images/icon-2x.png) no-repeat; background-size:500px 500px; background-position:-50px -110px; width:19px; height:24px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle;}
.icon-like{background:url(../images/icon-2x.png) no-repeat; background-size:500px 500px; background-position:-75px -110px; width:18px; height:22px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle;}
.icon-mission{background:url(../images/icon-2x.png) no-repeat; background-size:500px 500px; background-position:-455px -110px; width:14px; height:18px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle;}
.icon-bookmark.small{background:url(../images/icon-2x.png) no-repeat; background-size:500px 500px; background-position:-100px -110px; width:15px; height:15px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle;}
.icon-bookmark.small.active{background:url(../images/icon-2x.png) no-repeat; background-size:500px 500px; background-position:-200px -140px; width:15px; height:15px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle;}
.icon-play.small{background:url(../images/icon-2x.png) no-repeat; background-size:500px 500px; background-position:-125px -110px; width:15px; height:15px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle;}
.icon-gift.small{background:url(../images/icon-2x.png) no-repeat; background-size:500px 500px; background-position:-150px -110px; width:15px; height:15px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle;}
.icon-like.small{background:url(../images/icon-2x.png) no-repeat; background-size:500px 500px; background-position:-175px -110px; width:15px; height:15px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle;}
.icon-like.small.active{background:url(../images/icon-2x.png) no-repeat; background-size:500px 500px; background-position:-275px -140px; width:15px; height:15px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle;}

.icon-livein{background:url(../images/icon-2x.png) no-repeat; background-size:500px 500px; background-position:0px -60px; width:16px; height:19px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle;}
.icon-twitch{background:url(../images/icon-2x.png) no-repeat; background-size:500px 500px; background-position:-25px -60px; width:15px; height:19px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle;}
.live-chatting .icon-twitch{background:url(../images/icon-2x.png) no-repeat; background-size:500px 500px; background-position:-125px -60px !important; width:15px; height:19px ; display:inline-block;overflow:hidden;line-height:9999px;}
.icon-afreeca{background:url(../images/icon-2x.png) no-repeat; background-size:500px 500px; background-position:-50px -60px; width:16px; height:19px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle;}
.icon-youtube{background:url(../images/icon-2x.png) no-repeat; background-size:500px 500px; background-position:-75px -60px; width:20px; height:19px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle;}
.icon-facebook{background:url(../images/icon-2x.png) no-repeat; background-size:500px 500px; background-position:-100px -60px; width:16px; height:19px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle;}

.icon-livein.md{background:url(../images/icon-2x.png) no-repeat; background-size:500px 500px; background-position:0px -80px; width:23px; height:23px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle;}
.icon-twitch.md{background:url(../images/icon-2x.png) no-repeat; background-size:500px 500px; background-position:-25px -80px; width:22px; height:23px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle;}
.icon-afreeca.md{background:url(../images/icon-2x.png) no-repeat; background-size:500px 500px; background-position:-50px -80px; width:19px; height:23px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle;}
.icon-youtube.md{background:url(../images/icon-2x.png) no-repeat; background-size:500px 500px; background-position:-75px -80px; width:24px; height:23px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle;}
.icon-facebook.md{background:url(../images/icon-2x.png) no-repeat; background-size:500px 500px; background-position:-100px -80px; width:20px; height:23px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle;}


.icon-livein.lg{background:url(../images/icon-2x.png) no-repeat; background-size:500px 500px; background-position:0px -180px; width:32px; height:29px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle;}
.icon-twitch.lg{background:url(../images/icon-2x.png) no-repeat; background-size:500px 500px; background-position:-50px -180px; width:32px; height:30px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle;}
.icon-afreeca.lg{background:url(../images/icon-2x.png) no-repeat; background-size:500px 500px; background-position:-100px -180px; width:32px; height:30px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle;}
.icon-youtube.lg{background:url(../images/icon-2x.png) no-repeat; background-size:500px 500px; background-position:-150px -180px; width:32px; height:24px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle;}
.icon-facebook.lg{background:url(../images/icon-2x.png) no-repeat; background-size:500px 500px; background-position:-200px -180px; width:32px; height:29px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle;}

.icon-ch-wife.off{background:url(../images/icon-2x.png) no-repeat; background-size:500px 500px; background-position:-200px -110px; width:24px; height:18px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle;}
.icon-ch-wife.on{background:url(../images/icon-2x.png) no-repeat; background-size:500px 500px; background-position:-225px -110px; width:24px; height:18px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle;}
.icon-ch-setting{background:url(../images/icon-2x.png) no-repeat; background-size:500px 500px; background-position:-250px -110px; width:20px; height:20px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle;}

.btn-cast-prev{background:url(../images/icon-2x.png) no-repeat; background-size:500px 500px; background-position:0px -140px; width:26px; height:27px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle; margin-right: -6px}
.btn-cast-next{background:url(../images/icon-2x.png) no-repeat; background-size:500px 500px; background-position:-50px -140px; width:27px; height:27px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle;}
.icon-set-01{background:url(../images/icon-2x.png) no-repeat; background-size:500px 500px; background-position:-100px -140px; width:17px; height:22px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle;}
.icon-set-02{background:url(../images/icon-2x.png) no-repeat; background-size:500px 500px; background-position:-125px -140px; width:22px; height:22px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle;}
.icon-set-03{background:url(../images/icon-2x.png) no-repeat; background-size:500px 500px; background-position:-150px -140px; width:22px; height:22px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle;}
.icon-set-04{background:url(../images/icon-2x.png) no-repeat; background-size:500px 500px; background-position:-175px -140px; width:22px; height:22px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle;}
.icon-question{background:url(../images/icon-2x.png) no-repeat; background-size:500px 500px; background-position:-275px -30px; width:20px; height:20px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle;}

.icon-gnb-01{background:url(../images/icon-2x.png) no-repeat; background-size:500px 500px; background-position:0px 0px; width:19px; height:26px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle;}
.icon-gnb-02{background:url(../images/icon-2x.png) no-repeat; background-size:500px 500px; background-position:-25px 0px; width:27px; height:26px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle;}
.icon-gnb-03{background:url(../images/icon-2x.png) no-repeat; background-size:500px 500px; background-position:-75px 0px; width:24px; height:26px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle;}
.icon-gnb-04{background:url(../images/icon-2x.png) no-repeat; background-size:500px 500px; background-position:-100px 0px; width:24px; height:26px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle;}
.icon-gnb-05{background:url(../images/icon-2x.png) no-repeat; background-size:500px 500px; background-position:-125px 0px; width:23px; height:26px ; display:inline-block;overflow:hidden;line-height:9999px; vertical-align:middle;}


/************** check box **************/
body:not(#foo) input[type='checkbox'] {
  opacity: 0; position: absolute;
}

body:not(#foo) input[type='radio'] {
  opacity: 0; position: absolute; 	  
}

body:not(#foo) .checkbox,.radiobtn {
  width: 18px;
  height: 18px;/*
  margin-left: -20px ;*/
  display: inline-block;
  cursor: pointer;/*
  -webkit-filter: drop-shadow(11px 10px 14px rgba(0,0,0,0.25));
  -moz-filter: drop-shadow(11px 10px 14px rgba(0,0,0,0.25));
  filter: drop-shadow(11px 10px 14px rgba(0,0,0,0.25));*/
  position: relative;
}

.check-wrap label span.checkbox {
  background: url(../images/btn_check.png) 0px 0px; margin-right: 3px;
}
.check-wrap input[type='checkbox']:checked + label span.checkbox {
  background: url(../images/btn_check.png) -20px 0px; 
}
.check-wrap label span.radiobtn {
  background: url(../images/btn_check.png) -40px 0px; position: relative; top:5px; margin-right: 3px
}
.check-wrap input[type='radio']:checked + label span.radiobtn {
  background: url(../images/btn_check.png) -60px 0px;
}
.check-wrap{ position: relative}
.check-wrap .checkbox{ position: absolute;  top:5px; padding: 0; margin: 0; line-height: 18px}
.check-wrap .title-check{ cursor: pointer;}


.radio-wrap label span.radio {
  background: url(../images/checkbox_selected_off.png) 0px 0px; width:22px !important; height: 22px !important ; position: relative; top:1px; cursor: pointer; margin-bottom: 0 !important
}
.radio-wrap input[type='radio']:checked + label span.radio {
  background: url(../images/checkbox_selected.png) 0px 0px; width:22px !important; height: 22px !important ; position: relative; top:1px; cursor: pointer; margin-bottom: 0 !important
}


.check-circle label span.checkbox {
  background: url(../images/checkbox_selected_off.png) 0px 0px; width:22px !important; height: 22px !important ; position: relative; top:1px; 
}
.check-circle input[type='checkbox']:checked + label span.checkbox {
  background: url(../images/checkbox_selected.png) 0px 0px;width:22px !important; height: 22px !important;line-height: 22px !important; 
}
.check-circle{ position: relative}
.check-circle .checkbox{ position: absolute;  top:5px !important; padding: 0; margin:0; line-height: 17px}


/* button */
.button {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  border: 1px solid #ccc;
  height: 33px;
  line-height: 30px;
  padding: 0px 20px;
  font-weight: normal;
  font-size: 14px;
  color: #000;
  margin: 0;
  text-decoration: none;
  text-align: center; 
  cursor:pointer;
	border-radius:2px
}

.radius{border-radius:2px}

.button:hover,a.button:hover, .button:focus {
  background-color: #f5f5f5;color: #000;
}

.button-line {
	background: #fff; border:1px solid #c4c2c2; 
}

.button-xl{ height:45px; line-height:42px;  font-size:16px}
.button-lm{ font-size:14px; height:26px; line-height:24px; padding:0px 10px}
.button-sm{ font-size:12px; height:20px; line-height:18px; padding:0px 2px}
.button-form{ font-size:12px; height:28px; line-height:28px; padding:0px 8px}

.button-primary {
	background:#df1a20; color:#fff !important; border:none;
}
.button-primary:hover, .button-primary:focus {
  background:#b91217 !important; color:#fff !important
}

.button-white {
	background:#fff; border:none;
}
.button-white:hover, .button-point:focus {
  background:#f5f5f5 !important;
}

.button-point {
	background:#01bbd6; color:#fff !important; border:none;
}
.button-point:hover, .button-point:focus {
  background:#946b42 !important; color:#fff !important
}

.button-point2 {
	background:#a2c02f !important; color:#fff !important; border:none;
}
.button-point2:hover, .button-point:focus {
  background:#2a221b !important; color:#fff !important
}
.button-gray {
	background:#707070; color:#fff !important; border:none;
}
.button-gray:hover, .button-gray:focus {
  background:#585858 !important; color:#fff !important
}

.button-orange {
	background:#ff6600; color:#fff !important; border:none;
}
.button-orange:hover, .button-orange:focus {
  background:#777 !important; color:#fff !important
}

.button-blue {
	background:#448cd6; color:#fff !important; border:none; 
}
.button-blue:hover, .button-blue:focus {
  background:#397ec4 !important; color:#fff !important
}
.button-green {
	background:#00c73c; color:#fff !important; border:none; border:1px solid #00c73c
}
.button-green:hover, .button-orange:focus {
  background:#00b135 !important; color:#fff !important
	
}
.button-sale {
	background:#eb0000; font-size:12px; height:20px; line-height:17px; padding:0 5px;  color:#fff !important; border:none; border:1px solid #d50101
}
.button-sale:hover, .button-sale:focus {
  background:#d50101 !important; color:#fff !important
	
}
