@charset "utf-8";
@font-face {
    font-family: 'SDGothicNeo';
    font-style: normal;
    font-weight: 400;
    src: url(../font/SDGothicNeocTTF-cRg.eot);
    src: url(../font/SDGothicNeocTTF-cRg.eot?#iefix) format('embedded-opentype'),
        url(../font/SDGothicNeocTTF-cRg.woff2) format('woff2'),
        url(../font/SDGothicNeocTTF-cRg.woff) format('woff'),
        url(../font/SDGothicNeocTTF-cRg.ttf) format('truetype');
    /* src: local('※'), url("/asset/webview/push_my_singer/font/SDGothicNeocTTF-cRg.woff2") format("woff2"); */
    font-display: swap;
}

.cboxIframe { background-color: transparent !important; }
 #cboxLoadedContent { background-color: transparent !important; }
 #cboxLoadingOverlay, #cboxLoadingGraphic { width: 100vw !important; }
em, dfn { font-style: normal; }
/* 공통/시작 */
/* http://meyerweb.com/eric/tools/css/reset/    v2.0 | 20110126   License: none (public domain)*/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby,section, summary,time, mark, audio, video, join_btn, button {margin: 0;padding: 0;border: 0;font-size: 13px; font-family: 'SDGothicNeo', 'NanumBarunGothic', 'NanumGothic', sans-serif;}/* HTML5 display-role reset for older browsers */article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block}ol, ul,li {list-style:none}blockquote, q {quotes: none}blockquote:before, blockquote:after,q:before, q:after {content: '';content: none}table {border-collapse: collapse;border-spacing: 0; word-break:break-all}a {text-decoration: none;color:#1d1d1d}img {width:100%;} button{cursor:pointer}/* 공통/끝 */

body { overflow-x: hidden; min-width: 320px; background-color: #eee; }

/* header/시작 */
header {width:100%; overflow:hidden}
.top_menu {width:95%; padding:0 2.5%; border-bottom:1px solid #c1c1c1; overflow: hidden}
.menu01 {width:60%; height:50px; float:left}
.menu01 .menu_01 {float:left; display:block; width:30px; height:50px; background:url(../images/menu_icon.png) no-repeat left center; background-size:17px 14px; text-indent:-9999px; cursor: pointer}
.menu01 h1 {float:left}
.menu01 h1 a {display:block; width:147px; height:50px; background: url(../../../asset/asp/push_my_singer/images/logo.png) no-repeat center; background-size:147px 50px; text-indent:-9999px}
.menu01 h1 a img { opacity: 0; }
.menu02 {float:right; width:40%; height:50px; text-align:right}
.menu02 ul li {display: inline-block; height:50px; overflow: hidden}
.menu02 ul li a {display:block; padding-left:24px; height:50px; line-height:50px}
.menu02 ul li.menu_03 a {padding-left:27px;}
.menu02 ul li.menu_02 {width:auto; background: url(../images/menu_app_down.png) no-repeat left center;background-size:19px 21px}
.menu02 ul li.menu_03 {width:auto;background: url(../images/menu_shop.png) no-repeat left center; background-size:22px 21px}
.menu02 ul li.menu_04 {width:31px; background: url(../images/menu_search.png) no-repeat right center; background-size:26px 26px}

/* 메뉴/시작 */
.nav_menu_wrap {clear: both; width:100%; height:45px}
.nav_menu_wrap .nav_menu {width:100%; height:45px}
.nav_menu_wrap .nav_menu li {width:25%; height:45px; line-height:39px; float:left; text-align:center; cursor:pointer}
.nav_menu_wrap .nav_menu li select {border:1px solid #e7e7e7; vertical-align:middle; height:30px; background:#fff; border-radius:3px}
.nav_menu_wrap .nav_menu li > span {font-size:16px; height:42px; line-height:45px; display:block; color:#5f5f5f}
.nav_menu_wrap .nav_menu li.on > span {color:#ff7b1c; border-bottom:3px solid #ff7b1c; font-weight:bold}
.nav_menu_wrap .nav_menu li:hover span {color:#ff7b1c; font-weight:bold;border-bottom:3px solid #ff7b1c}
/* 메뉴/끝 */

/* left/시작 */
.sidebar_wrap {display:none}
.sidebar {width:100%; height:100%; background:#fff; overflow-x:hidden; position:relative}
.menu01 .sidebar_top,
.sidebar .sidebar_top {clear:both; width:90%; height:50px; padding:0 5%; display:block; text-indent:0; cursor: pointer; background-color:#fff; border-bottom:1px solid #e1e1e1;}
.menu01 .sidebar_top .sidebar_top_01,
.sidebar .sidebar_top .sidebar_top_01 {float:left; text-indent:-9999px; font-size:0; width:147px; height:50px; background: url(../../../asset/asp/push_my_singer/images/logo.png) no-repeat left center; background-size:147px 50px; cursor:pointer}
.sidebar_top_02 {position:absolute; left:0; z-index:2; width:50px; height:50px; text-indent:-9999px; background:url(/asset/common/images/sidebar/sidebar_close.png) no-repeat top 10px center; background-size:auto 20px; cursor:pointer}
.main_sidebar {width:100%}
.main_sidebar .main_sidebar_top {position: relative;}

.sidebar_app_down {background:#fff; height:46px; width:100%; display:block; text-align:center; border-bottom:1px solid #e1e1e1}
.sidebar_app_down span {padding:0 25px 0 40px; display:inline-block; height:46px; line-height:46px; font-weight:bold; font-size:14px; color:#8c4adb; background:url(/asset/asp/push_my_singer/images/sidebar/sidebar_app_icon.png) no-repeat left center, url(/asset/asp/push_my_singer/images/sidebar/sidebar_app_down.png) no-repeat right center #fff; background-size:auto 35px, auto 18px}
.sidebar_upload {background:#fb600a; border-top:1px solid #d64c00; border-bottom:1px solid #d64c00}
.sidebar_upload span {padding-left:0; background:none; background:url(/asset/common/images/sidebar/sidebar_app_down_icon.png) no-repeat right center; background-size:auto 18px; color:#fff}

.side_cate_wrap {width:100%; padding:0 5%; border-bottom:5px solid #e1e1e1; box-sizing:border-box}
.side_cate_wrap li a {height:40px; line-height:40px; padding-left:35px; display: block; color:#1d1d1d;}
.side_cate_wrap li:last-child, .side_cate_wrap li:last-child a {border-bottom:none}
.side_cate_wrap li:last-child a:last-child {border-bottom:none;}
.side_cate_wrap:last-child {margin-bottom:20px}

.side_cate_wrap li.sidebar_myinfo {background:url(/asset/common/images/sidebar/sidebar_icon_myinfo.png) no-repeat left 10px center; background-size:auto 15px}
.side_cate_wrap li.sidebar_bookmark {background:url(/asset/common/images/sidebar/sidebar_icon_bookmark.png) no-repeat left 10px center; background-size:auto 15px}
.side_cate_wrap li.sidebar_recent {background:url(/asset/common/images/sidebar/sidebar_icon_recent.png) no-repeat left 10px center; background-size:auto 15px}

.side_cate_wrap li.sidebar_todaybj {background:url(/asset/common/images/sidebar/sidebar_icon_todaybj.png) no-repeat left 10px center; background-size:auto 15px}
.side_cate_wrap li.sidebar_fame {background:url(/asset/common/images/sidebar/sidebar_icon_fame.png) no-repeat left 10px center; background-size:auto 15px}
.side_cate_wrap li.sidebar_goldtalk {background:url(/asset/common/images/sidebar/sidebar_icon_goldtalk.png) no-repeat left 10px center; background-size:auto 15px}
.side_cate_wrap li.sidebar_quiz {background:url(/asset/common/images/sidebar/sidebar_icon_quiz.png) no-repeat left 10px center; background-size:auto 15px}

.side_cate_wrap li.sidebar_event {background:url(/asset/common/images/sidebar/sidebar_icon_event.png) no-repeat left 10px center; background-size:auto 15px}
.side_cate_wrap li.sidebar_notice {background:url(/asset/common/images/sidebar/sidebar_icon_recent.png) no-repeat left 10px center; background-size:auto 15px}
.side_cate_wrap li.sidebar_qna {background:url(/asset/common/images/sidebar/sidebar_icon_qna.png) no-repeat left 10px center; background-size:auto 15px}
.side_cate_wrap li.sidebar_inquire {background:url(/asset/common/images/sidebar/sidebar_icon_inquire.png) no-repeat left 10px center; background-size:auto 15px}
.side_cate_wrap li.sidebar_offer {background:url(/asset/common/images/sidebar/sidebar_icon_offer.png) no-repeat left 10px center; background-size:auto 15px}
.side_cate_wrap li.sidebar_report {background:url(/asset/common/images/sidebar/sidebar_icon_report.png) no-repeat left 10px center; background-size:auto 15px}
.side_cate_wrap li.sidebar_log_out {background:url(/asset/common/images/sidebar/sidebar_icon_logout.png) no-repeat left 10px center; background-size:auto 15px}

.side_login_btn {width:100%; display: flex; flex-direction: column;}
.side_login_btn > li {width:100%}
.side_login_btn > li .sidebar_btn {width: 100%; height:30px; padding: 0 7px; color: #fff; border-radius: 5px; background: #c1c1c1; font-weight:bold; font-size:12px;}
.side_login_btn > li +li {margin-top: 5px;}
.side_login_btn:lang(en) > li:first-child {}
.side_login_btn:lang(ja) > li:first-child {font-size:12px; padding: 30px 0 25px 0;}
.side_login_btn:lang(zh) > li:first-child {}

.main_sidebar .main_sidebar_top .login_before {display: flex; align-items: center; justify-content: center; padding: 25px 8px 15px; border-bottom: 1px solid #e1e1e1;}
.main_sidebar .side_logo {
    flex: 0 0 auto;
    display: block;
    background: url(/asset/asp/push_my_singer/images/sidebar/sidebar_logo.png) no-repeat 0 0 / 100%  auto;
    width: 100px;
    height: 83px;
    font-size: 14px;
    font-weight: bold;
    text-indent: -9999px;
    overflow: hidden;
}
.main_sidebar .side_login_btn {margin-left: 10px;}
.main_sidebar .main_sidebar_top .login_after {position: relative; display: flex; flex-direction: column; padding-top: 35px;}
.main_sidebar .main_sidebar_top .login_after .btn_profile {display: flex; align-items: center; justify-content: center; padding: 0 20px 10px; border-bottom: px solid #fff;}
.sidebar_profile {text-align:center;}
.sidebar_profile a strong {flex: 0 0 auto; border:1px solid #bd5c17; width:70px; height:70px; border-radius:45px; text-indent:-9999px; display:inline-block;}
.sidebar_profile a ul {margin-left: 10px;}
.sidebar_profile a ul li {background:none; text-align:left}
.sidebar_profile a ul li.sidebar_pro_nick {color:#333; font-size:16px; font-weight:bold}
.sidebar_profile a ul li.sidebar_pro_id {font-size:12px; color:#ff7b1c}
.sidebar_note {width:50px; height:50px; position:absolute; right:0; top:0}
.sidebar_note a {display:block; width:50px; height:50px; text-indent:-9999px; background:url(/asset/common/images/sidebar/sidebar_message.png) no-repeat top 10px center; background-size:auto 20px; position:relative}
.sidebar_note a em {background:#1d1d1d; position:absolute; right:2px; top:2px; display:block; color:#fff; border-radius:10px; text-indent:0; padding:0px 4px 2px}
.sidebar_profile_gold {width:94%; padding:0 3%; height:44px; background:#8c4adb}
.sidebar_profile_gold em, .sidebar_profile_gold a {display:block; height:44px; line-height:44px; float:left; color:#fff; font-weight:bold; font-size:15px}
.sidebar_profile_gold em {padding-left:25px; background:url(/asset/asp/push_my_singer/images/icon_push_img.png) no-repeat left center; background-size:20px auto}
.sidebar_profile_gold a {float:right; padding-right:28px; background:url(/asset/common/images/login_iframe/icon_app_store.png) no-repeat right center; background-size:auto 20px}

.level_ico_0 {background:url(../images/grade/class_all00.png) no-repeat left center; background-size:15px; width:15px; height:15px; display:block; float:left; margin-right:3px}
.level_ico_1 {background:url(../images/grade/class_all01.png) no-repeat left center; background-size:15px; width:15px; height:15px; display:block; float:left; margin-right:3px}
.level_ico_2 {background:url(../images/grade/class_all02.png) no-repeat left center; background-size:15px; width:15px; height:15px; display:block; float:left; margin-right:3px}
.level_ico_3 {background:url(../images/grade/class_all03.png) no-repeat left center; background-size:15px; width:15px; height:15px; display:block; float:left; margin-right:3px}
.level_ico_4 {background:url(../images/grade/class_all04.png) no-repeat left center; background-size:15px; width:15px; height:15px; display:block; float:left; margin-right:3px}
.level_ico_5 {background:url(../images/grade/class_all05.png) no-repeat left center; background-size:15px; width:15px; height:15px; display:block; float:left; margin-right:3px}
.level_ico_6 {background:url(../images/grade/class_all06.png) no-repeat left center; background-size:15px; width:15px; height:15px; display:block; float:left; margin-right:3px}
/* left/끝 */
/* header/끝 */

/* section영역/시작 */
/* section영역 공지사항 및 배너/시작 */
section h2 {overflow:hidden; font-size:0px; text-indent:-9999px}
.notice_ban {background:#f5f5f5; border-bottom:1px solid #eeeeee}
.notice_ban .notice_wrap {width:95%; padding:0 2.5%; font-size: 13px; height:40px; line-height:40px; overflow: hidden; border-bottom:5px solid #fff}
.notice_ban .notice_wrap li span {display:block; float:left}
.notice_ban .notice_wrap li span.notice_contents {width:80%; white-space:nowrap; text-overflow:ellipsis; overflow: hidden}
.notice_ban .notice_wrap li span.notice_contents a {width:100%; display: block; overflow: hidden; text-overflow:ellipsis; white-space:nowrap}
.notice_ban .notice_wrap li span strong.notice_title {font-weight:bold}
.notice_ban .notice_wrap li span.notice_more {width:20%; text-align:right}
.notice_ban .notice_wrap li span.notice_more a {color:#1d1d1d; font-weight:bold; display: block; height:40px}
.notice_ban .main_ban_wrap {width:100%}
.main_ban {display:block; position:relative; width:100%; min-height:100%}
/* section영역 공지사항 및 배너/끝 */

/* section영역 list_main/시작 */
.list_main > div {width:100%; box-sizing:border-box}
.list_main div ul {width:100%; border-bottom:5px solid #e1e1e1;}
.list_main div ul li {width:95%; padding:5px 2.5%; height:80px; border-bottom:1px solid #c1c1c1; border-top:5px solid #e1e1e1; overflow:hidden; cursor:pointer}
/* .list_main div ul li:first-child {border-top:none;} */
.list_main div ul li p {text-align:center; height:80px; line-height:80px;}
.list_main div ul li span {display:block; float:left}
.list_main div ul li span.list_text_id {display:block; color:#ff7b1c; position:absolute; bottom:0}
.list_main div ul li div.list_text_count_wrap {position:absolute; bottom:0; right:0; width:50%; text-align:right; height:12px;}
.list_main div ul li div.list_text_count_wrap ul {border-bottom:none}
.list_main div ul li div.list_text_count_wrap ul li strong {font-weight:bold}
.list_main div ul li .list_img {position:relative; float:left; width:40%; height:80px; overflow:hidden; background-size:100%/*cover*/; background-position:center; cursor:pointer; background-image:url(../../../asset/asp/push_my_singer/images/list_img_none.png); background-repeat:no-repeat}

.list_live_icon {display:inline-block; position:absolute; left:3px;top:3px; padding:3px 5px; background:#ff7b1c; color:#fff; z-index:4; border-radius:3px;}
.list_live_icon > span {font-size:11px}
.list_off_icon {background:#999}
.list_replay_icon {background:#28a1ff}
.list_highlight_icon {background:#ff5528}
.list_19 {position:absolute; width:100%; height:80px; overflow:hidden; background:rgba(0,0,0,0.2); z-index:3}
.list_19 > .list_19_icon {position: absolute; right:3px; top:3px; width:21px; height:21px; text-indent:-9999px; font-size:0; background: url(../images/icon_19.png) no-repeat; background-size:21px}
.list_19 > .list_19_text {position:absolute; width:100%; height:80px; float:none; font-size:10px; color:#fff; padding:0 5px 0; text-align: center; background:url(../images/icon_19_bg.jpg) no-repeat top center; background-size:100% 80px; box-sizing:border-box; text-align: center; z-index:5}
.list_19 > .list_19_text > span {display:block; text-indent:-9999px; width:100%; height:37px; padding:6px 0; background: url(../images/icon_19_02.png) no-repeat center; background-size:37px;}

.list_main div ul li .list_text {float:left; width:55%; height:80px; margin-left: 5%; overflow: hidden; position:relative}
.list_main div ul li .list_text .list_text_contents {width:100%; height:40px; line-height:20px; overflow: hidden; font-size:15px; color:#333; cursor:pointer;}
.list_main div ul li .list_text div {width:100%; height:20px; color:#999;}
.list_main div ul li .list_text div ul li.list_text_count {display:inline-block; width:auto; height:auto; text-indent:10px; background: url(../images/icon_list_count.png) no-repeat left center; background-size:8px 7px; padding: 0; border:none}
.list_main div ul li .list_text div ul li.list_text_heart {display:inline-block; width:auto; height:auto; text-indent:10px; background: url(../images/icon_list_heart.png) no-repeat left center; background-size:8px 7px; padding:0; border:none}
/* section영역 list_main/끝 */

/* list/시작 */
.list div ul {width:95%; padding: 0 2.5%}
.list div ul li {width:100%; height:80px; padding:10px 0; border-bottom:1px solid #eeeeee; overflow:hidden}
.list div ul li p {text-align:center; height:80px; line-height:80px;}
.list div ul li span {display:block; float:left}
.list div ul li span.list_text_id {display:block; float:left}
.list div ul li div.list_text_count_wrap {width:25%; float:right; text-align:right}
.list div ul li .list_img {position:relative; float:left; width:40%; height:80px; overflow:hidden; background-size:cover; background-position:center; cursor:pointer; background-image:url(../../../asset/asp/push_my_singer/images/list_img_none.png)}

.list div ul li .list_text {float:left; width:55%; height:80px; margin-left: 5%; overflow: hidden; position:relative}
.list div ul li .list_text .list_text_contents {width:100%; height:45px; line-height: 23px; overflow: hidden; font-size:15px; color:#333; cursor:pointer;}
.list div ul li .list_text div {width:100%; height:20px; overflow: hidden; color:#999; position:absolute; left: 0; bottom: 0}
.list div ul li .list_text div .list_text_id {width:50%}
.list div ul li .list_text div ul li.list_text_count {display: inline-block; width:auto; height:auto; text-align:right; text-indent:10px; background: url(../images/icon_list_count.png) no-repeat left center; background-size:8px 7px; padding: 0; border:none}
.list div ul li .list_text div ul li.list_text_heart {display: inline-block; width:auto; height:auto; text-align:right; text-indent:10px; background: url(../images/icon_list_heart.png) no-repeat left center; background-size:8px 7px; padding:0; border:none}
/* list/끝 */

/* Bj랭킹/시작 */
.list_main div#main_tab_03_list ul {border-bottom:none; padding-top:10px;}
.list_main div ul li.list_rank_wrap {width:30%;margin:0 1.5% 10px 1.5%;float:left; border:1px solid #e1e1e1; overflow:visible; height:131px;box-sizing:border-box; padding:0; cursor:pointer}
.list_main div ul li.list_rank_wrap_01 {border:2px solid #ff6e00}
.list_main div ul li .list_img.list_rank_img {width:100%; overflow:visible}
.list_rank_icon {width:33px; height:42px; position:absolute; left:-4px; top:-4px; background:url(../images/icon_rank_02.png) no-repeat; background-size:33px 42px}
.list_rank_icon_01 {background:url(../images/icon_rank_01.png) no-repeat; background-size:33px 42px}
.list_rank_icon > span {width:32px; height:30px; line-height:30px; color:#fff; font-size:12px; font-weight:bold; text-align:center; text-shadow:1px 1px rgba(0,0,0,0.5)}
.list_rank_icon_01 > span {font-size:17px}

.list_text_rank {width:100%; height:23px; margin-top: 75px; padding:12px 0}
.list_text_rank > span {width:90%; padding:0 5%; text-align: center; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.list_text_rank > span.list_rank_love > img {width:10px}
/* Bj랭킹/끝 */

.btn_more {width:95%; padding:10px 2.5%; overflow:hidden}
.btn_more button {width:100%; height:40px; line-height:40px; background:#2d6dc4; color:#fff; border-radius:5px; font-size:15px; cursor:pointer}
#main_tab_03_list .btn_more {border-top:1px solid #e1e1e1;}
.list #main_tab_02_list, .list #main_tab_03_list, .list #main_tab_04_list {display:none}
.list_main #main_tab_02_list, .list_main #main_tab_03_list, .list_main #main_tab_04_list {display:none}

.list_top_btn {width:50px; height:50px; position:fixed; right:2.5%; bottom:15px; z-index:87}
.list_top_btn > button {width:100%; height:100%; display:block; text-indent:-9999px; background: url(../images/top.png) no-repeat; background-size:50px; cursor:pointer}
/* section영역 리스트/끝 */
/* section영역/끝 */

/* footer/시작 */
footer {clear: both; width:100%; border-top:1px solid #c1c1c1; background:#c1c1c1; text-align:center;}
footer p {font-size:11px; height:30px; line-height:30px; color:#fff; text-align:center}
footer ul.footer_01 {width:auto; overflow:hidden; text-align:center; padding:10px 0;}
footer ul.footer_01 li {display:inline-block; padding:0 5px; background: url(../images/line.png) no-repeat left center; margin-left:-5px;}
footer ul.footer_01 li a {display:block; height:30px; line-height:30px; color:#444; font-size:11px; font-weight:bold; text-align: center}
footer ul.footer_01 li:first-child {background-image:none}
footer ul.footer_02 {width:100%}
footer ul.footer_02 li {width:100%; font-size:12px; line-height:18px; text-align:center; color:#777}
footer ul.footer_02 li a {color:#444; font-size:12px}
/* footer/끝 */

/* join/시작 */
.join_top {width:100%; height:75px}
.join_top h1 {width:100%; height: 75px; line-height: 75px; position:relative;}
.join_top h1 span {width:100%;}
.join_top h1 span a {width:100%; text-indent:-9999px; display:block}
.join_top_logo a {background: url(../../../asset/asp/push_my_singer/images/logo.png) no-repeat center; background-size:147px 50px}
.join_top h1 span.join_top_close {position:absolute; top:2px; right:5%; width:60px; height:60px}
.join_top h1 span.join_top_close a {background: url(../images/../images/join_close.png) no-repeat center; background-size:18px}

.join_intro_text {width:70%; margin:0 10%; padding:20px 5%; background:#f5f5f5; text-align:center}
.join_intro_text > li {font-size:12px}
.join_intro_text > li > span {font-weight:bold; color:#ff7b1c; font-size:12px}
.join_banner {width:80%;margin: 0 auto}

.join_contents {width:80%; margin:15px auto}
.join_contents .join_wrap {width:100%; margin-bottom:15px; overflow:hidden}
h3 {font-size:15px; padding-bottom:10px}

.join_wrap_01 .join_simple {width:95%; padding:10px 2.5%; background:#f5f5f5; text-align:center;}
.join_wrap_01 ul {overflow:hidden; font-size:0;}
.join_wrap_01 ul li {width:32%; display:inline-block; padding:0; margin:0}
.join_wrap_01 ul li a {display:block; text-align:center; padding-top:80px; font-size:12px}
.join_wrap_01 ul li:first-child a {background:url(../images/icon_naver.jpg) no-repeat top center; background-size:75px 75px; color:#00c63b}
.join_wrap_01 ul li:nth-child(2) a {background:url(../images/icon_facebook.jpg) no-repeat top center; background-size:75px 75px; color:#3b589e}
.join_wrap_01 ul li:last-child a {background:url(../images/icon_google.jpg) no-repeat top center; background-size:75px 75px; color:#dd4a39}
.join_wrap_02 ul {width:100%}
.join_wrap_02 ul li {width:100%}
.join_input {width:100%; height:40px; text-indent:10px; margin-bottom:5px; border:1px solid #e1e1e1; box-sizing:border-box; border-radius:5px}
button.join_btn {width:100%; height:40px; color:#fff; font-size:15px; font-weight:bold; background:#ff7b1c; border-radius:5px; border:none; cursor:pointer}
.join_terms {margin-top:15px}
.join_terms p {font-size:12px; text-align:center}
.join_terms > ul {width:100%;text-align:center}
.join_terms > ul > li {display:inline-block; width:auto}
.join_terms > ul > li > a {display:block; padding:5px; text-decoration:underline}
.join_terms_btn {width:100%; box-sizing:border-box; margin:10px 0 5px; overflow:hidden}
.join_terms_btn > button {width:100%;height:40px;border-radius:5px;background:#2d6dc4; color:#fff; font-size:13px; float:left; cursor:pointer}
.join_terms_btn > button.join_btn_terms_1 {margin-right:2%; cursor:pointer}
.join_terms_btn > .join_terms_btn_done {font-size:14px; color:#ff7b1c;margin-bottom:10px}
/* join/끝 */

/* login/시작 */
.login_input_wrap {margin:5px 0; overflow: hidden}
.login_input1 {width:100%; overflow:hidden;}
.login_phoneinput {margin-bottom:5px; overflow: hidden;}
.login_phoneinput > input, .login_phoneinput > select {width:21%;height:40px; line-height: 40px; border:1px solid #e1e1e1; border-radius:5px; box-sizing:border-box; text-align:center; margin-left:2%;}
.yes_graytop, .idcheckbtn {font-size:12px; height:40px; line-height:40px; display:block; width:100%; text-align: center; border-radius:5px; color:#fff; background:#2d6dc4; cursor:pointer}
.login_phoneinput > select.tele_com {width:31%; margin-left: 0;}
.login_phoneinput > input.login_input {width:70%; margin:0 2% 0 0; float: left;}
.idcheckbtn {width:28%; float: left;}
.login_input_txt {font-size:12px;}
.login_find p {color:#666;}
.login_find p a {text-decoration:underline; color:#1d1d1d; font-weight:bold;}
.login_wrap {padding-bottom:15px; border-bottom:1px solid #e1e1e1}
.login_wrap > ul > li > span {font-size:12px; padding:0 0 10px 0; float: left;}
.login_wrap > ul > li > span.login_make {text-decoration:underline; float:right;}
.login_wrap > ul > li > span input {display:block; float:left}
.login_check {overflow: hidden;}

.login_pop_wrap {position: fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:100;}
.login_pop {position: absolute; top:28%; left:5%; width:90%; border-radius:3px; background:#fff; overflow: hidden;}
.login_pop > h3 {height:40px; line-height:40px; text-align: center; background:#ff7b1c; color:#fff; padding:0;}
.login_pop > ul {width:80%; margin:15px 10%;}
.login_pop > ul > li {margin-bottom:10px; text-align: center;}
.login_pop > ul > li:first-child{font-weight:bold}
.login_pop > ul > li > button {background:#2d6dc4; cursor:pointer}
/* login/끝 */

/* app down/시작 */
.app_down_wrap {width:80%; margin:10px auto}
.app_down_wrap > li {width:50%; height:88px; float:left; text-indent:-9999px; overflow: hidden; box-sizing: border-box}
.app_down_wrap > li > a {display:block; height:100%; box-sizing:border-box}
.app_down_wrap > li:first-child {background:url(../images/icon_google_down.jpg) no-repeat center; background-size:130px 88px}
.app_down_wrap > li:nth-child(2) {background:url(../images/icon_apple_down.jpg) no-repeat center; background-size:130px 88px}
.app_down_wrap > li:last-child {width:100%; height:336px; background:url(../../../asset/asp/push_my_singer/images/app_down_img.jpg) no-repeat center; background-size:280px 336px; margin-top:10px}
/* app down/끝 */

/* 인증하기/시작 */
.certification_wrap {width:100%; margin: 0 auto}
.certification_wrap > button.join_btn {width:90%; margin:0 5%; cursor:pointer}
.certification_text {margin-bottom:15px}
.certification_text > li {text-align:center}
.certification_text > li:first-child {height:125px; margin:10px 0; text-indent:-9999px; background:url(../images/certification_19.jpg) no-repeat center; background-size:125px}
.certification_text > li > span {color:#ff7b1c; font-weight:bold}
.certification_text > li:last-child {text-decoration:underline; padding:10px 0 15px 0; border-bottom:1px solid #eee}
.certification_text > li:last-child a {padding-right:9px; background:url(../images/icon_arr.png) no-repeat right center; background-size:4px 7px}
.certification_btn {margin-bottom: 15px; width:90%; margin:0 auto}
.certification_btn > ul {width:100%; margin-bottom:15px; overflow:hidden}
.certification_btn > ul > li a {width:49%; box-sizing:border-box; float:left; text-align:center; border-radius:3px; background:#f1f1f1; margin-right:2%}
.certification_btn > ul > li a > span {display:block; width:100%; padding-top:110px; background:url(../images/certification_img_1.png) no-repeat center; background-size:86px}
.certification_btn > ul > li:last-child a {margin-right:0}
.certification_btn > ul > li:last-child a > span {background:url(../images/certification_img_2.png) no-repeat center; background-size:86px}
.certification_btn > ul > li > a .certification_btn {width:90%; margin:10px 5%; padding:0; height:35px; line-height:35px; border-radius:3px; background:none; background-color:#2d6dc4; color:#fff}
.certification_btn > ul > li:last-child > a .certification_btn {background:#2d6dc4}
/* 인증하기/끝 */

/* 서비스 약관/시작 */
.service_wrap {width:100%; min-height:400px; margin:0 auto; background:#f1f1f1}
.service_wrap > h3 {width:90%; margin:0 auto; padding-top:15px}

.service_wrap > ul {width:95%; margin:5px 2.5% 0; padding-bottom:10px; overflow: hidden}
.service_wrap > ul > li {height:40px; padding:0 15px 0 40px; margin-bottom:5px; line-height:40px; background:url(../images/icon_list_service.png) no-repeat left 10px top 7px; background-color:#fff; background-size:20px 21px; border-radius:5px}
.service_wrap > ul > li a {display:block; background:url(../images/list_more_btn.png) no-repeat right center; background-size:5px 8px}
.my_page_menu > a {display:block; background:url(../images/list_more_btn.png) no-repeat right center; background-size:5px 8px}
.notice_page > ul {padding-top:5px;}
.notice_page > ul > li {width:100%; height:auto; line-height:16px; padding:10px; background:none; background-color:#fff; box-sizing:border-box}
.notice_text_02 {color:#ff7b1c;}
.notice_text_01 {}
.notice_text_day {clear:both; display:block; height:auto; line-height:initial; color:#999; font-size:11px; padding-top:5px; width:auto;}
.notice_text_an {float:right; color:#ff7b1c;}
.notice_text_wrap {width:95%; margin:15px auto;}
.notice_text_wrap p {margin-bottom:15px;}
.notice_text_wrap p > img {margin:15px 0; max-width:100% !important; height:auto !important;}
.notice_text_wrap img {margin:15px 0; max-width:100% !important; height:auto !important;}

.notice_text_wrap_01 .service_text_title {border-bottom:1px solid #1d1d1d; padding:0 0 10px 10px; margin:0; font-size:15px;}
.notice_text_wrap_01 .service_text_title_01 {background:url(../images/service_arr.png) no-repeat left 76px center #666; background-size:9px 6px; color:#fff; padding:10px 10px 10px 10px; font-weight:normal; margin-top:20px; border-top:1px solid #5a5a5a; border-bottom:1px solid #5a5a5a;}
table, tr, th, td {box-sizing:padding-box; box-sizing: border-box;}
.notice_text_wrap_01 > div > table {width:100%;}
.notice_text_wrap_01 > div > table tr {border-bottom:1px solid #e1e1e1;}
.notice_text_wrap_01 > div > table th {background:#f1f1f1; padding:7px 10px; vertical-align:top;}
.notice_text_wrap_01 > div > table td {padding:7px 10px; line-height:20px; vertical-align:middle}
.notice_text_wrap_01 > div > table td strong {padding-top:5px;}
.notice_text_ing {color:#ff7b1c}
.notice_tab_btn {padding:2px 10px; background:#2d6dc4; color:#fff; border-radius:3px; display:block; float:left;}
.notice_tab_btn_name {padding-left:5px;line-height:20px; display:inline-block;}
.service_inquire > ul {background:#f1f1f1;}
.service_inquire > ul > li {border-bottom:5px solid #e1e1e1; padding:10px 10px 5px;}
.service_inquire > ul > li:last-child {border-bottom:1px solid #e1e1e1; padding-bottom:5px;}
.service_inquire > ul > li > span, .service_inquire > ul > li > strong, .service_inquire > ul > li div {padding-bottom:5px; display:block; line-height: 20px; overflow: hidden;}
.service_inquire > ul > li div > button {background:#999; padding:2px 10px; cursor:pointer}
.service_inquire > ul > li div > span {line-height:20px;}

.notice_text {border-bottom:1px solid #e1e1e1; padding-bottom:10px; margin-bottom:10px;}
.notice_text > strong {color:#999;}
.notice_text > .service_text_title {margin:0; font-size:14px;}
.notice_text > .service_text_title > span {color:#ff7b1c; padding-right:3px}
.cls_ntv {display:none; line-height:16px; padding:10px 0 0; border-top:1px solid #e1e1e1; margin-top:10px}
.cls_ntv > p > img {padding:10px 0;}

#faq_view {width:100%}
.sub_top {width:95%; height:50px; line-height:50px; padding:0 2.5%; border-top:1px solid #e1e1e1; border-bottom:5px solid #e1e1e1; font-weight:bold}
.sub_top > span {width:38px; height:50px; position:absolute; top:0; right:2.5%; text-indent:-9999px; background:url(../images/join_close.png) no-repeat center; background-size:18px}
.sub_top > span > a {display: block; width:100%; height:100%}

.sub_top_notice {height:auto; line-height:22px; padding:15px 2.5%}
.sub_top_notice > h3 {width:90%; padding:0}
.sub_top_notice > h3 > span {color:#ff7b1c; font-size:15px}
.service_date {clear:both; display:block; height:auto; line-height:initial; color:#999}

.service_text_wrap {background-color:#f1f1f1; padding-bottom:15px}
.service_text {width:95%; margin:0 auto; padding-top:15px; font-size:12px; color:#666}
.service_text > h3 {color:#1d1d1d; margin-bottom:10px; font-weight:bold}
.service_text > h4 {color:#1d1d1d; margin-bottom:10px; font-weight:bold}
.service_text > p {padding:5px 0}
.service_text > p > span {display:block; padding-left:15px; padding-top:5px}
.service_text > p > span > a {text-decoration:underline}
.service_text > p > span > span {display:block; padding-left:15px; padding-top:5px}
.service_text_01 {margin-left:15px}

.service_p10 {padding-top:5px}
/* 서비스 약관/끝 */

/* 고객센터/시작 */
.ser_center {position:relative; height:auto}
.ser_center > h3 {position:absolute; top:12px; left:5%; width:95%; color:#fff; font-weight:bold; font-size:22px; text-shadow:1px 2px rgba(0,0,0,0.3)}
.ser_center > h3 > span {display:block; text-shadow:none;font-weight:400}
.ser_center > h3 > span > a {font-weight:400; text-shadow:none; color:#fff; display:block}
.ser_center_list {padding-top:2px;}
.ser_center_list > li:first-child {background:url(../images/icon_ser_01.png) no-repeat left 10px center #fff; background-size:22px 19px;}
.ser_center_list > li:nth-child(2) {background:url(../images/icon_ser_02.png) no-repeat left 11px center #fff; background-size:22px 21px;}
.ser_center_list > li:nth-child(3) {background:url(../images/icon_ser_03.png) no-repeat left 15px center #fff; background-size:12px 22px;}
.ser_center_list > li:nth-child(4) {background:url(../images/icon_ser_04.png) no-repeat left 11px center #fff; background-size:21px 16px;}
.ser_center_list > li:nth-child(5) {background:url(../images/icon_ser_05.png) no-repeat left 13px center #fff; background-size:15px 22px;}
.ser_center_list > li:last-child {background:url(../images/icon_ser_06.png) no-repeat left 12px center #fff; background-size:18px 22px;}

.ser_center + .my_page_menu li { background: #fff url(../images/icon_my_00.png) no-repeat left 10px center / 22px !important; }

.sub_wrap {position:relative}
.sub_wrap h3 {width:100%; height:50px; line-height:50px; text-align:center; background:#fff; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; font-weight:bold; padding:0;}
.sub_wrap h3 > span > a {text-indent:-9999px; position:absolute; left:0; top:0; display:block; width:50px; height:50px; background:url(/asset/asp/push_my_singer/images/sub_back_btn.png) no-repeat center; background-size:15px}

.service_top2 {height:50px; line-height:50px; background:#fff; border-bottom:1px solid #e1e1e1;}
.service_top2 > p {width:30%; float:left; text-align:center}
.service_top2 > select {border:1px solid #e1e1e1; border-radius:3px; width:60%; height:30px; box-sizing:content-box;}
.service_top2 > ul {width:95%; margin: 0 auto;}
.service_top2 > ul > li {width:50%; float:left}
.service_top2 > ul > li:first-child {font-size:14px; font-weight:bold}
.service_top2 > ul > li:last-child {text-align:right;}
.service_top2 > ul > li > button {height:30px; line-height: 30px; padding:0 15px; border-radius:3px; color:#fff; background:#2d6dc4; cursor:pointer}
#faq_con_02,#faq_con_03,#faq_con_04,#faq_con_05,#faq_con_06,#faq_notice_text_daycon_07 {display:none;}
.service_wrap_01 {padding-top:5px;}
.service_wrap_01 > ul > li {background:none; background-color:#fff; height:auto; line-height:inherit; padding:14px 15px 14px 10px;}
.service_wrap_01 > ul > li > a {line-height:18px; padding-right:10px}
.service_text_none {text-align: center}

.list_btn {width:95%; margin:0 auto; border-top:1px solid #e1e1e1; padding:10px 0;}
.list_btn > button {background:#ff7b1c; width:100%; height:40px; line-height:40px; color:#fff; border-radius:3px; font-size:15px; font-weight:bold; padding:0; cursor:pointer}
.service_view_wrap {min-height:350px}
.service_text_title {font-weight:bold}
/*.service_inquire {border-top:1px solid #e1e1e1; padding-top:15px;}*/

.tabel_15 {width:15%}
.tabel_16 {width:16.67%}
.tabel_20 {width:20%}
.tabel_25 {width:25%}
.tabel_30 {width:30%}
.tabel_33 {width:33%}
.tabel_34 {width:34%}
.tabel_40 {width:40%}
.tabel_60 {width:60%}
.tabel_70 {width:70%}
caption {text-indent:-9999px; height:0;}
table th, table td {text-align:left; padding:5px 0;}
table input, table select, table textarea {width:95%; border:1px solid #e1e1e1; border-radius:3px; padding:5px 2.5%;}
table textarea {height:100px;}
table input[type="file"] {border:none;}

.tabel_check {width:auto; display:inline;}
.table_point {color:#ff7b1c; padding-right:5px;}
.notice_text_wrap  .ser_vi_txt_pink {color:#ff7b1c; font-size:11px; height:auto; padding:0;margin:0;display: block;}
.list_btn > .list_btn_01, .list_btn > .list_btn_02 {width:48%; float: left;}
.list_btn > .list_btn_02 {margin-left:4%; background:#777;}
.table_file label {display:inline-block; padding: .5em .75em; color: #999; font-size: inherit; line-height: normal; vertical-align: middle; background-color: #fdfdfd; cursor: pointer; border: 1px solid #ebebeb; border-bottom-color: #e2e2e2; border-radius: .25em;}
.table_file input[type="file"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0}
.table_tel select {width:24%; float:left; box-sizing: border-box;}
.table_tel input {width:24%; margin-left:1%;box-sizing: border-box; text-align:center;}
/* 고객센터/끝 */

/* 마이페이지/시작 */
.service_wrap > ul.my_page_menu > li {height:auto; border:1px solid #e1e1e1; padding:0; text-indent:40px; }
.service_wrap > ul.my_page_menu > li > div, .service_wrap > ul.my_page_menu > li > div.down {display:block; background:url(../images/service_arr.png) no-repeat right 10px center; background-size:10px; cursor:pointer}
.service_wrap > ul.my_page_menu > li > div.up {background:url(../images/service_arr_close.png) no-repeat right 10px center; background-size:10px;}
.service_wrap > ul.my_page_menu > li > div.right {background:url(../images/list_more_btn.png) no-repeat right 10px center; background-size:7px}
.service_wrap > ul.my_page_menu > li > ul {background:#999; text-indent:55px; display:none}
.service_wrap > ul.my_page_menu > li > ul > li {height:40px; line-height:40px;}
.service_wrap > ul.my_page_menu > li > ul > li > a {display:block; border-bottom:1px solid #c1c1c1; border-radius:3px; color:#fff; background:url(../images/list_more_btn.png) no-repeat left 40px center; background-size:5px;}
.service_wrap > ul.my_page_menu > li:first-child {background:url(../images/icon_my_01.png) no-repeat left 10px top 12px #fff; background-size:21px 15px}
.service_wrap > ul.my_page_menu > li:nth-child(2) {background:url(../images/icon_my_02.png) no-repeat left 13px top 10px #fff; background-size:13px 21px}
.service_wrap > ul.my_page_menu > li:nth-child(3) {background:url(../images/icon_my_03.png) no-repeat left 11px top 10px #fff; background-size:18px 21px}
.service_wrap > ul.my_page_menu > li:last-child {background:url(../images/icon_my_04.png) no-repeat left 10px center #fff; background-size:21px 17px}
.service_wrap > ul.my_page_menu > li:last-child > div {background:url(../images/list_more_btn.png) no-repeat right 10px center; background-size:7px}
.service_wrap > ul.my_page_menu > li.noneicon {background:url() no-repeat left 10px top 12px #fff; background-size:21px 15px}

.my_tab {width:100%; overflow: hidden;}
.my_tab li {width:25%; float:left; overflow:hidden; hiehgt:40px; line-height: 40px; font-size:11px; text-align:center; cursor:pointer}
.my_tab_2 li {width:50%}
.my_tab_3 li {width:33%;}
.my_tab_3 li:first-child {width:34%;}
.my_tab li {display:block; background:#f1f1f1; color:#999; border-bottom:1px solid #e1e1e1; border-left:1px solid #e1e1e1; box-sizing:border-box; font-size:11px;}
.my_tab li:first-child {border-left:none;}
.my_tab li.on {color:#1d1d1d; background:#fff; font-weight:bold; border-bottom:1px solid #fff;}
.my_date {text-align:center;}
.my_date > input {width:40%; text-align: center; color:#999}
.my_wrap {margin-bottom:10px; min-height:400px; width:100%}
.my_wrap > h4 {text-indent:-9999px; height:0;}
.my_tab_02, .my_tab_03, .my_tab_04 {display:none;}

.my_wrap_table {width:95%; margin:0 auto;}
.my_wrap_table > p {font-weight:bold; height:40px; line-height:40px; border-bottom:2px solid #ff7b1c; margin-top:5px; text-indent:10px;}
.my_wrap_table table {width:100%;}
.my_wrap_table table tr {border-bottom:1px solid #e1e1e1}
.my_wrap_table table th, .my_wrap_table table td {padding:10px;}
.my_wrap_table table th {background:#f1f1f1;}
.my_wrap_table table tr td div.join_terms_btn {margin:0}
.my_wrap_table table tr td div.join_terms_btn input, .my_wrap_table table tr td div.join_terms_btn .yes_graytop, .my_wrap_table table tr td div.join_terms_btn .idcheckbtn, .my_wrap_table table tr td div.join_terms_btn select {height:30px; line-height:30px}


.my_ul {width:100%; display:table; table-layout:fixed; margin:0 auto; border-bottom:1px solid #e1e1e1}
.my_ul_01 {background:#f1f1f1}
.my_ul > li {width:25%; display:table-cell; vertical-align:middle; text-align:center; padding:10px 5px; word-break:break-all; overflow:hidden;}
.my_ul_1 > li {width:100%}
.my_ul_3 > li {width:33%; display:table-cell; vertical-align:middle; text-align:center; padding:10px 5px}
.my_ul_3 > li:first-child {width:34%}
.my_ul_5 > li {width:20%}
.my_ul > li:first-child, .my_ul > li:nth-child(2), .my_ul > li:nth-child(3), .my_ul > li:nth-child(4) {border-right:1px solid #e1e1e1}
.my_ul > li:last-child {border:none;}
.my_gold_table .list_btn {border-top:none}

.my_level, .bj_level {width:20px; height:20px; vertical-align:middle; display:block; margin-right:5px; float:left;}
.my_careful {color:#ff7b1c; display:block; text-align:center; font-size:11px; margin-top:5px;}
.pink {color:#ff7b1c; font-weight:bold;}
.my_btn_wrap {text-align:center;}
.my_btn_wrap > .my_btn {margin-top:10px;}
.my_btn {background:#2d6dc4; color:#fff; padding:5px 10px; border-radius:3px;}
.login_pop > ul > li > button.pop_enter {width:49%; box-sizing:padding-box; float:left; margin:0 2% 10px 0; cursor:pointer}
.login_pop > ul > li > button.pop_cancel {width:49%; background:#999; box-sizing:padding-box; float:left; cursor:pointer}

.my_gold_table table tr th, .my_gold_table table tr td {text-align: center; border-right:1px solid #e1e1e1; padding:10px 5px; vertical-align:middle;}
.my_gold_table table tr th:last-child, .my_gold_table table tr td:last-child {border-right:none;}
.my_gold_table > p {width:100%; overflow: hidden; box-sizing:padding-box;}
.my_gold_table > p > span {float:right; font-weight:normal;}

.paging_wrap {width:100%;}
.paging {width:245px; margin:10px auto;}
.paging > ul {width:245px; height:20px;}
.paging > ul > li {float:left; width:20px; height:20px; margin-left:5px; text-align:center;}
.paging > ul > li:first-child {margin-left:0;}
.paging > ul > li > a {display:block; border:1px solid #e1e1e1; border-radius:3px;}
.paging > ul > li.on > a {border:1px solid #ff7b1c; color:#1d1d1d}
/* 마이페이지/끝 */

/* 북마크/시작 */
.bookmark_wrap {width:100%; padding-bottom:50px}
.bookmark_wrap div ul {width:100%; padding:0;}
.bookmark_wrap div ul li {padding-top:10px}
.bookmark_wrap div.bookmark_text {position:relative; width:60%; float:left; padding-top:12px; box-sizing:border-box;}
.bookmark_wrap div.broadcast_text {padding-top:20px;}
.bookmark_wrap div.bookmark_text ul {width:100%; padding:0;}
.bookmark_wrap div.bookmark_text ul li {height:auto; padding:0 0 5px 23px; margin:0; border:none; background:url(../images/icon_list_heart.png) no-repeat left 9px top 5px; background-size:9px 8px; color:#666; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; box-sizing:border-box}
.bookmark_wrap div.bookmark_text_01 ul li {padding:0 0 5px 5%; background:none}
.bookmark_wrap div.bookmark_text ul li:first-child {background:url(../images/bj_mike.png) no-repeat left 9px top; background-size:9px 18px}
.bookmark_wrap div.bookmark_text ul li:nth-child(2) {}
.bookmark_wrap div.bookmark_text_01 ul li:first-child {background:url(../images/bj_mike.png) no-repeat left 9px top; background-size:9px 18px; padding:0 0 5px 23px}
.bookmark_wrap div.bookmark_text ul li:last-child {padding-bottom:0}
.bookmark_wrap div.bookmark_text ul li strong {font-weight:bold; color:#1d1d1d}
.bookmark_wrap div.bookmark_text > p.bookmark_del {position:absolute; right:0; top:0; height:auto; line-height:inherit}
.bookmark_wrap .list_btn {padding-top:10px;}
.bookmark_btn {overflow: hidden; position:absolute; bottom:0; background:#fff; width:95%; padding:10px 2.5% 0; z-index:10;}
.bookmark_btn > button {font-size:13px; cursor:pointer}
.bookmark_text_01_1 {padding-left:7px; background:url(../images/icon_list_play.png) no-repeat left center; background-size:6px 8px; margin-right:5px}
.bookmark_text_01_2 {padding-left:10px; background:url(../images/icon_list_heart.png) no-repeat left center; background-size:9px 8px}
.bookmark_select {height:40px; line-height:40px; float:right;}
.bookmark_select select {border:1px solid #e1e1e1; height:25px; border-radius:3px;}
/* 북마크/끝 */

/* 팬 가입한 방송/시작 */
.my_search {height:40px; line-height:40px; border-bottom:2px solid #ff7b1c; margin-top:5px;}
.my_search select, .my_search > div input {border:1px solid #e1e1e1; height:25px; text-indent:5px; border-radius:3px; box-sizing:border-box; display:inline-block; margin-top:7px}
.my_search select {width:30%; float: left;}
.my_search > div {width:68%; float:right}
.my_search > div input {width:70%; float:left; margin-right:2%;}
.my_search > div button {width:28%; height:25px; line-height:25px; border-radius:3px}

.bookmark_wrap div.bookmark_text.my_fan_text {padding-top:0;}
.bookmark_wrap div.bookmark_text.my_fan_text ul li {background:none; padding:0 0 4px 10px; width:100%; box-sizing:border-box;}
.bookmark_wrap div.bookmark_text.my_fan_text ul li:first-child {background:none;}
.bookmark_wrap div.bookmark_text.my_fan_text ul li span {max-width:50%; box-sizing:border-box}
.bookmark_wrap div.bookmark_text.my_fan_text ul li strong {font-weight:normal; color:#e1e1e1/*f40671*/; padding:0 5px;}
.my_fan_text_01 {padding-left:13px; background:url(../images/icon_list_heart.png) no-repeat left top 5px; background-size:9px 8px}
.my_fan_text_02 {padding-left:17px; background:url(../images/gold.png) no-repeat left top 2px; background-size:15px}

.fan_ico_1 {background:url(../images/grade/class_fan_big_s01.png) no-repeat left center; background-size:12px 15px; padding-left:15px}
.fan_ico_2 {background:url(../images/grade/class_fan_big_s02.png) no-repeat left center; background-size:12px 15px; padding-left:15px}
.fan_ico_3 {background:url(../images/grade/class_fan_big_s03.png) no-repeat left center; background-size:12px 15px; padding-left:15px}
.fan_ico_4 {background:url(../images/grade/class_fan_big_s04.png) no-repeat left center; background-size:12px 15px; padding-left:15px}
.fan_ico_5 {background:url(../images/grade/class_fan_big_s05.png) no-repeat left center; background-size:12px 15px; padding-left:15px}
.fan_ico_6 {background:url(../images/grade/class_fan_big_s06.png) no-repeat left center; background-size:12px 15px; padding-left:15px}
/* 팬 가입한 방송/끝 */

/* 쪽지/시작 */
.list div.massage_wrap > ul > li {height:auto}
.bookmark_wrap div.message_text {position:relative; width:100%; height:auto; padding-top:0}
.bookmark_wrap div.message_text .message_wrap {display:block; width:80%; padding-right:10px; box-sizing:border-box; overflow:hidden; float:left}
.bookmark_wrap div.message_text .message_wrap > ul {width:100%; cursor:pointer}
.bookmark_wrap div.message_text .message_wrap > ul li {background:none; color:#1d1d1d; font-weight:bold; padding-left:10px}
.bookmark_wrap div.message_text .message_wrap > ul li:first-child {background:none}
.bookmark_wrap div.message_text .message_wrap > ul li:first-child .message_send_txt {color:#ff7b1c; text-decoration:underline; float:right; font-weight:bold; background:url(../images/list_more.png) no-repeat right center; background-size:6px 9px; padding-right:10px}
.bookmark_wrap div.message_text .message_wrap > ul li:last-child {font-weight:normal; color:#999; padding-top:0}
.bookmark_wrap div.message_text .message_wrap > ul li.message_hide {padding-bottom:0}
.bookmark_wrap div.message_text .message_wrap > ul li.message_hide > strong {width:90%; height:18px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block; float:left}
.bookmark_wrap div.message_text .message_wrap > ul li.message_hide > span {width:10%; display: inline-block;text-indent:-9999px; overflow: hidden; background: url(../images/service_arr.png) no-repeat center; background-size:8px 6px; cursor:pointer}
.bookmark_wrap div.message_text .message_wrap > ul li.message_show > span {background:url(../images/service_arr_close.png) no-repeat center; background-size:8px 6px}
.bookmark_wrap div.message_text .message_wrap > ul li.message_show {overflow:visible; text-overflow:inherit; white-space:inherit}
.bookmark_wrap div.message_text .message_wrap > ul li.message_show > strong {height:auto; overflow:visible; text-overflow:inherit; white-space:inherit}

.message_del {width:20%; height:63px; line-height:63px; float:left; position:relative; box-sizing:border-box;text-align:center}
.message_del > label {position:absolute; left:0; top:0; text-indent:-9999px; width:100%; height:100%; box-sizing:border-box; z-index:2}
.message_del > input {vertical-align:bottom;}
.message_del > span {position:absolute; left:0; top:0; width:100%; height:40px; text-indent:-9999px; background:url(/asset/asp/push_my_singer/images/message_01.png) no-repeat center; background-size:25px}

.bookmark_wrap div.message_text_read .message_wrap > ul li {color:#999}
.bookmark_wrap div.message_text_read .message_wrap > ul li:last-child {color:#c1c1c1}
.bookmark_wrap div.message_text_read .message_del > span {background:url(../images/message_02.png) no-repeat center; background-size:25px;}
.bookmark_wrap div.message_send .message_del > span {background:url(/asset/asp/push_my_singer/images/message_03.png) no-repeat center; background-size:30px 23px;}
.bookmark_wrap div.message_text_report div {width:80%; text-indent:0; background:none; color:#ff7b1c; font-weight:bold}
.bookmark_wrap div.message_text_report div ul {width:100%;}
.bookmark_wrap div.message_text_report p {width:20%; height:63px; line-height:63px; text-indent:0; background:none; color:#ff7b1c; font-weight:bold; float:left;}
.bookmark_wrap div.message_text span.message_text_cut {text-indent:0; background:none; color:#ff7b1c; font-weight:bold; line-height:40px;}

.massage_tit_btn {float:right; margin-top: 5px; padding:0 10px; background:#2d6dc4; color:#fff; font-weight:normal;}
.message_btn_wrap {overflow: hidden; border-top:1px solid #e1e1e1}
.message_btn_wrap > button {width:32%; float:left; margin:0 0 0 2%; font-size:13px; color:#fff; font-weight:bold; background:#777; cursor:pointer}
.message_btn_wrap > button:last-child {background:#777}
.message_btn_wrap > button:first-child {margin-left:0; background:#ff7b1c}
.message_btn_wrap_2 > button {width:49%; cursor:pointer}
.message_btn_wrap_1 > button {width:100%; margin:0; cursor:pointer}

.message_view {width:95%; margin:0 auto}
.message_view .message_tit {position:relative}
.message_view .message_tit > p {display:block; padding:14px 10px 10px; border-bottom:2px solid #ff7b1c; font-weight:bold;}
.message_view .message_tit > p input {width:70%; border-radius:3px; height:30px; border:1px solid #e1e1e1; padding-left:10px}
.message_view .message_tit:lang(en) > p input {width:60%}
.message_view .message_tit:lang(ja) > p input {}
.message_view .message_tit:lang(zh) > p input {}
.message_view .message_tit > p span {display:block; font-weight:normal; color:#999}
.message_view_txt {padding:10px; min-height:100px;}
.message_view_txt textarea {width:95%; min-height:100px; border:1px solid #e1e1e1; border-radius:3px; padding:5px 2.5%;}
.message_btn_wrap_01 > button {background:#2d6dc4; cursor:pointer}
/* 쪽지/끝 */

/* 방송개설/시작 */
.broad_open {width:100%}
.broad_open > p {width:95%; margin:0 auto}
.broad_open > button.app_down_btn {width:95%; margin:10px 2.5%; display:block; color:#fff; background:#2d6dc4; cursor:pointer}
.broad_open > span {width:95%; display:block; margin:10px auto; color:#666; border-top:1px solid #e1e1e1; padding-top:10px}
/* 방송개설/끝 */

/* 이벤트/시작 */
.event_wrap {width:100%; margin:10px 0}
.event_wrap ul {width:100%}
.event_wrap ul li {width:95%; border-bottom:1px solid #e1e1e1; margin:0 2.5% 10px 2.5%; padding-bottom:10px}
.event_wrap ul li:last-child {border-bottom:none;}
.event_wrap ul li a {display:block; position:relative}
.event_list_txt {margin-top:-3px; background:#f1f1f1; text-align: center; padding:5px 0;}
.event_list_txt_01 {display:block; padding:0 10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; box-sizing:border-box}
.event_list_txt_02 {display:block; color:#999}
.evnet_close {position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.3); text-indent:-9999px;}
.event_result {color:#ff7b1c}
.event_result .event_list_txt {margin-top:0;text-align:left; padding:10px}
.event_result .event_list_txt span {padding:0;}
.event_list_none {display:block; padding:20px 0; background: #f1f1f1; text-align:center; color:#1d1d1d}
.event_view > span {display:block;}
/* 이벤트/끝 */

/* 상점/시작 */
.store_top_btn {float:right; margin-top:5px; padding:0 5px; color:#fff; background:#2d6dc4; font-weight:normal}
.store_gold {width:100%; overflow:hidden}
.store_gold > li {width:100%; height:50px; line-height:50px; border-bottom:1px solid #e1e1e1; overflow:hidden; cursor:pointer}
.store_gold > li a {display:block; width:100%; overflow: hidden}
.store_gold > li span {display:block; width:30%; box-sizing:border-box; float:left; text-align:center}
.store_gold > li span img {width:auto; height:20px; vertical-align:middle;}
.store_gold > li span.gold_btn {width:20%; margin-top:10px; text-align:right;}
.store_gold > li span.gold_btn > button {background:#ff7b1c; padding:0 10px; color:#fff; cursor:pointer; float:right; margin-right:10px}
.store_gold > li span.gold_img {width:20%}
.gold_img.gold_img_02 {background:url(../../../asset/common/images/store/gold_02.png) no-repeat center; background-size:70px 50px;}
.gold_img.gold_img_03 {background:url(../../../asset/common/images/store/gold_03.png) no-repeat center; background-size:70px 50px;}
.gold_img.gold_img_04 {background:url(../../../asset/common/images/store/gold_04.png) no-repeat center; background-size:70px 50px;}
.gold_img.gold_img_05 {background:url(../../../asset/common/images/store/gold_05.png) no-repeat center; background-size:70px 50px;}
.gold_count {text-align:center}
.gold_won {text-align:right; padding-right:10px; font-weight:bold}
.store_btn {width:100%; margin-top:10px}
.store_btn button {width:100%; background:#ff7b1c; color:#fff; font-weight:bold; cursor:pointer}
.store_btn_01 {border-top:1px solid #e1e1e1; padding-top:10px}
.store_btn_02 button {background:#2d6dc4; cursor:pointer}
.store_caution {background:#e3e3e3; margin-top:10px; padding:15px 10px; box-sizing:border-box; text-align:left}
.store_caution > p {font-weight:bold; padding-bottom:10px;}
.store_caution > span {color:#666}
.store_caution > span.pink {color:#ff7b1c; font-weight:normal}

.item_tip tr th {vertical-align:middle}
.item_tip tr th, .item_tip tr td {text-align:center}
.item_tip tr td {border-left:1px solid #e1e1e1}
.item_top_01, .item_top_02, .item_top_03 {display:block; width:100%; text-align:center;}
.item_top_01 > img, .item_top_03 > img {width:10px}
.item_top_02 > img {width:50px}
.item_top_text {color:#ff7b1c; font-weight:bold}
.item_top_text > span {text-indent:-9999px; display:inline-block; padding-left:2px; background:url(../images/store/icon_down.png) no-repeat right center; background-size:11px 12px;}
.store_tab {margin-top:10px; border-bottom:2px solid #2d6dc4; height:35px}
.store_tab li {width:50%; float:left; overflow:hidden; text-align:center; font-size:13px; height:35px; line-height:35px; background:#f1f1f1; color:#999; cursor:pointer}
.store_tab li.on {background:#2d6dc4; color:#fff; border-bottom:1px solid #2d6dc4; font-weight:bold;}

.item_list {width:100%;}
.item_list_wrap > h5 {text-indent:-9999px; width:0; height:0}
.item_list_wrap > ul > li {width:100%; padding:10px 0; border-bottom:1px solid #e1e1e1}
.item_list > li {width:100%; height:40px; text-align:center}
.item_list > li > button {margin-top:10px; display:inline-block; height:30px; line-height:30px; border:1px solid #c1c1c1; width:30%; cursor:pointer}
.item_list > li > button.none {border:1px solid #e1e1e1; background:#f1f1f1; color:#c1c1c1}
.item_list > li:first-child {position:relative; width:100%; height:80px;}
.item_list > li:first-child > p {text-align:center;}
.item_list > li:first-child > p img {height:75px; width:auto}
.item_list > li:first-child > div {position:absolute; left:25px; top:0; width:100%; height:75px}
.item_list > li:first-child > div > span {display:block}
.item_list_tit {color:#fff; font-size:16px; font-weight:bold; padding-top:16px}/*.item_list_tit_01 {padding-top:16px}*/
.item_list_txt_01 {color:#fff}
.item_list_txt_02 {color:#fff; font-weight:bold}

.sticon_list > li {clear:both}
.sticon_list > li:first-child {background:none; clear:both; width:90%; margin:0 5%}
.sticon_list > li:first-child > p {width:80px; height:80px; overflow:hidden; float:left; padding-right:20px; background:url(../images/store/sticon_zoom.png) no-repeat right bottom; background-size:16px}
.sticon_list > li:first-child > div {position:inherit; left:20px; top:13px; float:left; text-align:left; width:auto;}
.sticon_list_tit_01 {padding:2px 5px; background:#999; color:#fff; border-radius:3px; margin:0 5px 2px 0; display:inline-block}
.sticon_list_txt_01 {color:#999}
.sticon_list_txt_02 {color:#ff7b1c; font-weight:bold}
.sticon_list_txt_03 {padding-left:19px; background:url(../../../asset/common/images/store/gold.png) no-repeat left center; background-size:14px 15px;}
.sticon_range {float:right}
.sticon_range > span {padding:0 10px; color:#999; display:inline-block; text-indent:0; font-size:12px; cursor:pointer}
.sticon_range > span.sticon_range_line {text-indent:-9999px; background:url(../images/store/sticon_range_line.jpg) no-repeat center; background-size:1px 10px; padding:0; width:1px}
.sticon_range > span.on {color:#1d1d1d; font-weight:bold; background:url(../images/store/sticon_range.png) no-repeat left center; background-size:8px;}
.sticon_caption {height:80px; background:#f1f1f1}
.sticon_caption > p {width:300px; margin:0 auto;}
.sticon_caption > p img {margin:5px 10px; width:70px; height:70px; display:block; float:left}
.sticon_caption > p span {margin:5px 0; display:block; float:left; width:210px; padding-top:17px}
.sticon_pop_wrap {padding-top:30%}
.sticon_pop {width:90%; height:auto; margin:0 auto}
.sticon_pop > h3 {text-indent:-9999px; height:40px; padding:0; margin-bottom:10px}
.sticon_pop > h3 button {float:right; text-indent:-9999px; background: url(../images/pop_up_close.png) no-repeat center; width:40px; height:40px; background-size:40px}
.sticon_pop_img { background:#fff; border-radius:3px}
.sticon_pop_img > span {display:block; padding:10px 20%}
.sticon_pop_img > p {width:100%; height:50px; line-height:50px; box-sizing:border-box; font-weight:bold; background:#ff7b1c; border-radius:0 0 3px 3px; color:#fff;}
.sticon_pop_img > p span {float:right; padding:0 10px 0 20px; background:url(../../../asset/common/images/store/gold.png) no-repeat left center; background-size:15px;}
.sticon_pop_img > p span.sticon_pop_tit {float:left; background:none; padding:0;}
.sticon_pop_img > p span.sticon_pop_tit_01 {float:left; background:#c1055a; padding:0 10px; margin-right:10px;}

.store_stan > span {width:100%; margin:0 auto; padding:10px;display:block; box-sizing:border-box; background:#fff; color:#1d1d1d; font-size:12px}
.store_stan table {text-align:center; border-top:1px solid #e1e1e1}
.store_stan table th, .store_stan table td {padding:10px 2px; text-align:center; vertical-align:middle; border-right:1px solid #e1e1e1; word-break:keep-all; font-size:10px}
.store_stan table th {font-size:12px}
.store_stan table th:last-child, .store_stan table td:last-child {border-right:none;}
.store_stan table td span {font-weight:bold; padding-top:15px; margin-top:2px; display:block; font-size:12px}
.store_stan_6 {background: url(../images/grade/class_all06.png) no-repeat top center; background-size:12px}
.store_stan_5 {background: url(../images/grade/class_all05.png) no-repeat top center; background-size:12px}
.store_stan_4 {background: url(../images/grade/class_all04.png) no-repeat top center; background-size:12px}
.store_stan_3 {background: url(../images/grade/class_all03.png) no-repeat top center; background-size:12px}
.store_stan_2 {background: url(../images/grade/class_all02.png) no-repeat top center; background-size:12px}
.store_stan_1 {background: url(../images/grade/class_all01.png) no-repeat top center; background-size:12px}
.store_pop {top:10%; left:1%; width:98%; height:80%; position:relative; box-sizing:border-box}
.login_pop > h3 button {position:absolute; right:0; top:0; text-indent:-9999px; display:block; width:50px; height:40px; background:url(../images/pop_up_close.png) no-repeat center; background-size:25px}
.store_pop > h3 button {position:absolute; right:0; top:0; text-indent:-9999px; display:block; width:50px; height:40px; background:url(../images/pop_up_close.png) no-repeat center; background-size:25px}
.store_pop >.store_stan {width:98%; height:100%; overflow-y:scroll; padding:0 1%}
.store_pop >.store_stan .store_caution {margin-bottom:50px}
.store_pop >.store_stan .store_caution span {font-size:12px; font-weight:normal}

#store_tab_02_wrap, #store_tab_04_wrap {display:none}

.store_pay table td {text-align:right;}
.store_pay_txt {color:#999; font-size:12px}
.store_btn_wrap {padding:10px 0 0; overflow: hidden; border-bottom:1px solid #e1e1e1}
.store_btn_wrap ul li {float:left; width:33%; margin:0 0.5% 10px 0;}
.store_btn_wrap ul li:nth-child(3) {margin-right:0}
.store_btn_wrap ul li:nth-child(6) {margin-right:0}
.store_btn_wrap ul li button {width:100%; background:#f1f1f1; border:1px solid #e1e1e1; box-sizing:border-box; cursor:pointer}
.store_btn_wrap ul li button.on {background:#fff; border:1px solid #ff7b1c; font-weight:bold;}
.store_pay_top {overflow:hidden; border-bottom:2px solid #ff7b1c; padding:10px 0; height:50px}
.store_pay_top p {width:30%; float:left; text-align:center; padding-top:12px}
.store_pay_top p img {width:auto; height:25px; vertical-align:middle;}
.store_pay_top ul {width:70%; float:left}
.store_pay_done_wrap {width:100%}
.store_pay_done_wrap > span {background:#f1f1f1; color:#ff7b1c; display:block; padding:10px; line-height:18px; font-weight:bold; border-bottom:1px solid #e1e1e1}
.store_pay_done {width:95%; margin:0 auto}
.store_pay_done table tr td span.pink {font-weight:normal}
.store_pay_done table tr td a {text-decoration:underline;}
.bold {font-weight:bold}

.store_item_top {height:auto;}
.store_item_top h4 {font-weight:bold; margin-top:5px; text-indent:10px}
.store_item_top ul {width:100%; padding:0 10px; box-sizing:border-box}
.store_item_top ul li, .store_item_top ul li span {font-size:12px;}
.store_item_top ul li:first-child {font-size:13px;}
.sticon_table tr th span {width:90px; height:90px; display:block; margin:0 auto}
.my_wrap_table table th.sticon_bg {background:#fff}
.my_wrap_table table th.vod_bg {background:#fff}
.my_wrap_table table th.vod_bg > img {}
.sticon_table input {display: inline; width:55px;}
.sticon_table .sticon_table_name {padding-right:10px; box-sizing:border-box; overflow: hidden;vertical-align:middle;}
.sticon_table .sticon_table_name input {width:100%; box-sizing:border-box}
.sticon_table .sticon_table_left {text-align:left;}
.sticon_table_gold {display:inline-block; height:20px; padding-left:20px; background:url(/asset/asp/push_my_singer/images/icon_push_img.png) no-repeat left center; background-size:auto 20px}
.sticon_table_btn {height:30px; border-radius:3px; margin-left:5px; padding:0 10px; color:#fff; background:#2d6dc4}
.sticon_gold_x {text-decoration:line-through}

.store_list {border-bottom:1px solid #e1e1e1; height:auto; overflow-x:scroll; overflow-y:hidden; /*background:#f1f1f1;*/ -webkit-overflow-scrolling:touch}
.store_list ul {width:auto; height:auto; white-space:nowrap; padding:0; box-sizing:border-box; text-align:center}
.store_list ul li {position:relative; display:inline-block; width:auto; height:auto; margin:8px 0 10px; margin-left:-4px; text-align:center; padding:7px; overflow: hidden;}
.store_list ul li:first-child {margin-left:0;}
.store_list ul li:last-child {margin-right:0;}
.store_list ul li.on {background:#ffdfe7/*#c7e3ff- */; border:2px solid #ff7b1c/*#2d6dc4*/; box-sizing:border-box; padding:5px;}
.store_list ul li img {display:block; padding-bottom:5px; width:130px;}
.store_list ul li > span {display:inline-block; padding-left:20px; background:url(../../../asset/common/images/store/gold.png) no-repeat left center; background-size:15px; white-space:normal; word-break:keep-all; font-size:11px}
.store_list ul li > span.store_list_txt {position:absolute; left:48px; top:7px; background:none; padding:0; color:#fff; width:78px; height:46px; line-height:15px; vertical-align:middle}
.store_list ul li.on > span.store_list_txt {top:6px}
.store_list ul li > span > span {display:table-cell; vertical-align: middle; height:46px; font-size:11px; width:78px}
.store_list ul li > span.store_list_count {background:none; padding-left:0}
.store_list p {width:100%; height:100px; text-align:center; line-height:100px;}

.store_item_pop li {text-align:center}
.store_item_pop li .store_item_pop_txt {position:relative; width:170px; height:61px; display:inline-block;}
.store_item_pop li .store_item_pop_txt img {width:170px; hieght:61px;}
.store_item_pop li .store_item_pop_txt .store_item_pop_txt_01 {position:absolute; left:56px; top:0; color:#fff; width:102px; height:61px; line-height:61px}
.store_item_pop li .store_item_pop_txt .store_item_pop_img {position:absolute; left:-50px; top:-10px; text-indent:-9999px; width:70px; height:70px; background: url(../images/store/store_item_done.png) no-repeat; background-size:70px}
.store_item_pop li:first-child {border-bottom:1px solid #e1e1e1; padding-bottom:10px;}

.pop_wrap {top:15%; text-align:center}
.pop_wrap > span {width:90%; display:block; margin:10px auto;}
.pop_btn {width:90%; margin:0 auto 10px; overflow:hidden}
.pop_btn button {width:49%; float:left; margin-right:2%; color:#fff; background:#2d6dc4}
.pop_btn button.pop_btn_01 {width:100%; margin-right:0;}
.pop_btn button.pop_btn_03 {margin-right:0; background:#999}
.pop_wrap > span.sticon_pop_gold {width:auto; margin:0 auto; display:inline-block; padding-left:20px; background:url(../../../asset/common/images/store/gold.png) no-repeat left center; background-size:15px}
/* 상점/끝 */

/* 비디오/시작 */
video {width:100%; height:auto; max-height:380px; margin:0 auto}
.video_wrap {background:none; top:20%}
.video_wrap > span {text-indent:-9999px; float:right; display:block; width:50px; height:50px; background:url(../images/pop_up_close.png) no-repeat center; background-size: 100%; margin:10px 0}
.video_wrap > ul {border:1px solid red;width:100%;}
/* 비디오/끝 */

/* btn 공통/시작 */
.btn_30 {display:block; border-radius:3px; height:30px; line-height:30px;}
.btn_40 {display:block; border-radius:3px; height:40px; line-height:40px;}
/* btn 공통/끝*/

/* 비밀번호 입력/시작 */
.pass_wrap {width:100%; margin:0 auto 15px; text-align:center; padding:15px 0; background:#f1f1f1}
.pass_wrap > .pass_txt {display:block; color:#ff7b1c; padding:5px 0 0; font-size:11px;}
.pass_wrap > input {display:block; width:90%; height:40px; border:1px solid #e1e1e1; margin:0 auto; border-radius:3px; text-align:center}
.pass_btn_wrap {border-top:1px solid #e1e1e1; padding-top:15px}
.pass_btn {width:49%; margin-right:2%; background:#2d6dc4; color:#fff; float:left}
.pass_btn_02 {background:#999; margin:0}
/* 비밀번호 입력/끝 */
#inquire_view {width:100%; overflow: hidden;}
.input_tel_com {ime-mode:disabled;}

/* 티켓 구매하기 /시작 */
.fan_ticket_wrap {overflow:hidden; padding-top:1px;}
.fan_level {width:50px; height:18px; text-indent:-9999px}
.fan_level_00 {background:url(../images/bg_chat_level.png) no-repeat left bottom}
.fan_level_01 {background:url(../images/bg_chat_level.png) no-repeat left -130px}
.fan_level_02 {background:url(../images/bg_chat_level.png) no-repeat left -104px}
.fan_level_03 {background:url(../images/bg_chat_level.png) no-repeat left -78px}
.fan_level_04 {background:url(../images/bg_chat_level.png) no-repeat left -52px}
.fan_level_05 {background:url(../images/bg_chat_level.png) no-repeat left -26px}
.fan_level_06 {background:url(../images/bg_chat_level.png) no-repeat left top}
.fan_ticket {height:17px; background:url(../images/bg_require_ticket.png) no-repeat left top; padding-left:9px; color:#fff; margin-left:5px}
.fan_ticket > span {height:17px; line-height:17px; background:url(../images/bg_require_ticket_b.png) no-repeat right top; padding-right:9px;  font-size:11px; }
/* 티켓 구매하기 /끝 */

/* list 720px~ /시작 */
@media screen and (min-width:720px) {
.list_main > div > ul > li {width:45%; float:left; margin:0 1%; padding:10px 1.5%}
.list_main div ul {border-bottom:none; overflow: hidden;}
.list_main div ul li:nth-child(2) {border-top:none;}
.list_main div ul li.list_rank_wrap {width:15%; margin:0 0.75% 10px 0.75%; float:left}
.list_main div ul li.list_rank_wrap_01:nth-child(2) {border-top:2px solid #ff6e00}
.list > div > ul > li {width:45%; float:left; margin:0 1%; padding:10px 1.5%}
.list div ul {border-bottom:none; overflow: hidden;}
.list div ul li:nth-child(2) {border-top:none;}
.list div ul li.list_rank_wrap {width:15%; margin:0 0.75% 10px 0.75%; float:left}
.notice_page > ul > li {width:48%;float:left;margin:0 1% 5px}
.event_wrap ul li {width:47%; margin:0 1.5% 10px 1.5%; float:left;}
.event_wrap ul li:last-child {border-bottom:1px solid #e1e1e1}
.store_gold > li {width:50%; float:left}
.item_list_wrap > ul > li {width:50%; float:left}
.sticon_pop {width:30%}
}
/* list 720px~ /끝 */

/* Overlay closing cross */
.overlay .overlay-close {width: 20px;	height: 20px;position: absolute;	right: 5%;top: 4%;	/*overflow: hidden;*/ border: none;	background: url(/images/cross.png) no-repeat center center;	text-indent: 200%;	color: transparent;outline: none;	z-index: 100;}
/* Menu style */

/*맛보기 영상*/
.bg_box {width:100%; height:100%;}
.bg_box:before {position:absolute; left:50%; top:50%; margin:-25px 0 0 -10px ;width:36px; height:36px; z-index: 1; content: ""; background: url('../images/ico_play.png') no-repeat; background-size:36px 36px;}
.bg_box:after {background-color:rgba(0,0,0,.0); position:absolute; left:0; top:0; right:0; bottom:0; border:1px solid rgba(0,0,0,.06); content: "";}
.tablebox1 {width:100%; height:100%; margin:0 auto;}
.tablebox1 img {width:100%; position:relative; display:inline-block; overflow:hidden;}
.list1_box {width:46%; box-sizing:border-box; position:relative; display:inline-block; *display:inline; zoom:1; overflow:hidden; background:#fff; padding-bottom:0; margin:0 5px 10px 2px; font-size:0px; line-height:0px; vertical-align:top; border:1px solid #c3c3c3; }
.list1_box:first-child {width:46%; box-sizing:border-box; position:relative; display:inline-block; *display:inline; zoom:1; overflow:hidden; background:#fff; padding-bottom:0; margin:10px 5px 10px 2px; font-size:0px; line-height:0px; vertical-align:top; border:1px solid #c3c3c3;}
.list1_box:nth-of-type(2) {width:46%; box-sizing:border-box; position:relative; display:inline-block; *display:inline; zoom:1; overflow:hidden; background:#fff; padding-bottom:0; margin:10px 5px 10px 2px; font-size:0px; line-height:0px; vertical-align:top; border:1px solid #c3c3c3;}
.item_cont {width:100%; position:absolute; bottom:0; box-sizing:border-box; padding:10px 8px; text-align:center; color:#fff; background: rgba(0,0,0,.6);}
.list1_img {width:100%; position:relative; display:inline-block; overflow:hidden; box-sizing:border-box;}
.list1_img img {width:100%; }
.list1_img1 img {width:100%;}
.ist1_bor {border:1px solid #fff !important;}
.list1_txt1 {width:100%; height:40px; line-height:18px; display:block; margin-top:1px; font-size:14px; font-weight:bold; text-align:center; letter-spacing:-1px; vertical-align:top; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap;}
.tit_item {display: -webkit-box; overflow: hidden; height: 1.5em; margin:6px 4px 0 2px; padding-bottom:1px;font-weight:400; font-size:14px; line-height: 1.3; color: #fff; text-overflow: ellipsis; -webkit-line-clamp:1; word-wrap: break-word;}
.item_cont {padding:5px;}
.nickname {width:48%; height:18px; line-height:18px; display:inline-block; margin-top:1px; font-size:12px; text-align:center; letter-spacing:-1px; vertical-align:top; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap; font-style:normal; text-align:left;}
.hits {width:48%; height:18px; line-height:18px; display:inline-block; margin-top:1px; font-size:12px; font-weight:bold; text-align:center; letter-spacing:-1px; vertical-align:top; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap; text-align:right;}
#playeriGhSWRjODFkP {position:relative;}
.list1_box_sel {width:46%; box-sizing:border-box; position:relative; display:inline-block; *display:inline; zoom:1; overflow:hidden;padding-bottom:0; margin:0 5px 10px 2px; font-size:0px; line-height:0px; vertical-align:top; border:1px solid #c3c3c3; }
.list1_box_sel:after {background-color:rgba(244,6,113,.7); position: absolute; left: 0; top: 0; right: 0; bottom: 0; box-sizing:border-box; content: "";}
.list1_box_sel:first-child {width:46%; box-sizing:border-box; position:relative; display:inline-block; *display:inline; zoom:1; overflow:hidden; background:#fff; padding-bottom:0; margin:10px 5px 10px 2px; font-size:0px; line-height:0px; vertical-align:top; border:1px solid #c3c3c3;}
.list1_box_sel:nth-of-type(2) {width:46%; box-sizing:border-box; position:relative; display:inline-block; *display:inline; zoom:1; overflow:hidden; background:#fff; padding-bottom:0; margin:10px 5px 10px 2px; font-size:0px; line-height:0px; vertical-align:top; border:1px solid #c3c3c3;}


/*레이어 팝업*/
.layer_pop {width:100%; margin: 0 auto; /*padding:30px 20px; overflow:hidden;*/ position:absolute; top:25px; text-align:center;  background-color:rgba(0,0,0,1); box-sizing:border-box; z-index: 88; border-radius:10px;}
.pop_txt {display: block; ;color:#fff; font-size:16px;z-index:88; }
.overlay .overlay_close_img {width:10%; position:absolute; right:5%; top:-14%; text-align:center; background:none; ox-sizing:border-box; text-indent:0;}
.pop_btn_join {display:block; margin:30px auto 50px; width:70%; height:44px; line-height:40px; text-align:center; background:#895d2d; color:#fff !important; border-radius:3px; font-size:14px;font-weight:bold; }
.btn_wrap {background:url("../images/controls.png") no-repeat}
.btn_prew {position:absolute; left:10px; top:104px; width:35px; height:35px; background:url("../images/controls.png") no-repeat; background-position:0 -1px; text-indent:-9999px; background-size:55px; }
.btn_next {position:absolute; right:0; top:104px; width:35px; height:35px; background:url("../images/controls.png") no-repeat; background-position:-36px -1px; text-indent:-9999px;  background-size:55px;}
#boxes5 .window5 {position:fixed;left:0;top:0;width:100%; margin:0 auto; text-align:center; display:none; z-index:999;}
#boxes5 #dialog5 {width:100%;}
.box90_layer5 {position:relative; text-align:center; overflow:hidden; margin:0 auto; -moz-border-radius:8px 8px 8px 8px; -webkit-border-radius:8px 8px 8px 8px; border-radius:8px 8px 8px 8px; padding:10px;}
#lmask5 {width:100%; position:absolute; display:none; overflow:hidden; z-index:998; background:#000; opacity:0.5;}
#boxes10 .window10 {position:fixed;left:0;top:0;width:100%; margin:0 auto; text-align:center; display:none; z-index:1000;}
#boxes10 #dialog10 {width:100%;}
.box90_layer10 {width:100%; position:relative; text-align:center; overflow:hidden; margin:0 auto; -moz-border-radius:8px 8px 8px 8px; -webkit-border-radius:8px 8px 8px 8px; border-radius:8px 8px 8px 8px; background:#fff; border:3px solid #f6c741;}
#lmask10 {width:100%; position:absolute; display:none; overflow:hidden; z-index:998; background:#000; opacity:0.5;}
.jwplayer {margin:0 auto; text-align:center;}
.name_prg {color:#fff;}

/* Overlay style */
.overlay {position: fixed; width: 100%;height: 100%; top:0;left: 0; background-color: rgba( 0, 0, 0, 1 );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#60000000,endColorstr=#60000000);	zoom: 1; }
.overlay_none {position: fixed; width: 100%;height: 100%; top:0;left: 0; background-color: rgba( 0,0 0.5 );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#60000000,endColorstr=#60000000);	zoom: 1; }


/*플레이어*/
#jw_play_time {position:absolute; border-radius:50%; width:30px; height:30px; top:15%; right:4%; line-height:27px; font-family:tahoma; color:#fff; font-size:12px; text-align:center; border:2px solid #fff;  z-index:9999;}
.jwplayer {background:none !important; margin:0 auto; text-align:center;}
.refresh {display:block; position:absolute; border-radius:50%; width:32px; height:32px; background-color: rgba(0,0,0,.32); top:15%; right:4%; line-height:27px; color:#fff; font-size:12px; text-align:center; border:3px solid #fff;  font-family: 'Glyphicons Halflings';font-weight: 400; ; -webkit-font-smoothing: antialiased; text-indent: -9999px;background:url("../images/ico_refresh.png") no-repeat 0 0; z-index:9999;}
.refresh:before {content: "\e030"; box-sizing: border-box;}


.overlay nav {width:90%;	text-align: center;top: 50%;	height: 60%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.overlay ul {list-style: none;padding: 0;margin: 0 auto;	display: inline-block;	height: 100%;	position: relative;}
.overlay ul li {display: block;	height: 20%; height: calc(100% / 5);	min-height: 54px;-webkit-backface-visibility: hidden; backface-visibility: hidden;}
.overlay ul li a {	font-size: 54px; font-weight: 300;display: block;	color: #fff;	-webkit-transition: color 0.2s;	transition: color 0.2s;}
.overlay ul li a:hover,.overlay ul li a:focus {color: #f0f0f0;}


/* Effects */
.overlay-door {visibility: hidden; width: 0; top:0; left: 50%; -webkit-transform: translateX(-50%);transform: translateX(-50%);-webkit-transition: width 0.5s 0.3s, visibility 0s 0.8s;	transition: width 0.5s 0.3s, visibility 0s 0.8s;z-index:99;}
.overlay-door.open {visibility: visible;	width: 100%;height:100%;  -webkit-transition: width 0.5s; transition: width 0.5s;	z-index:88;}
.overlay-door nav {position: absolute;left: 50%;	-webkit-transform: translateY(-50%) translateX(-50%);transform: translateY(-50%) translateX(-50%);}
.overlay-door nav,.overlay-door .overlay-close {	opacity: 0;	-webkit-transition: opacity 0.3s 0.5s;	transition: opacity 0.3s 0.5s;}
.overlay-door.open nav,.overlay-door.open .overlay-close {	opacity: 1;	-webkit-transition-delay: 0.5s;	transition-delay: 0.5s;}
.overlay-door.close nav,.overlay-door.close .overlay-close {	-webkit-transition-delay: 0s;	transition-delay: 0s;}
.btn_menu_close {position:absolute; right:-33px; top:25px; width:18px; height:18px; background: url(/images/cross.png) no-repeat center center; overflow: hidden; border: none; text-indent: 200%;color: transparent; outline: none; z-index: 100;}
.ico_close {   width: 16px;  height: 16px;   margin: 16px auto;   background-position: -216px -119px;background: url('/images/cross.png') no-repeat center center;	position: absolute;	right: 20px;top: 20px;	overflow: hidden;border: none;	text-indent: 200%;	color: transparent;outline: none;z-index: 100;}

/*효과없는 레이어팝업*/
.overlay-door1 {visibility: hidden; width: 0; top:0; left: 0; z-index:99;}
.overlay-door1.open1 {visibility: visible;	width: 100%;height:100%; z-index:88;}
.overlay-door1 nav.nav1 {position: absolute;left: 0;}
.overlay-door.open nav.nav1,.overlay-door.open1 .overlay-close1 {opacity: 1;}
.overlay-door.close nav.nav1,.overlay-door.close1 .overlay-close1 {}
.overlay .overlay-close1 {width: 20px; height: 20px;position: absolute;	right: 5%;top: 4%;	overflow: hidden; border: none;	background: url(/images/cross.png) no-repeat center center;	text-indent: 200%;	color: transparent;outline: none;	z-index: 100;}

@media screen and (max-height: 30.5em) {
.overlay nav {height: 70%;font-size: 34px;}
.overlay ul li {min-height: 34px;}
}

/* 새로운 팡팡 메인 임시 덮음 (차후에 분리되어 정리될 예정) */

/* 스티콘 구매 정렬 버튼 */
.view-menu.bottom { position: relative; background-color: #32312c; border: 0 none; box-shadow: 0 0 5px 1px rgba(0,0,0,0.4); -webkit-box-shadow: 0 0 5px 1px rgba(0,0,0,0.4); }
.view-menu.bottom:after { content: ''; position: absolute; left: 50%; bottom: -5px; margin-left: -5px; width: 10px; height: 10px; background-color: #32312c; transform: rotate(45deg); -webkit-transform: rotate(45deg); box-shadow: 2px 2px 3px rgba(0,0,0,0.4); -webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.4) }
.view-menu.bottom a { display: block; padding: 0; border: 0 none; color: #fff; line-height: 40px !important; transition: color 0.5s; -webkit-transition: color 0.5s;text-align: center; }
.view-menu.bottom a:active { color: #ff60a4; }

.bottom_menu_group { position: fixed; right: 3%; bottom: 3%; z-index: 100; width: 60px; }
.bottom_menu_group > div > a { position: static; display: block; }
.bottom_menu_group .add_menu { position: relative; }
.bottom_menu_group .add_menu .btn-list {
    position: fixed;
    right: 3%;
    bottom: 2%;
    z-index: 40;
    width: 60px;
    height: 60px;
    background-image: url(../images/icon/btn_list.png);
    background-size: 100%;
    z-index: 100;
}
.bottom_menu_group .add_menu.on .btn-list { background-image: url('../images/icon/btn_cancel.png'); }
.bottom_menu_group .add_menu {}
.bottom_menu_group .add_menu .view-menu.bottom { display: none; padding: 5px 0; }
.bottom_menu_group .add_menu.on .view-menu.bottom { display: block; position: absolute; width: 70px; right: -5px; bottom: 70px; }

/* tab */
.tab-wrap { padding-top: 82px; }
.tab-wrap.no-tab { padding-top: 46px; }
.tab-list { display: table; width: 100%; font-size: 0.85rem; /* height: 38px; */table-layout: fixed; }
.tab-list > li { cursor: pointer; border-bottom: 1px solid #ff7b1c; display: table-cell; /* height: 36px; */text-align: center; vertical-align: middle; }
.tab-list > li a { color: #555; height: 38px; line-height: 38px; display: block; font-size: 15px; font-weight: 700; }
.tab-list > li.active { border-bottom: 2px solid #ff7b1c; background-color: #fff; height: 37px; }
.tab-list > li.active a { color: #ff7b1c; }
.tab-wrap > .tabs { display: none; position: relative; margin-top: 3px; }

.tab-slider-wrap { position: relative; }
/*.tab-slider-wrap:after { content: ''; position: absolute; right: 0; top: 1%; width: 8%; height: 93%; z-index: 1000; background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.88) 64%); } */
.tab-slider-wrap .inner { position: relative; overflow: hidden; overflow-x: auto; }
.tab-slider-wrap .inner::-webkit-scrollbar {
 display: none;
 }
.tab-slider { display: block; white-space: nowrap; height: 39px; overflow: hidden; }
.tab-slider:after { display: block; content: ''; clear: both; }
.tab-slider > li { float: left; display: block; }
.tab-slider > li a { display: block; height: 38px; line-height: 38px; padding: 0 20px; }


/* 170803 손헌수 프로그램 */
.external .btn-home { left: 0; right: auto; }
.external .btn-back { display: none; }
.btn-home { position: absolute; top: 0; right: 0; width: 42px; height: 46px; }
.btn-home img { padding: 13px 10px; box-sizing: border-box; }

.program_top { background-color: #fff; }
.notice_slider:after,
.owl-stage:after { display: block; content: ''; clear: both; }
.owl-stage .owl-item { float: left; }
.owl-stage .owl-item img { max-width: 100%; vertical-align: top; }

#program_main { color: #676767; }

.program_slider { position: relative; padding: 6px 6px 0 6px; background-color: #fff; overflow: hidden;  white-space: nowrap;  }
.program_slider .owl-stage,
.program_slider .owl-stage-outer { overflow: hidden;  white-space: nowrap; }
.program_slider.init > div,
.program_slider.init .owl-item { display: inline-block !important; float: none !important; white-space: nowrap; }
.program_slider .owl-item:not(:first-child) { display: none; }
.program_slider .owl-nav { display: none; }
.program_slider .owl-dots {position: absolute;left: 0;bottom: 10px;width: 100%;text-align: center;font-size: 0;}
.program_slider .owl-dot { display: inline-block; width: 6px; height: 6px; margin: 0 3px; background-color: #b6b6b6; vertical-align: middle; border-radius: 50px; transition: all 0.5s; -webkit-transition: all 0.5s; box-shadow: 0px 1px 0px rgba(0,0,0,0.5) inset; }
.program_slider .owl-dot.active { background-color: #fff; }

.p_notice { position: relative; padding-left: 70px; padding-right: 50px; border-bottom: 1px solid #d1d1d1; }
.p_notice h3 { position: absolute; left: 0; top: 50%; padding-left: 10px; transform: translate(0,-50%); -webkit-transform: translate(0,-50%); }
.p_notice h3 img { width: 12px; vertical-align: middle; }
.notice_slider { height: 34px; overflow: hidden; }
.notice_slider a { display: inline-block; padding: 0 5px; font-size: 13px; line-height: 34px; color: #5d5d5d; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; }
.p_notice .bx-wrapper { padding: 0 5px; }
.p_notice .btn_more { position: absolute; top: 0; right: 0; width: auto; padding: 0; padding-right: 10px; font-size: 10px; color: #ff7b1c; line-height: 34px; text-transform: uppercase; }

.popup_youtube { display: none; position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 10000; background-color: rgba(0,0,0,0.8); cursor: pointer; }
.popup_youtube_wrap { position: absolute; left: 50%; top: 50%; width: 90vw; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); }
.popup_videoarea { position: relative; padding-bottom: 56.25%; height: 0; }
.popup_videoarea > * { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.popup_videoinfo { background-color: #fff; }
.popup_videoinfo > button { position: absolute; left: 50%; bottom: -80px; width: 61px; padding: 0; margin: 0; background: none; border: 0 none; transform: translate(-50%,0); -webkit-transform: translate(-50%,0); }

.video_info { position: relative; padding: 2px 11px 10px 92px; background-color: #fff; box-sizing: border-box; }
.video_info_profile { position: absolute; left: 12px; top: 11px; }
.video_info_profile img { width: 60px; border-radius: 100px; }
.video_info h2 { display: -webkit-box; min-height: 36px; padding-top: 12px; margin-bottom: 10px; font-size: 15px; line-height: 18px; color: #3a3a3a; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis; overflow: hidden; }
.video_info dl { font-size: 11px; color: #606060; }
.video_info dl:after { display: block; content: ''; clear: both; }
.video_info dt { float: left; font-size: 12px; color: #ff7b1c; margin-right: 5px; line-height: 19px; }
.video_info dt > * { vertical-align: middle; }
.video_info dd { float: left; line-height: 19px; }
.icon_live { display: inline-block; height: 14px; line-height: 1.6; font-size: 10px; color: #fff; background-color: #df1f4d; text-align: center; border-radius: 3px; padding: 0 5px; }

.video_info_share { display: flex; display: -webkit-flex; margin-top: 10px; align-items: center; -webkit-align-items: center; }
.video_info_share > * { flex: 1; -webkit-flex: 1; margin-top: 0 !important; margin-bottom: 0 !important; margin-right: 4px !important; }
.video_info_share > *:last-child { margin-right: 0; }

.btn_video_info_share { padding: 0 5px !important; height: 24px !important; line-height: 24px !important; width: auto !important; border-radius: 2px !important; color: #fff !important; font-size: 11px; font-weight: 700; background-color: #a0a0a0 !important; box-shadow: none !important; border: 0 none !important;  }
.btn_video_info_share:before { display: inline-block; vertical-align: middle; margin-right: 5px; content: ''; width: 9px; height: 100%; background: url('/asset/asp/push_my_singer/images/new_images/icon_share_pc.png') no-repeat center; background-size: 9px; }
.go_fullver { padding: 0 5px !important; width: auto !important; height: 24px !important; line-height: 24px !important; border-radius: 2px !important; color: #fff !important; font-size: 11px; font-weight: 700; background-color: #df1f4d !important; box-shadow: none !important; border: 0 none !important;  }
.go_fullver:before {  display: inline-block; vertical-align: middle; margin-right: 5px;  content: ''; width: 7px; height: 100%; background: url('/asset/asp/push_my_singer/images/new_images/icon_full_pc.png') no-repeat center; background-size: 7px; }

.video_info .playing span { margin-right: 5px; font-size: 1.45vh; line-height: 1.2; }
.video_info .playing:before { content: '';display: inline-block;vertical-align: middle;width: 12px;height: 12px;     background: url(/asset/asp/push_my_singer/images/new_images/icon_hits.png) no-repeat 0 0 / 100% 100%;}

.popup_share { background-color: rgba(0,0,0,0.7); position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 11000; display: flex; display: -webkit-flex; flex-direction: column-reverse; -webkit-flex-direction: column-reverse; }
.popup_share_wrap { position: relative; background-color: #fff; }
.popup_share_wrap h3 { color: #484848; font-size: 16px; line-height: 48px; border-bottom: 1px solid #dddddd; padding: 0 3vh; }
.popup_share_wrap ul { display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: space-around; -webkit-justify-content: space-around; padding: 3vh; }
.popup_share_wrap li { }
.popup_share_wrap li button { display: block; font-size: 14px; color: #333; padding: 0 !important; margin: 0 !important; background: none !important; border: 0 none !important; }
.popup_share_wrap li button img { display: block; width: 50px; margin: 0 auto 5px auto; }

.popup_appdown { background-color: rgba(0,0,0,0.7); position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 11000; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; }
.popup_appdown_wrap { position: relative; margin: 0 30px; }
.popup_appdown_wrap .btn_area { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.popup_appdown_wrap .btn_area button { position: absolute; padding: 0 !important; margin: 0 !important; background: none !important; border: 0 none !important; margin: 0 !important; }

/* 170808 상시 공유 이벤트 */
/* #events_share { padding-top: 46px; } */
#events_share img { vertical-align: top; max-width: 100%; }
#events_share * { color: #143f52; }
#events_share .contents-bx { width: auto; padding-top: 0; }
#events_share button { padding: 0; margin: 5px 0 0 0; border: 0 none; background-color: transparent; }
.es_header { background: url('/asset/common/images/event_share/header_m.png') no-repeat center 0; height: 60vw; background-size: cover; }
.es_section.odd {background-color: #f7f8f8}
.es_gift { padding-top: 15px; padding-bottom: 15px; }
.es_wrap { width: auto; margin: 0 auto}

.es_gift_info { display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; margin-bottom: 15px; }
.es_gift_info > * { margin-left: 4vw; }
.es_gift_info dt + dd { margin-left: 0; }
.es_gift_info > * img { width: 93px; }
.es_gift_form_wrap {}
.es_gift_form {position: relative;height: 14vw;padding: 2px 100px 7px 2px;margin: 0 auto;background: url('/asset/common/images/event_share/bg_input_m.png') no-repeat center 0;background-size: 100%;}
.es_gift_form .inp_url {display: block;background: none;width: 100%;font-size: 4vw;color: #143f52;height: 11vw;line-height: 11vw;padding: 0 1.5vw; box-sizing: border-box;border: 0 none; letter-spacing: 0 !important; }
.es_gift_form .inp_url::-moz-placeholder { opacity: 1; color: #143f52; height: 34px;line-height: 34px; letter-spacing: 0 !important; }
.es_gift_form .inp_url:-ms-input-placeholder { opacity: 1; color: #143f52; height: 34px;line-height: 34px; letter-spacing: 0 !important; }
.es_gift_form .inp_url::-webkit-input-placeholder { opacity: 1; color: #143f52; height: 34px;line-height: 34px; letter-spacing: 0 !important; }
.es_gift_form .inp_submit {position: absolute;top: 50%; right: 0; width: 93px; transform: translate(0,-70%); -webkit-transform: translate(0,-70%); }

.es_bj {  margin: 0 auto; }
.es_bj:after { display: block; content: ''; clear: both; }
.es_bj > * { margin-bottom: 12px; }
.es_bj > *:last-child { margin-bottom: 0; }
.es_bj_name { text-align: center; overflow: hidden; width: 100%; }
.es_bj_name h3 { float: left; }
.es_bj_name h3 > div { float: left; width: 40px; height: 40px; border: 2px solid #143f52; border-radius: 200px; overflow: hidden; margin: 0 auto; }
.es_bj_name h3 > div img { display: block; width: 100%; height: 100%; overflow: hidden; }
.es_bj_name span { margin-left: 10px; color: #143f52; font-size: 15px; line-height: 1.2; font-weight: 800; line-height: 36px; }
.btn_es_zzim { float: right; width: auto !important; }
.es_bj_thum {  }
.es_bj_thum img { width: 100%; }
.es_bj_content {  }
.es_bj_content > h4 { font-size: 15px; line-height: 1.4; font-weight: 800; margin-bottom: 3px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.es_bj_content > p { font-size: 13px; line-height: 1.4; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.es_bj_sns { margin-top: 10px; }
.es_bj_sns > * { float: left; margin-left: 6px !important; }
.es_bj_sns > *:first-child { margin: 0; }

.es_howto { text-align: center; }
.es_login { text-align: center; position: relative; }
.es_login .btn_area { position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; margin: 0 !important;  }
.es_login .btn_area button { position: absolute; width: 31%; height: 36%; margin: 0 !important; bottom: 26%; }
.es_login .btn_area img { display: block; width: 100%; height: 100%; visibility: hidden; opacity: 0; }

.es_section { padding: 15px; }
.es_section.last { padding: 0; }

.es_bj_sns { display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center;  }
.es_bj_sns button {  margin: 0 0 0 10vw !important; width: auto !important; }
.es_bj_sns button:first-child {  margin-left: 0px !important; }
.es_bj_sns img { width: 39px; }

.popup_event_ok { display: none; position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 10000; background-color: rgba(0,0,0,0.8); }
.popup_event_ok_wrap { position: absolute; left: 50%; top: 50%; width: calc(100% - 30px); transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); }

.popup_event_ok_wrap .btn_area {position: absolute;left: 0;top: 0;width: 100%;height: 100%;text-align: center;margin: 0;}
.popup_event_ok_wrap .btn_area button {position: absolute;border: 0 none;background: none;margin: 0 !important;}
.popup_event_ok_wrap .btn_area img { display: block; width: 100%; height: 100%; visibility: hidden; opacity: 0; }

@media all and ( max-width: 320px ) {
	.es_gift_form .inp_submit { transform: translate(0,-67%); -webkit-transform: translate(0,-67%); }
}

@media all and ( max-width: 375px ) {
	.list-play { height: 23vw; }
}


/* layout - top */
.top-sect {z-index: 1000; background: #fff !important; }
.top-sect h1 { border-bottom: 1px solid #ccc; overflow: hidden; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; width: 100%; text-align: center; font-size: 18px; height: 46px; color: #ff7b1c; display: block; text-align: center; position: relative; }

.top-sect h1 a.upload {
    position: absolute;
    width: 30px;
    text-indent: -9999px;
    right: 42px;
    top: 4px;
}
.top-sect.pp_brd h1 a.upload {
	right: 5px;
}
.top-sect h1 a.upload:before {
    content: '';
    position: absolute;
    left: 6px;
    top: 9px;
    width: 18px;
    height: 21px;
    background-image: url(../images/icon/icon_upload.png);
    background-repeat: no-repeat;
    background-size: 18px 21px;
}

.top-sect h1 > strong { position: relative; vertical-align: middle; display: block; height: 100%; line-height: 46px; padding: 0 40px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-size: inherit; font-weight: 700; }
.top-sect h1 .btn-back { position: absolute; left: 5%; top: 50%; width: 14px; height: 23px; margin-top: -9px; background: url('/asset/asp/push_my_singer/images/new_images/icon_back.png') no-repeat 0; background-size: 11px; }
.top-sect h1 .link { font-size: 12px; position: absolute; right: 3%; top: 50%; width: 70px; border-radius: 7px; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; height: 30px; background-color: #ff7b1c; margin-top: -15px; color: #fff; }
.top-sect h1 .icon-store,
.top-sect h1 .icon-list01,
.top-sect h1 .icon-list02,
.top-sect h1 .icon-list03,
.top-sect h1 .icon-list04,
.top-sect h1 .icon-list05 { position: absolute; right: 3%; top: 50%; margin-top: -9px; }
.top-sect h1 .icon-store { width: 20px; height: 18px; background-image: url('/asset/asp/push_my_singer/images/new_images/icon_store.png'); }
.top-sect h1 .icon-list01 { width: 20px; height: 18px; background-image: url('/asset/asp/push_my_singer/images/new_images/icon_list01.png'); background-size: 100%; background-position: 50%; right: 11%;}
.top-sect h1 .icon-list02 { width: 20px; height: 18px; background-image: url('/asset/asp/push_my_singer/images/new_images/icon_list02.png'); background-size: 100%; background-position: 50%; right: 11%;}
.top-sect h1 .icon-list03 { width: 5px; height: 18px; background-image: url('/asset/asp/push_my_singer/images/new_images/icon_list03.png'); ; }
.top-sect h1 .icon-list04 { width: 25px; top: 24px; /* position: relative; */height: 16px; /* background-image: url('/asset/asp/push_my_singer/images/new_images/icon_list04.png'); */ right: 0; }
.top-sect h1 .icon-list04:before { content: '숨김보기'; position: absolute; left: -39px; top: -16px; color: #262521; font-size: 13px; }
.top-sect h1 .icon-list04.active:before { content: '전체보기'; }
.top-sect h1 .icon-list05 { width: 18px; height: 18px; background-image: url('/asset/asp/push_my_singer/images/new_images/icon_list05.png'); }
.top-sect h1 .btn-submit { font-size: 0.9rem; position: absolute; right: 3%; top: 0; height: 100%; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; color: #6f7276; line-height: 45px; }
.top-sect h1 .btn-submit strong { color: #252621; }
.top-sect h1 .btn-submit#btn-top { opacity: 0; transition: opacity 0.5s; -webkit-transition: opacity 0.5s; }
.top-sect h1 .btn-submit#btn-top.on { opacity: 1; }

/* 170911 새로운 팡팡 메인 */

#middle.main_new { background-color: #dedede; }
#middle.main_new button:focus { outline-color: transparent; }
.owl-item { float: left; }
.owl-item img { max-width: 100%; vertical-align: top;  }
.owl-stage:after { display: block; content: ''; clear: both;  }
.owl-nav.disabled { display: none; }

.main_slider { position: relative; margin-bottom: 6px; box-shadow: 0px 2px 4px rgba(0,0,0,0.18); }
.main_slider.init { white-space: nowrap; }
.main_slider.init > a { display: inline-block; }
.main_slider.init .main_slider_bottom { display: none; }
.main_slider_about { position: absolute;right: 0;bottom: 0; ;height: 22px;line-height: 20px; font-size: 10px; box-sizing: border-box; }
.main_slider_about > * { float: left; }
.main_slider_pager { text-align: center;padding-right: 10px;background-color: rgba(255,255,255,0.8); border: 1px solid rgba(0,0,0,0.8); height: 100%; box-sizing: border-box; }
.main_slider_pager > *:not(.main_slider_bottom) {position: absolute;border-radius: 10px;left: 10px;counter-increment: dots;}
.main_slider_pager > *:not(.main_slider_bottom):before { display: block;  content: counter(dots,decimal) ; font-size: 10px; font-weight: 700; color: #3d3632; height: 0; padding-top: 22px; overflow: hidden; }
.main_slider_pager > *:not(.main_slider_bottom).active {  }
.main_slider_pager > *:not(.main_slider_bottom).active:before { color: #3d3632; height: auto; padding-top: 0; }
.main_slider_pager:after {content: " / " attr(data-length);font-size: 10px;color: #7c7571;font-weight: 700;margin-left: 17px;}
.main_slider_bottom {  }
.main_slider_bottom > button { padding: 0 5px; background: none; border: 0 none; background-color: rgba(0,0,0,0.8); color: #fff; line-height: 22px; font-size: 10px; }

.hot_vod { position: relative; background-color: #fff; padding: 6px 0; margin-bottom: 6px; box-shadow: 0px 2px 4px rgba(0,0,0,0.18); }
.hot_vod > h3 { margin-bottom: 10px; padding-top: 6px; padding-left: 6px;  color: #474747; font-size: 14px; margin-bottom: 0; }
.hot_vod > h3 span { color: #ff7b1c; }
.hot_vod > h3 span:before { display: inline-block; content: ''; width: 2px; height: 12px; background-color: #ff7b1c; margin-right: 7px; vertical-align: middle; }
.hot_vod .owl-stage-outer { margin-left: 6px; }
.hot_vod .owl-item { width: 180px !important; }
.hot_vod > a { font-size: 11px; color: #474747; position: absolute; top: 0; right: 0; padding: 14px 6px 10px 10px; }
.hot_vod > a:after { content: '>'; font-size: 11px; margin-left: 5px; }
.hot_vod_list .thum { position: relative; }
.hot_vod_list .thum:after { content: ''; position: absolute; right: 10px; bottom: 6px; width: 25px; height: 25px; background: url('/asset/asp/push_my_singer/images/new_images/main_new/icon_play.png') no-repeat 0; background-size: 100%; }

.main_slide_area { position: relative; z-index: 13; }
.main_slide_area > ul { background-color: #fff; border-bottom: 1px solid #cfcfcf; }
.main_slide_area > ul:after { display: block; content: ''; clear: both; }
.main_slide_area > ul > li { float: left; position: relative; }
.main_slide_area button:focus { outline-color: transparent; }
.main_slide_area li > button { font-size: 14px; line-height: 39px; color: #555; background-color: transparent; border: 0 none; padding: 0 8px; font-weight: 700; transition: color 0.5s; }
.main_slide_area li.on > button { color: #9d2d2d; }
.main_slide_area li.active > button { }
.main_slide_area li.toggles { }
.main_slide_area li.toggles ul { display: none; }
.main_slide_area li.toggles button { padding-left: 14px; }
.main_slide_area li.toggles ul button { width: 100%; padding-left: 9px; padding-right: 9px; box-sizing: border-box; text-align: left; }
.main_slide_area li.toggles > button { color: #ff7b1c; position: relative; padding-right: 24px; }
.main_slide_area li.toggles > button:after { content: '▼'; display: inline-block;  color: #ff7b1c; font-size: 8px; position: absolute; top: 50%; right: 8px; height: 20px; line-height: 20px; margin-top: -10px; }
/* .main_slide_area li.toggles.on > button:after { content: '▼'; display: inline-block; color: #ff7b1c; font-size: 8px; position: absolute; top: 50%; right: 8px; height: 20px; line-height: 20px; margin-top: -10px; } */
.main_slide_area li.toggles.on ul { display: block; position: absolute; left: 5px; background-color: #fff; width: 95px; border: 2px solid #cfcfcf; border-top: 0 none; border-radius: 0 0 5px 5px; overflow: hidden; }

.list_type01 { padding: 6px 0; background-color: #fff; }
.list_type01 li { position: relative; margin-bottom: 6px; width: calc(100% - 12px); box-sizing: border-box; margin-left: auto; margin-right: auto; border: 1px solid #ddd; border-right: 0 none; border-bottom: 0 none; overflow: hidden;  box-shadow: 0px 2px 4px rgba(0,0,0,0.18); }
.list_type01 li:last-child { margin-bottom: 0px; }
.list_type01 li a,
.list_type01 li > div {/* padding-left: 140px; */height: 100%;background-color: #fff;display: block;position: relative;display: flex;}
.list_type01 li .thum {/* position: absolute; */left: 0;top: 0;/* width: 175px; */overflow: hidden;position: relative;flex: 0.43;}
.list_type01 li .thum img { width: 100%; vertical-align: top; }
.list_type01 li .broad_info {padding: 6px 13px;background-color: #fff;box-sizing: border-box;flex: 0.57;/* display: flex; *//* justify-content: space-between; *//* flex-direction: column; */}
.list_type01 li .broad_info dl {font-size: 11px;overflow: hidden;display: flex;flex-direction: column;justify-content: space-around;height: 100%;}

.list_type01 li.buy_vod .broad_info .title,
.list_type01 li.ticket .broad_info .title { position: relative; padding-right: 30px; }

.list_type01 li.ticket .broad_info .title:after { position: absolute; top: 0; right: 0; content: ''; width: 24px; height: 24px; background: #ededed url('/asset/asp/push_my_singer/images/new_images/main_new/icon_pan_ticket.png') no-repeat 0; background-size: 100%; border-radius: 24px; }
.list_type01 li.buy_vod .broad_info .title:after { position: absolute; top: 0; right: 0;  content: ''; width: 24px; height: 24px; background: url('/asset/asp/push_my_singer/images/new_images/main_new/icon_vod_buy.png') no-repeat 0; background-size: 100%; }

.list_type01 li .broad_info dd { display: flex; justify-content: space-between; }
.list_type01 li .broad_info dd dfn:last-child { margin-left: 8px; }
.list_type01 li .broad_info .title {font-weight: 700;color: #484848;line-height: 1.4;font-size: 14px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; height: 38px;}
.list_type01 { position: relative; box-sizing: border-box; }
.list_type01 li .broad_info .bj_etc { text-align: right; }
.list_type01 .chk01 { position: absolute; left: 0; top: 0; z-index: 100; }
.list_type01 .chk01 label { display: block; padding: 6px 12px 12px 6px; }

.list_type01 li.dragon { border: 2px solid #ffa800; }
.list_type01 li.dragon .thum:after { position: absolute; right: 5px; bottom: 15px; z-index: 10; content: ''; width: 38px; height: 35px; background: url('/asset/asp/push_my_singer/images/new_images/main_new/icon_dragon.png') no-repeat 0; background-size: 100%; }

.list_type01 .badge_live { position: absolute; left: 0; top: 0; width: 24px; z-index: 10; background-color: #ff7b1c; border-radius: 0 0 5px 5px; }
.list_type01 .badge_vod { position: absolute; left: 0; top: 0; width: 24px; z-index: 10; background-color: #2a60b9; border-radius: 0 0 5px 5px; }
.list_type01 .badge_adult { position: absolute; right: 5px; top: 5px; width: 17px; z-index: 10; }

.list_type01 .broadcast_info02 {position: absolute;right: 0;bottom: 0;width: 100%;background-color: rgba(0,0,0,0.5);color: #fff;display: flex;font-size: 9px;justify-content: space-between;padding: 0 5px; box-sizing: border-box; }
.list_type01 .broadcast_info02 > * { line-height: 16px; height: 14px; font-size: 11px; }
.list_type01 .badge_live + div .broadcast_info02 { width: auto; }
.list_type01 .badge_vod + div .broadcast_info02 { }
.list_type01 .bj_time { background: url('/asset/asp/push_my_singer/images/new_images/main_new/icon_time.png') no-repeat 0; background-size: 9px; padding-left: 13px; }

.list_type01 .bj_name { background: url('/asset/asp/push_my_singer/images/new_images/main_new/icon_panbook_home.png') no-repeat 0; background-size: auto 9px; color: #46a0c0; font-size: 10px; padding-left: 12px; line-height: 16px; height: 14px; font-weight: 700; }
.list_type01 .bj_name > * { vertical-align: middle; display: inline-block; }

.list_type01 .bj_hits { background: url('/asset/asp/push_my_singer/images/new_images/main_new/icon_hits.png') no-repeat 0; background-size: auto 11px; color: #8e8e8e; font-size: 11px; padding-left: 11px; line-height: 1.4; }
.list_type01 .badge_live + div .bj_hits { background-image: url('/asset/asp/push_my_singer/images/new_images/main_new/icon_views.png'); padding-left: 18px; }
.list_type01 .bj_hits > * { vertical-align: middle; display: inline-block; }

.list_type01 .bj_likes { background: url('/asset/asp/push_my_singer/images/new_images/main_new/icon_likes.png') no-repeat 0; background-size: auto 11px; color: #8e8e8e; font-size: 11px; padding-left: 16px; line-height: 1.4; }
.list_type01 .bj_likes > * { vertical-align: middle; display: inline-block; }

.list_pr { display: flex; background-color: #eeecf3; border-top: 1px solid #d4d3da; box-shadow: 0px 2px 4px rgba(0,0,0,0.18); align-items: center; }
.list_pr h3 { padding: 6px; height: 94px; box-shadow: 2px 0px 4px rgba(0,0,0,0.18); }
.list_pr h3 img { width: 92px; vertical-align: middle; }
.pr_slider li { position: relative; }
.pr_slider button { border: 0 none; border-radius: 76px; width: 76px; height: 76px; background: #edecf3; }
.pr_slider li.selected button { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff7b1c+0,891af0+100 */
background: #ff7b1c; /* Old browsers */
background: -moz-linear-gradient(56deg,  #ff7b1c 0%, #891af0 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(56deg,  #ff7b1c 0%,#891af0 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(56deg,  #ff7b1c 0%,#891af0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7b1c', endColorstr='#891af0',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
 }
.pr_slider button img { width: 72px; border-radius: 72px; vertical-align: middle; }
.pr_slider a { display: none; }
.pr_slider li.selected a { display: flex; align-items: center; justify-content: center; flex-direction: column; color: #fff; font-size: 10px; font-weight: 700; line-height: 1.2; position: absolute; top: 50%; left: 50%; width: calc(100% - 4px); height: calc(100% - 4px); background-color: rgba(0,0,0,0.7); text-align: center; border-radius: 100px; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); }
.pr_slider a:before { display: block; content: ''; width: 12px; height: 10px; margin-bottom: 5px; background: url('/asset/asp/push_my_singer/images/new_images/main_new/icon_pr_home.png') no-repeat 0; background-size: 100%; }

.bottom_align_group {position: fixed;right: 15px;bottom: 15px;z-index: 100;width: 60px;}
.bottom_align_group > div > button {position: static;display: block;z-index: 40;width: 60px;height: 60px;border: 0 none;background: url('/asset/asp/push_my_singer/images/new_images/main_new/btn_align.png') no-repeat 0;background-size: 100%;z-index: 100;}
.bottom_align_group  button:focus { outline-color: transparent; }
.bottom_align_group .add_menu { position: relative; }
.bottom_align_group .add_menu.on > button { background-image: url('/asset/asp/push_my_singer/images/new_images/btn_cancel.png'); }
.bottom_align_group .add_menu {}
.bottom_align_group .add_menu .view-menu { display: none; padding: 5px 0; }
.bottom_align_group .add_menu.on .view-menu {display: block;position: absolute;width: 81px;right: -9px;bottom: 72px;}
.bottom_align_group .add_menu.on .view-menu > button { display: block; padding: 8px 0; text-align: center; color: #484848; font-size: 12px; border-bottom: 1px solid #e7e7e7; }
.bottom_align_group .add_menu.on .view-menu {/* position: relative; */background-color: #32312c;border: 0 none;box-shadow: 0 0 5px 1px rgba(0,0,0,0.4);-webkit-box-shadow: 0 0 5px 1px rgba(0,0,0,0.4);}
.bottom_align_group .add_menu.on .view-menu:after { content: ''; position: absolute; left: 50%; bottom: -5px; margin-left: -5px; width: 10px; height: 10px; background-color: #32312c; transform: rotate(45deg); -webkit-transform: rotate(45deg); box-shadow: 2px 2px 3px rgba(0,0,0,0.4); -webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.4) }
.bottom_align_group .add_menu.on .view-menu button {padding: 0;border: 0 none;color: #fff;line-height: 40px !important;transition: color 0.5s;-webkit-transition: color 0.5s;width: 100%;background: transparent;}
.bottom_align_group .add_menu.on .view-menu button:active,
.bottom_align_group .add_menu.on .view-menu button.on { color: #ff60a4; }

.btn_pop_close { width: 54px; margin-left: auto; margin-right: auto; }
.popup_event_list { display: flex; flex-direction: column-reverse; position: fixed; left: 0; top: 0; background-color: rgba(0,0,0,0.87); z-index: 500; }
.popup_event_list button { background: none; border: 0 none; }
.popup_event_list .btn_pop_close { padding: 4.4vh 0; }
.popup_event_list ul { overflow-y: auto; height: 84vh; }
.popup_event_list li:not(:last-child) { margin-bottom: 6px; }
.popup_event_list img { vertical-align: top; }

/* hot 영상 */
.hot_vods { padding: 52px 6px 6px 6px; }
.list_hot_vod .popup_youtube_wrap { position: relative; left: auto; top: auto; width: auto; transform: none; -webkit-transform: none; margin-bottom: 6px; box-shadow: 0px 2px 4px rgba(0,0,0,0.18); }
.list_hot_vod .popup_youtube_wrap:last-child { margin-bottom: 0; }
.video_info_share { display: block !important; margin-top: 0; position: absolute; right: 6px; bottom: 10px; }
.btn_video_info_share { font-weight: 700; }
.btn_video_info_share > *:last-child { margin-right: 0 !important; }
.video_info .playing span { margin-right: 5px; font-size: 12px; display: inline-block; vertical-align: middle; }
.video_info .playing:before { content: '';display: inline-block;vertical-align: middle;width: 10px;height: 10px; background: url('/asset/asp/push_my_singer/images/new_images/icon_hits.png') no-repeat 0 0 / 100% 100%;}
.popup_videoarea > img { vertical-align: top; }
.video_info dl * { line-height: 24px; }
.btn_video_info_share,
.go_fullver { width: 58px !important; display: inline-block; }

/* 다시보기 구매 */
.buy_vods { padding-top: 46px; }
.vod_buy_info {  }
.vod_buy_info .vod_buy_top { padding: 6px 18px; background-color: #fff; }
.vod_buy_info .vod_buy_top .thum { margin-bottom: 8px; }
.vod_buy_info .vod_buy_top .thum img { vertical-align: top; max-width: 100%; }
.vod_buy_items { display: table; width: 100%; padding: 5px; border-bottom: 1px solid #d5d5d5; box-sizing: border-box; }
.vod_buy_items:last-of-type { border-bottom: 0 none; }
.vod_buy_items h3 { display: table-cell; width: 80px; vertical-align: middle; color: #7e7e7e; font-size: 13px; line-height: 1.4; font-weight: 400; letter-spacing: -0.075em; }
.vod_buy_items p { display: table-cell; vertical-align: middle; color: #484848; font-size: 13px; line-height: 1.4; padding: 5px 0; text-align: right; letter-spacing: -0.055em; }
.vod_buy_items small { color: #8a6c7b; font-weight: 400; }
.vod_buy_items p > *{ vertical-align: middle; }
.vod_buy_items .btn_pink_small { margin-left: 5px; }
.vod_buy_items strong { font-size: 17px; }
.vod_buy_items strong > small { font-weight: 700; font-size: 13px; color: #484848; margin-left: 1px; }

.vod_date { font-size: 14px; font-weight: 700; }
.vod_date strong { font-size: 17px; font-weight: 700; margin-right: 2px; }

.icon_gold:before { display: inline-block; vertical-align: middle; margin-right: 5px; content: ''; width: 18px; height: 18px; background: url('/asset/asp/push_my_singer/images/new_images/main_new/icon_g.png') no-repeat 0 / 100%; }
.btn_pink_small { color: #fff; text-align: center; font-size: 12px; font-weight: 700; padding: 6px 10px; line-height: 16px; background-color: #ff7b1c; border: 0 none; }

.btn_pink_big { color: #fff; text-align: center; font-size: 17px; font-weight: 700; padding: 0;  line-height: 44px; background-color: #ff7b1c; border: 0 none; }
.btn_gray_big { color: #fff; text-align: center; font-size: 17px; font-weight: 700; padding: 0;  line-height: 44px; background-color: #77797b; border: 0 none; }

.vod_buy_caution { padding: 10px 22px; font-size: 11px; line-height: 1.6; color: #666; }
.vod_buy_caution p { position: relative; padding-left: 1vh; }
.vod_buy_caution p:before { position: absolute; left: 0; top: 0; content: '-'; line-height: 1.4; }


.bottom_fixed_buttons { display: flex; align-items: center; justify-content: space-between; position: fixed; left: 0; bottom: 0; width: 100%; padding: 10px 16px; border-top: 1px solid #bcbcbc; box-shadow: -1px 0px 3px #bcbcbc; background-color: #ededed; box-sizing: border-box; }
.bottom_fixed_buttons > * { width: 100%; display: block; margin-left: 8px; box-sizing: border-box; }
.bottom_fixed_buttons > *:first-child { margin-left: 0; }

.popup_tickets { position: fixed; display: flex; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.7); padding: 0 5%; align-items: center; justify-content: center; z-index: 500; box-sizing: border-box;  }
.popup_tickets_wrap { position: relative; border-radius: 3px; flex: 1; }

.popup_tickets_about { position: fixed; display: flex; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.7); padding: 0 5%; align-items: center; justify-content: center; z-index: 500; box-sizing: border-box;  }
.popup_tickets_about_wrap { position: relative; border-radius: 3px; flex: 1; }

.popup_tickets .popup_body h3 { margin-bottom: 10px; padding-left: 2px; font-size: 11px; color: #313131; }
.popup_tickets .popup_body h3 b { color: #3d5685; }

.popup_title { background-color: #f84e7e; color: #fff; text-align: center; font-size: 17px; line-height: 46px; height: 46px; border-radius: 3px 3px 0 0; font-weight: 700; }
.popup_title button { position: absolute; top: 0; right: 0; padding: 12px; background-color: transparent; border: 0 none; }
.popup_title button img { width: 20px; }
.popup_body { background-color: #eee; padding: 16px 14px; border-radius: 0 0 3px 3px;}
.popup_btn_area { display: flex; align-items: center; justify-content: center; }
.popup_btn_area > * { flex: 1; margin-left: 8px; }
.popup_btn_area > *:first-child { margin-left: 0; }

.pcast_group { margin-bottom: 4px; border: 1px solid #cdcdcd; font-size: 12px; line-height: 34px; }
.pcast_group:last-child { margin-bottom: 0; }
.pcast_group > div { display: flex; align-items: center; justify-content: space-between; padding: 0 10px; background-color: #fff; border-bottom: 1px solid #cdcdcd; }
.pcast_group > div:last-child { border-bottom: 0 none; }

.pcast_group > div dl { overflow: hidden; color: #666; }
.pcast_group > div dt { float: left; font-weight: 700; }
.pcast_group > div dd { float: left; margin-left: 5px; font-size: 13px; color: #585858; }
.pcast_group p strong { color: #e75252; }
.pcast_group p em { color: #e75252; }

.pcast_caution { margin-bottom: 10px; padding: 11px; font-size: 11px; line-height: 1.5; color: #666; }
.pcast_caution p { position: relative; padding-left: 15px; }
.pcast_caution p strong { color: #e75252; }
.pcast_caution p:before { position: absolute; left: 0; top: 3px; content: ''; width: 10px; height: 10px; background: url('/asset/asp/push_my_singer/images/new_images/main_new/icon_caution.png') no-repeat 0 / 100%; }
.pcast_group > div dd.pcast_mygrade { color: #e75252; }
.icon_not_allowed { color: #e75252; font-size: 11px; }
.icon_not_allowed:before { display: inline-block; vertical-align: middle; margin-right: 2px; content: ''; width: 12px; height: 12px; background: url('/asset/asp/push_my_singer/images/new_images/main_new/icon_caution_red.png') no-repeat 0 / 100%; }
.about_pcastticket { text-align: center; color: #484848; font-size: 14px; line-height: 1.5; }
.about_pcastticket span { display: block; color: #854d4d; font-size: 11px; }

.check-info { padding: 10px 0; }
.check-info > div { position: relative; margin: 10px 0; }
.check-info > div > a { position: absolute; top: 0; right: 0; border: 1px solid #000; border-radius: 3px; padding: 0 5px; }

/* 161018 개인정보취급방침 등 공통 폼 */
	.privacy_area {line-height: 1.8;word-break: keep-all;word-wrap: break-word;padding: 10px;font-size: 12px;}
	.privacy_area * { font-size: 12px; }
	.privacy_area a { color: inherit; }
	.privacy_area .tit {font-size: 14px;/* padding: 0 0 30px; */font-weight: bold;margin-bottom: 10px;}
	.privacy_area .index {position: relative;padding: 0;/* border-bottom: 1px solid #e5e5e5; */}
	.privacy_area .index .print { position: absolute; top: 34px; right: 40px; clear: both }
	.privacy_area .index p { margin-bottom: 20px }
	.privacy_area .index .dl { overflow: hidden; _height: 1% }
	.privacy_area .index .dl dl { width: 439px; overflow: hidden }
	.privacy_area .index .dl .dl1 { float: left }
	.privacy_area .index .dl .dl2 { float: right }
	.privacy_area .index .dl dt { width: 48px; height: 22px; float: left }
	.privacy_area .index .dl dd { width: 391px; height: 22px; float: right }
	.privacy_area .index .dl dd a { font-weight: bold; display: block; }
	.privacy_area .index h3 { margin: 0 0 20px 0; color: #333 }
	.privacy_area .index .ol { overflow: hidden; _height: 1% }
	.privacy_area .index .ol ol { float: left }
	.privacy_area .index .ol ul { float: left }
	.privacy_area .index .ol li { height: 22px }
	.privacy_area .index .ol .first_letter { display: block; float: left; text-align: right; padding-right: 8px }
	.privacy_area .index .ol .ol1 { margin-right: 213px }
	.privacy_area .index .ol .ol1 .first_letter { width: 14px }
	.privacy_area .index .ol .ol2 .first_letter { width: 18px }
	.privacy_area .index .ol a { font-weight: bold; }

	.privacy_area .section {padding: 0;font-size: 12px;}
	.privacy_area .section_detail {margin-top: 30px;}
	.privacy_area .section_detail:first-child { margin-top: 0; }
	.privacy_area .section_detail p,
	.privacy_area .section_detail li { position: relative }
	.privacy_area .section_detail .mt43 { margin-top: 43px }
	.privacy_area .section_detail .mt20 { margin-top: 20px !important }
	.privacy_area .section_detail .mt10 { margin-top: 10px }
	.privacy_area .section_detail .mb0 { margin-bottom: 0 }
	.privacy_area .section_detail .pb3 { padding-bottom: 3px }

	.privacy_area .section h2 { margin-bottom: 20px; font-size: 20px; }
	.privacy_area .section_detail h3 {margin-bottom: 5px;font-size: 12px;font-weight: 700;}
	.privacy_area .section_detail h3.first { margin-top: 0 }
	.privacy_area .section_detail h3 a { text-decoration: none; }
	.privacy_area .section_detail > ol {margin-left: 10px;}
	.privacy_area .section_detail > ol,
	.privacy_area .section_detail > ul {padding-left: 10px;}
	.privacy_area .section_detail > ol ol { padding-left: 16px; }
	.privacy_area .section_detail > p { margin: 10px 0; padding-left: 16px; }
	/* .privacy_area .section_detail ol,
	.privacy_area .section_detail .ex { padding-left: 16px }
	.privacy_area .section_detail ol li .first_letter,
	.privacy_area .section_detail ol li.first_letter,
	.privacy_area .section_detail ol .ex .first_letter { margin: 0 4px 0 -16px }*/
	.privacy_area .section_detail table {margin-bottom: 20px;border-collapse: collapse;border-spacing: 0;width: 100%;}
	.privacy_area .section_detail table thead th {border: 1px solid #8e8e8e;padding: 10px;vertical-align: middle;text-align: center;font-weight: 700;}
	.privacy_area .section_detail table tbody th { border: 1px solid #8e8e8e; padding: 0 10px; }
	.privacy_area .section_detail table tbody td { border: 1px solid #8e8e8e; padding: 0 10px; }
	.privacy_area .section_detail ul { padding-left: 10px }
	.privacy_area .section_detail li .first_letter { margin: 0 4px 0 -16px }
	.privacy_area .section_detail .past { margin: 8px 0 0 0 }
	.privacy_area .section_detail em { color: #417c01 }
	.privacy_area .section_detail .u { text-decoration: underline }

    /* 20190716 추가 */
    .privacy_area li + li, .privacy_area .section_detail li + li {margin-top: 20px;}
    .privacy_area li li + li, .privacy_area .section_detail li li + li {margin-top: 10px;}
    .privacy_area ol, .privacy_area .section_detail ol {padding-left: 10px;}
    .privacy_area ol li, .privacy_area .section_detail ol li {list-style: upper-alpha;}
    .privacy_area ol ol li, .privacy_area .section_detail ol ol li {list-style: lower-roman;}
    .privacy_area ol ol li li, .privacy_area .section_detail ol ol li li {list-style: decimal;}
    .privacy_area ul, .privacy_area .section_detail ul {list-style: inherit;}

    .notice_text_wrap p li + li {margin-top: 20px;}
    .notice_text_wrap p li li + li {margin-top: 10px;}
    .notice_text_wrap p ol {padding-left: 10px;}
    .notice_text_wrap p ol li {list-style: upper-alpha;}
    .notice_text_wrap p ol ol li {list-style: lower-roman;}
    .notice_text_wrap p ol ol li li {list-style: decimal;}
    .notice_text_wrap p ul {list-style: inherit;}
    /* 20190716 추가 fin*/
    /* 171012 모바일 팬북 관련 (편성표, 스케줄표 등) */

    button { background-color: transparent; border: 0 none; }

    .today_bj {}
    .today_bj .btn-today { position: absolute; top: 50%; right: 13px; font-size: 17px; width: 73px; height: 36px; background-color: #5e6a73; color: #fff; transform: translate(0,-50%); -webkit-transform: translate(0,-50%); border-radius: 5px; }

    .date_calendar { display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; background-color: #414247; color: #fff; font-size: 19px; height: 48px; line-height: 48px; }
    .date_calendar h3 { padding: 0; font-size: 19px; }
    .date_calendar button { width: 48px; height: 48px; }
    .date_calendar button:focus { outline-color: transparent; }
    .date_calendar button img { height: 100%; }
    .btn_date_next { transform: scaleX(-1); -webkit-transform: scaleX(-1); }



    .sec_today_bj { border-bottom: 1px solid #fff; }
    .sec_today_bj > h4 { background-color: #fff; line-height: 23px; border-bottom: 1px solid #dedede; text-align: center; color: #008eff; }
    .sec_today_bj > ul { border-bottom: 0 none;  background-color: #f0f0f0; }
    .sec_today_bj > ul > li {display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: space-between;-webkit-justify-content: space-between;position: relative;padding: 7px 107px 7px 87px;min-height: 67px; border-bottom: 1px solid #fff; }
    .sec_today_bj > ul > li:last-child { border-bottom: 0 none; }
    .sec_today_bj .thum { position: absolute; left: 13px; top: 50%; transform: translate(0,-50%); -webkit-transform:translate(0,-50%); width: 52px; height: 52px; }
    .sec_today_bj .thum img { width: 100%; height: 100%; border-radius: 100px; border: 1px solid #dd5843; box-sizing: border-box; }

    .sec_today_bj dl { font-weight: 700; }
    .sec_today_bj dt { margin-bottom: 5px; font-size: 11px; color: #777; line-height: 1.2; }
    .sec_today_bj dt span { color: #ff7b1c; }
    .sec_today_bj dd { color: #535353; font-size: 13px; line-height: 1.4; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; word-break: keep-all; word-wrap: break-word; }

    .sec_today_bj .btn_functions {font-size: 0;margin-left: 27px;width: 87px;text-align: right;position: absolute;right: 14px;top: 50%;transform: translate(0,-50%);}
    .sec_today_bj .btn_functions > * { display: inline-block; margin-right: 13px; vertical-align: top; }
    .sec_today_bj .btn_functions > *:last-child { margin-right: 0; }
    .sec_today_bj .btn_functions img { width: 37px; height: 37px; }
    .sec_today_bj .btn_functions button { width: 37px; height: 0; padding-top: 37px; background: url('/asset/common/images/panbook/icon_notificaton.png') no-repeat 0 0; background-size: 37px; overflow: hidden; transition: all 0.3s; }

    .sec_today_bj .btn_functions button.active,
    .sec_today_bj .btn_functions button:active { background-image: url('/asset/common/images/panbook/icon_notificaton_active.png'); }

    .no_bj { text-align: center; font-size: 20px; font-weight: 700; padding: 20px; }

    /* 일정 */
    .schedule { /* padding-bottom: 53px;  */ }
    .schedule h1 { position: relative; display: flex; align-items: center; justify-content: center; }
    .schedule h1 > strong { padding: 0 6px; }
    .schedule .top-sect h1 .btn-back { padding: 12px; padding-left: 5%; left: 0; top: 0; background-position: center; margin: 0; }
    .btn-prevmonth,
    .btn-nextmonth { padding: 12px 10px; }
    .btn-prevmonth img { width: 23px; vertical-align: middle; }
    .btn-nextmonth img { width: 23px; transform: scale(-1); -webkit-transform: scale(-1); vertical-align: middle; }

    .sc_top { display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; background-color: #e4e4e4; border-bottom: 1px solid #c8c8c8; }
    .sc_top > dl { position: relative; padding: 10px 0; display: flex; display: -webkit-flex; flex-direction: column-reverse; -webkit-flex-direction: column-reverse; text-align: center; flex: 1; -webkit-flex: 1;  }
    .sc_top > dl:before { content: ''; width: 1px; height: calc(100% - 20px); position: absolute; top: 50%; left: 0; background-color: #c8c8c8; transform: translate(0,-50%); -webkit-transform:translate(0,-50%); }
    .sc_top > dl:first-child:before { content: none; }
    .sc_top > dl:last-child:before { content: none; }
    .sc_top dt { font-size: 12px; color: #5c5c5c; }
    .sc_top dd { font-size: 16px; color: #616161; font-weight: 700; margin-bottom: 4px; }
    .sc_top dd:after { content: '회'; font-size: 11px; color: #858585; font-weight: 400; }


    .sc_table { background-color: #fff; }
    .sc_table table { width: 100%; }
    .sc_table table th { line-height: 1.4; padding-top: 12px; vertical-align: bottom; text-align: center; border-bottom: 1px solid #d1d1d1; font-size: 14px; font-weight: 700; line-height: 26px; padding-top: 10px; color: #676767; }
    .sc_table table th:first-child,
    .sc_table table th:last-child { color: #a4a8a8; }
    .sc_table table td { height: 52px; vertical-align: top; text-align: center; border-bottom: 1px solid #d1d1d1; font-weight: 700; color: #333; }

    .sc_table table td button span { font-size: 15px; color: #333; }
    .sc_table table td button:focus { outline-color: transparent; }
    .sc_table table td button { position: relative; font-weight: inherit; width: 28px; height: 28px; text-align: center; border-radius: 100px; transtiton: all 0.3s; -webkit-transtiton: all 0.3s; }

    .sc_table table td.today button { color: #d6001d; }
    .sc_table table td.selected button { background-color: #333 !important; color: #fff; }
    .sc_table table td.selected button span { color: #fff; }
    .sc_table table td.scheduled button { background-color: #f9aece; }
    .sc_table table td.counted button { background-color: #9ad4ff; }
    .sc_table table td.notcounted button { background-color: transparent; }

    .sc_table table td.notcounted button:before {position: absolute;content: '';width: 28px;height: 3px;background-color: #ff6e85;z-index: 10;border-radius: 50px;left: 50%;top: 50%;transform: translate(-50%,-50%) rotate(45deg); -webkit-transform: translate(-50%,-50%) rotate(45deg);}
    .sc_table table td.notcounted button:after {position: absolute;content: '';width: 3px;height: 28px;background-color: #ff6e85;z-index: 10;border-radius: 50px;left: 50%;top: 50%;transform: translate(-50%,-50%) rotate(45deg);-webkit-transform: translate(-50%,-50%) rotate(45deg);}
    .sc_table table td.notcounted button > span { position: relative; z-index: 100; }

    .schedule_more { display: block; margin-top: 3px; font-size: 10px; line-height: 1; color: #7b7b7b !important; letter-spacing: -1px; }

    .sc_buttons { position: fixed; left: 0; bottom: 0; width: 100%; height: 43px; line-height: 43px; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center;  z-index: 100; }
    .sc_buttons > * { width: 100%; background-color: #5e6a73; }
    .sc_buttons > *:first-child { border-right: 1px solid #7e888f; }
    .btn_add_vacation { height: 43px; line-height: 43px; text-align: center; color: #fff; font-size: 14px; background-color: #5e6a73 !important; font-weight: 700; }
    .btn_call_schedule { height: 43px; line-height: 43px; text-align: center; color: #fff; font-size: 14px; background-color: #5e6a73 !important; font-weight: 700; }
    .btn_add_schedule { height: 43px; line-height: 43px; text-align: center; color: #fff; font-size: 14px; background-color: #ff7b1c; font-weight: 700; }



    .sc_detail { /*min-height: 30vw;*/ overflow-y: auto; background-color: #f6f6f6; }
    .sc_detail:empty { display: none; }

    .sc_detail li { position: relative; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: space-between; -webkit-justify-content: space-between; border-bottom: 1px solid #e1e1e1; }
    .sc_detail li dl {position: relative;padding: 11px 0 11px 90px;flex: 0.5;}
    .sc_detail li dt { position: absolute; left: 0; top: 50%; width: 90px; padding-left: 13px; box-sizing: border-box; font-size: 14px; color: #5e6a73; transform: translate(0,-50%); -webkit-transform: translate(0,-50%); font-weight: 700;  }
    .sc_detail li dt:after { position: absolute; right: 0; top: 50%;  transform: translate(0,-50%); -webkit-transform: translate(0,-50%);  content: ''; width: 1px; height: 14px; background-color: #c8c8c8; }
    .sc_detail li dd {padding: 0 9px;font-size: 14px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;width: calc(100vw - 114px);box-sizing: border-box;}

    .sc_detail li dt span { font-weight: 700; }
    .sc_detail li dt:after { }

    .sc_detail li > div button { position: absolute; top: 50%; right: 0; padding: 9px 13px; border: 0 none; margin: 0;  transform: translate(0,-50%); -webkit-transform: translate(0,-50%); z-index: 20; }
    .sc_detail li > div button img {width: 13px;vertical-align: -2px;}

    .sc_detail .sc_type1 { color: #5e6a73; }
    .sc_detail .sc_type2 { color: #3c78a5; }
    .sc_detail .sc_type3 { color: #d35b8e; }
    .sc_detail .sc_type4 { color: #494949; }

    /* 팬북 관련 팝업들 */
    .popup_schedule { display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.8); z-index: 1001;  padding: 0 5%; box-sizing: border-box; cursor: pointer; }

    .popup_schedule_wrap {  flex: 1; -webkit-flex: 1; background-color: #fff; padding: 9px 0; text-align: center; }

    .popup_schedule_head { padding: 0 11px; line-height: 38px; font-size: 18px; font-weight: 400; }
    .popup_schedule_head > * { padding-bottom: 0; font-size: 18px; font-weight: 400; }
    .popup_schedule_body { line-height: 1.4; padding: 9px 11px 17px 11px; font-size: 15px; color: #808080; }
    .popup_schedule_body table { width: 100%; }
    .popup_schedule_body table th { font-weight: 400; }
    .popup_schedule_foot { padding: 0 11px; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: space-between; -webkit-justify-content: space-between; }
    .popup_schedule_foot > * { flex: 1; -webkit-flex: 1; margin-right: 7px; }
    .popup_schedule_foot > *:last-child { margin-right: 0;  }
    .popup_schedule_foot .btn_gray_big,
    .popup_schedule_foot .btn_pink_big { font-size: 15px; height: 44px; line-height: 44px; }

    /* 스케줄 추가안내멘트 171018 */
    .schedule_caution { display: none; text-align: left; font-size: 12px; padding: 0 0 0 20px; word-break: keep-all; color: #000; }

    .schedule_caution ul { padding: 0 0 0 20px; }
    .schedule_caution li { list-style-type: disc; margin-bottom: 10px; font-size: 12px; }
    .schedule_caution li:last-child { margin-bottom: 0px; }
    .schedule_caution li li { list-style-type: square; }
    .schedule_caution em { color: #ff7b1c; }

    .schedule_caution.for_agency { padding-left: 0; }
    .schedule_caution dl { margin-bottom: 10px; }
    .schedule_caution dl:last-child { margin-bottom: 10px; }
    .schedule_caution dt { font-weight: 700; margin-bottom: 10px; font-size: 14px; color: #0168b5; }
    .schedule_caution.for_agency dd { display: list-item; margin-left: 20px; list-style-type: disc; list-style-position: outside; margin-bottom: 5px; font-size: 12px; }

    .btn_ps_notice { position: absolute; top: 50%; right: 14px; font-size: 13px; height: 30px; line-height: 30px; padding: 0 10px; background-color: #5e6a73; color: #fff; transform: translate(0,-50%); -webkit-transform: translate(0,-50%); border-radius: 5px; margin: 0;}

    .schedule_delete_time { background-color: #ebebeb; border: 1px solid #dadada; color: #ff7b1c; text-align: center; line-height: 32px; padding: 0 10px; margin-bottom: 15px; }

    .ps_add_datepicker th { font-size: 14px; color: #808080; text-align: left; font-weight: 400; }
    .ps_add_datepicker th > * { font-size: inherit; font-weight: 400; }
    .ps_add_datepicker td input,
    .ps_add_datepicker td select { border-radius: 0; height: 39px; line-height: 100%; width: 100%; border: 1px solid #b2b2b2; box-sizing: border-box; color: #565656; font-size: 15px; }

    .ps_add_time { display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center;  }
    .ps_add_hour { position: relative; flex: 1; -webkit-flex: 1; text-align: center; }
    .ps_add_minute { position: relative; flex: 1; -webkit-flex: 1; margin-left: 7px; text-align: center; }
    .ps_add_hour input,
    .ps_add_minute input { text-align: center; }
    /* .ps_add_hour:after { position: absolute; top: 0; right: 0; height: 39px; line-height: 39px; content: '시'; font-size: 14px; color: #808080; padding-right: 8px; }
    .ps_add_minute:after { position: absolute; top: 0; right: 0; height: 39px; line-height: 39px; content: '분'; font-size: 14px; color: #808080; padding-right: 8px; } */


    #ps_vacation_add .popup_schedule_body { padding-left: 11px; padding-right: 11px; }
    .ps_vacation_datepicker th { padding: 0 10px 0 0; line-height: 41px; vertical-align: middle; }
    .ps_vacation_datepicker th > * { display: block; font-size: inherit; font-weight: 400; }
    .ps_vacation_datepicker td select,
    .ps_vacation_datepicker td input { border-radius: 0; height: 39px; line-height: 100%; width: 100%; border: 1px solid #b2b2b2; box-sizing: border-box; color: #565656; font-size: 15px; }

    .vacation_date_wrap { display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; }
    .vacation_date_wrap input { text-align: center; }
    .vacation_date_wrap span { padding: 0 5px; }
    .vacation_min { }
    .vacation_max { }

    .vacation_subject > div { border-radius: 0; width: 100%; border: 1px solid #b2b2b2; box-sizing: border-box; color: #565656; font-size: 15px; }
    .vacation_subject textarea { font-size: 12px; border: 0 none; resize: none; padding: 10px; box-sizing: border-box; width: 100%; height: 83px; text-align: left !important; }
    .vacation_subject textarea:focus { outline-color: transparent; }

    div.bytecheck { text-align: right; padding: 0 5px; color: #808080; font-size: 11px; letter-spacing: -.5px; line-height: 20px; }
    .bytecheck em { font-style: normal; color: #ff7b1c; }

    .vacation_caution { background-color: #ebebeb; border: 1px solid #dadada; color: #808080; text-align: left; padding: 3px 10px; margin-top: 15px; font-size: 12px; letter-spacing: -.7px; }

    .ps_change_caution { text-indent: -10px; background-color: #ebebeb; border: 1px solid #dadada; color: #808080; text-align: left; padding: 3px 10px 3px 20px; margin-top: 15px; font-size: 12px; letter-spacing: -.7px; }

    #ps_push_alert .popup_schedule_body { line-height: 20px; }
    #ps_push_alert .schedule_delete_time { margin-top: 12px; margin-bottom: 0; }
    .ps_push_alert_msg dfn { color: #ff7b1c; font-weight: 700; }
    .ps_push_alert_msg strong { color: #545454; }


    /* 스케줄 관리 */

    .schedule_check { padding-bottom: 54px; }
    .schedule_check header { text-align: center; font-size: 12px; padding: 5px 0; color: #777; border-bottom: 1px solid #ccc; }
    .schedule_check header h1 { font-size: 17px; color: #ff7b1c; }

    .sc_bjinfo { padding: 12px 0 ; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; text-align: center; background-color: #fff; border-bottom: 1px solid #ccc; }
    .sc_bjinfo > * { margin-left: 17px; }
    .sc_bjinfo > *:first-child { margin-left: 0px; }
    .sc_bjinfo h3 { padding: 0; font-size: 13px; color: #ff7b1c; }
    .sc_bjinfo .thum { width: 59px; height: 59px; display: block; margin: 0 auto 3px auto; }
    .sc_bjinfo .thum img {  width: 100%; height: 100%; border-radius: 100px; border: 1px solid #ff7b1c; box-sizing: border-box; }

    .sc_bjinfo h3 + dl { margin-left: 24px; }
    .sc_bjinfo dl { min-width: 82px; }
    .sc_bjinfo dt { }
    .sc_bjinfo dd { font-size: 17px; font-weight: 700; letter-spacing: -.3px; color: #777; }

    .sc_bjinfo_popular { color: #fff; font-size: 14px; font-weight: 700; background-color: #ff7b1c; line-height: 20px; height: 20px; border-radius: 100px; padding: 0 6px; }
    .sc_bjinfo_popular:before { display: inline-block; vertical-align: top; content: ''; margin-right: 4px; width: 10px; height: 100%; background: url('/asset/common/images/panbook/icon_popular.png') no-repeat center; background-size: 10px; }
    .sc_bjinfo_recommend { color: #fff; font-size: 14px; font-weight: 700; background-color: #ff7b1c; line-height: 20px; height: 20px; border-radius: 100px; padding: 0 6px; }
    .sc_bjinfo_recommend:before { display: inline-block; vertical-align: top; content: ''; margin-right: 4px; width: 10px; height: 100%; background: url('/asset/common/images/panbook/icon_recommend.png') no-repeat center; background-size: 10px; }

    .schedule_calendar .sc_table table td button[disabled] { color: inherit; }
    .schedule_calendar .sc_buttons > * { background-color: #ff7b1c; font-size: 15px; }
    /*.schedule_calendar .sc_buttons > *:first-child { border: 0 none !important; } */
    .schedule_calendar .sc_table table td button { display: block; text-align: center; margin-left: auto; margin-right: auto; }
    .schedule_calendar .sc_table table td.scheduled em { color: #f9aece; }
    .schedule_calendar .sc_table table td.notcounted em { color: #ec405b; }
    .schedule_calendar .sc_table table td em { font-size: 10px; letter-spacing: -.3px; }
    .schedule_calendar .sc_table table td .schedule_more { display: inline; color: #ff7b1c; }

    /* 방송 종료 페이지 */
    .end_broadcast { padding-bottom: 54px; }
    .end_broadcast header { text-align: center; font-size: 12px; padding: 5px 0; color: #777; border-bottom: 1px solid #ccc; }
    .end_broadcast header h1 { font-size: 17px; color: #ff7b1c; }

    .total_onair_time { text-align: center; color: #6f6f6f; font-size: 15px; line-height: 26px; }
    .total_onair_time dt { display: inline; }
    .total_onair_time dd { display: inline; }

    .eb_status { border-top: 1px solid #ff7b1c; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; text-align: center; background-color: #fff; border-bottom: 1px solid #ccc;  background-color: #fff; }
    .eb_status > dl { position: relative; padding: 10px 0; display: flex; display: -webkit-flex; flex-direction: column-reverse; -webkit-flex-direction: column-reverse; text-align: center; flex: 0.29; -webkit-flex: 0.29;  }
    .eb_status > dl:before { content: ''; width: 1px; height: calc(100% - 20px); position: absolute; top: 50%; left: 0; background-color: #c8c8c8; transform: translate(0,-50%); -webkit-translate(0,-50%); }
    .eb_status > dl:first-child:before { content: none; }
    .eb_status dt { font-size: 12px; color: #5c5c5c; }
    .eb_status dd { font-size: 16px; color: #ff7b1c; font-weight: 700; margin-bottom: 4px; }
    .eb_status dd small { font-size: 11px; margin-left: 3px; }

    .gold_ranking { position: relative; }
    .gold_ranking > h3 { padding: 0 13px; line-height: 48px; background-color: #fff; font-size: 15px; color: #4a4a4a; font-weight: 700; letter-spacing: -.3px; }
    .gold_ranking > h3:before { content: ''; display: inline-block; vertical-align: top; width: 16px; height: 48px; margin-right: 3px; background: url('/asset/common/images/icon_gold.png') no-repeat center / 16px; }
    .btn_messege_all { position: absolute; top: 7px; right: 13px; font-size: 15px; padding: 0 12px; height: 33px; background-color: #5e6a73; color: #fff; border-radius: 5px; line-height: 33px; }

    .btn_messege { background-color: #5e6a73; border-radius: 100px; }
    .btn_messege img { width: 40px; height: 40px; vertical-align: middle; }
    .gold_ranking table { width: 100%; border-top: 1px solid #c8c8c8; }
    .gold_ranking th { text-align: center; background-color: #e4e4e4; color: #858585; font-size: 15px; line-height: 28px; }
    .gold_ranking td { text-align: center; padding: 10px 5px; background-color: #f4f4f4; vertical-align: middle; font-size: 15px; color: #555; }
    .gold_ranking tr:nth-child(even) td { background-color: #e9e9e9; }

    .gold_ranking tbody { counter-reset: goldranking; }
    .gold_ranking td:first-child { color: #909090; }
    .gold_ranking tr:nth-child(-n+3) td:first-child { color: #ff7b1c; }
    .gold_ranking td:first-child:before { content: counter(goldranking);  counter-increment: goldranking; }
    .gold_ranking td:nth-child(2) { text-align: left; font-size: 12px; }
    .gold_ranking td:nth-child(3) { font-weight: 700; }

    .ps_messege_table td select,
    .ps_messege_table td input { border-radius: 0; height: 39px; line-height: 100%; width: 100%; border: 0 none; box-sizing: border-box; color: #565656; font-size: 15px; }
    .ps_messege_table td > div { border-radius: 0; width: 100%; border: 1px solid #b2b2b2; box-sizing: border-box; color: #565656; font-size: 15px; }
    .ps_messege_table textarea { font-size: 12px; border: 0 none; resize: none; padding: 10px; box-sizing: border-box; width: 100%; height: 83px; text-align: left !important; }
    .ps_messege_table textarea:focus { outline-color: transparent; }

    /* 방송알림 팝업 */
    #ps_start_broadcast .popup_schedule_body { text-align: center; display: table; margin: 0 auto; padding-top: 17px; }
    #ps_start_broadcast .popup_schedule_body > * { display: table-cell; vertical-align: middle; }
    #ps_start_broadcast .popup_schedule_body .thum { width: 72px; height: 72px; }
    #ps_start_broadcast .popup_schedule_body .thum img {  width: 100%; height: 100%; border-radius: 100px; border: 1px solid #ff7b1c; box-sizing: border-box; }
    #ps_start_broadcast .popup_schedule_body p { padding-left: 18px; text-align: left; font-size: 16px; color: #808080; line-height: 1.3; letter-spacing: -.5px; }
    #ps_start_broadcast .popup_schedule_body p strong { color: #ff7b1c; }

    /* 171023 마케팅 팝업 */
    .popup_mkt { display: block; position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 10000; background-color: rgba(0,0,0,0.8); cursor: pointer; }
    .popup_mkt_wrap { position: absolute; left: 50%; top: 50%; width: 90vw; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); background-color: #fff; padding: 9px 11px; }

    .popup_mkt .popup_body { text-align: center; font-size: 16px; line-height: 1.4; background-color: #fff; color: #808080; }
    .popup_mkt .popup_body p:first-child { color: #484848; margin-bottom: 20px; }
    .popup_mkt .popup_body p:first-child strong { color: #ff7b1c; font-size: 19px; }
    .popup_mkt .popup_foot { display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; }
    .popup_mkt .popup_foot > * { flex: 1; -webkit-flex: 1; margin-left: 7px; }
    .popup_mkt .popup_foot > *:first-child { margin-left: 0px; }

    /* 171025 로그인 레이어 */
    .popup_login { display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; position: fixed; width: 100%; height: 100%; left: 0; top: 0; padding: 0 5%; z-index: 10000; background-color: rgba(0,0,0,0.8); box-sizing: border-box; cursor: pointer; }
    .popup_login_wrap { position: relative; flex: 1; -webkit-flex: 1; background-color: #fff; text-align: center; }
    .popup_login .popup_head { padding-top: 16px; }
    .popup_login .popup_body { background-color: #fff; padding: 16px; font-size: 18px; color: #262729; line-height: 1.4; }


    .popup_login .popup_body > label { margin-bottom: 14px; display: block; border-bottom: 1px solid #cdcdcd; }
    .popup_login .popup_body > label input { border: 0 none; background: none; font-size: 14px; color: #a8a8a8; height: 34px; width: 100%; }

    .ps_sns_login {}
    .ps_sns_login h3 { position: relative; padding: 0; margin-bottom: 15px; }
    .ps_sns_login h3:before { content: ''; position: absolute; top: 50%; left: 0; width: 100%; height: 1px; background-color: #c4c4c4; }
    .ps_sns_login h3 span { position: relative; display: inline-block; padding: 0 10px; background-color: #fff; z-index: 1; }

    .ps_sns_login button { background-color: transparent; text-align: center; font-size: 10px; color: inherit; margin-left: 25px; }
    .ps_sns_login button:first-of-type { margin-left: 0px; }
    .ps_sns_login button img { width: 46px; display: block; margin: 0 auto 7px auto; }

    .popup_login_close { position: absolute; top: 0; right: 0; padding: 15px; background-color: transparent; }
    .popup_login_close img { width: 20px; height: 20px; }

    .ps_login_functions { margin-bottom: 24px; display: flex; display: -webkit-flex; flex-direction: column-reverse;  -webkit-flex-direction: column-reverse; justify-content: center; -webkit-justify-content: center; }
    .ps_lf_bottom { }
    .ps_lf_bottom label { display: inline-block; margin-right: 16px; vertical-align: middle; font-size: 12px; color: #646464;}
    .ps_lf_bottom label:last-child { margin-right: 0; }
    .ps_lf_bottom input:focus { outline: none; }
    .ps_lf_bottom input { -webkit-appearance: none; width: 16px; height: 16px; background: url('/asset/common/images/login_layer/bg_check.png') no-repeat center / 16px; margin: 0; vertical-align: middle; }
    .ps_lf_bottom input:checked { background-image: url('/asset/common/images/login_layer/bg_check_on.png'); }

    .ps_lf_top { margin-bottom: 14px; display: flex; display: -webkit-flex;  justify-content: center; -webkit-justify-content: center; }
    .ps_lf_top > * { flex: 1; -webkit-flex: 1; margin-left: 7px; }
    .ps_lf_top > *:first-child { margin-left: 0px; }
    .ps_btn_join { height: 40px; line-height: 40px; color: #fff; text-align: center; border-radius: 100px;  background-color: #9b9b9b; font-size: 15px; font-weight: 700; }
    .ps_btn_submit { height: 40px; line-height: 40px; color: #fff; text-align: center; border-radius: 100px;  background-color: #ff7b1c; font-size: 15px; font-weight: 700; }

    .popup_login .popup_foot { font-size: 10px; line-height: 20px; background-color: #4c4c4c; color: #dcdcdc; }
    .popup_login .popup_foot * { font-size: inherit; }
    .popup_login .popup_foot b { color: #fff; font-weight: 700; }

    /* 101725 할로윈 이벤트 ( 다 끝나면 주석 )
    .popup_halloween { display: block; position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 10000; background-color: rgba(0,0,0,0.8); }
    .popup_halloween .popup_wrap { width: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);  }
    .popup_halloween .popup_body { position: relative; background-color: transparent; color: #fff; padding: 0 3%; }
    .popup_halloween .popup_body > div {position: absolute;left: 0;bottom: 10%;width: 100%;height: 10%;}
    .popup_halloween .popup_body > div > a {display: block; height: 100%; font-size: 0; }
    .popup_halloween .popup_body label { display: block; margin-top: -2%; text-align: right; font-size: 3vw; }
    .popup_halloween .popup_body label input { -webkit-border-radius: 0; width: 20px; height: 20px; }
    .popup_halloween video { width: 100%; height: auto; max-height: none; margin: 0 auto; box-sizing: border-box; position: absolute; left: 6.5%; top: 40%; width: 87%; border: 2px solid #8f5efa; border-radius: 5px; background: #000;
    }*/

    /* 171026 할로윈 헤더 변경
    html.halloween header:not([class]) { background: url(../../../asset/asp/push_my_singer/images/header_bg.png) no-repeat center 0 / cover; }
    html.halloween .top_menu { background: url(../../../asset/asp/push_my_singer/images/header_bg_left.png) no-repeat left / auto 100%, url(../../../asset/asp/push_my_singer/images/header_bg_right.png) no-repeat right / auto 100%; }
    html.halloween .menu01 h1 a { background-image: url(../../../asset/asp/push_my_singer/images/logo_halloween.png);  }
    html.halloween .menu01 .menu_01 { background-image: url(../../../asset/asp/push_my_singer/images/menu_icon_halloween.png); }
    html.halloween .menu02 ul li.menu_03 a { color: #fff; }*/

    /* 상점 리뉴얼 171018 */
.market_new { background-color: #eee; font-size: 13px; /*padding-top: 46px;*/ }
.market_new h3 { font-size: 13px; padding-bottom: 0; margin-bottom: 10px; }
.market_new h3:lang(en) { font-size: 12px;}
.market_new h3:lang(ja) { font-size: 13px;}
.market_new h3:lang(zh) { font-size: 13px;}

.market_new .top-sect h1 > strong { text-align: left; padding-left: 45px; }
.market_new .top-sect h2 {  position: absolute; top: 0px; right: 13px;color: #555; line-height: 46px; }
.market_new .top-sect h2 > * { font-size: 17px; }
.market_new .top-sect h2 dfn { color: #ff7b1c; letter-spacing: -.3px; }

.gold_benefit_by_grade { position: relative; padding: 13px; border-bottom: 1px solid #ccc; }
.gold_benefit_by_grade > ul { display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; text-align: center; border: 1px solid #ff7b1c; border-radius: 2px; background-color: #fff; }
.gold_benefit_by_grade > ul > li { position: relative; border-right: 1px solid #ff7b1c; flex: 1; -webkit-flex: 1; }
.gold_benefit_by_grade > ul > li:last-child { border-right: 0 none; }
.gold_benefit_by_grade > ul > li:before { content: ''; width: 8px; height: 17px; background: url('/asset/common/images/market/bg_benefit_line.png') no-repeat 0 / 100%;  position: absolute; top: 50%; right: -8px; margin: -9px 0 0 0; }
.gold_benefit_by_grade > ul > li:last-child:before { content: none; }
.gold_benefit_by_grade > ul > li img { display: block; margin: 3px auto 7px auto; box-sizing: border-box; padding: 0 15%;  }
.gold_benefit_by_grade dt { font-size: 11px; color: #626262; padding-top: 5px; }
.gold_benefit_by_grade dd { position: relative; font-size: 17px; color: #fff; background-color: #ff7b1c; line-height: 24px; font-weight: 700; }
.gold_benefit_by_grade dd:before { content: ''; width: 1px; height: 24px; position: absolute; left: -1px; top: 0; background-color: #fff; z-index: 10; }
.gold_benefit_by_grade li:first-child dd:before { content: none; }

.gold_benefit_by_grade > a { position: absolute; top: 13px; right: 13px; font-size: 11px; line-height: 16px; color: #fff; padding: 0 5px 0 10px; border-radius: 3px; background-color: #ff7b1c; }
.gold_benefit_by_grade > a:before { content: '?'; font-family: 'Arial'; position: absolute; left: -10px; top: 50%; color: inherit; font-size: inherit; font-weight: 700; width: 20px; height: 20px; background-color: inherit; border-radius: 100px; text-align: center; line-height: 20px; margin-top: -10px; }

.payment_type { position: relative; padding: 13px; border-bottom: 1px solid #ccc; }
.payment_type ul { display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; flex-wrap: wrap; -webkit-flex-wrap: wrap; }
.payment_type li {position: relative;display: block;margin: 0.8% 1%;width: 23.5%;height: 7vh;display: table;}
.payment_type li:nth-child(-n+4) { margin-top: 0; }
.payment_type li:nth-child(4n+1) { margin-left: 0; }
.payment_type li:nth-child(4n) { margin-right: 0; }
.payment_type li label {display: block;height: 100%;line-height: 1.4;color :#313131;font-size: 13px;text-align: center;background-color: #fff;border: 1px solid #bebebe;flex: 1;-webkit-flex: 1;display: table-cell;vertical-align: middle; transition: background 0.3s, color 0.3s; transition: background 0.3s, color 0.3s; }
.payment_type li input { position: absolute; left: 0; top: 0; width: 100%; height: 100%; margin: 0; -webkit-appearance: none; display: block; opacity: 0;  }
.payment_type li input:focus { outline: none; }
.payment_type li input:disabled + label { background-color: #dfdfdf; color: #9d9d9d; }
.payment_type li input:checked + label { background-color: #ff7b1c; color: #fff;border: 1px solid #ff7b1c; }
.remember_check input { background-color: #ff7b1c; color: #fff;border: 1px solid #ff7b1c; border:none}
.payment_type > p { display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center;  height: 40px; margin-top: 0.2%; background: url('/asset/asp/push_my_singer/images/market/bg_payment_ad.png') no-repeat center / 100%; text-align: center; font-size: 13px; color: #fff; letter-spacing: -.5px; }
.payment_type > p > * { flex: 1; -webkit-flex: 1; }
.payment_type strong { color: #ffd655; font-size: 20px; }
.payment_type span { color: #fff; font-size: 17px; }

/* .remember_check { position: absolute; top: 13px; right: 13px; } */
.remember_check:lang(en) {font-size:10px;}
.remember_check:lang(ja) {}
.remember_check:lang(zh) {}
.remember_check input {  -webkit-appearance: none; margin: 0 5px 0 0; vertical-align: middle; width: 17px; height: 14px; background: url('/asset/asp/push_my_singer/images/market/bg_checkbox.png') no-repeat 0 bottom; background-size: 17px 28px;  }
.remember_check input:checked { background-position: 0 0; }
.remember_check input:focus { outline: none; }

.select_goldprice { position: relative; padding: 13px; border-bottom: 1px solid #ccc; }
.select_goldprice > ul { display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; flex-wrap: wrap; -webkit-flex-wrap: wrap; }
.select_goldprice li {position: relative;display: block;margin: 0.8% 1%;width: 32%; border: 1px solid #bebebe;  box-sizing: border-box; }
.select_goldprice li.disabled:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(230, 230, 230, 0.6); z-index: 1; }
.select_goldprice li button[disabled] { opacity: 1; }
.select_goldprice li.disabled { position: relative; }

.select_goldprice li.disabled dt { position: relative; }
.select_goldprice li.disabled dt span { color: inherit; }
/* .select_goldprice li.disabled dt:before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ''; background: url('/asset/common/images/market/img_goldbar_2_disabled.png') no-repeat center / 100%; }
.select_goldprice li.disabled:nth-child(-n+6) dt:before { content: ''; background: url('/asset/common/images/market/img_goldbar_1_disabled.png') no-repeat center / 100%; } */

.select_goldprice li:nth-child(-n+3) { margin-top: 0; }
.select_goldprice li:nth-child(3n+1) { margin-left: 0; }
.select_goldprice li:nth-child(3n) { margin-right: 0; }
.select_goldprice li img { vertical-align: top; margin-top:15px; }
.select_goldprice dt { background-color:#fff; }
.select_goldprice dt span { position: absolute; left: 5px; top: 5px; font-size: 12px; color: #ff7b1c; text-shadow: 0 0 2px #fff !important; line-height: 1; }
.select_goldprice dd { background-color: #e6e6e6; font-size: 14px; font-weight: 700; color: #3d3d3d; line-height: 26px; }

.select_goldprice > h3 small { font-size: 11px; color: #ff7b1c; letter-spacing: -.3px; }
.select_goldprice > h3 small span { color: #959494; }
.ico_market_title { background: url('/asset/common/images/market/ico_market_title.png') no-repeat left / auto 13px; padding: 0 0 0 17px; margin-bottom: 10px; }
.icon_market_caution { background: url('/asset/common/images/market/icon_caution.png') no-repeat left / auto 13px; padding: 0 0 0 17px; margin-bottom: 10px; }

.payment_caution { position: relative; padding: 13px; border-bottom: 1px solid #ccc; }
.payment_caution > ul { color: #707070; word-break: keep-all; }
.payment_caution > ul > li { position: relative; font-size: 12px; line-height: 1.5; padding-left: 10px; letter-spacing: -.3px; }
.payment_caution > ul > li:before { position: absolute; left: 0; top: 6px; content: ''; width: 5px; height: 1px; background-color: #707070; }
.payment_caution > a { position: absolute; top: 9px; right: 13px; border: 1px solid #bebebe;  font-size: 12px; height: 22px; line-height: 22px; text-align: center; padding: 0 6px; background-color: #fff; font-weight: 700; }
.payment_caution > a dfn { color: #ff7b1c; }

.market_new address { font-style: normal; background-color: #fff; text-align: center; line-height: 26px; border-bottom: 1px solid #bebebe; font-size: 14px; color: #616161; font-weight: 700; }
.market_new address dfn { font-size: 12px; color: #ff7b1c; }

/* 등급별 혜택 */
.market_grade_info { background-color: #eee; }
.market_grade_info .gold_benefit_by_grade { border-bottom: 0; }
.market_grade_info .gold_benefit_by_grade > p { text-align: center; font-size: 13px; color: #303030; font-weight: 700; margin-top: 10px; }
.market_grade_info h3 { font-size: 13px; }
.market_grade_info table { width: 100%; }
.market_grade_info table thead th { text-align: center; font-size: 12px; color: #6b6b6b; font-weight: 700; line-height: 28px; border: 1px solid #cccccc; background-color: #eae3e6; }
.market_grade_info table tbody td { background-color: #fff; text-align: center; color: #303030; border: 1px solid #cccccc; font-weight: 700; vertical-align: middle; }
.market_grade_info table tbody td em { color: #ff7b1c; display: block; font-weight: inherit; }
.market_grade_info table tbody td img { display: block; margin: 0 auto; height: 26px; margin-bottom: 3px; width: auto; }
.my_grade { margin-bottom: 10px; padding: 9px 15px; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; background-color: #fff; border: 1px solid #ff7b1c; color: #676767; }
.my_grade img { width: auto; height: 38px; }
.my_grade span { font-weight: 700; color: #393939; }
.my_grade p { position: relative; padding-left: 20px; font-size: 13px; word-break: keep-all; }
.my_grade p:before { content: ''; position: absolute; left: 0; top: 0; margin: 0 10px; width: 1px; height: 100%; background-color: #c1c1c1; vertical-align: middle; }
.my_grade em { font-weight: 700; color: #ff7b1c; }

/* 골드 구매 */
.market_buy { }
.market_buy .top-sect h1 > strong { text-align: left; padding-left: 45px; }
.market_buy h3 { font-size: 13px; padding-bottom: 0; margin-bottom: 10px; }

.market_buy_form {}

.market_buy_form dl { position: relative; padding-left: 140px; padding-right: 13px; border-bottom: 1px solid #bebebe; }
.market_buy_form dl:last-of-type { border-bottom: 0 none; }
.market_buy_form dl dt { position: absolute; left: 0; top: 50%;  width: 140px; line-height: 40px; box-sizing: border-box; transform: translate(0,-50%); -webkit-transform: translate(0,-50%); }
.market_buy_form dd { font-size: 17px; line-height: 40px; color: #3d3d3d; text-align: right; font-weight: 700; }
.market_buy_form dd input {font-size: 17px;display: block;width: 100%; box-sizing: border-box; padding: 0 10px; }
.market_buy_form dd small { font-size: 11px; color: #767676; margin-left: 3px; }

.mb_input_price { padding: 8px 0; border-bottom: 1px solid #bebebe !important; line-height: 30px; background-color: #eee; }
.market_buy_form .mb_input_price dt { line-height: 30px; padding-left: 13px; }
.mb_input_price dd { position: relative; padding-right: 66px; border: 1px solid #bebebe; }
.mb_input_price dd input { border: 0 none; height: 28px; padding: 0 10px; box-sizing: border-box; margin: 0; font-weight: 700; font-family: HelveticaNeue-Light, AppleSDGothicNeo-Light, 'Malgun Gothic', '맑은 고딕', sans-serif; line-height: 28px; }
.mb_input_price dd input:focus { outline: none; }
.mb_input_price dd > div { display: none; position: absolute;left: 0px;top: 0px;background-color: #fff;height: 100%;max-width: calc(100% - 66px);padding: 0 10px;box-sizing: border-box;font-size: 17px;font-weight: 700;line-height: 26px; height: 28px; }
.mb_input_price dd div { display: block; pointer-events: none; }
.mb_input_price dd > div:after { content: 'G'; font-size: 11px; color: #767676; margin-left: 3px; }
.mb_input_price dd > div:empty { display: none; }
.mb_input_price dd input:focus + div { display: none; }
.mb_input_price dd button { width: 66px; position: absolute; right: 0; top: 0; height: 28px; background-color: #49536e; color: #fff; font-size: 13px; line-height: 28px; }

.market_buy_form .mb_tables { padding: 0; border-bottom: 0 none; }
.market_buy_form .mb_tables dt { position: static; padding-left: 0; margin-bottom: 5px; transform: none; -webkit-transform: none; }
.market_buy_form .mb_tables table { width: 100%; border-collapse: collapse; }
.market_buy_form .mb_tables table th { text-align: left; font-weight: 400; border: 1px solid #bebebe; padding: 0 10px; vertical-align: middle; background-color: #eee; }
.market_buy_form .mb_tables table td { text-align: right; font-weight: 700; border: 1px solid #bebebe; padding: 0 10px; vertical-align: middle; background-color: #fff; font-size: 17px; }
.market_buy_form .mb_tables table th small { color: #ff7b1c; display: block; line-height: 1.2; padding-bottom: 10px; }
.market_buy_form .mb_tables table td strong { color: #ff7b1c; }
.market_buy_form .mb_tables table td > *:not(small) { font-size: inherit; }

.market_buy_form .mb_price_summary { padding: 8px 13px 13px 13px; background-color: #fff; border-bottom: 1px solid #bebebe;  }

.market_buy_form .mb_deposit { padding: 0 13px; background-color: #eee; border-bottom: 1px solid #bebebe; }
.market_buy_form .mb_deposit dl { padding-right: 0; }
.market_buy_form .mb_deposit dd { font-size: 12px; color: #707070; text-align: left; min-height: 40px; }
.market_buy_form .mb_deposit dd input { display: inline-block; font-size: 12px; height: 30px; margin: 0; border: 1px solid #bebebe; }

.payment_caution_cs { margin-bottom: 10px; padding: 10px; font-size: 16px; background-color: #f9f9f9; border: 1px solid #bebebe; text-align: center; }
.payment_caution_cs a { font-size: inherit; display: block; font-weight: 700;  color: #ff7b1c; }
.payment_caution_cs dfn { color: #616161; font-size: 14px; font-weight: 700; }
.payment_caution_cs small { color: #8c8c8c; }

.payment_submit { /* position: fixed; left: 0; bottom: 0; */ padding: 13px; color: #313131; text-align: center; background-color: #fff; text-align: center; }
.payment_submit p { font-size: 14px; display: inline-block; }
.payment_submit p em { color: #ff7b1c; }
.payment_submit button { display: block; width: 100%; }

    iframe.maximized { position:fixed; top:0; left:0; width:100%; height:100%; border:0 none; z-index:9; }


    @media all and (min-device-aspect-ratio: 1/1) and (orientation: landscape) {
        .list_type01 li .thum { flex: 0.3; -webkit-flex: 0.3; }
        .list_type01 li .broad_info { flex: 0.7; -webkit-flex: 0.7; }

        .bottom_fixed_buttons { position: static; }
        .schedule { padding-bottom: 0px; }
        .schedule_check { padding-bottom: 0; }
        .end_broadcast { padding-bottom: 0; }
        .sc_buttons { position: static; margin-top: 30px; }

        .sc_detail { max-height: 200px; height: auto !important; }

    }

    @media all and (max-width: 360px){
        .list_type01 li .thum { flex: 0.45; -webkit-flex: 0.45; }
        .list_type01 li .broad_info { flex: 0.55; -webkit-flex: 0.55; height: 65px; }
        .hot_vod .owl-item { width: 160px !important; }
        .schedule_calendar .sc_table table td em { word-break: keep-all; line-height: 1.2; }

        .sc_top dt { letter-spacing: -.5px; }

        .popup_schedule_body table col:first-child { width: 25% !important; }
        .popup_schedule_body table col:first-child + col { width: 75% !important; }

    }

    @media all and (max-width: 320px){

        .list_type01 li .broad_info { height: 65px; padding: 6px 10px; }
        .list_type01 li .broad_info .title { font-size: 12px; height: 32px; }
        .list_type01 li .broad_info .broad_info { padding-top: 4px; padding-bottom: 4px; }
        .hot_vod .owl-item { width: auto !important; }
        .hot_vod .thum img { width: 140px; }

        .video_info { padding-left: 70px; padding-right: 4px; }
        .video_info_profile { left: 4px; }
        .popup_schedule_body { padding-left: 11px; padding-right: 11px; }
        .ps_vacation_datepicker td select,
        .ps_add_datepicker td select,
        .ps_vacation_datepicker td input,
        .ps_add_datepicker td input { font-size: 12px; }
        .ps_add_datepicker th,
        .ps_vacation_datepicker th { font-size: 13px; padding-right: 0; }
        .ps_add_minute:after,
        .ps_add_hour:after { font-size: 12px; }

        .popup_schedule_head > * { font-size: 16px; }
        .sc_buttons > * { font-size: 12px !important; }


    }

/* 171103 친구 초대하기 (추천인) - 팡팡에만 적용 됨 */
.invite { word-break: keep-all; }
.invite img { width: auto; max-width: 100%; vertical-align: top; }
.invite h3,
.invite h4 { padding: 0; font-weight: 700; }
.invite .highlight { color: #ff7b1c; font-size: inherit; }
.invite a,
.invite button { cursor: pointer; }
.invite a:focus,
.invite button:focus { outline: none; }

.invite_contents > h3 { border-bottom: 1px solid #d1d1d1; }
.invite_contents > h3 button { vertical-align: top; }
.invite_status { position: relative; padding: 11px 13px; border-bottom: 1px solid #d1d1d1; }
.invite_status > h3 { font-size: 15px; color :#585858; margin-bottom: 5px; }

.invite_status > div { position: relative; padding-right: 70px; }
.invite_status > div dl { padding: 0 10px; background-color: #fff; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: space-between; -webkit-justify-content: space-between; border: 1px solid #bebebe; line-height: 29px; }
.invite_status > div dl:last-of-type { border-top: 0 none; }
.invite_status dt { font-size: 13px; color: #585858; }
.invite_status dd { font-size: 14px; color: #585858; font-weight: 700; }
.check_invite_status { position: absolute; top: 0; right: 0; border: 1px solid #bebebe;  font-size: 12px; line-height: 1.4; text-align: center; background-color: #49536e; color: #fff; width: 66px; height: 61px; }
.check_invite_status:lang(en) {font-size:10px;}
.check_invite_status:lang(ja) {}
.check_invite_status:lang(zh) {}

.recommend_by_my_id { padding: 11px 13px; background-color: #fff; border-bottom: 1px solid #d1d1d1; }

.recommend_by_my_id > h3 { font-size: 13px; color: #737373; letter-spacing: -0.3px; margin-bottom: 5px; }
.recommend_by_my_id > h3 strong { color: #464646; letter-spacing: 0; }
.recommend_by_my_id input[type=text] { margin-bottom: 7px; font-size: 13px; display: block; border: 1px solid #bebebe; padding: 0 11px; height: 32px; line-height: 100%; width: 100%; box-sizing: border-box; }
.recommend_by_my_id input[readonly] { background-color: #fff; }
.recommend_by_id_sns:after { display: block; content: ''; clear: both; }
.recommend_by_id_sns > * { float: left; width: 24%; margin-left: 1.3%; }
.recommend_by_id_sns > *:first-child { margin-left: 0; }


.recommend_by_bj_id > h3 { border-bottom: 1px solid #bebebe; padding: 0 11px; font-size: 13px; color: #737373; letter-spacing: -0.3px; line-height: 32px; }
.recommend_by_bj_id:lang(en) > h3 {font-size:11px;}
.recommend_by_bj_id:lang(ja) > h3 {}
.recommend_by_bj_id:lang(zh) > h3 {}
.recommend_by_bj_id > h3 strong { color: #464646; letter-spacing: 0; }

.sec_recommend_by_bj_id { position: relative; padding: 11px; }
.sec_recommend_by_bj_id h4 { color :#545454; font-size: 13px; line-height: 1; margin-bottom: 8px; }

.sec_recommend_by_bj_id ul { display: flex; flex-wrap: wrap; display: -webkit-flex; -webkit-flex-wrap: wrap; border-bottom: 1px solid #b6b6b6; padding-bottom: 10px; }
.sec_recommend_by_bj_id:last-child ul { padding-bottom: 0; border-bottom:  0 none; }
.sec_recommend_by_bj_id li { flex: 0.5; -webkit-flex: 0.5; max-width: calc(50% - 3px); max-width: -webkit-calc(50% - 3px); margin: 6px 0 0 6px; }
.sec_recommend_by_bj_id li:nth-child(-n+2) { margin-top: 0; }
.sec_recommend_by_bj_id li:nth-child(odd) { margin-left: 0; }
.sec_recommend_by_bj_id li > a { position: relative; display: block; border: 1px solid #d3d3d3; background-color: #fff; }
.sec_recommend_by_bj_id li > button { margin: 0 auto; display: block; background-color: #fff; border: 1px solid #ff7b1c; border-radius: 3px; margin-top: 4px; }
.sec_recommend_by_bj_id li > button img { height: 21px; }
.sec_recommend_by_bj_id li .thum { background-size: cover; background-position: center; background-repeat: no-repeat; border-bottom: 1px solid #d3d3d3; }
.sec_recommend_by_bj_id dl { padding: 5px; }
.sec_recommend_by_bj_id dt { font-size: 12px; letter-spacing: -0.5px; color: #4e4c4c; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 1; margin-bottom: 10px; }
.sec_recommend_by_bj_id dd { display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: space-between; -webkit-justify-content: space-between; line-height: 1; }
.sec_recommend_by_bj_id dd .bj_name { font-size: 11px; color: #8a8a8a; }
.sec_recommend_by_bj_id dd .bj_etc { }
.sec_recommend_by_bj_id dd .bj_etc > * { font-size: 9px; }

.sec_recommend_by_bj_id .bj_hits { background: url('/asset/asp/push_my_singer/images/icon_views.png') no-repeat 0; background-size: auto 8px; color: #8e8e8e; font-size: 11px; padding-left: 11px; line-height: 1.4; }
.sec_recommend_by_bj_id .bj_likes { margin-left: 10px; background: url('/asset/asp/push_my_singer/images/icon_heart.png') no-repeat left; background-size: auto 8px; padding-left: 12px; }
.sec_recommend_by_bj_id .bj_etc > * { vertical-align: middle; display: inline-block; }

.sec_recommend_by_bj_id > a { position: absolute; top: 0; right: 0; color: #ff7b1c; font-size: 14px; line-height: 1; font-weight: 700; padding: 10px 15px; }

.invite .popup_invite { display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 10000; background-color: rgba(0,0,0,0.8); padding: 0 3%; box-sizing: border-box; }
.invite .popup_invite .popup_wrap {  position: relative; background-color: #fff; flex: 1; -webkit-flex: 1;  }
.invite .popup_invite .popup_head { border-bottom: 1px solid #ff7b1c; text-align: center; }
.invite .popup_invite .popup_head h4 { line-height: 46px; font-size: 18px; color: #484848; letter-spacing: -0.4px; font-weight: 400; }
.invite .popup_invite .popup_body { background-color: transparent; padding: 10px 14px; }
.invite .popup_invite .popup_invite_close { position: absolute; top: 0; right: 0; padding: 14px 13px; }
.invite .popup_invite .popup_invite_close img { width: 18px; }

/* 초대하기 레이어 */
#invite_layer { text-align: center; }
#invite_layer .popup_body h5 { display: inline-block; vertical-align: top; padding: 16px; min-width: 80%; box-sizing: border-box; font-size: 15px; line-height: 1.5; border: 3px solid #bbb; border-radius: 3px; color: #545454; font-weight: 700; margin-bottom: 20px; }
#invite_layer .popup_body h5 span { color: #808080; }
#invite_layer .popup_body h5 span strong { color: #ff7b1c; font-size: 16px; }
#invite_layer .popup_body p { font-size: 14px; line-height: 1.4; }
#invite_layer .invite_layer_sns { margin-top: 20px; display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; }
#invite_layer .invite_layer_sns > * { width: 48%; margin-left: 2%; margin-top: 2%; }
#invite_layer .invite_layer_sns > *:nth-child(-n+2) { margin-top: 0; }
#invite_layer .invite_layer_sns > *:nth-child(odd) { margin-left: 0; }

/* #howto_invite */
.howto_invite_1 { padding: 10px 15px; border-radius: 3px; border: 1px solid #c6c6c6; line-height: 1.4; text-align: center; }
.howto_invite_1 h4 { color: #6b6b6b; font-size: 14px; margin-bottom: 5px; }
.howto_invite_1 p { font-size: 12px;  color: #585858; text-align: left; word-break:break-word}
.howto_invite_2 { padding-top: 14px; padding-bottom: 14px; counter-reset: howto_invite_2; }
.howto_invite_2 dl { color: #585858; margin-bottom: 15px; }
.howto_invite_2 dl:last-of-type { margin-bottom: 0px; }
.howto_invite_2 dt { font-size: 13px; font-weight: 700; margin-bottom: 7px; }
.howto_invite_2 dt:before { font-weight: 700; content: counter(howto_invite_2) "."; counter-increment: howto_invite_2; margin-right: 3px; }
.howto_invite_2 dd { position: relative; padding-left: 10px; margin-left: 17px; line-height: 1.5; }
.howto_invite_2 dd:before{ position: absolute; left: 0; top: 8px; content: ''; width: 5px; height: 1px; background-color: #585858; }

#invite_status_form .popup_body > h4 { padding-bottom: 12px; text-align: center; font-size: 16px; line-height: 1.5; border-bottom: 1px solid #b8b8b8; }
#invite_status_form .popup_body > h4 em { font-size: inherit; color: #545454; font-weight: 700; font-style: normal; }
#invite_status_form .popup_body {  }

#invite_status_form .sel_all_invite_check { position: relative; display: inline-block; margin: 5px 0; text-align: center; border: 1px solid #dfdfdf; border-radius: 3px; background-color: #efefef; height: 29px; line-height: 29px; font-size: 15px; font-weight: 700; padding: 0 23px; }
#invite_status_form .sel_all_invite_check input { margin: 0; -webkit-appearance: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; }
.list_invite_check { margin-bottom: 14px; max-height: 260px; overflow-y: auto;  }
.list_invite_check label { display: block; }
.list_invite_check input:focus { outline: none; }
.list_invite_check input { vertical-align: middle; -webkit-appearance: none; width: 18px; height: 18px; margin: 0 5px 0 0; padding: 0; background: url('/asset/asp/push_my_singer/images/invite/bg_check.png') no-repeat center / 100%; }
.list_invite_check input:checked { background-image: url('/asset/asp/push_my_singer/images/invite/bg_check_on.png'); }

.list_invite_check li { font-size: 12px; padding: 10px; }
.list_invite_check li label { font-size: inherit; }
.list_invite_check li label span { color: #b9b9b9; margin: 0 5px; border: 0 none; }
.list_invite_check li:nth-child(odd) { background-color: #eee; border-bottom: 1px solid #b8b8b8; border-top: 1px solid #b8b8b8; }
.list_invite_check li.Nothing { text-align: center; line-height: 1.4; padding: 30px 10px; }
.list_invite_check li.Nothing span { display: block; margin-bottom: 7px; font-size: 12px; }

.send_invite { }
.send_invite { font-size: 13px; }
.send_invite p { margin-bottom: 5px;  }
.send_invite > div { display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; }
.send_invite > div > * { flex: 1; -webkit-flex: 1; margin-left: 7px; }
.send_invite > div > *:first-child { margin-left: 0px; }

/* 171110 방송 리스트 초대하기 버튼 적용 스타일 */
.list_main > div > ul > li.invite .list_text_count_wrap {height: auto;position: relative;}
.list_main > div > ul > li.invite button {position: absolute;bottom: 2px;right: 0;border: 1px solid #ff7b1c;border-radius: 3px; z-index: 10; cursor: pointer; }
.list_main > div > ul > li.invite button img { height: 21px; }
.list_main > div > ul > li.invite .list_text_count_wrap ul { display: block;  text-align: left; }
.list_main > div > ul > li.invite .list_text_count_wrap li { }
.list_main > div > ul > li.invite .list_text > div {height: auto;}
.list_main > div > ul > li.invite .list_text > div span {float: none;position: static;margin-bottom: 3px;}
.list_main > div > ul > li.invite .list_text_contents { float: none; }

.btn_pink { height: 44px; font-size: 15px; line-height: 44px; text-align: center; font-weight: 700; background-color: #ff7b1c; color: #fff; }
.btn_gray { height: 44px; font-size: 15px; line-height: 44px; text-align: center; font-weight: 700; background-color: #77797b; color: #fff; }

/* 쪽지 보내기 th 없앰 */
#ps_messege table th { display: none;}



/* 171129 메인 슬라이더 교체 */
.notice_ban .notice_wrap { border-bottom: 1px solid #c1c1c1; }
.main_top_banner {
    overflow: hidden;
    height: 102px;
}
.main_banner_list { position: relative; background: #fff; margin-bottom: -4px;}
.main_banner_list .owl-dots { position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; }
.main_banner_list .owl-dots > * { display: inline-block; width: 10px; height: 10px; background-color: #fff; margin-left: 5px; margin-right: 5px; border-radius: 10px; box-shadow: 1px 1px 3px #aaa; transition: all 0.5s; -webkit-transition: all 0.5s; }
.main_banner_list .owl-dots > *.active { background-color: #f1697c; }


/* 황제티비 슬라이더 적용 */
.youtube_banner_slider { margin-top: 5px; padding-bottom: 5px; width: 100%; overflow: hidden; border-bottom: 1px solid #c1c1c1;}
.youtube_banner_slider a { display: block; }
.youtube_banner_slider img { vertical-align: top; border: 0 none; border: 1px solid #c1c1c1; }

/* 171128 방송썸네일 날짜/타입 표시 */

.list_img .time_bottom { position: absolute; left: 0; bottom: 0; width: 100%; height: 22px; line-height: 22px; color: #fff; font-weight: 400; font-size: 11px !important; }
.list_img .time_bottom_vod { display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: space-between; -webkit-justify-content: space-between; position: absolute; left: 0; bottom: 0; width: 100%; background-color: rgba(0,0,0,0.5); height: 22px; line-height: 22px; color: #fff; font-weight: 400; font-size: 11px; padding: 0 5px; box-sizing: border-box; }
.list_img .time_bottom_vod > * { float: none; box-sizing: border-box; font-size: 11px; }
.list_img .time_bottom_vod > *:first-child { text-align: left; }
.list_img .time_bottom_vod > *:last-child { padding-left: 15px; background: url('/asset/common/images/thum_icon_tim.png') no-repeat left / auto 11px; text-align: right; }
.list_img .time_live_pc { display: inline-block; padding-left: 26px; padding-right: 5px; background: rgba(0,0,0,0.5) url('/asset/common/images/thum_icon_pc.png') no-repeat 5px / auto 11px; font-size: 11px; }
.list_img .time_live_mobile { display: inline-block; padding-left: 24px; padding-right: 5px;  background: rgba(0,0,0,0.5)  url('/asset/common/images/thum_icon_mobile.png') no-repeat 5px / auto 11px; font-size: 11px; }

/* 메인 유튜브 */
.iframe_area { position: relative; padding-bottom: 56.25%; height: 0; }
.iframe_area div { display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.iframe_area div.on { display: block; }
.iframe_area iframe { width: 100%; height: 100%; display: block; }


/* 크리스마스 이벤트 관련 */
html.christmas .menu01 .sidebar_top,
html.christmas .top_menu { height: 52px; background: #fff url('/asset/asp/push_my_singer/images/event/event_christmas/bg_header.png') no-repeat center 0 / 100% 52px; border-bottom: 0 none; }
html.christmas .menu01 .menu_01 { background-image: url('/asset/asp/push_my_singer/images/event/event_christmas/menu_icon.png'); }
html.christmas .menu01 .sidebar_top .sidebar_top_01,
html.christmas .menu01 h1 a { background: url('/asset/asp/push_my_singer/images/event/event_christmas/header.png') no-repeat 0 0; }
html.christmas .menu02 ul li a { color: #fff; }
html.christmas  .sidebar_top_02 { background-image: url('/asset/asp/push_my_singer/images/event/event_christmas/join_close.png'); }

/* 2018신년 헤더  */
html.newyear_2018 .menu01 .sidebar_top { height: 52px; background: url('/asset/asp/push_my_singer/images/event/event_newyear_2018/bg_header.png') no-repeat center 0 / 100% 52px; border-bottom: 0 none; }
html.newyear_2018 .top_menu { height: 52px; background: url('/asset/asp/push_my_singer/images/event/event_newyear_2018/bg_header_right.png') no-repeat right 0 / auto 52px , #fff url('/asset/asp/push_my_singer/images/event/event_newyear_2018/bg_header.png') no-repeat center 0 / 100% 52px; border-bottom: 0 none; }
html.newyear_2018 .menu01 .sidebar_top .sidebar_top_01,
html.newyear_2018 .menu01 h1 a { background: url('/asset/asp/push_my_singer/images/event/event_newyear_2018/header.png') no-repeat -15px 0 / cover; }
html.newyear_2018 .menu02 ul li a { color: #5b3f2a; font-weight: 700; }

/* 2018신년 헤더02 */
html.doxy_2018 .menu01 .sidebar_top,
.sidebar .sidebar_top {height:45px; background:url('/asset/asp/push_my_singer/images/event/event_doxy_2018/bg_header.png') no-repeat center 0 / cover;}
html.doxy_2018 .menu01 .menu_01 {width:17px;}
html.doxy_2018 .top_menu {height:45px; background:url('/asset/asp/push_my_singer/images/event/event_doxy_2018/bg_header_right.png') no-repeat right 0 / contain, #fff url('/asset/asp/push_my_singer/images/event/event_doxy_2018/bg_header.png') no-repeat center 0 / 100% 45px;}
html.doxy_2018 .menu01 .sidebar_top .sidebar_top_01,
html.doxy_2018 .menu01 h1 a,
.sidebar .sidebar_top .sidebar_top_01 {width:123px; height:45px; /*padding:10px;*/ background:url('/asset/asp/push_my_singer/images/logo_goldlive.png') no-repeat 50% 50% / auto 36px;}
html.doxy_2018 .menu01 h1 {padding:6px 0 0 0;}
html.doxy_2018 .menu02 ul li a {color:#5b3f2a; font-weight:700;}


@media all and (max-width: 375px){
    .list_img .time_bottom_vod > *,
    .list_img .time_live_pc,
    .list_img .time_live_mobile { font-size: 10px; }

}
@media all and (max-width: 320px){
    .list_img .time_bottom_vod > *:last-child  { padding-left: 0; background: none; }
}

/* Header, Main 리뉴얼 */
.fl {float: left;}
.fr {float: right;}
.clr {clear: both;}

header.gnb {position:relative; display: flex; align-items: center; height: 53px; padding: 0 5px; background: #fff; box-sizing: border-box; overflow: hidden;}
header.gnb .gnb_logo {flex: 0 0 auto; margin-right: 5px;}
header.gnb .gnb_logo a.logo {
    display: block;
    /* padding: 0 12.5px; */
    width: 75px;
    height: 50px;
    background: url(/asset/asp/push_my_singer/images/logo_pms.png) no-repeat 0 0 / 100% auto;
    text-indent: -9999px;
}
header.gnb:lang(en) .gnb_logo a {padding: 0 10px; font-size:12px}
header.gnb:lang(ja) .gnb_logo a {padding: 0 10px; font-size:10px;}
header.gnb:lang(zh) .gnb_logo a {padding: 0 12.5px;}
header.gnb .btn_menu_fold {position: absolute; right: 3px; top: 11px; width: 30px; height: 27px; text-indent: -9999px; z-index: 104;}
header.gnb .btn_menu_fold:before {
    content:'';
    position: absolute;
    top: 0;
    left:0;
    width: 30px;
    height: 27px;
    background: url(../images/icon/icon_toggle.png) no-repeat center center;
    background-size: 17px auto;
}

/* header.gnb li {float: left; position: relative;}
header.gnb li,
header.gnb li a {font-size: 16px; font-weight: 700; font-family: 'NanumBarunGothic','Malgun Gothic', '맑은 고딕', sans-serif; color: #626161;display: block; line-height: 45px;}
header.gnb li a,
header.gnb ul.fl li a {padding: 0 12.5px;}
header.gnb:lang(en) ul.fl li a {padding: 0 10px; font-size:12px}
header.gnb:lang(ja) ul.fl li a {padding: 0 10px; font-size:10px;}
header.gnb:lang(zh) ul.fl li a {padding: 0 12.5px;}
header.gnb li.active a {color: #ff7b1c}
header.gnb .gnb_logo a.logo {
    width: 127px;
    height: auto;
    background: url(/asset/asp/push_my_singer/images/logo_goldlive.png) no-repeat 50% 50% / 127px auto;
    text-indent: -9999px;
}
header.gnb ul.fl li:after {content: ''; position: absolute; top: 16px; right: 0; width: 1px; height: 11px; background: #ADADAD}
header.gnb ul.fl li:last-child:after {background: transparent;}
header.gnb ul.fr {margin-right: 5px;}
header.gnb ul.fr li {width: 32px; text-indent: -9999px; z-index: 104;}
header.gnb ul.fr li:before {content:''; position: absolute; top: 0; left:0; background-repeat: no-repeat; background-position: 50% 0}
header.gnb ul.fr li.menu:before {
    top: 0;
    width: 32px;
    height: 45px;
    background-image: url(../images/icon/icon_toggle.png);
    background-size: 18px 14px;
    background-position: 50%;
} */
header.gnb .app_down {
    width:56px;
	position: absolute;
	right: 42px;
	top: 8px;
    height: 30px;
    background-image: url(../images/icon/app_down.png);
    background-size: 100%;
    background-position: 50%;
    outline: 0;
    text-indent: -9999px;
}
/* header.gnb ul.fr li.search:before {top: 14px; width: 32px; height: 20px; background-image: url(../images/icon/icon_search.png); background-size: 20px 19px; } */

.main_container {overflow: hidden; min-height: 100%; background: #E6E6E6; padding-bottom: 20px;}

.main_top_banner .main_banner_list .owl-dots {
   text-align: right; left: auto; right: 4px; bottom: 3px;
}
.main_top_banner .main_banner_list .owl-dots > *.active {
    background-color: #ff7b1c;
}
.main_top_banner .main_banner_list .owl-dots > * { width: 8px; height: 8px; margin-left: 3px; margin-right: 3px; box-shadow: none;}

.main_top_banner .owl-stage .owl-item img {height: 102px}

.main_top_title {position: relative; background: #fff; height: 38px; line-height: 38px; border-bottom: 2px solid #D0D0D0;}
.main_top_title > em {
    /* display: inline-block; */
    position: absolute;
    /* width: 76px; */
    z-index: 1;
    background: #fff;
    /* height: 40px; */
    /* line-height: 38px; */
    font-size: 15px;
    font-weight: 700;
    color: #333230;
    /* -webkit-box-shadow: inset 0px -3px 0px 0px rgba(51,50,48,1), inset -1px 0px 0px 0px rgba(228,196,207,0), 4px 0px 10px 0px rgba(220,220,220,1);
    -moz-box-shadow: inset 0px -3px 0px 0px rgba(51,50,48,1), inset -1px 0px 0px 0px rgba(228,196,207,0), 4px 0px 10px 0px rgba(220,220,220,1);
    box-shadow: inset 0px -3px 0px 0px rgba(51,50,48,1), inset -1px 0px 0px 0px rgba(228,196,207,0), 4px 0px 10px 0px rgba(220,220,220,1); */
    text-align: center;
}
/* .main_top_title > em:lang(en) {font-size:13px;}
.main_top_title > em:lang(zh) {font-size:13px;}
.main_top_title > em:lang(ja) {font-size:10px; width:80px} */
.main_top_title ul {
    margin-left: 81px;
}
.main_top_title li {float: left;}
.main_top_title li a {display: block; padding: 0 5px; color: #555; font-weight: 700; font-size: 14px; }
.main_top_title:lang(en) li a {font-size:12px;}
.main_top_title:lang(ja) li a {font-size:10px; padding:0 1px;}
.main_top_title:lang(zh) li a {font-size:12px; }
.main_top_title li.on  a {color: #ff7b1c}
.main_top_title > a {display:inline-block; float: right; font-size: 14px; font-weight: 700; color: #ff7b1c; padding: 0 6px; letter-spacing: -1px;}
.main_top_title > a:lang(en) {}
.main_top_title > a:lang(zh) {}
.main_top_title > a:lang(ja) {font-size:10px}
.main_top_title > a.more span { position: relative; top: -3px; }
.main_top_title > a.upload { position: relative; width: 18px;
    margin-right: 3px; text-indent: -9999px; }
.main_top_title > a.upload:before { content: ''; position: absolute; left: 6px; top: 9px; width: 18px; height: 21px; background-image: url(../images/icon/icon_upload.png); background-repeat: no-repeat; background-size: 18px 21px; }
@media (max-width: 320px) {
	.main_top_title li a,
	.main_top_title > a {
	    font-size: 13px;
	}
	.main_top_title > a {
	    padding: 0 6px 0 0;
	}
	.main_top_title li a {
	    padding: 0 3px;
	}
	.main_top_title > a.upload:before {
	    left: 6px;
	    top: 12px;
	    width: 16px;
	    background-size: 16px;
	}
	.broadcast_type_title .frame ul li a {
		font-size: 13px !important;
	    padding: 0 4px !important;
	}
}
/* Upload BJ Area */
/* slide_wrap wrapper */
.slide_wrap {
    position: relative;
    margin: 0.1em 0 8px;
    padding-top: 7px;
}
.slide_wrap .scrollbar {display: none;}

/* Frame */
.slide_wrap .frame {
    height: 80px;
    line-height: 80px;
    overflow: hidden;
}
.slide_wrap .frame ul {
    list-style: none;
    margin: 0;
    padding: 0;
    height: 100%;
    font-size: 0;
}
.slide_wrap .frame ul li {
    position: relative;
    float: left;
    width: 140px;
    height: 80px;
    margin: 0 3px 0 0;
    padding: 0;
    background: #000;
    color: #ddd;
    text-align: center;
    cursor: pointer;
    overflow: hidden;
}
.slide_wrap .frame ul li .shadow {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../images/icon/shadow_bg.png) repeat-x 0 0;
	background-size: cover;
}
.slide_wrap .frame ul li .bj-tit {
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 1;
    display: block;
    color: #fff;
    opacity: 1;
    font-size: 11px;
    line-height: 20px;
    text-align: left;
    padding: 0 6px;
    text-overflow:ellipsis;
    white-space:nowrap;
    word-wrap:normal;
    overflow:hidden;
    box-sizing: border-box;
}
.slide_wrap .frame ul li a {display:block;}
.slide_wrap .frame ul li img {width: auto; height: 80px;}
.slide_wrap .frame ul li.active {
    color: #fff;
}

/* Scrollbar */
.slide_wrap .scrollbar {
    margin: 0 0 1em 0;
    height: 2px;
    background: #ccc;
    line-height: 0;
}
.slide_wrap .scrollbar .handle {
    width: 100px;
    height: 100%;
    background: #292a33;
    cursor: pointer;
}
.slide_wrap .scrollbar .handle .mousearea {
    position: absolute;
    top: -9px;
    left: 0;
    width: 100%;
    height: 20px;
}

/* Pages */
.slide_wrap .pages {
    list-style: none;
    margin: 20px 0;
    padding: 0;
    text-align: center;
}
.slide_wrap .pages li {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin: 0 4px;
    text-indent: -999px;
    cursor: pointer;
    overflow: hidden;
    background: #fff;
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.2);
}
.slide_wrap .pages li:hover {
    background: #aaa;
}
.slide_wrap .pages li.active {
    background: #666;
}

/* Controls */
.slide_wrap .controls { margin: 0; text-align: center; top: -73px; position: relative; }
.slide_wrap .controls .btn {position: absolute; text-indent: -9999px; border: 0; background: transparent; outline: 0}
.slide_wrap .controls .btn:before { width: 11px; height: 23px; position:absolute; top: 0; left: 0; content:'';}
.slide_wrap .controls .prevPage { left: 0; }
.slide_wrap .controls .nextPage { right: 0; }
.slide_wrap .controls .prevPage:before {    background: url(../images/icon_big_arrow.png) no-repeat 0 0;
    background-size: 11px 23px; left: 10px;}
.slide_wrap .controls .nextPage:before {    background: url(../images/icon_big_arrow.png) no-repeat 0 0;
    background-size: 11px 23px; left: auto; right: 10px; transform: rotate(-180deg); -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg);}

.slide_wrap .controls {
	position: relative;
    top: -80px;
}
.slide_wrap .btn.prev,
.slide_wrap .btn.next {position:absolute; top:0; display:block; width:20px; height:100%; font-size:0; line-height:0; color:transparent;height: 80px;
}
.slide_wrap .btn.prev {
    left: 8px;
    background: url(../images/btn_news_prev.png) no-repeat 0 !important;
    background-size: 10px !important;
}
.slide_wrap .btn.next {
    right: 8px;
    background: url(../images/btn_news_next.png) no-repeat 100% !important;
    background-size: 10px !important;
}

/* One Item Per Frame example*/
.slide_wrap .oneperframe { height: 300px; line-height: 300px; }
.slide_wrap .oneperframe ul li { width: 1140px; }
.slide_wrap .oneperframe ul li.active { background: #333; }

/* Crazy example */
.slide_wrap .crazy ul li:nth-child(2n) { width: 100px; margin: 0 4px 0 20px; }
.slide_wrap .crazy ul li:nth-child(3n) { width: 300px; margin: 0 10px 0 5px; }
.slide_wrap .crazy ul li:nth-child(4n) { width: 400px; margin: 0 30px 0 2px; }

.section01_inner01,
.section01_inner02 {float: left;}
.section01_inner02 {
    background: #F8F8FA;
    width: 713px;
    height: 127px;
    border-radius: 6px;
    margin-top: 0.3em;
    margin-left: 19px;
    padding: 10px 15px;
    font-family: Dotum, '�뗭�', Arial, sans-serif;
    color: #1d1d1d;
}
.section01_inner02 dt {float: left; width: 56px; font-weight: 700; font-size: 12px;}
.section01_inner02 dd {margin: 0 0 8px 7px;}
.section01_inner02 dd a {color: #1d1d1d;}
.section01_inner01 .slide_wrap .frame {
    height: 127px;
    line-height: 127px;
}

.section01_inner01 .slide_wrap .pages {
    position: absolute;
    bottom: -15px;
    right: 10px;
}
.section01_inner01 .slide_wrap .pages li.active {
    background: #ff7b1c;
}
.section01_inner01 .slide_wrap .pages li {
    width: 9px;
    height: 9px;
    margin: 0 3px;
    background: #fff;
    box-shadow: none;
}

.section01_inner01 .slide_wrap {
    margin: 0.3em 0 0;
}
.section01_inner01 .slide_wrap,
.oneperframe ul li {
    width: 468px;
}
.section01_inner01 .slide_wrap .frame ul li {
    width: 468px;
    height: 100%;
    margin: 0 15px 0 0;
}

/* //Upload Bj Area */

/* 공지사항 */
.notice_container {
    position: relative;
    background: #E6E6E6;
    height: 19px;
    padding-right: 60px;
    padding-bottom: 8px;
    font-size: 15px;
    color: #4c4c4c;
    overflow: hidden;
}
.notice_container .notice {
    position: relative;
    height: 18px;
	overflow: hidden;
}
.notice_container ul {
    position: absolute;
    left: 5px;
    top: 0;
	width: 100%;
}
.notice_container li {
	position:relative;
    display: flex;
	width: 100%;
    height: 18px;
}
.notice_container dl {
    margin-right: 21px;
    padding-top: 6px;
    border-top: 1px solid #B8B8B8;
}
.notice_container dl.ver2 {
    padding-top: 1px;
    border-top: 0;
}
.slide_wrap + .notice_container dl {
	border-color: transparent;
}
.notice_container dt,
.notice_container li em {
    flex: none;
    width: auto;
    margin-right: 6px;
    color: #335a79;
    font-weight: 700;
    font-size: 12px;
}
.notice_container li em {
	margin-right: 5px;
}
.notice_container dd a,
.notice_container li a {
	display: block;
    color: #4c4c4c;
    text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
	overflow: hidden;
    letter-spacing: -1px;
}
.notice_container .more { 
    position: absolute;
	display: inline-block;
    font-size: 12px;
    color: #8e8e8e;
    padding: 0 6px;
    right: 5px;
    letter-spacing: -1px;
    z-index: 1;
}
.notice_container .more.ver2 {
    top: auto;
    bottom: 9px;
}
.notice_container .more span {position: relative; top: -3px;}

/* broadcast_type_title wrapper */
.broadcast_live_vod {
    overflow: hidden;
    background: #E6E6E6;
    float: left;
    width: 100%;
}
#broadcast_live {
	padding-bottom: 12px;
}
#broadcast_vod {
	margin-top: -12px;
}
.broadcast_type_title {
    position: relative;
    margin: 0 0 0;
    background: #fff;
    z-index: 4;
    height: 40px;
}
.broadcast_type_title.vod {
    border-top: 2px solid #DFDFDF;
    margin-top: 12px;
}
.broadcast_type_title .scrollbar {display: none;}

.broadcast_type_title em {
    display: inline-block;
    position: absolute;
    /* width: 76px; */
    z-index: 4;
    background: #fff;
    /* height: 40px; */
    line-height: 37px;
    font-size: 16px;
    font-weight: 700;
    color: #ff7b1c;
    /* -webkit-box-shadow: inset 0px -3px 0px 0px rgba(244,46,111,1), inset -1px 0px 0px 0px rgba(228,196,207,0), 4px 0px 10px 0px rgba(220,220,220,1);
-moz-box-shadow: inset 0px -3px 0px 0px rgba(244,46,111,1), inset -1px 0px 0px 0px rgba(228,196,207,0), 4px 0px 10px 0px rgba(220,220,220,1);
box-shadow: inset 0px -3px 0px 0px rgba(244,46,111,1), inset -1px 0px 0px 0px rgba(228,196,207,0), 4px 0px 10px 0px rgba(220,220,220,1); */
    text-align: center;box-sizing: border-box; padding-right:7px;
}
.broadcast_type_title.vod em {position: relative; color: #0f83b9; width: 76px; letter-spacing: -1px;
-webkit-box-shadow: inset 0px -3px 0px 0px rgba(31,139,190,1), inset -1px 0px 0px 0px rgba(188,209,218,0), 4px 0px 10px 0px rgba(220,220,220,1);
-moz-box-shadow: inset 0px -3px 0px 0px rgba(31,139,190,1), inset -1px 0px 0px 0px rgba(188,209,218,0), 4px 0px 10px 0px rgba(220,220,220,1);
box-shadow: inset 0px -3px 0px 0px rgba(31,139,190,1), inset -1px 0px 0px 0px rgba(188,209,218,0), 4px 0px 10px 0px rgba(220,220,220,1);
    text-align: center; box-sizing: border-box; padding-right:7px;}

.broadcast_type_title em:after {
	content: '';
	position: absolute;
	top: 17px;
	right: 10px;
	width: 9px;
	height: 5px;
	background-image: url(../images/icon/live_arrow.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-size: 100%;
}
.broadcast_type_title em.current:after {
	-webkit-transform:rotate(-180deg);
    -moz-transform:rotate(-180deg);
        transform:rotate(-180deg);
}

.broadcast_type_title.vod em:after {
	background-image: url(../images/icon/vod_arrow.png);
}
.broadcast_type_title em > ul {
	display: none;
	position: absolute;
	width: 76px;
	overflow: hidden;
	background: #F8F8FA;
	/*border: 2px solid #ff7b1c;*/
	left: 0;
    top: 37px;
    z-index: 3;
    -webkit-box-shadow: -1px 0px 5px 1px rgba(214,214,214,1);
    -moz-box-shadow: -1px 0px 5px 1px rgba(214,214,214,1);
    box-shadow: -1px 0px 5px 1px rgba(214,214,214,1);
}
.broadcast_type_title.vod em > ul {
	border-color: #1887BC;
}
.broadcast_type_title em.current > ul {
	display: inline-block;
}
.broadcast_type_title em > ul li {
	width: 100%;
	display: inline-block;
	background: #fff;
	text-align: left;
	font-size: 16px;
	font-weight: 600;
	color: #585858;
	margin: 0 0;
	padding-left: 20px;
	height: 39px;
	line-height: 38px;
	/*border-top: 2px solid #ff7b1c;*/
	box-sizing: border-box;
}
.broadcast_type_title.vod em > ul li {
	border-top-color: #1887BC;
}
.broadcast_type_title em > ul li:first-child {
	border-top: 0;
}
.broadcast_type_title em > ul li.active,
.broadcast_type_title em > ul li:hover {
	font-weight: 600
}

/* broadcast Frame */
.broadcast_type_title .frame {
	position: absolute;
	top: 0;
    min-width: 100%;
    height: 37px;
    line-height: 37px;
    overflow: hidden;
    background: #fff;
    /* margin-left: 76px; */
    border-bottom: 3px solid #DBDBDB;
    /* -webkit-box-shadow: inset -6px 0px 9px 0px rgba(223,223,223,0.6);
-moz-box-shadow: inset -6px 0px 9px 0px rgba(223,223,223,0.6);
box-shadow: inset -6px 0px 9px 0px rgba(223,223,223,0.6); */
}
.broadcast_type_title.vod .frame {margin-left: 76px;}
.broadcast_type_title .frame ul {
    list-style: none;
    margin: 0;
    padding: 0;
    height: 100%;
    font-size: 0;
    margin-left: 5px;
}
.broadcast_type_title .frame ul li {
    position: relative;
    float: left;
    width: auto;
    height: 37px;
    margin: 0 3px 0 0;
    padding: 0;
    background: transparent;;
    color: #ddd;
    text-align: center;
    cursor: pointer;
    overflow: hidden;
}
.broadcast_type_title .frame ul li .shadow {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../images/shadow_bg.png) repeat-x 0 0;
	background-size: 140px 80px;
    opacity: 0.7;
}
.broadcast_type_title .frame ul li .bj-tit {
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 1;
    display: block;
    color: #fff;
    opacity: 1;
    font-size: 11px;
    line-height: 20px;
    text-align: left;
    padding: 0 6px;
    text-overflow:ellipsis;
    white-space:nowrap;
    word-wrap:normal;
    overflow:hidden;
    box-sizing: border-box;
}
.broadcast_type_title .frame ul li a {display:block;    font-size: 14px; color: #555; letter-spacing: -1px; padding: 0 5px;}
.broadcast_type_title.vod .frame ul li.on a {
	color: #0f83b9;
	font-weight: bold;
}
.broadcast_type_title .frame ul li img {width: 100%; height: 80px;}
.broadcast_type_title .frame ul li.active a {
    color: #ff7b1c;
}
.broadcast_type_title.vod .frame ul li.active a {
    color: #0f83b9;
}

/* broadcast_type_title Scrollbar */
.broadcast_type_title .scrollbar {
    margin: 0 0 1em 0;
    height: 2px;
    background: #ccc;
    line-height: 0;
}
.broadcast_type_title .scrollbar .handle {
    width: 100px;
    height: 100%;
    background: #292a33;
    cursor: pointer;
}
.broadcast_type_title .scrollbar .handle .mousearea {
    position: absolute;
    top: -9px;
    left: 0;
    width: 100%;
    height: 20px;
}

/* broadcast_type_title Pages */
.broadcast_type_title .pages {
    list-style: none;
    margin: 20px 0;
    padding: 0;
    text-align: center;
}
.broadcast_type_title .pages li {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin: 0 4px;
    text-indent: -999px;
    cursor: pointer;
    overflow: hidden;
    background: #fff;
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.2);
}
.broadcast_type_title .pages li:hover {
    background: #aaa;
}
.broadcast_type_title .pages li.active {
    background: #666;
}

/* broadcast_type_title Controls */
.broadcast_type_title .controls { margin: 0; text-align: center; top: -73px; position: relative; opacity: 0; width: 0;
    height: 0; }
.broadcast_type_title .controls .btn {position: absolute; text-indent: -9999px; border: 0; background: transparent; outline: 0}
.broadcast_type_title .controls .btn:before { width: 11px; height: 23px; position:absolute; top: 0; left: 0; content:'';}
.broadcast_type_title .controls .prevPage { left: 0; }
.broadcast_type_title .controls .nextPage { right: 0; }
/*.broadcast_type_title .controls .prevPage:before {    background: url(../images/icon_big_arrow.png) no-repeat 0 0;
    background-size: 11px 23px; left: 10px;}
.broadcast_type_title .controls .nextPage:before {    background: url(../images/icon_big_arrow.png) no-repeat 0 0;
    background-size: 11px 23px; left: auto; right: 10px; transform: rotate(-180deg); -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg);}*/

.broadcast_type_content {
    overflow: hidden;
    width: 100%;
    max-width: 100%;
}
/*.broadcast_type_content ul {overflow: hidden; margin:0; font-size: 0}
}*/
.broadcast_type_content li {position: relative; float: left; width: 47%; margin: 8px 0 0 2%;}
.broadcast_type_content li.no_content, .broadcast_type_content_live div.no_content {
	width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    text-align: center !important;
    display: block !important;
}
.broadcast_type_content li.no_content img, .broadcast_type_content_live div.no_content img {
	width: 70%;
	max-width: 420px;
}
.broadcast_type_content li a,
.broadcast_type_content li .thumbGroup {position: relative; display: block}
.broadcast_type_content li .thumbGroup {
	background: #000
}

.broadcast_type_content li a.dragon .innerBorder {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
	-webkit-box-shadow: inset 0px 0px 0px 2px rgba(255,168,0,1);
	-moz-box-shadow: inset 0px 0px 0px 2px rgba(255,168,0,1);
	box-shadow: inset 0px 0px 0px 2px rgba(255,168,0,1);
}
.broadcast_type_content.live li a.listup .innerBorder {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
	-webkit-box-shadow: inset 0px 0px 0px 2px rgba(255,123,28,1);
	-moz-box-shadow: inset 0px 0px 0px 2px rgba(255,123,28,1);
	box-shadow: inset 0px 0px 0px 2px rgba(255,123,28,1);
}

.broadcast_type_content li a .shadow {
    z-index: 1;
    position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../images/icon/shadow_top_bg.png) repeat-x 0 0;
	background-size: cover;
}
.broadcast_type_content li a .thumbnail { position: relative; padding-top: 56.25%; overflow: hidden; }
.broadcast_type_content li a .thumbnail img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 100%; width: auto; margin: 0 auto; }
.broadcast_type_content li .on-air,
.broadcast_type_content li .bj-fan,
.broadcast_type_content li .badge_bigImg,
.broadcast_type_content li .icon_box {z-index: 2}
.broadcast_type_content li .movie-info {z-index: 1}
.broadcast_type_content li .on-air {z-index: 1; position: absolute; top: 0; right: 0; color: #fff; font-size: 10px;}
.broadcast_type_content li .on-air .icon19 {width: 15px; position: absolute; top: 1px; right: 41px;}
.broadcast_type_content.vod li .on-air .icon19 { right: 48px;}
.broadcast_type_content li .on-air .ir {position: absolute; right: 0; font-size: 10px; background: #ff7b1c; /*padding: 1px 6px 2.5px;*/ width: 22px; height: 16px; line-height: 16px; text-align: center;}
.broadcast_type_content li .on-air .ir.adult19:before {content:''; position: absolute; right:17px; top:2px; width:21px; height:21px; text-indent:-9999px; font-size:0; background: url(../images/adult19.png) no-repeat; background-size:14px}
.broadcast_type_content.vod li .on-air .ir {background: #0F83B9; width: 22px; padding-left: 0; padding-right: 0; text-align: center;}
.broadcast_type_content li .bj-fan {position: absolute; top: 3px; left: 5px; color: #fff; font-size: 11px; min-width: 50%;}

.broadcast_type_content li .bj-fan span {font-size: 12px}
.broadcast_type_content li .bj-fan span.icon_hits {padding-left: 12px; margin-right: 3px; position: relative;}
.broadcast_type_content li .bj-fan span.icon_hits:before {content:''; position: absolute; width: 11px; height: 8px; background: url(../images/icon/icon_user.png) no-repeat 0 0; background-size: 11px 8px; left: 0; top: 5px;}
.broadcast_type_content.vod li .bj-fan span.icon_hits {padding-left: 10px;}
.broadcast_type_content.vod li .bj-fan span.icon_hits:before {content:''; position: absolute; width: 7px; height: 8px; background: url(../images/icon/icon_vod_player.png) no-repeat 0 0; background-size: 7px 8px; left: 0; top: 5px;}
.broadcast_type_content li .bj-fan span.icon_like {padding-left: 12px; position: relative;}
.broadcast_type_content li .bj-fan span.icon_like:before {content:''; position: absolute; width: 9px; height: 8px; background: url(../images/icon/icon_good.png) no-repeat 0 0; background-size: 9px 8px; left: 0; top: 5px;}
/*.broadcast_type_content.vod li .bj-fan span.icon_like:before {background: url(../images/icon/icon_like.png) no-repeat 0 0; background-size: 9px 8px;}*/
.broadcast_type_content li .bj-fan .bj-name {display: block; margin-bottom: -3px;}
.broadcast_type_content li .bj-tit {background: #fff; color: #484848; font-size: 12px; padding: 3px 5px 5px; display: inline-block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  white-space: normal; line-height: 1.4; height: 37px;word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; box-sizing: border-box;}

.broadcast_type_content li .invite {background: #fff; border: 1px solid #ff7b1c; border-radius: 3px; text-align: center; color: #ff7b1c; font-size: 12px; font-weight: 700; height: 23px; line-height: 23px; margin-top: 4px; }
.broadcast_type_content li .icon_invite {vertical-align: middle; position: relative; top: -1px;display: inline-block; width: 22px}
.icon_box {
    position: absolute;
    left: 4px;
    bottom: 3px;
    width: 100px;
    float: left;
    height: 11px;
}
.icon_box span {
    float: left;
    display: inline-block;
    margin-right: 4px;
}
.icon_box span img {
    float: left;
    width: auto;
    height: 11px;
    vertical-align: middle;
}
.icon_box span sub {
    position: relative;
    top: -6px;
    vertical-align: middle;
    font-size: 8px;
    color: #feb32f;
    text-shadow: 1px 1px #000;
}
.icon_box span.ranking {
    margin-right: 6px;
}
.badge_bigImg {
    position: absolute !important;
    right: 0;
    width: 76px;
    text-align: right;
    bottom: 3px;
    float: right;
}
.broadcast_type_content.vod .badge_bigImg {bottom: 3px;}
.badge_bigImg img {
	float: right;
	position: relative !important;
    width: 40px;
    display: inline-block;
    height: 34px;
    margin-left: -2px;
}
.movie-info {
    position: absolute;
    bottom: 0;
    color: #fff;
    display: inline-block;
    background: rgba(0,0,0,0.5);
    padding: 0 3px 0 22px;
    box-sizing: border-box;
    height: 16px;
    line-height: 16px;
}

.movie-info:before {content: ''; width: 13px; height: 10px; position: absolute; left: 4px; top:3px; background-image: url(../images/icon/icon_pc.png);
background-repeat: no-repeat; background-position: 0 0; background-size: 9px 10px; border-right: 1px solid rgba(255,255,255,0.6);}
.broadcast_type_content.vod .movie-info {width: 100%; padding-left: 4px}
.broadcast_type_content.vod .movie-info:before {
    width: 0;
    height: 0;
    left: 0;
    top: 0;
    background-image: none;
    border-right: 0;
}
.movie-info.mob:before {content: ''; width: 11px; height: 10px; position: absolute; left: 5px; top:4px; background-image: url(../images/icon/icon_mobile.png);background-size: 7px;}
.movie-info span {font-size: 11px}
.broadcast_type_content.vod .movie-info .fr {position: relative; padding-left: 12px;}
.broadcast_type_content.vod .movie-info .fr:before {content: ''; width: 9px; height: 9px; position: absolute; left: 0px; top:4px; background-image: url(../images/icon/icon_play_time.png);background-size: 9px 9px;}

.list_top_btn {display: none;}

.align-menu-item, .align-menu-open-button {
  background: rgba(56,56,56,0.7);
  border-radius: 100%;
  width: 50px;
  height: 50px;
  position: absolute;
  color: white;
  text-align: center;
  line-height: 50px;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-transition: -webkit-transform ease-out 200ms;
  transition: -webkit-transform ease-out 200ms;
  transition: transform ease-out 200ms;
  transition: transform ease-out 200ms, -webkit-transform ease-out 200ms;
  /*-webkit-box-shadow: -1px 1px 10px 0px rgba(163,163,163,1);
-moz-box-shadow: -1px 1px 10px 0px rgba(163,163,163,1);
box-shadow: -1px 1px 10px 0px rgba(163,163,163,1);*/
outline: 0
}

.align-menu-item {
	width: 64px;
	height: 78px;
	background: #343434;
    border-radius: 0;
    width: 60px;
    height: 78px;
    line-height: 30px;
    color: #fff;
    font-size: 13px;
    padding: 8px 0;
    box-sizing: border-box;
    visibility: hidden;
	/*-webkit-box-shadow: 2px 2px 10px 0px rgba(140,140,140,1);
	-moz-box-shadow: 2px 2px 10px 0px rgba(140,140,140,1);
	box-shadow: 2px 2px 10px 0px rgba(140,140,140,1);*/
	right: -4px;
}
.align-menu-item:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 10px solid #343434;
    bottom: -9px;
    left: 24px;
}
.align-menu-item a {
	color: #fff;
    font-size: 13px;
	display: block;
  line-height: 30px;

}
.align-menu-item a.on {
	color: #ff7b1c
}

.align-menu-open {
  display: none;
}

.align-menu .hamburger {
  width: 25px;
  height: 3px;
  background: white;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -12.5px;
  margin-top: -1.5px;
  -webkit-transition: -webkit-transform 200ms;
  transition: -webkit-transform 200ms;
  transition: transform 200ms;
  transition: transform 200ms, -webkit-transform 200ms;
}

.align-menu .hamburger-1 {
  -webkit-transform: translate3d(0, -8px, 0);
          transform: translate3d(0, -8px, 0);
}

.align-menu .hamburger-2 {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
          width: 18px;
}

.align-menu .hamburger-3 {
  -webkit-transform: translate3d(0, 8px, 0);
          transform: translate3d(0, 8px, 0);
          width: 12px;
}

.align-menu-open:checked + .align-menu-open-button .hamburger-1 {
  -webkit-transform: translate3d(0, 0, 0) rotate(45deg);
          transform: translate3d(0, 0, 0) rotate(45deg);
}
.align-menu-open:checked + .align-menu-open-button .hamburger-2 {
  -webkit-transform: translate3d(0, 0, 0) scale(0.1, 1);
          transform: translate3d(0, 0, 0) scale(0.1, 1);
          width: 25px;
}
.align-menu-open:checked + .align-menu-open-button .hamburger-3 {
  -webkit-transform: translate3d(0, 0, 0) rotate(-45deg);
          transform: translate3d(0, 0, 0) rotate(-45deg);
          width: 25px;
}

.align-menu {
  position: fixed;
  bottom: 15px;
  right: 10px;
  z-index: 10;
  width: 50px;
  height: 50px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 20px;
  text-align: left;
}

.align-menu-item:hover {
  background: white;
  color: #00bcd4;
}
.align-menu-item:nth-child(3) {
  -webkit-transition-duration: 180ms;
          transition-duration: 180ms;
}
.align-menu-item:nth-child(4) {
  -webkit-transition-duration: 180ms;
          transition-duration: 180ms;
}
.align-menu-item:nth-child(5) {
  -webkit-transition-duration: 180ms;
          transition-duration: 180ms;
}
.align-menu-item:nth-child(6) {
  -webkit-transition-duration: 180ms;
          transition-duration: 180ms;
}

.align-menu-open-button {
  z-index: 2;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
          transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -webkit-transition-duration: 400ms;
          transition-duration: 400ms;
  -webkit-transform: scale(1, 1) translate3d(0, 0, 0);
          transform: scale(1, 1) translate3d(0, 0, 0);
  cursor: pointer;
}

.align-menu-open-button:hover {
  -webkit-transform: scale(1, 1) translate3d(0, 0, 0);
          transform: scale(1, 1) translate3d(0, 0, 0);
}

.align-menu-open:checked + .align-menu-open-button {

  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
  -webkit-transition-duration: 200ms;
          transition-duration: 200ms;
  -webkit-transform: scale(1, 1) translate3d(0, 0, 0);
          transform: scale(1, 1) translate3d(0, 0, 0);
}

.align-menu-open:checked ~ .align-menu-item {
	visibility: visible;
	background: #343434;
    -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
          transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}
.align-menu-open:checked ~ .align-menu-item:nth-child(3) {
  -webkit-transition-duration: 190ms;
          transition-duration: 190ms;
  /*-webkit-transform: translate3d(110px, 0, 0);
          transform: translate3d(110px, 0, 0);*/

  -webkit-transform: translate3d(1px, -92px, 0);
          transform: translate3d(1px, -92px, 0);
}
.align-menu-open:checked ~ .align-menu-item:nth-child(4) {
  -webkit-transition-duration: 290ms;
          transition-duration: 290ms;
  -webkit-transform: translate3d(220px, 0, 0);
          transform: translate3d(220px, 0, 0);
}
.align-menu-open:checked ~ .align-menu-item:nth-child(5) {
  -webkit-transition-duration: 390ms;
          transition-duration: 390ms;
  -webkit-transform: translate3d(330px, 0, 0);
          transform: translate3d(330px, 0, 0);
}
.align-menu-open:checked ~ .align-menu-item:nth-child(6) {
  -webkit-transition-duration: 490ms;
          transition-duration: 490ms;
  -webkit-transform: translate3d(440px, 0, 0);
          transform: translate3d(440px, 0, 0);
}

.contentMore {
	width: 100%;
    height: 30px;
	text-align: center;
	overflow: hidden;
	margin-top: 20px;
    margin-bottom: 20px;
    padding-top: 10px;
}
.contentMore button {
	position: relative;
	font-size: 17px;
	font-weight: 700;
	color: #59626b;
    padding-left: 34px;
    line-height: 30px;
    outline: 0;
}
.contentMore button:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 30px;
	height: 30px;
	background-image: url(../images/icon/icon_more.png);
	background-size: 30px 30px;
	background-repeat: no-repeat;
}

/* 팡팡보드 */
.list-accordion { position: absolute; left: 0; top: 0; z-index: 101; width: 100%; height: 45px; overflow: hidden; background: #f6f6f6; /*transition: height .6s; */ }
.list-accordion + .list-normal .list { border-top: 0 none; }
.list-accordion li { position: relative; z-index: 1; height: 45px; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; color: #484848; border-bottom: 1px solid #ccc; /* border-top: 1px solid #ccc; */ }
.list-accordion li a { flex: 1; text-align: center; color: #737373; }
/*.list-accordion li:first-child { border-color: #e7e7e7; background: #fff; } */
.list-accordion li:first-child:after { content: ''; width: 10px; height: 8px; margin-top: -4px; position: absolute; right: 3%; top: 50%; background: url('../images/btn_select.png') no-repeat; background-size: 100% 100%; }
.list-accordion li:first-child:active:after,
.list-accordion.on li:first-child:after { background: url('../images/btn_select_active.png') no-repeat; background-size: 100% 100%; }
.list-accordion + div { padding-top: 45px; }

.hide {
	display: block;
}
.clr {
	clear: both;
}
.section-list-more {
    text-align: center;
    color: #fff;
    font-weight: bold;
    display: none;
    color: #fff;
    text-align: center;
    padding: 12px 0;
    font-size: 0.9rem;
    background-color: #ff7b1c;
}
/* 팬북 - 바둑판형 */
.list-metro .date { padding: 10px 3% 5px; color: #464646; font-weight: bold; }
.list-metro .date span { color: #7a7a7a; }
.list-metro .list-inner-wrap { overflow: hidden; /* display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; */ }
.list-metro .list-inner-wrap:nth-child(2n) { display: none; }
.list-metro .list-inner-wrap:empty { display: none; }
/* .list-metro .list-inner-wrap:last-child { padding-bottom: 10%; } */

.list-metro + .section-list-more { margin-top: 10%; }
.list-metro .list { overflow: hidden; width: 100%; }
.list-metro .list { float: left; position: relative; margin-bottom: 1%; position: relative; background-color: #fff; width: 33.3%; color: #737373; line-height: 1.5em; border: 1px solid #ccc; }

.list-metro .list a { color: #737373; }
.list-metro .list:after { content: ''; display: block; padding-bottom: 100%; }
.list-metro .list > .inner { position: absolute; width: 100%; height: 100%; }
.list-metro .list > .inner a { display: block; height: 80%; border-bottom: 1px solid #ccc; position: relative; }
.list-metro .list .top { font-size: 0.6rem; position: relative; padding: 8px; overflow: hidden; height: 83%; background-size: cover; background-position: center center; display: flex; display: -webkit-flex; align-items: baseline; }
.list-metro .list .top .txt { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.list-metro .list .top.img { background-color: #ddd; color: #fff; }
.list-metro .list .top.img .like:before { background: url('/asset/common/images/icon/icon_good_list.png') no-repeat 0 0 / 14px; }
.list-metro .list .top.img .comment:before { background: url('/asset/common/images/icon/icon_comment.png') no-repeat 0 0 / 100% 100%; }
.list-metro .list .name { font-weight: bold; font-size: 0.65rem; height: 20%; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; padding: 0 8px; }
.list-metro .list .play-list:after { width: 30px; height: 30px; }
.list-metro .list .list-inter { border: 0; position: absolute;     right: 2px; bottom: 2px; background: rgba(0,0,0,0.5);
     height: 21px; line-height: 21px; border-radius: 20px; padding: 0 2% 0 5%; }

.list-metro .list.movie .inner .top { background: url('../images/icon_play_l.png') no-repeat center / 30%; }
.list-metro .list.movie .inner .top .txt { display: none; }
/* 리스트 */
.list-normal .list { margin: 0 0 10px 0; position: relative; background-color: #fff; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }

.lsit-view .list { border: 0; margin: 0; box-shadow: none; }
.list-normal .list .list-txt-wrap { padding: 10px 3%; border-bottom: 1px solid #ccc; }
.list-normal .list { position: relative; }

.list-normal .list-info { position: relative; }
.list-normal .profile { display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; }
.list-normal .profile .txt .name { font-size: 12px; }
.list-normal .profile .txt .name .txt-red { color: #ff7b1c; display: inline; }
.list-normal .list-control { position: absolute; right: 0; top: 0; }
.list-normal .list-control a { display: inline-block; font-size: 0.7rem; color: #afaeae; line-height: 1em; border-right: 1px solid #e0e0e0; padding-right: 7px; margin-right: 5px; }
.list-normal .list-control a:last-child { border-right: 0; padding: 0; margin: 0; }
.list-normal .list-txt { clear: both; }
.list-normal .profile .img { width: 40px; height: 40px; overflow: hidden; border-radius: 50px; float: left; margin-right: 10px; background-color: #ddd; border: 1px solid #ccc; }
.list-normal .profile .img img { width: 100%; height: 100%; }
.list-normal .profile .txt .bj-name { color: #464646; }
.list-normal .profile .date { color: #a3a3a3; font-size: 10px; margin-top: 2px; height: 13px; line-height: 13px; }
.list-normal .profile .date>span {
	font-size: 10px;
    position: relative;
    padding-right: 6px;
    margin-right: 5px;
}
.list-normal .profile .date>span:after {
    content: '';
    position: absolute;
    width: 1px;
    height: 7px;
    background: #a3a3a3;
    right: 0;
    top: 4px;
}
.list-normal .list .list-txt { color: #737373; font-size: 0.8rem; padding-top: 10px; line-height: 1.4; }
.list-normal .list .list-txt a { display: block; color: inherit; }
.list-normal .list .picture-list,
.list-normal .list .play-list { position: relative; padding: 0 0; background-size: cover; background-position: center center; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; text-align: center; width: 100%; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; align-content: center; -webkit-align-content: center; }
.list-normal .list .picture-list a { min-height: 100px; overflow: hidden; width: 100%; margin: 0 auto; display: block; text-align: center; background:#f2f2f2}
.list-normal .list .picture-list img { width: 100% !important; display: block; margin-left: auto; margin-right: auto; max-width: 100%; width: 50% !important; }

.list.lock.movie .picture-list:after,
.list.forFan.movie .picture-list:after { content: none; }
.list.movie .picture-list:after { content: ''; width: 50px; height: 50px; position: absolute; z-index: 20; background: url('../images/icon/icon_play_l.png') no-repeat 0 0 / 100% 100%; top: 50%; left: 50%; margin: -25px 0 0 -25px; }
.list .list-inter { position: relative; right: inherit; bottom: inherit; height: 30px; padding: 0 3%; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; color: #B1AB97; border-bottom: 1px solid #444036; }
.list .play-list + .list-inter,
.list .picture-list + .list-inter { position: absolute; right: 2%; bottom: 4%; color: #fff; font-weight: bold; border: 0; padding: 0 4px 0 7px; z-index: 50; background: rgba(0,0,0,0.5); border-radius: 20px; height: 21px; line-height: 21px;}
.list .list-inter > span { display: inline-block; font-size: 0.7rem; margin-right: 5px; }
.list .list-inter.txt > span { color: #737373; }
.list .list-inter > span:before,
.icons > a:before { margin-right: 3px; vertical-align: middle; content: ''; display: inline-block; width: 14px; height: 14px; }
.icons > a:before { width: 18px; height: 18px; margin-right: 3px; }
.comment:before { display: inline-block; background: url('../images/icon_comment02.png') no-repeat 0 0 / 100% 100%; }
.like:before { display: inline-block; background: url('../images/icon_like_list02.png') no-repeat 0 0 / 100% 100%; }

.list .picture-list + .list-inter .comment:before,
.list .play-list + .list-inter .comment:before { display: inline-block; background: url('../images/icon/icon_comment.png') no-repeat 0 0 / 100% 100%; }
.list .picture-list + .list-inter .like:before,
.list .play-list + .list-inter .like:before { display: inline-block; background: url('../images/icon/icon_good_list.png') no-repeat 0 0 / 14px; }

/* .list.lock:before { content: ''; position: absolute; right: 2%; top: 3%; z-index: 20; width: 17px; height: 20px; background: url('../images/icon_lock.png') no-repeat 0 0 / 100% 100%; }
.list.lock > * { opacity: 0; }
.list.lock .inner:after,
.list-normal .list.lock:after,
.list .play-list:before { content: ''; background-color: rgba(0, 0, 0, 0.8); position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 10; }
.list .play-list:before { background-color: rgba(0, 0, 0, 0.5); } */
.list .play-list + .list-inter { z-index: 30; }
/*.top-sect.pp_brd {
    position: fixed;
    width: 100%;
    top: 0;
}*/
.top-sect.pp_brd h1 > strong {
	padding-right: 12px;
}
/* .top-sect.pp_brd h1 .btn-back {
    position: absolute;
    left: 4%;
    top: 50%;
    width: 14px;
    height: 23px;
    margin-top: -11px;
    background-image: url(/asset/common/images/icon/icon_back_arrow.png);
    background-size: 13px;
} */
.pp_brd_container {
	background: #fff;
	padding-bottom: 20px;
    /*padding-top: 9px;*/
}
.pp_brd_container input,
.pp_brd_container textarea,
.pp_brd_container button {
	outline: 0;
}
/*.pp_brd_container h1 {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 510;
    background: #fff;
    height: 48px;
    line-height: 48px;
    text-align: center;
    border-bottom: 1px solid #DEDEDE;
}*/
.pp_brd_container h1 em {
    display: inline-block;
    font-size: 18px;
    font-weight: 700;
    color: #ff7b1c;
}
.pp_brd_container h1 button,
.pp_brd h1 .btn_insert {
    float: left;
    display: inline-block;
    width: 48px;
    height: 32px;
    line-height: 32px;
    background: #ff7b1c;
    border-radius: 4px;
    border: 0;
    color: #fff;
    font-size: 14px;
    padding: 0;
    outline: 0;
    top: 1px;
}
.pp_brd_container h1 button.btn_insert,
.pp_brd h1 .btn_insert {
    float: right;
    right: 14px;
}
.pp_brd h1 .btn_insert {
    margin-top: 7px;
    width:auto;
    min-width:48px;
    padding:0 5px
}
.pp_brd_container h1 button.btn_cancel {
    width: auto;
    background: transparent;
    color: #878787;
    margin-left: 14px;
}
.pp_brd_container h1 button.btn_cancel img {
    position: relative;
    top: 3px;
	width: 14px
}
.pp_brd_container #category-button,
.pp_brd_container #gubn-button {
    border: 0;
    background: #E5E5E5;
    height: 38px;
    line-height: 38px;
    padding: 0;
    font-size: 14px;
    font-weight: 400;
    border-radius: 0;
    border-top: 1px solid #DEDEDE;
    border-bottom: 1px solid #D5D5D5;
    color: #434343;
}

.pp_brd_container .select-group {
	position: relative;
	height: 36px;
	background: #E5E5E5;
	border-bottom: 1px solid #D5D5D5;
	margin-left: -4%;
    margin-right: -4%;
    text-align: center;
}
.pp_brd_container .select-group#display_category {
	background: transparent;
	height: 45px;
	margin-top: 8px;
}
.pp_brd_container .select-group#display_category .list-accordion li:first-child {
    background: #fff;
    border: 1px solid #D5D5D5;
    -webkit-box-shadow: inset 0px -1px 1px 0px rgba(232,232,232,1);
	-moz-box-shadow: inset 0px -1px 1px 0px rgba(232,232,232,1);
	box-shadow: inset 0px -1px 1px 0px rgba(232,232,232,1);
    margin-top: 0;
}
.pp_brd_container .select-group#display_category .list-accordion li:first-child:after {
    right: 4%;
}

.pp_brd_container .select-group .list-accordion {
	height: 36px;
	color: #434343;
	font-weight: 600;
	background: transparent;
    width: 100%;
    margin: 0 auto;
}
.pp_brd_container .select-group .acc_dim {
	background: rgba(0,0,0,0) !important;
}
.pp_brd_container .select-group:not(#display_category) {
	z-index: 102;
}
.pp_brd_container .select-group .list-accordion li {
	height: 34px;
    width: 85%;
    margin: 0 auto;
    background: #CDCDCD;
    border-bottom: 1px solid #C3C3C3;
}

.pp_brd_container .select-group#display_category .list-accordion li {
	border: 1px solid #C3C3C3;
    border-top: 0;
}

.pp_brd_container .select-group .list-accordion li:first-child {
	background: #E5E5E5;
    border-bottom: 1px solid transparent;
    margin-top: 1px;
}

.pp_brd_container .select-group#display_category .list-accordion li {
	background: #F4F4F4;
	border-bottom: 1px solid #C2C2C2;
}
.pp_brd_container .select-group#display_category .list-accordion li a {
    text-align: left;
    padding-left: 15px;
    color: #666;
}

.pp_brd_container .select-group .list-accordion li:first-child:active:after,
.pp_brd_container .select-group .list-accordion.on li:first-child:after {
    background: transparent;
    background-size: 100% 100%;

	margin-top: -8px;
    transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
}
.pp_brd_container .select-group .list-accordion li:first-child:after {
    content: '';
    width: 1px;
    height: 3px;
    margin-top: -4px;
    position: absolute;
    right: 2%;
    top: 50%;
    background: transparent;
    background-size: 100% 100%;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 7px solid #919191;
}
.pp_brd_container .select-group .list-accordion.edit li:first-child:after {
    border-top: 0;
}

.pp_brd_container #display_reserve_day {
    padding: 3px 14px 40px 14px;
    border-bottom: 1px solid #EAEAEA;
}
.pp_brd_container #display_reserve_day .reservation_chk {
	border-bottom: 1px solid #ECECEC;
    margin-bottom: 8px;
    padding-bottom: 1px;
}
.pp_brd_container #display_reserve_day .reservation_chk .ui-checkbox {
	width: 40%;
}
.pp_brd_container #display_reserve_day label {
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 27px;
    border: 0;
    border-radius: 0;
    height: 20px;
    font-size: 15px;
}

.pp_brd_container #display_reserve_day input[type="checkbox"] {
	opacity: 0
}
.pp_brd_container #display_reserve_day label:after {
	position: absolute;
    top: 8px;
    left: 0;
	background: url('/asset/common/images/icon/icon_chk.png');
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 20px;
	width: 100%;
	height: 20px;
}
.pp_brd_container #display_reserve_day label.ui-checkbox-on:after {
	background-position: 0 -20px;
}
.pp_brd_container #display_reserve_day .dt_box {
	width: 49%;
	float: left;
	margin-top: 4px;
}
.pp_brd_container #display_reserve_day .dt_box:nth-child(even) {
	margin-left: 2%;
}
.pp_brd_container #display_reserve_day .dt_box input[type='text']{
    width: 100%;
    box-sizing: border-box;
	height: 30px;
	line-height: 30px;
	border: 1px solid #D8D8D8;
	border-radius: 2px;
	padding-top: 0;
	outline: 0;
}
.pp_brd_container #display_reserve_day .dt_box input[type='text']#datepicker3 {
	background: #fff url('/asset/common/images/icon/icon_calender_off.png');
	background-repeat: no-repeat;
	background-position: 5px 4px;
	background-size: 18px;
    padding-left: 30px;
}
.pp_brd_container #display_reserve_day .dt_box input[type='text']#timepicker1 {
	background: #fff url('/asset/common/images/icon/icon_time_off.png');
	background-repeat: no-repeat;
	background-position: 5px 5px;
	background-size: 18px;
    padding-left: 30px;
}

.pp_brd_container .formGroup {
	padding: 7px 14px;
	overflow: hidden;
}
.pp_brd_container .formGroup label {
	float: left;
    width: 12%;
    line-height: 32px;
    font-size: 15px;
    font-weight: 700;
}
.pp_brd_container .formGroup input {
	float: left;
	width: 87%;
	height: 32px;
	line-height: 32px;
	border: 1px solid #D8D8D8;
	border-radius: 2px;
	padding: 0 7px;
    box-sizing: border-box;
}
.pp_brd_container .formGroup.file input {
	width: 100%
}
.pp_brd_container .formGroup.movie {
    margin-top: 3px;
	border-top: 1px solid #eee;
}
.pp_brd_container .formGroup .input_file_name {
    font-size: 12px;
    padding: 5px 0 3px;
    clear: both;
    word-wrap: break-word;
}
.pp_brd_container .formGroup .panbook_upload_info {
	color: #444;
	font-size: 13px;
	font-weight: 400;
	margin-bottom: 3px;
}
.pp_brd_container .formGroup .ser_vi_txt_pink {
	    color: #9c9b9b;
    font-size: 12px;
    letter-spacing: -1px;
    margin-bottom: 6px;
    display: inline-block;
}


.ui-datepicker .ui-datepicker-calendar td.ui-state-disabled,
.ui-datepicker .ui-datepicker-calendar td.ui-state-disabled:hover {
	background: #eee;
	border-color: #e1e1e1;
	color: #666;
	cursor: normal;
}
.ti_tx,
.mi_tx,
.mer_tx {
	width: 100%;
	text-align: center;
	margin: 10px 0;
}

.time,
.mins,
.meridian {
	width: 43px;
	float: left;
	margin: 0 10px;
	font-size: 20px;
	color: #2d2e2e;
	font-family: arial;
	font-weight: 700;
}

.timepicker_wrap .prev,
.timepicker_wrap .next {
	cursor: pointer;
	padding: 18px;
	width: 28%;
	border: 1px solid #ccc;
	margin: auto;
	background: url(/asset/common/images/icon/icon_time_arrow.png) no-repeat;
	border-radius: 5px;
}

.timepicker_wrap .prev:hover,
.timepicker_wrap .next:hover {
	background-color: #ccc;
}

.timepicker_wrap .next {
	background-position: 50% 50%;
	-webkit-transform:rotate(-180deg);
    -moz-transform:rotate(-180deg);
        transform:rotate(-180deg);
}

.timepicker_wrap .prev {
	background-position: 50% 50%;
}

.time_pick {
	position: relative;
}

.timepicker_wrap {
	padding: 10px;
	border-radius: 5px;
	z-index: 998;
	display: none;
	box-shadow: 2px 2px 5px 0 rgba(50,50,50,0.35);
	background: #f6f6f6;
	border: 1px solid #ccc;
	float: left;
	position: absolute;
	top: 27px;
	left: 0;
}

.timepicker_wrap .arrow_top {
	position: absolute;
	top: -10px;
	left: 20px;
	background: url(../images/top_arr.png) no-repeat;
	width: 18px;
	height: 10px;
	z-index: 999;
}
input.timepicki-input {
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #CCCCCC;
	border-radius: 5px 5px 5px 5px;
	float: none;
	margin: 0;
	text-align: center;
	width: 90% !important;
}
a.reset_time {
	float: left;
	margin-top: 5px;
	color: #000;
}

.pp_brd_container #category-button.ui-btn-icon-right:after,
.pp_brd_container #gubn-button.ui-btn-icon-right:after {
	top: 73%;
    right: 1.1625em;
	content: "";
    position: absolute;
    width: 0;
    height: 0;
    background: transparent;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #919191;
}

.list-metro .list.gallery {
	width: 31.2%;
    margin: 1.2% 0 0 1.2%;
}
/*.list-metro .list.gallery:nth-child(3n+1) {
	margin-left: 0;
}*/
.list.gallery .list-inter > span {
	color: #fff
}
.list-normal .list.movie .picture-list > a > div:empty {
     display: block;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
}

/* 팡팡보드 게시판 */
.hide {
	display: none;
}
.pp_brd_list dl,
.pp_brd_list dt,
.pp_brd_list dd {
    padding:0;
    margin:0;
    font-size:0.9rem;
    line-height:1.4;
}
.pp_brd_list dl{
    width:100%;
    border-bottom: 1px solid #E1E1E1;
}
.pp_brd_list dt {
    clear:left;
    float:left;
    display:block;
    margin:20px 0 1px;
    width:15%;
    color: #ff7b1c;
	font-weight: bold;
	font-size: 17px;
	text-align: center;

}
.pp_brd_list dd {
    padding:10px 0 12px 15%;
    margin:0 0 1px;
    background:#fff;
    border-bottom: 1px solid #E1E1E1;
}
.pp_brd_list dd:after {
    content: "";
    display: table;
    clear: both;
}
.pp_brd_list dd a {
	display: block;
}
.pp_brd_list dd p {
	width:94%;
	text-overflow:ellipsis;
	white-space:nowrap;
	word-wrap:normal;
	overflow:hidden;
}
.pp_brd_list dd div {
	display: inline-block;
}
.pp_brd_list dd p em {
	color: #848484;
	margin-right: 3px;
}
.pp_brd_list dd .nick {
	color: #ff7b1c;
	font-size: 12px;
}
.pp_brd_list dd .date {
	font-size: 0.7rem;
	color: #989898;
}
.pp_brd_list dd .date span {
	font-size: 0.7rem;
	color: #afafaf;
    margin-left: 3px;
}
.pp_brd_list dd>ul {}
.pp_brd_list dd>ul li {
	float: left;
}
.pp_brd_list dd>ul li {
    margin-top: 6px;
}
.pp_brd_list dd>ul li a {
	display: block;
	position: relative;
	padding: 0 13px;
    color: #787878;
    font-size: 13px;
}
.pp_brd_list dd>ul li a:before {
	content: '';
	position: absolute;
	left: 0;
	top: 4px;
	width: 1px;
	height: 12px;
	background: #E2E2E2
}
.pp_brd_list dd>ul li:first-child a {
	padding-left: 0;
}
.pp_brd_list dd>ul li:first-child a:before {
	width: 0
}

/* 팡팡보드 상세 */
.pangpang_detail .cont_inner {
    padding: 0 14px;
}
.pangpang_detail .row {
	margin-left: -14px;
	margin-right: -14px;
}
.pangpang_detail .row.rwb,
.pangpang_detail .row.rwbe {
	display: none;
}
.pangpang_detail .re-reply .row.rwb,
.pangpang_detail .re-reply .row.rwbe {
    margin-left: -36px;
}
.pangpang_detail .bj_pic {
	display: inline-block;
	float: left;
    margin: 15px 8px 12px 14px;
}
.pangpang_detail .bj_pic img {
	margin: 0;
    width: 48px;
    height: 48px !important;
    border-radius: 50%;
}

.pangpang_detail .title_inner {
    position: relative;
    top: 23px;
}
.pangpang_detail .title_inner span {
	display: block;
}
.pangpang_detail .title_inner .bj_nick {
	color: #ff7b1c;
}
.pangpang_detail .title_inner .bj_date {
    color: #868686;
    font-size: 0.7rem;
}
.pangpang_detail .title_inner .menu_toggle {
    width: 20px;
    height: 25px;
    position: absolute;
    right: 20px;
    top: 0;
	text-indent: -9999px
}
.pangpang_detail .title_inner .menu_toggle:before {
    content: '';
    position: absolute;
    top: 0;
    right: 4px;
    width: 5px;
    height: 25px;
    background: url(../images/icon/icon_toggle02.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100%;
}
.pangpang_detail .title_inner .toggle_submenu {
	display: none;
    width: 54px;
    position: absolute;
    right: 14px;
	background: rgba(0,0,0,0.8);
	border:1px solid #FD82B6;
    z-index: 2;
}
.pangpang_detail .title_inner .toggle_submenu.on {
	display: block;
}
.pangpang_detail .title_inner .toggle_submenu:before {
    content: '';
    position: absolute;
    top: -6px;
    right: 7px;
    width: 10px;
    height: 6px;
    background: url(../images/icon/icon_toggle02_arrow.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100%;
}
.pangpang_detail .title_inner .toggle_submenu li a {
	display: block;
	height: 35px;
	line-height: 35px;
	color: #fff;
	text-align: center;
}

.pangpang_detail .title_inner .toggle_submenu li:last-child a {
	border-top: 1px solid #454545;
}
.pangpang_detail .broadcast_title {
    font-weight: normal;
    font-size: 14px;
    margin-left: 14px;
    margin-bottom: 5px;
}
.pangpang_detail .broadcast_cont {
    margin: 10px 0;
    color: #515151;
}
.pangpang_detail .broadcast_cont img {
	display: block;
	max-width: 100%;
	margin: 5px auto;
}
.pangpang_detail .broadcast_bar {
	background: #FAFAFA;
	border-top: 1px solid #D9D9D9;
	height: 37px;
	line-height: 37px;
	padding: 0 14px;
}
.pangpang_detail .broadcast_bar>div {
	display: inline-block;
}
.pangpang_detail .broadcast_bar span {
	position: relative;
	font-size: 0.85rem;
    color: #525252;
}
.pangpang_detail .broadcast_bar span.broadcast_like {
    padding-left: 28px;
}
.pangpang_detail .broadcast_bar span.broadcast_like:before {
	content: '';
	position: absolute;
	top: -5px;
	left: 0;
	width: 25px;
	height: 25px;
	background: url(../images/icon/icon_like02.png);
	background-repeat: no-repeat;
	background-position: 0 0;
    background-size: 100%;
}
.pangpang_detail .broadcast_bar span.broadcast_like.on:before {
	background-position: 0 -25px;
}
.pangpang_detail .broadcast_bar span.broadcast_reply {
    padding-left: 18px;
}
.pangpang_detail .broadcast_bar span.broadcast_reply:before {
	content: '';
	position: absolute;
	top: 1px;
	left: 0;
	width: 15px;
	height: 15px;
	background: url(../images/icon/icon_reply.png);
	background-repeat: no-repeat;
    background-size: 100%;
}
.pangpang_detail .broadcast_bar em {
	font-size: 0.9rem;
	font-weight: 600;
	color: #ff7b1c;
    margin-left: 3px;
    margin-right: 7px;
}
.pangpang_detail .broadcast_bar>ul {
	float: right;
}
.pangpang_detail .reply_write_box {
    width: 100%;
    overflow: hidden;
	background: #ECECEC;
	border-top: 1px solid #E0E0E0;
	border-bottom: 1px solid #DCDCDC;
    padding: 7px 14px;
    box-sizing: border-box;
}
.pangpang_detail .reply_write_box textarea {
    height: 34px !important;
    border-radius: 0;
    border: 1px solid #C1C1C1;
    border-right: 0;
    width: 80%;
    float: left;
    font-size: 0.9rem;
    padding: 5px;
    box-sizing: border-box;
}
.pangpang_detail .reply_write_box button {
	    width: 20%;
    float: left;
    height: 34px;
    padding: 0;
    border-radius: 0;
    margin: 0;
    background: #ff7b1c;
    border: 1px solid #ff7b1c;
    color: #fff;
    font-size: 1.0rem;
}
.pangpang_detail .reply_content_box .wr_nick {
	color: #ff7b1c;
	margin-top: 8px;
    display: inline-block;
}
.pangpang_detail .reply_content_box .wr_date {
    margin-left: 2px;
    font-size: 0.85rem;
	color: #a0a0a0;
}
.pangpang_detail .reply_content_box .wr_date em {
	color: #6c6c6c;
    font-size: 0.9rem;
}
.pangpang_detail .reply_content_box .txtbox {
    padding: 8px 0 13px;
}
.pangpang_detail .reply_content_box .txtbox .reply {
    width: auto;
    padding: 0 10px;
    height: 28px;
    line-height: 27px;
    font-size: 1.0rem;
    font-weight: normal;
    background: #F5F5F5;
    border: 1px solid #E6E6E6;
    border-radius: 2px;
    float: right;
    outline: 0;
}
.pangpang_detail .reply_content_box .txtbox .reply.on {
	color: #ff7b1c
}

.pangpang_detail .reply_content_box > li {
	position: relative;
	border-bottom: 1px solid #eee;
    display: table;
    width: 100%;
    box-sizing: border-box;
}
.pangpang_detail .reply_content_box > li.re-reply {
    padding-left: 22px;
}
.pangpang_detail .reply_content_box > li.re-reply:before {
	content: '';
	position: absolute;
	top: 13px;
	left: 8px;
	width: 11px;
	height: 14px;
	background: url(../images/icon/icon_re_reply.png);
	background-repeat: no-repeat;
    background-size: 100%;
}
.pangpang_detail .reply_content_box .txtbox > .row {
    margin-top: 3px;
    margin-bottom: -14px;
}
.pangpang_detail .reply_content_box .txtbox p {
    margin-top: 7px;
}
.pangpang_detail .reply_content_box .txtbox > ul li {
	float: left;
    margin: 8px 0;
}
.pangpang_detail .reply_content_box .txtbox > ul li a {
	position: relative;
	display: block;
	padding: 5px 15px;
	color: #787878;
}
.pangpang_detail .reply_content_box .txtbox > ul li a:before {
	content: '';
	position: absolute;
	top: 6px;
	left: 0;
	width: 1px;
	height: 16px;
	background: #D5D5D5
}
.pangpang_detail .reply_content_box .txtbox > ul li:first-child a:before {
	background: transparent;
}

.pangpang_detail .no_content {
    margin-top: 30px;
    text-align: center;
    font-size: 16px;
    color: #666;
}
.pangpang_detail .no_content p {
    font-size: 14px;
    margin: 5px auto 13px;
    word-break: keep-all;
}
.pangpang_detail .no_content p em {
    color: #ff7b1c;
}

.pangpang_detail .no_content img {
	width: auto;
	height: 40px;
	margin: 0 auto;
}

/* Sticky */
.followMeBar {
  position: relative;
  z-index: 4;
}
.followMeBar.fixed {
  position: fixed;
  top: 0;
  width: 100%;
  box-sizing: border-box;
  z-index: 3;
}
.followMeBar.fixed.absolute {
  position: absolute;
}

/* 메인 Vod UI 수정 */
.broadcast_type_content.vod li {
    display: flex;
    display: -webkit-flex;
    width: 96%;
    height: 22vw;
    margin: 8px 2% 0 2%;
    overflow: hidden;
}
@media (max-width: 375px) {
	.broadcast_type_content.vod li {
	    height: 23vw;
	}
}
.broadcast_type_content.vod li a {
	background: #fff;
}
.broadcast_type_content.vod li a:not(.invite) {
	display: flex;
    display: -webkit-flex;
	width: 100%;
}
.broadcast_type_content.vod li .thumbGroup {
    flex: 0.4;
}
.broadcast_type_content.vod li .bj-tit {
    flex: 0.6;
    height: 100%;
    font-size: 14px;
    font-weight: bold;
    word-break: keep-all;
    letter-spacing: -1px;
    max-height: 40px;
}
.broadcast_type_content.vod li .bj-fan {
    top: auto;
    bottom: 3px;
    left: 104%;
    font-size: 10px;
    color: #8e8e8e;
    min-width: 100%;
}
.broadcast_type_content.vod li .bj-fan .bj-name {
	position: relative;
    color: #46a0c0;
    line-height: 1.5em;
    margin-bottom: 0px;
    padding-left: 11px;
}
.broadcast_type_content.vod li  .bj-fan .bj-name:before {
    content: '';
    position: absolute;
    width: 9px;
    height: 8px;
    background: url(../images/icon/icon_home.png) no-repeat 0 0;
    background-size: 9px 8px;
    left: 0;
    top: 5px;
}
.broadcast_type_content.vod li .bj-fan span.icon_hits:before {
    content: '';
    position: absolute;
    width: 6px;
    height: 8px;
    background: url(../images/icon/icon_play_gray.png) no-repeat 0 0;
    background-size: 6px 8px;
    left: 0;
    top: 2px;
}
.broadcast_type_content.vod li .bj-fan span.icon_like:before {
    content: '';
    position: absolute;
    width: 9px;
    height: 8px;
    background: url(../images/icon/icon_good_gray.png) no-repeat 0 0;
    background-size: 9px 8px;
    left: 0;
    top: 2px;
}
.broadcast_type_content.live li .bj-fan span.icon_click {
	display: none;
}
.broadcast_type_content.vod li .bj-fan span.icon_click {
    padding-left: 12px;
    position: relative;
    color: #ff7b1c;
}
.broadcast_type_content.vod li .bj-fan span.icon_click:before {
    content: '';
    position: absolute;
    width: 9px;
    height: 11px;
    background: url(../images/icon/icon_click.png) no-repeat 0 0;
    background-size: 9px 11px;
    left: 2px;
    top: 4px;
}
.broadcast_type_content.vod li .invite {
    position: absolute;
    right: 10px;
    bottom: 10px;
    padding: 0 5px;
}

.scrollTop {
	display: none;
	width: 50px;
	height: 50px;
	position: fixed;
	right: 5px;
	bottom: 5px;
	background: url(../images/icon/scroll_top.png) no-repeat 0 0;
    background-size: 100%;
    z-index: 5;
}
.sorting {
	position: absolute;
	right: 10px;
    top: 5px;
	z-index: 1;
	width: 72px !important;
	height: 25px;

}
.sorting:lang(en) {right:4px;}
.sorting:lang(ja) {}
.sorting:lang(zh) {}

/*.sorting:before {
    content: '';
    position: absolute;
    width: 8px;
    height: 5px;
    background: url(../images/icon/sorting_arrow.png) no-repeat 0 0;
    background-size: 8px 5px;
    right: 10px;
    top: 11px;
}*/
.sorting > span {
	font-size: 12px;
	color: #777;
	display: inline-block;
	width: 100%;
	line-height: 24px;
	border-radius: 2px;
	border: 1px solid #C9C9C9;
	font-size: 12px;
	color: #777;
	background-color: #fff;
    box-sizing: border-box;
    padding-left: 8px;
}
.sorting ul {
	display: none;
    overflow: hidden;
    background: #fff;
    width: 70px;
    border: 1px solid #D1D1D1;
    border-radius: 0 0 1px 1px;
    margin-top: -1px;
}
.sorting.current ul {
	display: block;
}
.sorting ul li.on {
    visibility: hidden;
    height: 0;
}
.sorting ul li a {
    display: block;
	color: #777;
	font-size: 12px;
	padding-left: 10px;
	line-height: 24px;
}
.sorting button {
	display: none;
	position: relative;
    float: right;
	color: #999;
	font-size: 12px;
	font-weight: bold;
    line-height: 24px;
    padding-right: 15px;
    margin-top: 1px;
}
.sorting:lang(en) button {font-size:10px;}
.sorting:lang(ja) button {}
.sorting:lang(zh) button {}
.sorting button.on {
	display: inline-block;
}
.sorting button:before {
    content: '';
    position: absolute;
    width: 9px;
    height: 12px;
    background: url(../images/icon/sorting_arrow2.png) no-repeat 0 0;
    background-size: 100%;
    right: 0;
    top: 6px;
}
.broadcast_type_title.vod .sorting button:before {
	background-position: 0 -13px;
}

/* 2018.06.15. 로그인/회원가입 수정 /Start */
/* 로그인 */
.login_top {height:50px; margin-bottom:10px; border-bottom:1px solid #c1c1c1; background:#fff}
.login_top h1 {height:50px; line-height:50px}
.join_top_logo a {background:url(/asset/asp/push_my_singer/images/logo_pms.png) no-repeat center; background-size:auto 40px}
.login_prev .btn-back{position: absolute; left:0; top:0; width:50px; height:50px; background:url('/asset/asp/push_my_singer/images/new_images/icon_back.png') no-repeat 0; background-size:11px; background-position:center}

.login_ban_wrap {width:94%; margin:0 auto; border-radius:3px; height:auto; box-sizing:border-box; overflow:hidden}
.login_ban_wrap .login_ban {width:100%}
.login_ban_wrap .login_ban li {width:100%}
.login_ban_wrap .owl-stage .owl-item img {width:100%; height:auto}
.login_ban_wrap .login_ban .owl-dots {text-align:center; bottom:7%}
.login_ban_wrap .login_ban .owl-dots > * {width:10px; height:10px; background-color:rgba(255,255,255,0.8)}

.join_contents {width:94%; margin:15px auto 15px; background:#fff; padding-bottom:15px}
.login_tab {overflow:hidden; margin-bottom:15px}
.login_tab li a {display:block; float:left; height:45px; line-height:45px; width:50%; border-bottom:3px solid #c1c1c1; color:#999; text-align:center; font-size:16px; font-weight:bold; background:#e1e1e1}
.login_tab li a.on {border-bottom:3px solid #ff7b1c; color:#1d1d1d; background:#fff}

.login_content_wrap {width:94%; margin:0 auto}
.login_check .check-info {font-size: 0; text-align:left; padding: 0; margin-bottom: 10px; margin-top: 10px}
.login_check .check-info > * {font-size:15px; color:#4c4c4c; display:inline-block; vertical-align:top; padding-left:10px; background: url('/asset/common/images/login_iframe/bg_check_off.png') no-repeat 10px center; cursor: pointer; margin-top:0; margin-bottom:0}
.login_check .check-info > *.on { background-image: url('/asset/asp/push_my_singer/images/login/bg_check_on.png')}
.login_check .check-info > *:first-child {padding-left:0; background-position:0 center}
.login_check .check-info input {vertical-align: middle; margin: 0; padding: 0; opacity: 0; filter: alpha(opacity=0);  width: 20px; height: 20px; cursor: pointer}
.login_check .check-info label {vertical-align: middle; cursor: pointer; font-size:14px; padding-bottom:3px; display:inline-block}

.login_find {border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; padding:10px 0; background:#fff; margin-top:0}
.login_find p a {text-decoration:none}
.login_find a:first-child {background:url('/asset/common/images/sidebar/line.png') no-repeat right center; background-size:1px 10px; padding-right:15px}
.login_find a:last-child {padding-left:10px}

.login_wrap {border:none; padding-bottom:0}
.join_contents .join_wrap {margin-bottom:0}
.join_contents .join_wrap_01 {background:#f1f1f1; border-radius:3px; margin-top:15px}
.join_wrap_01 {text-align:center; padding:10px 0}

.join_wrap_01 ul li {width:25%}
.join_wrap_01 ul li a {text-indent:-9999px; padding:0; height:60px}
.join_wrap_01 ul li.naver a {background:url(/asset/common/images/login_iframe/login_naver.png) no-repeat top center; background-size:45px}
.join_wrap_01 ul li.google a {background:url(/asset/common/images/login_iframe/login_google.png) no-repeat top center; background-size:45px}
.join_wrap_01 ul li.face a {background:url(/asset/common/images/login_iframe/login_face.png) no-repeat top center; background-size:45px}
.join_wrap_01 ul li.kakao a {background:url(/asset/common/images/login_iframe/login_kakao.png) no-repeat top center; background-size:45px}

/* 회원가입 */
.join_input_wrap li {min-height:40px; margin-bottom:5px}
.join_label {width:30%; height:40px; line-height:40px; float:left; display:block; box-sizing:border-box; color:#666; font-size:14px}
.join_input_new {width:70%; float:right}
.join_input_new::placeholder {color:#999; font-size:12px}
.join_recomm_nick {display:block; width:100%; font-size: 11px; margin-bottom: 5px; overflow:hidden}
.join_recomm_nick em{font-style:normal; font-size:inherit; color:#ff7b1c}
.join_wrap_01 .join_simple {padding:0 2.5%}

.join_step_02 {display:none}
.join_check {width:100%; box-sizing:border-box}
.check-info > div > a {background:#f1f1f1; color:#666; border:1px solid #c1c1c1}
.join_terms_btn > button {border:1px solid #c1c1c1; color:#ff7b1c; background:#f1f1f1; font-weight:bold}
.join_terms_btn > button span {padding-left:16px; background:url(/asset/common/images/login_iframe/bg_phone_check_on.png) no-repeat left center; background-size:10px 7px}
.join_terms_btn > button.on span {background:url(/asset/common/images/login_iframe/bg_phone_check_off.png) no-repeat left center; background-size:10px 7px; color:#999}

/* header_sub.php 상단 수정/Start */
.join_top {height:50px; border-bottom:1px solid #c1c1c1; background:#fff}
.join_top h1 {height:50px; line-height:50px}
.join_top h1 span.join_top_close {right:0}
/* header_sub.php 상단 수정/End */

/* 회원가입완료/Start */
.join_done_wrap {width:94%; background:#fff; margin:10px auto}
.join_done_ban {width:94%; margin:20px auto; padding:20px 0; border-top:1px solid #c1c1c1}
.join_done_text {background:url(/asset/common/images/login_iframe/bg_join_done.png) no-repeat top 10px center; background-size:100% auto; padding:10px 10px 0}
.join_done_text p {text-align:center; color:#666; font-size:16px}
.join_done_maintxt {padding-top:20px; background:url(/asset/common/images/login_iframe/bg_join_done_check.png) no-repeat top center; background-size:16px}
.join_done_text p em, .join_done_text p strong > strong {font-weight:bold; font-size:18px; display:inline-block; color:#1d1d1d}
.join_done_text p strong {font-size:16px; color:#ff7b1c; font-weight:normal}
.join_done_text p strong > strong {color:#ff7b1c}
.join_done_subtxt {background:#f1f1f1; width:100%; padding:10px 0; margin-top:10px; border-radius:3px}

.join_done_btn {margin-bottom:10px}
.join_done_btn button::after {content:''; width:17px; height:15px; display:inline-block; margin-left:5px; background:url(/asset/common/images/login_iframe/icon_app_down.png) no-repeat right center; background-size:17px 15px}
.join_done_btn2 {overflow:hidden}
.join_done_btn2 button {width:49%; float:left}
.join_done_btn2 button:last-child {float:right}
.join_done_btn2 button:last-child::after {background:url(/asset/common/images/login_iframe/icon_app_store.png) no-repeat right center; background-size:17px 15px}
/* 회원가입완료/End */
/* 로그인/회원가입 iframe.php 파일안에 style 이 들어있습니다.  */
/* 2018.06.15. 로그인/회원가입 수정 /End */

/* 2018.06.22. 내정보 /Start */
/* 내정보 list */
.myinfo_wrap {background:#fff}
.myinfo_box {height:; background:#ededed; border-bottom:1px solid #ccc; padding:20px 3%; overflow:hidden}
.myinfo_box_con1 {width:30%; height:90px; float:left; text-align:center}
.myinfo_box_con1 .myinfo_pic {display:block; width:90px; height:90px; border-radius:90px; position:relative; }
.btn_myinfo_pic {position:absolute; right:0; bottom:0; width:28px; height:28px; text-indent:-9999px; background:url(/asset/common/images/myinfo/icon_myinfo_pic.png) no-repeat center; background-size:26px auto; border:2px solid #fff; border-radius:50%}

.myinfo_box_con2 {width:70%; height:60px; box-sizing:border-box; float:left; border-bottom:1px solid #ccc}
.myinfo_id {width:60%; height:60px; float:left}
.myinfo_id em {display:block; color:#ff7b1c; font-weight:bold; font-size:16px; line-height:30px; padding-top:5px}
.myinfo_id strong {display:block; color:#999; font-weight:normal; font-size:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.myinfo_fan_msg {width:40%; float:right}
.myinfo_fan_msg a {display:block; width:50%; height:60px; float:left; text-indent:-9999px; box-sizing:border-box; background:url(/asset/common/images/sidebar/icon_sidebar_note.png) no-repeat center; background-size:25px auto}
.myinfo_fan_msg a:first-child {background:url(/asset/common/images/myinfo/myinfo_fan.png) no-repeat center; background-size:25px auto}
.myinfo_fan_msg a:last-child {position:relative; color:#fff}
.myinfo_fan_msg a:last-child::after {content:''; display:block; width:1px; height:10px; background:#a7a7a7; text-align:right; margin-top:9px}
.myinfo_fan_msg a .myinfo_msg_count {position:absolute; right:5%; top:10px; min-width:15px; border-radius:15px; padding:2px 5px; background:#1d1d1d; color:#fff; font-size:12px; font-weight:bold; text-indent:0}

.myinfo_box_con3 {width:70%; height:30px; float:left; box-sizing:border-box}
.myinfo_grade {width:37%; float:left; font-size:12px}
.myinfo_grade.myinfo_grade {display:block; padding-left: 25px; height:30px; line-height:30px}
.myinfo_grade.myinfo_grade00 {background:url(/asset/common/images/grade/ico_0.png) no-repeat left 7px; background-size:auto 20px}
.myinfo_grade.myinfo_grade01 {background:url(/asset/common/images/grade/ico_1.png) no-repeat left 7px; background-size:auto 20px}
.myinfo_grade.myinfo_grade02 {background:url(/asset/common/images/grade/ico_2.png) no-repeat left 7px; background-size:auto 20px}
.myinfo_grade.myinfo_grade03 {background:url(/asset/common/images/grade/ico_3.png) no-repeat left 7px; background-size:auto 20px}
.myinfo_grade.myinfo_grade04 {background:url(/asset/common/images/grade/ico_4.png) no-repeat left 7px; background-size:auto 20px}
.myinfo_grade.myinfo_grade05 {background:url(/asset/common/images/grade/ico_5.png) no-repeat left 7px; background-size:auto 20px}
.myinfo_grade.myinfo_grade06 {background:url(/asset/common/images/grade/ico_6.png) no-repeat left 7px; background-size:auto 20px}
.myinfo_gold {width:auto; height:30px; line-height:30px;float:right; text-align:right; padding-left:20px; background:url(/asset/asp/push_my_singer/images/icon_push_img.png) no-repeat left center; background-size:auto 25px}

.myinfo_list {width:94%; margin:10px auto; padding-bottom:20px}
.myinfo_list li {padding:0 10px; border-bottom:1px solid #c1c1c1; background:url(/asset/common/images/myinfo/myinfo_arr.png) no-repeat right 10px center; background-size:auto 10px}
.myinfo_list li a {height:42px; line-height:42px; display:block; padding-left:25px; font-size:14px}
.myinfo_list li a.myinfo_list_fri {background:url(/asset/common/images/myinfo/icon_myinfo_fri.png) no-repeat left center; background-size:auto 15px}
.myinfo_list li a.myinfo_list_info {background:url(/asset/common/images/myinfo/icon_myinfo_info.png) no-repeat left center; background-size:auto 15px}
.myinfo_list li a.myinfo_list_grade {background:url(/asset/common/images/myinfo/icon_myinfo_grade.png) no-repeat left center; background-size:auto 15px}
.myinfo_list li a.myinfo_list_gold {background:url(/asset/common/images/myinfo/icon_myinfo_push.png) no-repeat left center; background-size:auto 15px}
.myinfo_list li a.myinfo_list_item {background:url(/asset/common/images/myinfo/icon_myinfo_item.png) no-repeat left center; background-size:auto 15px}
.myinfo_list li a.myinfo_list_tic {background:url(/asset/common/images/myinfo/icon_myinfo_tic.png) no-repeat left center; background-size:auto 15px}
.myinfo_list li a.myinfo_list_vod {background:url(/asset/common/images/myinfo/icon_myinfo_vod.png) no-repeat left center; background-size:auto 15px}

/* 개인정보 */
.top-sect h1 .btn-back {left:0; top:0; margin:0; width:50px; height:46px; background-position:15px center; text-indent:-9999px}
.top-sect h1 .btn-top-save {right:0; top:0; margin:0 10px 0 0; width:auto; height:46px; background-position:15px center; text-indent:0; position:absolute; line-height:46px;}
.top-sect h1 .btn-top-save > span {display:inline-block; height:30px; background:#ff7b1c; border:1px solid #ff7b1c; color:#fff; line-height:30px; font-size:15px; border-radius: 3px; padding:0 15px; }
.top-sect h1 .btn-top-save > span:lang(en) {padding:0 10px;}
.top-sect h1 .btn-top-save > span:lang(ja) {}
.top-sect h1 .btn-top-save > span:lang(zh) {}
.myinfo_info_wrap {width:94%; margin:10px auto; padding-bottom:10px}
.myinfo_info_wrap ul li {border-bottom:1px solid #c1c1c1; margin-bottom:10px; overflow:hidden; padding-bottom:5px}
.myinfo_info_wrap ul li:last-child {border-bottom:none}
.myinfo_tit, .myinfo_input {width:100%; height:35px; line-height:35px; display:block; padding-left:5px; box-sizing:border-box}
.myinfo_tit {font-size:15px; font-weight:bold}
.myinfo_input {border:1px solid #c1c1c1; margin-bottom:5px;}
.myinfo_input_btn {width:70%; border-right:none; float:left}
.myinfo_btn, .myinfo_btn_line {width:30%; background:#ff7b1c; border:1px solid #ff7b1c; color:#fff; float:left; height:35px; line-height:100%}
.myinfo_btn:lang(en), .myinfo_btn_line:lang(en) {font-size:11px;}
.myinfo_btn:lang(en), .myinfo_btn_line:lang(ja) {}
.myinfo_btn:lang(en), .myinfo_btn_line:lang(zh) {}
.myinfo_btn_line {width:100%; font-size:15px; float:inherit; margin-bottom:5px}
.myinfo_input:read-only {background:#e1e1e1; color:#999}
.myinfo_cation {padding-left:15px; background:url(/asset/common/images/myinfo/myinfo_cation_bg.png) no-repeat left 3px; background-size:10px; font-size:11px; color:#999; display:block; margin-bottom:5px}

.myinfo_info_wrap ul.myinfo_agree li {border-bottom:none; color:#666; margin-bottom:5px}
.myinfo_agree li strong {width:35%; display:inline-block; height:25px; line-height:25px}
.myinfo_agree li strong:lang(en) {font-size:12px; line-height:14px}
.myinfo_agree li strong:lang(ja) {}
.myinfo_agree li strong:lang(zh) {}
.myinfo_agree li div input {opacity:0; width:20px; height:20px}
.myinfo_agree .login_check .check-info {display:inline}

.myinfo_email {display:-webkit-inline-flex; display:inline-flex; width:100%;}
.myinfo_email input {flex-grow:1; display:inline-block;}
.myinfo_email select {width:80px; display:inline-block; height:35px; max-height:35px; margin-left:2%;}
.myinfo_email .email_at {margin:0 5px; height:35px; line-height:35px;}

.myinfo_tel {overflow:hidden; width:100%; display:-webkit-inline-flex; display:inline-flex; line-height:35px;}
.myinfo_tel select, .myinfo_tel input {width:20%; float:left; margin-right:2%; box-sizing:border-box; border:1px solid #c1c1c1; height:35px;}
.myinfo_tel select {width:31%; margin-left:0}
/* .myinfo_tel input:first-child {margin-left:0;} */
.myinfo_tel input {text-align:center; flex-grow:1; vertical-align: middle; display:inline-block; margin-top:5px;}
.myinfo_btn_tel, .contents .myinfo_btn_more, .contents .myitem_btn_more {background:#494949; border:1px solid #333; width:94%; margin:5px auto 10px; color:#fff; width:100%; font-size:15px; height:35px}
.myinfo_btn_tel {width:30%; font-size:13px; vertical-align: middle; display:inline-block;}
.myinfo_btn_tel, .myinfo_btn_more {background:#494949; border:1px solid #333; margin-top:5px}

/* 개인정보 - 회원탈퇴 */
.userout_form dl.userout_info { padding:10px; background-color: #fbfbfb; border: 1px solid #c1c1c1; }
.userout_form dl.userout_info > dt { font-weight:bold; }
.userout_form dl.userout_info > dd { margin:5px 0 15px 7px; }
.userout_form dl.userout_info > dd:last-child { margin-bottom:0; }

/* 등급정보 */
.myinfo_grade_wrap {width:100%}
.myinfo_grade_wrap h3 {width:94%; margin:0 auto; padding:15px 0 10px}
.my_grade {margin:0; border-right:none; border-left:none; padding:9px 10px}
.myinfo_bjfan {border-top:1px solid #c1c1c1; border-bottom:1px solid #c1c1c1; background:#fff; width:94%; padding:0 3%}
.myinfo_bjfan > li {border-bottom:1px solid #c1c1c1}
.myinfo_bjfan > li:last-child {border-bottom:none}
.myinfo_bjfan li a {display:block; padding:10px 0; overflow:hidden}
.myinfo_bjfan li a ul {overflow:hidden}
.myinfo_bjfan li a ul li {float:left; box-sizing:border-box}
.myinfo_bjfan_pro {width:50px; margin-right:10px}
.myinfo_bjfan_pro span {display:block; width:50px; height:50px; text-indent:-9999px; border-radius:25px}
.myinfo_bjfan_txt {width:50%; padding-top:7px}
.myinfo_bjfan_txt em {width:53px; margin-right:5px; text-indent:-9999px; display:inline-block}
.myinfo_bjfan_txt strong {padding-left:7px; background:url(/asset/common/images/sidebar/line.png) no-repeat left center; background-size:1px 10px}
.myinfo_bjfan_txt p {width:10px; height:20px; box-sizing:border-box; text-indent:-9999px; background:url(/asset/common/images/myinfo/myinfo_like.png) no-repeat left center; background-size:10px auto}
.myinfo_bjfan_txt span {display:inline-block; float:left; padding-left:15px; text-indent:0}
.bjfan_01 {background:url(/asset/common/images/grade/class_fan_s01.png) no-repeat left center; background-size:auto 18px;}
.bjfan_02 {background:url(/asset/common/images/grade/class_fan_s02.png) no-repeat left center; background-size:auto 18px;}
.bjfan_03 {background:url(/asset/common/images/grade/class_fan_s03.png) no-repeat left center; background-size:auto 18px;}
.bjfan_04 {background:url(/asset/common/images/grade/class_fan_s04.png) no-repeat left center; background-size:auto 18px;}
.bjfan_05 {background:url(/asset/common/images/grade/class_fan_s05.png) no-repeat left center; background-size:auto 18px;}
.bjfan_06 {background:url(/asset/common/images/grade/class_fan_s06.png) no-repeat left center; background-size:auto 18px;}

.myinfo_bjfan_gold {width:30%; height:50px; line-height:50px; float:right; text-align:right}
.myinfo_bjfan_gold span {background:url(/asset/common/images/myinfo/myinfo_g.png) no-repeat left center; background-size:17px auto; padding-left:22px; font-size:14px}

/* 골드정보 */
.my_tab_new {background:#fff; margin-bottom:10px}
.my_tab_new li {border:none; border-bottom:1px solid #c1c1c1; background:#fff; font-size:14px; font-weight:normal}
.my_tab_new:lang(en) li {font-size:12px;}
.my_tab_new:lang(ja) li {}
.my_tab_new:lang(zh) li {}

.my_tab_new li.on {height:41px; border-bottom:2px solid #ff7b1c; color:#ff7b1c}

.myinfo_table_wrap {overflow:hidden; border-bottom:1px solid #c1c1c1; padding-bottom:10px; margin-bottom:10px}
.myinfo_table_wrap p, .myinfo_table_wrap > p {width:100%; height:35px; line-height:35px; display:block; padding-left:5px; box-sizing:border-box; border-bottom:none; text-indent:0; font-size:15px; font-weght:bold}
.myinfo_date {margin-bottom:5px; overflow:hidden}
.myinfo_date > input {height:35px; width:45%; border:1px solid #c1c1c1; float:left; box-sizing:border-box}
.myinfo_date > span {display:block; float:left; width:10%; height:35px; line-height:35px; box-sizing:border-box}

.my_wrap_table > p > span.myinfo_gold_count {float:right; background:url(/asset/asp/push_my_singer/images/icon_push_img.png) no-repeat left center; background-size:auto 25px; padding-left:25px; color:#ff7b1c; font-weight:bold; font-size:15px}
.my_ul_wrap ul {background:#fff}
.my_ul_wrap ul:first-child {background:#8d9598}
.my_ul_wrap ul:first-child li {border:none; color:#fff; padding:15px 5px}
.myinfo_date_select {width:100%; margin-bottom:5px; border:1px solid #c1c1c1; padding:5px; box-sizing:border-box; background:#fff}
.myinfo_date_select em {width:auto; text-align:left; display:inline-block; height:35px; line-height:35px; margin-right:5px}
.myinfo_date_select select, .myinfo_date_select input {width:30%; height:25px; padding-left:7px; line-height:25px; border:1px solid #d1d1d1; display:inline-block; background:#f9f9f9}

/* 골드정보 : 보유내역 */
.myinfo_tab_wrap {width:100%; height:40px; overflow:hidden; margin-bottom:10px}
.myinfo_tab_wrap > .my_tab_new li {float:left; display:block; width:20%; height:40px; box-sizing:border-box; font-size:1rem}
.myinfo_tab_wrap > .my_tab_new li:first-child {margin-left:0}

.myinfo_table_wrap p strong {margin-left:10px; font-weight:normal; color:#999}
.item_wrap {overflow:hidden}
.item_wrap li {width:49%; height:50px; line-height:50px; border:1px solid #c1c1c1; float:left; margin:0 2% 5px 0; box-sizing:border-box}
.item_wrap li:nth-child(2n+2) {margin-right:0}
.item_wrap li em, .item_wrap li strong {width:50%; display:block; float:left; height:48px; text-align:center}
.item_wrap li em {background:#dddfe0}
.item_wrap li strong {background:#fff}

/* 티켓정보 */
.myinfo_tic_wrap {overflow:hidden; width:100%; text-align:center}
.myinfo_tic_wrap > li {width:49%; height:112px; float:left; margin:0 2% 10px 0; background:url(/asset/common/images/myinfo/myinfo_tic_bg_left.png) no-repeat left center, url(/asset/common/images/myinfo/myinfo_tic_bg_right.png) no-repeat right center; background-size:auto 112px; box-sizing:border-box}
.myinfo_tic_wrap > li:nth-child(2n+2) {margin-right:0}
.myinfo_tic_wrap > li a {display:block}
.myinfo_tic_wrap li ul {padding:7px; width:100%; box-sizing:border-box}
.myinfo_tic_pic {border:1px solid #c1c1c1; width:46px; height:46px; border-radius:23px; text-indent:-9999px; float:left; margin:0 5px 6px 0 }
.myinfo_tic_nic {float:left; height:46px; line-height:46px;}
.myinfo_tic_count, .myinfo_tic_day {width:100%; clear:both; height:25px; line-height:25px; color:#666; font-weight:bold; text-align:left}
.myinfo_tic_count em, .myinfo_tic_day strong {float:right}
.myinfo_tic_count em {display:block; color:#1d1d1d; padding-left:18px; background:url(/asset/common/images/myinfo/myinfo_tic_count.png) no-repeat left center; background-size:auto 15px;}
.myinfo_tic_day strong {color:#e8000e}
.myinfo_date_select input {background:#fff; width:50%}
.myinfo_tic_wrap > li.myinfo_tic_none {width:49%; margin:10px 0; float:inherit; display:inline-block}
.myinfo_tic_wrap > li.myinfo_tic_none em {display:block; padding:30px 0 0 5px}

/* 구매 vod */
.order_vod_wrap.vod {width:94%; margin:10px auto}
.order_vod_wrap.vod li {position:relative}
.order_vod_wrap.vod li {width:100%; margin:0 0 10px 0}
.order_vod_wrap.vod li .bj-tit {max-height:25px; white-space:nowrap; display:block}
.order_vod_wrap.vod li .bj-fan {top:25px}
.order_vod_wrap.vod .badge_bigImg {bottom:16px}
.vod_term {border-top:1px solid #c1c1c1; height:25px; line-height:25px; padding:0 10px 0 4px; position:absolute; left:100%; bottom:0; width:160%}
.vod_term em {color:#ff7b1c; font-weight:bold; padding-left:15px}
.vod_term em.on {background:url(/asset/common/images/myinfo/vod_term_on.png) no-repeat left center; background-size:auto 12px}
.vod_term em.off {color:#999; background:url(/asset/common/images/myinfo/vod_term_off.png) no-repeat left center; background-size:auto 12px}


@media screen and (max-width:720px) {
    .order_vod_wrap.vod li {height:28vw}
}
@media screen and (min-width:720px) {
    .myinfo_tic_wrap > li {width:23.5%}
    .myinfo_tic_wrap > li:nth-child(2n+2) {margin-right:2%}
    .myinfo_tic_wrap > li:nth-child(4n+4) {margin-right:0}
    .order_vod_wrap.vod li {width:48%; margin-right:4%; height:11vw}
    .order_vod_wrap.vod li:nth-child(2n+2) {margin-right:0}
}
/* 2018.06.22. 내정보 /End */
/* 에브리온 TV /Start */
.every_wrap {padding-top:10px}
.every_tit {margin-bottom:10px; position:relative; background:#fff; z-index:4; height:40px; border-bottom:3px solid #dbdbdb; box-sizing:border-box; -webkit-box-shadow: inset -6px 0px 9px 0px rgba(39, 18, 18, 0.6); -moz-box-shadow: inset -6px 0px 9px 0px rgba(223,223,223,0.6); box-shadow: inset -6px 0px 9px 0px rgba(223,223,223,0.6)}
.every_tit em {font-size:16px; font-weight:700; width:76px; height:37px; line-height:37px; background:none; padding:0 19px; color:#f47820; display:inline-block; -webkit-box-shadow: inset 0px -3px 0px 0px rgba(244,120,32,1), inset -1px 0px 0px 0px rgba(228,196,207,0), 4px 0px 10px 0px rgba(220,220,220,1); -moz-box-shadow: inset 0px -3px 0px 0px rgba(244,120,32,1), inset -1px 0px 0px 0px rgba(228,196,207,0), 4px 0px 10px 0px rgba(220,220,220,1); box-shadow: inset 0px -3px 0px 0px rgba(244,120,32,1), inset -1px 0px 0px 0px rgba(228,196,207,0), 4px 0px 10px 0px rgba(220,220,220,1); text-align: center;box-sizing: border-box}
.every_tit em:after {background:none}
.every_tit strong {float:right; height:37px; line-height:37px; margin-right:10px; color:#999; font-size:12px}

.every_content li {height:auto}
.every_content li a .thumbnail {padding-top:/*56.25%*/}
.every_content_wrap {height:auto !important; position:relative}
.every_content_wrap .owl-stage .owl-item img {height:auto}

.every_content_wrap .owl-nav {width:100%}
.every_content_wrap .owl-nav .owl-prev, .every_content_wrap .owl-nav .owl-next {position:absolute; top:50%; height:100%; display:block; width:30px; font-size:0; line-height:0; color:transparent; transform:translate(0,-50%); margin-top:1%}
.every_content_wrap .owl-nav .owl-prev {left:2px; background:url(/images/owl_prev_bg.png) no-repeat center; background-size:30px}
.every_content_wrap .owl-nav .owl-next {right:2px; background:url(/images/owl_next_bg.png) no-repeat center; background-size:30px}
.every_content_wrap .owl-dots.disabled {display:none}
/* 에브리온 TV /End */

/********/

/* 2018.11.27. 톡톡 컨텐츠 없음. */
.slide_wrap.none {background:url(/asset/asp/push_my_singer/images/new_images/bg_data_none.png) no-repeat center bottom; background-size:auto 80px}

/* 2018.12.10 결제 완료 페이지 */
.payment_result_container * { box-sizing:border-box; font-size:inherit; }
.payment_result_container { width:100%; min-width:320px; max-width:100%; margin:0 auto; box-sizing:border-box; }
.payment_result_container .payment_result_title { font-weight:700; margin: 0 10px; padding: 22px 0 14px; border-bottom: 2px solid #ff7b1c; color: #ff7b1c; text-align: center; font-size: 22px; font-size: 1.833rem; border-radius: inherit; margin-bottom: 15px; }
.payment_result_container .payment_result_detail { margin:0 auto; max-width:480px; }
.payment_result_container .payment_result_detail p { font-size: 17px; font-size: 1.417rem; color: #333; text-align:center; font-weight: 700; }
.payment_result_container .payment_result_detail p span { display: block; padding: 15px 0 20px; font-size: 14px; font-size: 1.000rem; line-height:1.4; font-weight: 400; }
.payment_result_container .payment_result_detail ul {list-style: none; margin:0; padding:0 22px; }
.payment_result_container .payment_result_detail ul li { height: 43px; height:3.583rem; margin-top: 3px; padding: 0 15px; font-size: 15px; font-size: 1.000rem; color: #333; line-height: 43px; line-height:3.583rem; text-align: right; font-weight: 700; border: 1px solid #d4d2d2; background: #fafafc;}
.payment_result_container .payment_result_detail ul li span { float: left; }
.payment_result_container .payment_result_detail ul li em { font-size: 16px; font-size: 1.333rem; font-style:normal; color: #ff7b1c; }
.payment_result_container .payment_result_detail .payment_result_detail_button_area { padding: 20px 0 5px; font-size: 0; text-align: center; }
.payment_result_container .payment_result_detail button { width:126px; padding: 11px 0; margin:0 2px; font-size: 14px; font-size: 1.167rem; color: #fff; text-align: center; border: 1px solid #ff7b1c; border-radius: 3px; background: #ff7b1c; }
/* 2018.12.10 결제 완료 페이지 /End */

/* 2019.01.24 언어팩 수정 /Start */
.sidebar_app_down:lang(en) span, .sidebar_app_down:lang(ja) span {font-size:11px}
.main_top_title li a {margin-right:5px}
.sorting {width:auto !important}

.broadcast_type_title.vod em {position:absolute}
.broadcast_type_title.vod .frame {position:inherit}
.broadcast_type_title .frame ul, .main_top_title ul {white-space:nowrap; margin-right:172px; overflow-y:hidden; overflow-x:auto}
.main_top_title ul {margin-right:85px}
.broadcast_type_title .frame ul li, .main_top_title li {float:inherit; display:inline-block}

.main_top_title > a {position:absolute; right:10px; top:0}
.main_top_title > a.upload {position:absolute; right:0}

.slide_wrap.none:lang(ko) { background-image:url('/asset/asp/push_my_singer/images/new_images/bg_data_none_ko.png') }
.slide_wrap.none:lang(en) { background-image:url('/asset/asp/push_my_singer/images/new_images/bg_data_none_en.png') }
.slide_wrap.none:lang(ja) { background-image:url('/asset/asp/push_my_singer/images/new_images/bg_data_none_ja.png') }
.slide_wrap.none:lang(zh) { background-image:url('/asset/asp/push_my_singer/images/new_images/bg_data_none_zh.png') }

.check_invite_status {word-break:break-word}
.my_tab:lang(en) li, .my_tab:lang(ja) li {padding-top:5px; line-height:100%; min-height:41px}

.pp_brd_container:lang(en) .formGroup, .pp_brd_container:lang(ja) .formGroup {display:flex}
.pp_brd_container:lang(en) .formGroup label,.pp_brd_container:lang(ja) .formGroup label {float:inherit; width:auto; margin-right:10px}
.pp_brd_container:lang(en) .formGroup input,.pp_brd_container:lang(ja) .formGroup input {float:inherit; width:auto}

.language_sct select {border:1px solid #d7d7d7; height:35px; padding:0 10px; border-radius:3px; margin:-5px 0 10px 0}
/* 2019.01.24 언어팩 수정 /End */

/* 2019.02.18. 디시인사이드 팝업 */
.dcinside {display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; position: fixed; width: 100%; height:100%; left:0; top:0; padding:0 5%; z-index:998; box-sizing: border-box; cursor: pointer; }
.dcinside_wrap {position: relative; flex:1; -webkit-flex:1; background-color:#fff; text-align:center; padding:20px; z-index:1000}
.dcinside_wrap .popup_body {background:#fff}
.dcinside_wrap .join_input_wrap li {min-height:35px}
.dcinside_wrap .join_label {text-align:left; width:35%; height:35px; line-height:35px}
.dcinside_wrap input {width:65%; height:35px}
.dcinside_wrap input[readonly] {background:#f1f1f1; color:#999}
/* .dcinside_wrap img, .dcinside_wrap p {text-align:center} */
.dcinside_wrap p {padding:5px 10px; background:#f1f1f1}
.dcinside_wrap .login_check .check-info label, .check-info > div > a {font-size:12px}
.dcinside_wrap .popup_foot {border-bottom:1px solid #c1c1c1; background:none; padding-bottom:10px; text-align:center; font-size:13px}
.dcinside_wrap .popup_foot button {background:#999; color:#fff; min-width:30%; height:35px; padding:0 10px; border-radius:3px}
.dcinside_wrap .popup_foot button:first-child {background:#ff7b1c}
.popup_dc_join a {display:block; text-align:left; padding-top:10px; overflow:hidden}
.popup_dc_join strong {float:right; color:#fff; background:#6695fd; padding:5px; border-radius:3px}
.dcinside .mask {background:rgba(0,0,0,0.8); position:fixed; width:100%; height:100%; z-index:999; left:0}
.error.input_err {width:100%; font-size:11px; padding-left:35%; text-align:left; overflow:hidden; display:block; color:red; box-sizing:border-box}
@media screen and (min-width:720px) {
    .dcinside {padding:0 20%}
}

/* 2019.04.02. 플립카운터 */
/* header.gnb {display:flex; justify-content:center}
header.gnb .fl {position:absolute; left:5px}
header.gnb .fr {position:absolute; right:0; top:0}
.flipcounter_wrap {display:inline-block; flex:0 0 auto; position:relative; width:auto; height:45px; transform:scale(.5); margin-left:25px}
.flipcounter_wrap:before {content:''; display:inline-block; position:absolute; left:-54px; top:-4px; width:50px; height:50px; background:url(/asset/asp/push_my_singer/images/flipcounter_bird.png) no-repeat left center; background-size:auto 50px}
.flipcounter_wrap .counter {padding-right:5px; background:url(/asset/asp/push_my_singer/images/flipcounter_bg.png) no-repeat right bottom}
.flipcounter_wrap .counter:last-child {padding-right:0; background:none}
.counter-analog3 span.part span.digit {display:block; float:left} */
.pms_counter_wrap {display: flex; margin: 0 auto;}
.pms_counter_wrap .ico_bird {
    width: 19px;
    height: 23px;
    margin-right: 4px;
    background: url(/asset/asp/push_my_singer/images/flipcounter_bird.png) no-repeat left center;
    background-size: 100% auto;
}
.pms_counter_wrap .pms_counter {display: flex;}
.pms_counter_wrap .pms_counter em {text-indent: -9999px; padding-left: 7px; background: url(/asset/asp/push_my_singer/images/flipcounter_bg.png) no-repeat 2px bottom; background-size: 2px 5px; overflow: hidden;}
.pms_counter_wrap .pms_counter .num {width: 18px; background-color: #000; border-radius: 5px; -webkit-border-radius: 5px; color: #fff; font-size: 15px; font-weight: normal; line-height: 23px; text-align: center;}
.pms_counter_wrap .pms_counter .num + .num {margin-left: 3px;}
.pms_counter_wrap .ico_push {
    width: 22px;
    height: 23px;
    margin-left: 4px;
    background: url(/asset/asp/push_my_singer/images/icon_push_img_01.png) no-repeat left center;
    background-size: 100% auto;
}

/* 푸마싱 수정사항 2019.04.01 */
.main_top_title > em, .broadcast_type_title em, .broadcast_type_title.vod em {
    width: auto;
    padding:0 10px;
    /* height: 40px; */
    /* line-height: 38px; */
    color: #333;
    /* -webkit-box-shadow: inset 0px -3px 0px 0px rgba(140,73,221,1), inset -1px 0px 0px 0px rgba(228,196,207,0), 4px 0px 10px 0px rgba(220,220,220,1);
    -moz-box-shadow: inset 0px -3px 0px 0px rgba(140,73,221,1), inset -1px 0px 0px 0px rgba(228,196,207,0), 4px 0px 10px 0px rgba(220,220,220,1);
    box-shadow: inset 0px -3px 0px 0px rgba(140,73,221,1), inset -1px 0px 0px 0px rgba(228,196,207,0), 4px 0px 10px 0px rgba(220,220,220,1); */
}
.broadcast_type_title em:after {display:none}

.sorting button:before {background: url(/asset/asp/push_my_singer/images/sorting_arrow2.png) no-repeat 0 0; background-size:100% auto}
.broadcast_type_title.vod .sorting button:before {background-position: 0 0}
.main_top_title > a.more {padding-right:20px; background: url(/asset/asp/push_my_singer/images/icon_upload.png) no-repeat right center; background-size:auto 15px}
.contentlive_more {margin:0 0 10px 0}

/* 사이드바 */
.side_cate_wrap li {border-bottom: 1px solid #e1e1e1;}
.side_cate_wrap li.sidebar_bookmark {background:url(/asset/asp/push_my_singer/images/sidebar/sidebar_icon_board.png) no-repeat left 10px center; background-size:auto 15px}
.side_cate_wrap li.sidebar_about {background:url(/asset/common/images/sidebar/sidebar_icon_quiz.png) no-repeat left 10px top 12px; background-size:auto 15px}
.side_cate_wrap li.sidebar_rank_video {background:url(/asset/common/images/sidebar/sidebar_icon_video.png) no-repeat left 10px top 12px; background-size:auto 15px}
.side_cate_wrap li.sidebar_rank_pd {background:url(/asset/common/images/sidebar/sidebar_icon_pd.png) no-repeat left 10px center; background-size:auto 15px;}
.side_cate_wrap li.sidebar_rank_sg {background:url(/asset/common/images/sidebar/sidebar_icon_singer.png) no-repeat left 9px center; background-size:auto 17px;}
.side_cate_wrap li.sidebar_board {background:url(/asset/asp/push_my_singer/images/sidebar/sidebar_icon_board.png) no-repeat left 10px center; background-size:auto 15px}
.side_cate_wrap li.sidebar_notice {background:url(/asset/common/images/sidebar/sidebar_icon_notice.png) no-repeat left 10px center; background-size:auto 15px}
.side_cate_wrap li.sidebar_offer {background:url(/asset/common/images/sidebar/sidebar_icon_offer.png) no-repeat left 10px top 11px; background-size:auto 15px;}
.side_cate_wrap li.type_2depth a {height:30px; line-height:30px; background:url(/asset/asp/push_my_singer/images/icon_views.png) no-repeat left 20px top 11px; background-size:8px auto}
.side_cate_wrap li.type_2depth .cate_title {height: 40px; line-height: 40px; padding-left: 35px;
    display: block;
    color: #1d1d1d;}
.side_cate_wrap li.sidebar_setting {background:url(/asset/asp/push_my_singer/images/sidebar/sidebar_icon_setting.png) no-repeat left 10px center; background-size:auto 15px}
/* 2019.04.24 pc m 아이콘 삭제 */
.broadcast_type_content li .on-air {display:none}
.list_live_icon {display:none}
/********/