@charset "UTF-8";
@import url(/comm_res/font/noto/noto.css);

.template_no_use {background: #334dac; background: #334dac; background: #334dac; background: #334dac;}

html {font-size: 6.25%;}
body {font-size: 1600%;}

/*font color*/
.b_f_color_2 {color: #4d5b94 !important;}

/*button*/
.btn_init > * {vertical-align: middle;}

.btn-pink, .b-bg-pink, .btn_col_1, .btn3.violet, .bt_init {
    background: #4c5b95 !important; color: #fff !important;
    border: solid 1px #4c5b95 !important;
}

.b_btn img, .b_btn i {margin-right: 4px;}
.b_btn {background:  white; border: solid 1px #ddd; color: #222;
    display: inline-flex; align-items: center; justify-content: center;
}
.b_btn_blue {background: #2d6bff; color: #fff;}
.b_btn_navy {background: #4c5b95; border: solid #4c5b95 1px; color: #fff;}
.b_btn_red {background: #7d0022; color: #fff;}
.b_btn_violet {background: #0096f6; border: solid #0096f6 1px; color: #fff;}
.b_btn_white {background: white !important; border: solid 1px #ddd !important; color: #444 !important;}
.b_btn_black, .b_btn__black, .bt_black {background: #333 !important; border: solid 1px #333 !important; color: #fff !important;}
.b_btn_silver {background: #888 !important; border: solid 1px #888 !important;}
.b_btn_color_1, .b_btn__color1 {background: #334dac !important; color: #fff !important; border: solid 1px #334dac !important;}
.b_btn__color_2 {background: #4c5b95 !important; border: solid 1px #4c5b95 !important; color: #fff !important;}

.b_btn__small {padding: .4em .4em;}

.b_btn__large {font-size: 18px; border-radius: 8px;
    padding: 0 1em; height: 48px;
    line-height: 0;
}

.b_btn_off { border-color: silver !important;}

/*.b_btn__pad_large {padding-left: 1.5em; padding-right: 1.5em;}*/

input[readonly] {background: #eee;}

.info_area {border-bottom: 1px solid #b2b2b2;box-sizing: border-box; position: relative; height: 104px;}
.info_area:after {display: block; content: ''; clear: both}
.info_area .thumb {float: left;width: 300px; padding: 0 40px; box-sizing: border-box}
.info_area .thumb > div {border: 1px solid #bcbcbc}
.info_area .info {float: left;width: 610px;padding: 20px;box-sizing: border-box;}

.info_area .btn_area {position: relative; float: right; margin: 0; top: 50px;}

/*.info_area .btn_area i {display: inline-block;width: 30px;height: 20px;margin-right: 5px;vertical-align: middle;
	background-size: 52px !important;
}*/

.info_area .btn_area i.mark {background: url(/comm_res/img/icon/icon_star_white.png) center / 16px no-repeat !important;}
.info_area .btn_area i.mark.on {background-image: url(/comm_res/img/icon/icon_star_yellow.png) !important;}
.info_area .btn_area i.gift {background: url(/comm_res/img/icon/icon_feed.png) -10px -22px;}
.info_area .btn_area i.msg {background: url(/comm_res/img/icon/icon_feed.png) -10px -57px;}

.main_list {overflow: hidden;}
.main_list .tl_area, .mlist .tl_area {left: 8px !important; top: 4px !important;}
.main_list .tl_area .icon_lock, .mlist .tl_area .icon_lock {font-size: 18px;}
.main_list .tl_area .media_19, .mlist .tl_area .media_19 {left: 0px !important;}

.main_list > li {position: relative; width: 207px; height: 173px;}
.main_list > li > a {overflow: hidden; width: 206px; height: 132px; display: block; position: relative;}

.main_list_nick {position: absolute; left: 0; bottom: 0;}


/*.media .icon_lock {position: absolute; left: 10px; top: 10px; font-size: 20px;}*/

#pop_alert .pop_contents {font-size: 18px; line-height: 2em;}

.mrank_area {margin-bottom: 30px;}
.mrank { width: 800px !important;}
.mrank ul {width: 800px !important;}

.mrank li > a > div {width: 100% !important; height: 100% !important; box-sizing: border-box;
    border: none !important;
}

.mrank_item {width: 166px; margin: 15px 14px 0 0;}
.mrank_item a {display: block;}
.mrank_item_img {padding-bottom: 106px;}

.mrank_tit {overflow: hidden; margin-top: 5px;}


#profile_img {width: 300px; height: 300px; border: solid 1px #ccc;}

.banner, .tl_area {position: absolute; left: 6px; top: 3px;}

.icon_charge_blue {
    background-image: url(/comm_res/img/icon/icon_charge_blue.png); width: 46px;
    height: 20px;
}

.icon_fan_green {
    background-image: url(/comm_res/img/icon/icon_fan_green.png); width: 46px;
    height: 20px;
}


.icon_gold {background: url(../images/icon/gold.jpg) no-repeat center / 100% 100%;}

html { height: 100%; overflow-y: scroll;}
/*
body { height: 100%; color: #111; font-family: noto_r, malgun gothic, arial, sans-serif; line-height: 1.4;

    overflow-y: visible;
    min-width: 1200px;
}
*/
td {word-break: break-all}

#header {
    width: 1080px; height: 72px; background: #fff;
    margin-left: -415px; padding-left: 20px;
    position: fixed; z-index: 100; top: 0; left: 50%; 
     border-bottom: solid 1px #ddd;
    display: flex; align-items: center;
    box-sizing: border-box;
}
.feed #header {position: relative; width: 100%; left: auto; margin-left: 0;}

.header_info {font-size: 20px;}

@media (max-width: 1350px) {
    #header {width: calc(100% - 270px); right: 0px; left: auto;}
}


.btn {display: inline-block; line-height: 35px !important; padding: 0 10px;
    box-sizing: border-box; text-align: center; margin: 0 1px;
}

.btn_black { background: black; color: white;}

.btn.violet, button.violet, a.violet { background: #000; color: white;}

.btn.white { background: #fefefe;}
.btn_adult { background: #e00c72; color: white;}

#gnb_rt { position: absolute; right: 35px; top: 33px;}

#logo a {
    width: 150px; height: 55px; display: block;
    background: url('../images/icon/logo_2.png') center / contain no-repeat;
    margin: 18px auto;
    text-indent: -99999px;
}

.hide_text { text-indent: -99999px;}

#nav_live {left: 297px; top: 20px; position: absolute; font-size: 20px; font-family: noto_b;}
#nav_live > * {color: #222; margin-right: 30px;}
#nav_live > *.on {color: #7000d2;}

#new_cast_info {position: absolute; right: 280px; top: 24px; font-size: 14px;}
#new_cast_info .icon_black_bell {margin-right: 20px;}

#srch_area > div:first-child > div {
    text-align: left;
}

#srch_area > div:first-child > div:last-child{
     cursor: pointer;
 }
#srch {width: 300px; height: 30px; border-radius: 6px;
    position: absolute; left: 30px; top: 18px; border: solid 2px #7f4eb6;
    background-color: #fff;
}


#srch form {height: 100%;}

#srch input {width: calc(300px - 40px); height: 100%; border: none;
    padding-left: 10px; margin-left: 3px;
    box-sizing: border-box; font-size: 15px !important;
}
#srch button {position: absolute; right: 0px; top: 0; height: 100%; width: 35px;
    background: url(/comm_res/img_p/srch_btn.png) no-repeat center;
    text-indent: -99999px;
}

#srch_login {width: 270px; height: 30px; border-radius: 6px;
    position: absolute; left: 30px; top: 18px; border: solid 2px #dddddd;
    background-color: #fff;
}


#srch_login form {height: 100%;}

#srch_login input {width: calc(300px - 40px); height: 100%; border: none;
    padding-left: 10px; margin-left: 3px;
    box-sizing: border-box; font-size: 15px !important;
}
#srch_login button {position: absolute; right: 0px; top: 0; height: 100%; width: 35px;
    background: url(/comm_res/img_p/srch_btn.png) no-repeat center;
    text-indent: -99999px;
}

#nav_pay { text-align: center; margin-top: -10px;}
#nav_pay > * {margin: 6px 0; display: inline-block;}

#nav_member {font-size: 15px; position: absolute; right: 0px; top: 25px;}
#nav_member > * {margin-left: 15px;}

.btn2 { display: inline-block; padding: 2px 4px;
    line-height: 1.5; border-radius: 4px; font-size: 15px;
}
.btn2.pink { color: white; background: #e10c72;}

#container {background: #fff;}

#container_inner {width: 1330px; margin: 0 auto; position: relative; overflow: hidden;}

.feed #container_inner {display: flex;}

#container_right { /*border: solid 1px red;*/ box-sizing: border-box;
    width: 1080px; float: right; position: relative;
}

.font_pink {color: #e10c72 !important;}
.font_violet {color: #ff5f87 !important;}

#cont_sec {
    display: block; position: relative;
    width: 1060px; float: right; min-height: 700px;
    margin: 73px 0 40px 20px;
    box-sizing: border-box;
    overflow: hidden;
    padding-top: 20px;
}

/*lnb 있을때*/
.lnb #cont_sec {display: flex; margin-bottom: 0;}

.lnb #main {width: 880px;}
.lnb .media_sec {position: relative; left: 30px; margin-top: -60px !important;}

.gnb_off #main {width: 1330px; padding: 20px 0px 40px;}


#footer {
    text-align: center;
    border-top: solid 1px #ddd;
    clear: both;
    padding: 30px 50px;
    margin: 0px 0 0 0px; box-sizing: border-box;
}

#footer #addr {font-size: 13px !important;}

#gnb_sec {
    width: 250px; background: #eeeeee;

    position: fixed; top: 0px; right: 50%; z-index: 101;
    margin-right: 415px;

    height: 100%; max-height: 100%; overflow-x: hidden; overflow-y: auto;
    box-sizing: border-box;
}
@media (max-width: 1360px) {
    #gnb_sec {left: 0;}
}

.gnb {margin: 8px 0; line-height: 2.0; /*font-family: noto_l, sans-serif;*/ }

.gnb > * { display: block; margin: 0px 0 0px 30px; position: relative;}

.gnb a img:nth-child(1) {}

.gnb_new {left: 38% !important; top: 3px !important;}

.gnb i { background-position: center;
    background-repeat: no-repeat;
    display: inline-block; width: 30px; height: 30px; margin-right: 5px;
    vertical-align: middle; position: relative; top: -2px;
}
.gnb i.fav {background-image: url(../images/icon/fav.png);}
.gnb i.mc_rank {background-image: url(../images/icon/mc_rank.png);}
.gnb .shop_wrap { margin: 25px 0; border-top: solid 1px #ddd;padding: 30px 0;
}
.gnb i.shop {background-image: url(../images/icon/shop.png);}
.gnb i.all {background-image: url(../images/icon/all.png);}
.gnb i.realdoll {background-image: url(../images/icon/realdoll.png);}
.gnb i.plus_19 {background-image: url(../images/icon/19_plus.png);}
.gnb i.private {background-image: url(../images/icon/private.png);}
.gnb i.movie {background-image: url(../images/icon/movie.png);}
.gnb i.music {background-image: url(../images/icon/music.png);}
.gnb i.sports {background-image: url(../images/icon/sports.png);}
.gnb i.etc {background-image: url(../images/icon/etc.png);}

.gnb .icon_black_recent {background-image: url(../images/icon/black_recent.png);}
.gnb .on .icon_black_recent {background-image: url(../images/icon/pink_recent.png);}

.gnb .icon_black_present {background-image: url(../images/icon/black_present.png);}
.gnb .on .icon_black_present {background-image: url(../images/icon/pink_present.png);}

.gnb .icon_black_rank {background-image: url(../images/icon/black_rank.png);}
.gnb .on .icon_black_rank {background-image: url(../images/icon/pink_rank.png);}

.gnb .on span {color: #e10c72;}

.gnb .on i.fav {background-image: url(../images/icon/fav_on.png);}
.gnb .on i.mc_rank {background-image: url(../images/icon/mc_rank_on.png);}
.gnb .on .shop_wrap { margin: 25px 0; border: solid 1px #ddd; border-left: none;
    border-right: none; padding: 30px 0;
}

.gnb .on i.shop {background-image: url(../images/icon/shop_on.png);}
.gnb .on i.all {background-image: url(../images/icon/all_on.png);}
.gnb .on i.realdoll {background-image: url(../images/icon/realdoll_on.png);}
.gnb .on i.plus_19 {background-image: url(../images/icon/19_plus_on.png);}
.gnb .on i.private {background-image: url(../images/icon/private_on.png);}
.gnb .on i.movie {background-image: url(../images/icon/movie_on.png);}
.gnb .on i.music {background-image: url(../images/icon/music_on.png);}
.gnb .on i.sports {background-image: url(../images/icon/sports_on.png);}
.gnb .on i.etc {background-image: url(../images/icon/etc_on.png);}

#lnb_sec {
    position: relative; float: left;
    background: white;
    width: 171px; box-sizing: border-box;
}

.lnb_tit {text-align: center; font-size: 21px; line-height: 40px;
    margin: 10px 0 10px; font-weight: bold; color: #444;
}
.lnb_hr {border: 0; height: 1px; background: #e5e5e5;
    margin: 10px 0 20px;
}
#lnb { margin: 20px 0 0 20px;}
#lnb a { display: block; font-size: 15px; margin: 1em 0;}
#lnb a.on { color: #f4410b;}
#lnb a.on2 {
    background: url("../images/icon/arrow.png") no-repeat center right 5px;
    color: #e10c72;}

.b_page {background: white;
    padding: 20px 20px 20px; border-radius: 10px;
}

.b_page > * {margin: 15px 0;}

.b_page > *:first-child {margin-top: 0;}
.b_page > *:last-child {margin-bottom: 0;}

#page, #cont {
}

.lnb #page, .lnb #cont {
    /*float: right;*/ width: 869px;
    margin-left: 20px;
    padding-bottom: 40px;
}

#fnav {font-size: 15px; color: #666;}
.fnav_separ {text-indent: -99999px; width: 1px; height: 10px; margin: 0 10px; background: #aaa;
    display: inline-block;
}

#addr { font-size: 13px; line-height: 1.6; color: #666;}
#addr address { font-style: normal; margin: 1em 0 0;}
#addr address span {display: inline-block;}
#addr p { margin: 0.5em 0;}
.addr_separ {text-indent: -99999px; width: 1px; height: 8px; margin: 0 10px; background: #aaa;
    display: inline-block;
}


#page_tit, .page_tit, .page-tit {font-size: 21px; font-weight: bold;
    margin: .5em 0 15px; display: inline-block;
}

.nav1 {font-size: 20px; width: 100%; line-height: 50px;
    border: solid 1px #cccccc; box-sizing: border-box; display: table;
    table-layout: fixed;
}
.nav1 > * {width: 50%; text-align: center; position: relative; display: table-cell;}
.nav1 > *.on {color: #7100d1;}

.nav1 > *::before { width: 1px; height: 50%; position: absolute; content: '';
    background: #ccc; left: 0; top: 0; bottom: 0; margin: auto;
}
.nav1 > *:first-child::before {display: none;}

.shop_p1 { font-size: 20px; color: #e10c72;}
.shop_p2 { font-size: 20px; color: #969696; line-height: 1.6;}
.shop_p2 span { color: #222222;}


.float_child {overflow: hidden;}
.float_child > * {float: left;}

label {cursor: pointer;}


.item_list {margin-top: 40px; text-align: left; margin-left: -38px;}

.item_play {position: absolute; left: 60px; top: 80px;}

.item_list > * {width: 180px; display: inline-block; margin: 0 0 30px 38px; float: none !important;}

.item_list_full_room {margin: 80px 0px 10px -20px;}
.item_list_full_room > * {margin: 0 0 50px 45px;}

.item_list_3 { text-align: center;}
.item_list_3 > * {float: none; display: inline-block;
    margin: 0 70px 50px;
}

.item_list_4 {width: 897px; margin-left: auto; margin-right: auto;}

.item { text-align: center; position: relative}


.item_txt_area {background: #f5f5f5; padding: 0.1px 0 10px 0;}
.item_input_wrap {margin: 10px 0;}
.item_input_wrap > * {vertical-align: middle;}
.item_btn {margin: 5px 0;}
.item_input {width: 40px; height: 20px !important; text-align: center; vertical-align: middle; border-radius: 0 !important;
    font-size: 14px !important; color: #555; margin-left: 5px; position: relative; top: -2px;
}
.item_img {display: block; width: 100% !important; height: 180px !important; box-sizing: border-box; border: solid 1px #eee;}
.item_count { font-size: 17px; margin: 5px 0 0; display: block;}
.item_name {margin: 10px 0 5px 0;}
.item_price_area {margin: 5px 0 8px 0;}
.item_price { font-size: 17px; color: #cb2b2b; white-space: nowrap; font-weight: bold;}
.item_strike { color: #888 !important;}
.item label {position: relative;}
.item_img_txt { position: absolute; top: 0; left: 0; margin-top: 86%;
    text-align: center; font-weight: bold; color: #af6b03; width: 100%;
    font-size: 26px;
}
.item_small_txt {font-size: 22px;}
.item_small_txt2 {font-size: 14px; margin-top: -2px; color: gray;}


/*.item_list__point*/
.item_list__point {width: auto;}
.item_list__point.item_list > * {width: auto; margin-bottom: 50px;}
.item_list__point .item_img_area {background: #fff; border: solid 1px #eee;}

.item_list__point .item_img {display: block; width: auto !important; height: auto !important; box-sizing: border-box;
	border: 0;
}

.item_list__point .item_count { font-size: 17px; margin: 5px 0 0; display: block;}
.item_list__point .item_name {margin: -5px 0 20px; font-size: 24px; color: #444;}

.item_list__point .item_price_area {margin: 25px 0 8px 0;}



.form1 {}
.form1 input[type="text"], .form1 input[type="password"], .form1 input[type="number"] {height: 40px; border: solid 1px #ccc; border-radius: 8px; font-size: 18px;}

.price_input {font-size: 24px; text-align: center; margin: 30px 0 40px;
    line-height: 3;
}
.price_input * {vertical-align: middle;}
.price_input > * {margin: 0 10px;}
.price_input input[type="text"], .price_input input[type="password"], .price_input input[type="number"] {text-align: center;}
.price_input_tit {}

.btn3 { border-radius: 12px; display: inline-block; padding: 5px 50px; line-height: 1.6;}
.btn3.violet { background: #ff5f87; color: white;}

.box1 { background: #f8f8f8; border: solid 1px #dbdbdb; padding: .8em 2em; border-radius: 20px;
    line-height: 2;
    margin: 40px 0 0;
}
.box1_tit { font-size: 20px; color: #333; font-family: noto_r;}

.nav2 {line-height: 50px; border: solid 1px #ccc; font-size: 20px;}
.nav2 a {margin: 0 20px;}
.nav2 a.on { color: #e10c72; text-decoration: underline;}

ol {padding: 0 0 0 1em;}

input[type="radio"], input[type="checkbox"] {width: 18px; height: 18px;}

.font_navy { color: #0d004c;}
.font_brown { color: #4c0000;}
.font_khaki { color: #494c00;}
.font_cyan { color: #004c3d;}

#bann_sec {}
#bann_sec > ul {width: 100%; border-bottom: solid 1px #bcbcbc; overflow: hidden;}
#bann_sec > ul > li { vertical-align: middle; float: left;
    height: 100px; box-sizing: border-box;
    text-align: center; margin: 0px 60px 0;
}

.bann { width: 250px; display: inline-block; position: relative; top: 22px;}
.bann_link {display: block; position: relative;}
.bann_p_w { text-align: left; margin: 10px 10px 0; width: 188px; overflow: hidden;}
.bann_p1 { white-space: nowrap; font-family: noto_m;}
.bann_p2 { white-space: nowrap;}
.bann_img {position: absolute; right: -25px; top: -7px;}


.tit1 { font-size: 34px; font-weight: normal; margin: 0; display: inline-block;}

.nav3 { overflow: hidden; font-family: noto_m; display: inline-block;}
.nav3 > * { min-width: 112px; padding: 10px 20px; box-sizing: border-box;
    border: solid 1px #ff5f87; float: left; text-align: center;
    border-left: none;
}
.nav3 > *:first-child {border-left: solid 1px #ff5f87;}
.nav3 > *.on { color: white; background: #ff5f87}


.middle_child * {vertical-align: middle;}

.tit1_w > .tit1 {margin-right: 30px;}

.media_sec > ul { overflow: hidden; margin-top: 30px;margin-left: -48px;}
.media_sec > ul > li { float: left; margin: 0 0 19px 48px;}

.media { border: solid 1px #ff5f87; display: block; box-sizing: border-box; width: 228px;
    height: 210px; overflow: hidden; position: relative;
}

.media_fan .media_p1 { font-size: 19px; font-weight: bold; margin: -2px 0 3px;}
.media_fan .media_p2 {}
.media_fan .media_p3 { margin-top: 0px;}

.media_effect { padding: 4px 4px 0 4px; background: #ff5f87;}
.media_effect .media_txt { background: #ff5f87;}
.media_effect .media_p1 { color: white;}
.media_effect .media_p2 { color: #fff799 !important;}
.media_effect .media_p3 { color: white;}
.media_img_w {position: relative; background: #ccc;}
.media_img { width: 100%; height: 126px; display: block; background: center / cover; }

.media_19 { position: relative; top: 2px;
    background: url(../images/icon/19.png) center / 100% 100%; width: 20px;height: 20px;text-indent: -9999px;
    margin: 0px 0;
}

.show_19 .media_19 {display: block;}
.media_live { font-size: 15px; color: white; background: red; position: static;
    left: 0; bottom: 0; padding: 0px 5px; display: inline-block !important; line-height: 1.2;
}
.show_live .media_live {display: inline-block !important;}

.media_txt {background: white; padding: 10px; color: black;}
.media_p1 { font-size: 14px; white-space: nowrap;}
.media_p2 { font-size: 13px;}
.media_p3 { font-size: 13px; margin-top: 5px;}
.media_del {background: url(../images/btn/media_del.jpg) center / 100% 100%; width: 30px; height: 30px;
    text-indent: -9999px; position: absolute; right: 10px; bottom: 10px; display: inline-block;
}

.more {line-height: 40px; background: #c9c9c9; color: white; display: block; width: 100%;
    margin: 20px 0; font-size: 20px;
}

.video_area {overflow: hidden;}
.video {width: calc(100% - 316px); float: left; border-right: solid 1px #575757;
    box-sizing: border-box;
}

.video_video {background: black; position: relative; padding-bottom: 56% !important;}
.video_video video { position: absolute; width: 100%; height: 100%;}
.video_video #player { position: absolute; width: 100%; height: 100%;}

.video_head { background: #333; color: white; overflow: hidden;
    line-height: 46px; height: 50px;
    padding: 0 15px;
}
.video_img { width: 30px; height: 30px; border-radius: 50%;
    vertical-align: middle; display: inline-block;
}

.video_txt {position: relative; top: 17px; left: 20px;}
.video_p1 {vertical-align: middle; display: inline-block; margin-left: 3px;}

.video_follow {margin-left: 10px; padding: 0.2em .6em; vertical-align: middle;
    font-size: 13px;
}

.video_p2 {vertical-align: middle; display: inline-block; font-weight: bold;
    margin-left: 10px; font-size: 13px;
}

.video_tit { margin: 0 0 0 20px; font-weight: normal;}

.btn_semi_round { border-radius: 8px;}
.skyblue { background: #00b7f0; color: white; box-sizing: border-box;
    line-height: 1.4;}

i.icon { background: center / 100% 100%; text-indent: -9999px; vertical-align: middle;
    display: inline-block;
}
i.heart { background-image: url(../images/icon/heart.png); width: 12px; height: 10px;}
i.present { background-image: url(../images/icon/present.png); width: 23px;height: 23px;}
i.like { background-image: url(../images/icon/like.png); width: 24px;height: 21px;}
i.fav { background-image: url(../images/icon/fav2.png); width: 24px;height: 23px;}
i.report { background-image: url(../images/icon/report.png); width: 23px;height: 24px;}

.video_foot {
    padding: 0 15px; position: relative;
    line-height: 45px; height: 50px;
    background: #353535;
}

.video_foot > * {
    vertical-align: middle;
}
.video_btn_left > * {margin-right: 10px;}
.video_btn_right > * {margin-left: 5px;}
.video_btn_right button {display: inline-block; overflow: visible;}
.video_btn_right i {position: relative; left: -5px; top: -2px; z-index: 2;}

.pull_right { float: right;}
.pull_left { float: left;}

.chat {width: 316px; float: left; box-sizing: border-box;
    height: 100%; background: #333 !important;
    border-left: solid 5px #313131 !important;
    border-right: solid 1px black !important;
    border-top: none !important;
    border-bottom: none !important;
}
.chat_txt { line-height: 1.6; box-sizing: border-box; overflow-y: auto; background: #111 !important;
    font-size: 13px;
}
.chat_txt_inner { overflow-y: auto; padding: 15px 10px;}
.chat_txt_noti { background: #833cc2; color: white; margin-top: 0px !important;}

/*.chat_txt p {margin: 0.5em 0 -0.1em; padding: 0 !important; border-radius: 8px;}*/
.chat_txt p {margin: 0.2em 0 -0.1em; padding: 0 !important; border-radius: 8px;}

.icon_init.no {display: none;}

.chat_set_btn_area {background: #333333;
    height: 50px; line-height: 38px;
    box-sizing: border-box;
}

.chat_input {
    height: 46px;
    border: none !important;
    background: transparent !important;
}

.chat_input form { height: 100%;}

.video_area { border-bottom: solid 1px #bcbcbc;}

.chat_input_txt {overflow: hidden; height: 100%; padding: 3px 3px 0 0; box-sizing: border-box;}

/*기존*/
.chat_input_txt_input { float: left; width: 80%; height: 100%; border: none;
    border-radius: 10px 0 0 10px; padding: 10px; font-size: 16px; box-sizing: border-box;
}

.chat_input_txt input { float: left; width: 80%; height: 100%; border: none;
    background: #111; color: white;
}

.chat_input_txt button { float: left; width: 20%; height: 100%;
    color: white; font-size: 13px;
    background: #c81639; box-shadow: 1px 1px 1px 1px #d03957 inset;
}

/*pop*/
.pop {z-index: 9999 !important;}
.pop_shadow {width: 100%; height: 100%; position: fixed; left: 0; top: 0;
    background: black; opacity: .5; z-index: 10000;
}
.pop .page, .pop_page {position: fixed; width: 92%; max-width: 650px; box-sizing: border-box;
    left: 0; right: 0; margin: 0px auto; z-index: 20000;
    min-height: 2em; background: white; border-radius: 10px;
    top: 50%; transform: translatey(-50%);
    /*border: solid 4px #ff5f88;*/
    margin-top: auto !important;
    max-height: 90%; overflow-y: auto;
}


.pop h3 {text-align: center; font-size: 18px;}
.pop .p1 {text-align: center; color: #888; font-size: 14px; margin-top: -1em;}
.pop .p1 span {color: #222;}
.pop_img {width: 30%; display: block; margin: 10px auto 0;}

#pop_live_info {}

#pop_present {}
.pop_present_img {width: 50px; height: 50px; border-radius: 50%;}

.pop .tit1 {font-size: 24px; text-align: center; width: 100%; margin: 10px 0 0;}

/*/팝업*/

.btn_violet {display: inline-block; padding: 5px 10px; border-radius: 4px;
    background: #833cc2; color: white; font-size: 12px; border: solid 1px #833cc2;
    box-sizing: border-box;
}

.btn_full {display: block; text-align: center; width: 100%;
    margin: 15px 0;
}

.btn_full_violet { background: #ff5f88; color: white; padding: .6em 0; border-radius: .5em;}
.btn_full_white {background: #fefefe; color: #555;}

i {display: inline-block;}
.pop i.heart {width: 10px; height: 10px; background-size: 100% 100%;
    top: 0px !important;
}

.pop input[type="number"] {text-align: center; height: 30px; margin-top: 2px;
    border: solid 1px #ccc; box-sizing: border-box; border-radius: 4px;
}

.btn_pink {display: inline-block; background: #e10c72; color: white; padding: 8px 15px;
    border-radius: 50px; font-size: 13px;
}


.btn_pink2 {
    background: #334dac; color: white;
}

/*.pop input[type="radio"] { position: relative; top: 5px;}*/

#pop_login {display: none;}

.pop_login {
    background: #eeeeee center / 100% 100%;
    width: 390px; position: fixed;
    left: 0; right: 0; top: 50%; margin: 0 auto; border-radius: 20px;
    transform: translatey(-50%);
    z-index: 20000;
    text-align: center; padding: 0 35px 10px; box-sizing: border-box;
    font-size: 20px; color: white; max-height: 90%; overflow-y: auto;
}

.pop_login_inner {margin-bottom: 30px;}

.pop_login_close { background: url(/comm_res/pc/comm/login/btn-close.png) center / cover; width: 26px;height: 26px;
    text-indent: -9999px; position: absolute; right: 20px; top: 20px;
}

.pop_login_tit {margin: 60px 0 0;}
.pop_login_tit img {width: 100%;}

.pop_login input[type="text"]::placeholder, .pop_login input[type="password"]::placeholder { color: #888;}

.pop_login_idpw { border-bottom: solid 1px #333; display: inline-block;
    color: #333;
}



.shadow { position: fixed; width: 100%; height: 100%; background: black; opacity: 0.5;
    top: 0; left: 0; z-index: 20000;
}

.btn_round, button.round, a.round { border-radius: 100px; font-family: noto_m;}

button.large, a.large {font-size: 30px; padding: 10px 50px;}

.align_center {text-align: center;}

.font_32 { font-size: 30px !important;}
.font_30 { font-size: 30px !important;}
.font_24 { font-size: 24px !important;}
.font_thin {font-weight: normal !important;}

.font_silver {color: #888;}
.font_color {color: #222;}

a.silver, button.silver {background: #bcbcbc; color: white;}

.form2 { overflow: hidden; font-size: 24px;}
.form2 label { display: block; text-align: right; margin: 20px 0;}
.form2 label span {margin-right: 20px;}
.form2 input[type="text"], .form2 input[type="password"] {height: 50px; border: solid 1px #bcbcbc; background: #f6f6f6;
    width: 400px; font-size: 20px; text-align: center;
}

.form3 { overflow: hidden; font-size: 20px;}
.form3 label { display: block; margin: 20px 0;}
.form3 label span {margin-right: 20px;}
.form3 input[type="text"], .form3 input[type="password"] {
    height: 40px; border: solid 1px #bcbcbc; background: #f6f6f6;
    width: 400px; font-size: 20px; text-align: left;
}
.form3 .col1 {width: 180px; display: inline-block;}
.form3 .require:after {content: '*'; color: #e10c72;
    position: relative; top: 0.2em;
}

button.black, a.black {
    background: black; color: white;
}

button {font-family: inherit;}

.page2 {border-top: solid 1px #ccc; padding-top: 50px;}

.box2 { font-size: 18px; border: solid 1px #ccc; border-left: 0; border-right: 0;
    padding: 30px 0; margin: 70px 0;
}

button.width, a.width {padding-left: 2em !important; padding-right: 2em !important;}
button.min-width, a.min-width {min-width: 8em !important;}

a.red, button.red {background: #e60012; color: white;}

.limit_19 { background: url(../images/icon/limit_19.jpg) no-repeat 20px 43px #f8f8f8;}
.limit_19_btn {margin-top: 32px;}

.tbl1 { font-size: 20px; border-collapse: collapse;}
.tbl1 th { font-weight: normal; text-align: left;}
.tbl1 th, .tbl1 td {
    border-bottom: solid 1px #ddd; padding: 15px 0; height: 80px;
    box-sizing: border-box;
}

.tbl1 > tbody > tr:last-child > th, .tbl1 > tbody > tr:last-child > td {border-bottom: none;}


a.radius, button.radius {border-radius: 0.3em !important;}

.profile .profile_img { width: 82px; height: 82px; border-radius: 50%; margin-right: 10px; border: solid 1px #ddd;}

i.profile_state {background-image: url(../images/icon/profile_state.jpg); width: 30px; height: 30px; margin-right: 5px;}

.get_page_frame {width: 100%; border: none; min-height: 600px;}

.tbl2 { margin: 20px 0; border-top: solid 2px #222222;}
.tbl2 th { font-weight: normal; font-size: 18px;
    background: #f5f5f5; color: #000;
    border-bottom: solid 1px #bcbcbc;
    height: 40px;
    padding: 0 20px;
}
.tbl2 td { font-size: 16px;
    border-bottom: solid 1px #bcbcbc;
    height: 40px;
    padding: 5px 10px;
}
.tbl2 .contents { padding: 10px 20px;}

.tbl2_view td { font-size: 18px;}

.paging { font-size: 16px; text-align: center; margin: 20px 0;}
.paging > a { border: solid 1px #bcbcbc;
    display: inline-block;
    padding: 4px 10px;
    margin: 0 2px;
}
.paging > a.on { border: solid 1px #334dac;}

.align_top { vertical-align: top;}

button.white, a.white { border: solid 1px #ccc;}


.font_r { font-family: noto_r !important;}

.nav4 { font-size: 18px; overflow: hidden;}
.nav4 a { line-height: 35px; float: left; border: solid 1px #ff5f88; border-left: none;
    padding: 0 10px; min-width: 150px;
    text-align: center; color: #e10c72; font-size: 18px;
}
.nav4 a:first-child { border-left: solid 1px #ff5f88; border-radius: 8px 0 0 8px;}
.nav4 a:last-child { border-radius: 0 8px 8px 0;}
.nav4 a.on { color: white; background: #ff5f88;}

.tbl3 { margin: 20px 0;}
.tbl3 th {font-size: 18px; font-weight: normal;
    background: #f1f1f1; border: solid 1px #cfcfcf; border-left: none; border-right: none;
    height: 30px; box-sizing: border-box;
}
.tbl3 td { font-size: 24px;
    height: 92px;
    border-bottom: solid 1px #cfcfcf; box-sizing: border-box;
}

.font_gold {color: #ff8b24;}

i.gold { background-image: url(../images/icon/gold.jpg); width: 27px;height: 27px; margin-right: 10px;}


.rank_img { width: 80px; height: 80px; border-radius: 50%; margin-right: 20px;}

.present_gold_event {}
.present_gold_event_img {width: 140px;}
.present_gold_event_list label {width: 100%; display: block;}
.present_gold_event_list_btn { text-indent: -9999px; padding-bottom: 72%; background: url('../images/icon/eg_1.gif') center / 100% 100%;
    display: block; width: 100%; height: 0px; border: solid 1px #ccc; border-radius: 4px;
}
.present_gold_event_list li:nth-child(1) .present_gold_event_list_btn {background-image: url('../images/icon/eg_1.gif');}
.present_gold_event_list li:nth-child(2) .present_gold_event_list_btn {background-image: url('../images/icon/eg_2.gif');}
.present_gold_event_list li:nth-child(3) .present_gold_event_list_btn {background-image: url('../images/icon/eg_3.gif');}
.present_gold_event_list li:nth-child(4) .present_gold_event_list_btn {background-image: url('../images/icon/eg_4.gif');}
.present_gold_event_list li:nth-child(5) .present_gold_event_list_btn {background-image: url('../images/icon/eg_5.gif');}
.present_gold_event_list li:nth-child(6) .present_gold_event_list_btn {background-image: url('../images/icon/eg_6.gif');}
.present_gold_event_list li:nth-child(7) .present_gold_event_list_btn {background-image: url('../images/icon/eg_7.gif');}
.present_gold_event_list li:nth-child(8) .present_gold_event_list_btn {background-image: url('../images/icon/eg_8.gif');}

.present_gold_event_list li label span {white-space: nowrap; font-size: 13px;}

.page_hr {border: none; height: 1px; background: #ccc; margin: 10px 0;}


i.dot {background-image: url('../images/icon/dot.jpg'); width: 5px; height: 5px; position: relative;
    top: -2px;}

#pop_report {}
#pop_report form {font-size: 14px;}
#pop_report form table {width: 100%;}
#pop_report form td {padding: 2px 0;}
#pop_report select {padding: 2px;}
#pop_report textarea { height: 70px;}

#pop_report select, #pop_report textarea {border: solid 1px #ccc; border-radius: 4px;}

.page_tab {position: absolute; left: 0; top: 0; overflow: hidden; width: 100%;
    border-radius: 10px 10px 0 0;
}
.page_tab > * {width: 50%; float: left; text-align: center; background: #999999; color: white;
    margin: 0;
}
.page_tab > *.on {background: white; color: #555;}
.page_tab a {display: block; line-height: 50px; font-weight: bold;}
.page_tab_area {height: 50px;}


.contents2 {white-space: pre-line;}

.align_right {text-align: right;}

.font_base { color: #555;}

.btn_init_pad {padding-left: 1em; padding-right: 1em;}
.btn_init_pad2 {padding-left: 2em; padding-right: 2em;}
.btn_init_pad3 {padding-left: 3em; padding-right: 3em;}

.form_init input:not([type=checkbox]):not([type=radio]):not([type=button]):not([type=submit]):not([type=reset]), textarea {border: solid 1px #ccc; border-radius: 4px; width: 100%; box-sizing: border-box;}
.form_init textarea {min-height: 100px;}

#gnb_broad { background: url('/app/assets/pc/realdoll3/images/btn/gnb_borad.jpg'); width: 120px;height: 35px;
    position: absolute; right: 240px; top: 34px;
    text-indent: -99999px;
}

.tab2 { font-size: 16px;}
.tab2 > * { background: #bcbcbc; color: white; border-left: 2px solid white; padding: .6em 0;}
.tab2 > *:first-child { border-left: none;}
.tab2 > *.on { background: black; color: white;}

.tbl2 th { font-size: 18px;}
.tbl2 td { background: #f5f5f5; padding: 1em 2em; font-size: 16px;}

.tab3 { overflow: hidden;}
.tab3 > * { background: #bcbcbc; color: white; float: left; border-left: 1px solid white; box-sizing: border-box;
    padding: .4em 1em; font-size: 18px;
}
.tab3 > *.on { background: #ff5f87; color: white;}
.tab3 > *:first-child { border-left: none;}

.srch > * { vertical-align: middle;}
.srch_input { background: #f6f6f6 !important; border: solid 1px #ccc; width: 110px !important; height: 34px;
    text-align: center;
}

.flowplayer.is-loading .fp-engine { top: 0 !important;}

.list1_w {height: 300px;}

/*page_both*/

.page_both {}
.page_both_left { float: left; width: 400px; padding: 40px 75px; box-sizing: border-box;}
.page_both_right { float: left; width: calc(100% - 400px); padding: 40px 75px; box-sizing: border-box; border-left: solid 1px #ccc;}

.lnb .page_both {margin-top: -21px;}
.lnb .page_both_right { width: 820px; min-height: 600px;}

.icon_card {background-image: url(../images/icon/card.png); height: 0.8em;}

.icon_candy {background-image: url(../images/icon/candy.png);}

.icon_candy2 {background-image: url(/comm_res/img_candy/fvc/fvc_196.png);}

.aside_left_on #main {margin-left: 300px;}
.aside_left_on #footer {margin-left: 300px;}

.aside_left {width: 300px; margin-top: 157px;
    position: absolute; left: 0; top: 0;
    box-sizing: border-box;
}
.aside_left_pad {
    padding: 29px 37px;
}


.aside_left_on #nav_lb {position: absolute; left: 50px; bottom: -200px;}

#down_player {margin-top: 20px;}


/*방송보기*/
.page_silver {padding: 20px 0px; box-sizing: border-box;}
.page_silver .tit1 {font-size: 24px; margin: 10px 0 -10px;}

/*#page {padding: 40px 0 100px 70px; width: 1330px; box-sizing: border-box; position: relative; min-height: 700px;}*/

.gnb_off #main { margin: 0 auto; float: none;}


/* setting */
.hidden {overflow: hidden;position: absolute;width: 1px;height: 1px}
.clear:after {display: block; content: ''; clear: both}
.no_bg {background: none !important}
.no_bd {border: 0 !important}
.no_pd {padding: 0 !important}
.ellipsis {display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis}
.nowrap {white-space: nowrap !important}

.fl {float: left !important}
.fr {float: right !important}
.fn {clear: both;float: none !important}
.tab-cont {display: none}


/* margin & padding */
.m0 {margin: 0 !important}
.m10 {margin: 10px !important}
.mt0 {margin-top: 0 !important}
.mt5 {margin-top: 5px !important}
.mt10 {margin-top: 10px !important}
.mt15 {margin-top: 15px !important}
.mt20 {margin-top: 20px !important}
.mt25 {margin-top: 25px !important}
.mt30 {margin-top: 30px !important}
.mr0 {margin-right: 0 !important}
.mr5 {margin-right: 5px !important}
.mr10 {margin-right: 10px !important}
.mr15 {margin-right: 15px !important}
.mr20 {margin-right: 20px !important}
.mb0 {margin-bottom: 0 !important}
.mb5 {margin-bottom: 5px !important}
.mb10 {margin-bottom: 10px !important}
.mb20 {margin-bottom: 20px !important}
.ml0 {margin-left: 0 !important}
.ml10 {margin-left: 10px !important}
.ml20 {margin-left: 20px !important}
.p0 {padding: 0 !important}
.pt0 {padding-top: 0 !important}
.pt10 {padding-top: 10px !important}
.pt20 {padding-top: 20px !important}
.pr0 {padding-right: 0 !important}
.pr10 {padding-right: 10px !important}
.pr20 {padding-right: 20px !important}
.pb0 {padding-bottom: 0 !important}
.pb10 {padding-bottom: 10px !important}
.pb20 {padding-bottom: 20px !important}
.pl0 {padding-left: 0 !important}
.pl10 {padding-left: 10px !important}
.pl20 {padding-left: 20px !important}
.border-top {border-top: 1px solid #ddd}


/* bg */
.bg-pink {background: #ff5f87 !important}
.bg-primary {background: #eef6ff !important}
.bg-danger {background: #ffecec !important}

/* font */
.fs_11 {font-size: 11px !important}
.fs_12 {font-size: 12px !important}
.fs_13 {font-size: 13px !important}
.fs_17 {font-size: 17px !important}
.fs_22 {font-size: 22px !important}
.fs_24 {font-size: 24px !important}
.fs_27 {font-size: 27px !important}
.fs_34 {font-size: 34px !important}

.tit-sub {display: block;margin: 50px 0 30px 0;font-size: 24px; text-indent: -1px;}
.tit-sub .comment {margin-left: 30px; font-size: 15px;}
.txt-pink {color: #334dac !important}
.txt-danger {color: #e14b42 !important}
.txt-black {color: #222 !important}
.txt-gray {color: #222 !important}
.txt-red {color: #cc1800 !important}
.txt-lighter {color: #888 !important}
.txt-left {text-align: left !important}
.txt-right {text-align: right !important}
.txt-center {text-align: center !important}
.font-sm {font-size: 13px !important}
.font-xsm {font-size: 12px !important}

/* info */
.info-txt.bullet p {position: relative;padding-left: 10px; font-size: 17px; margin: 4px 0 }
.info-txt.bullet p:before {content: "";display: block;width: 5px;height: 1px;background: #555;position: absolute;left: 0;top: 11px}
.info-txt-notice,
.info-txt.notice li {display: block;position: relative;padding-left: 18px}
.info-txt-notice:before,
.info-txt.notice li:before {content: "※";display: block;color: #555;position: absolute;left: 0;top: 1px}
.info-txt,
.info-txt-notice {font-size: 15px;position: relative}
.info-box {display: block;border: 1px solid #ddd;background: #ececec;padding: 12px 15px;font-size: 14px}
.info-box .tit {display: block;font-size: 16px;margin-bottom: 5px}

.info-refult {background: #e1ebff;font-size: 14px;padding: 7px 12px;position: relative}
.info-refult .txt {display: block;padding-right: 55px;color: #000}
.info-refult .btn {position: absolute;right: 10px;top: 50%;margin-top: -13px}

.info-result-none {background: #f3f3f3;color: #666;font-size: 14px;text-align: center;padding: 15px;margin: 10px}
.info-result-none .ico {margin-right: 5px}
.car-result-none {border: 1px solid #e2e2e2;text-align: center;padding: 15px 10px 20px 10px;margin: 10px;font-size: 14px;color: #5383ab;line-height: 20px}
.car-result-none .ico {display: block;margin: 0 auto 5px auto}

.list-util {border-bottom: 1px solid #ddd;text-align: right;overflow: hidden;padding: 10px 0;margin: 0 10px}
.list-util .tit-sub {float: left;line-height: 34px;margin: 0}
.list-util .btn-ico {margin-left: 2px}

/* width */
.wd100 {width: 100px !important}
.wd150 {width: 150px !important}
.wd200 {width: 200px !important}
.wd220 {width: 220px !important}
.wd300 {width: 300px !important}


/* form */
.btn-group * {vertical-align: middle;}
.inp-txt {width: 100%;height: 41px;padding: 10px;font-size: 15px;line-height: 17px;border: 1px solid #d0d0d0;background: #fff;text-align: left;outline: none;
    vertical-align: middle;
}
.inp-txt:focus {border-color: #3b6ac6}
.inp-txt + label {vertical-align: middle;}
.inp-txt.inp-sm {height: 36px;padding: 7px 8px;font-size: 14px}
textarea.inp-txt {height: 100px;overflow-y: auto;-webkit-overflow-scrolling: touch;resize: none}
textarea.inp-txt.inp-sm {height: 80px}
.inp-txt.inp-disabled {background: #f5f5f5}

.item.item-unit {padding-right: 40px}
.item.item-unit .unit {width: 40px;text-align: center;line-height: 20px;position: absolute;right: 0;top: 50%;margin-top: -10px}

.bullet-esst {display: inline-block;color: #e14b42;vertical-align: middle;margin: 6px 4px 0 0}

.select {width: 100%;height: 45px;font-size: 15px;background: #fff url(../img/select.gif) no-repeat 100% 50%;background-size: 30px 24px;text-align: left;padding: 0 8px;border: 1px solid #d0d0d0;outline: none;box-sizing: border-box;appearance: none;-moz-appearance: none;-webkit-appearance: none}
.select:focus {border-color: #3b6ac6}
.select-sm {height: 34px;font-size: 14px;padding: 0 5px}

.form-box {padding: 0 10px 10px 10px;overflow: hidden}
.form-box.bordered {border: 1px solid #ddd;background: #f8f8f8;padding: 0 10px 10px 10px;margin: 10px}
.form-box .inp-txt,
.form-box .select {margin-top: 10px;font-size: 14px}
.form-box .inp-left {width: 48.8%;float: left}
.form-box .inp-right {width: 48.8%;float: right}
.form-box .item {padding-left: 22%;overflow: hidden}
.form-box .item label {position: absolute;left: 0;top: 10px;line-height: 45px}
.form-box .item-date .inp-left,
.form-box .item-date .inp-right {width: 45%}
.form-box .item-date .sb {display: inline-block;width: 10%;line-height: 45px;text-align: center;float: left;margin-top: 10px}
.form-box .check {padding: 15px 0 5px 0;overflow: hidden}
.form-box .check label {width: 25%;float: left;font-size: 13px;letter-spacing: -1px}

.form-box .btn-group {margin: 10px 0 -10px 0}
.form-box .list-slide {margin: 10px 0 0 0}
.form-box .list-slide > li {margin-top: -1px}

.form-search {background: #f8f8f8;padding: 10px 120px 10px 10px;position: relative;overflow: hidden}
.form-search .btn {width: 100px;position: absolute;right: 10px;top: 10px}


/* label */
.label {display: inline-block;font-size: 12px;color: #000;line-height: 24px;text-align: center;padding: 0 5px;vertical-align: middle;font-weight: normal}
.label.label-primary {background: #d7eaf8}
.label.label-danger {background: #ffdedc}
.hotmark {display: inline-block;font-size: 12px;border: 1px solid #ddd;line-height: 22px;font-size: 12px;padding: 0 7px}

/* tab */
.tab-menu {display: table;width: 100%;border-collapse: collapse;background: #fff;border: solid #bcbcbc; border-width: 1px 0}
.tab-menu a:first-child,
.tab-menu .tab-btn:first-child {border-left: 1px solid #bcbcbc}
.tab-menu a, .tab-menu .tab-btn {display: table-cell;line-height: 45px;color: #656565;text-align: center;white-space: nowrap;font-size: 20px;border-right: 1px solid #bcbcbc}
.tab-menu a.on,
.tab-menu .tab-btn.on {color: #fff; background: #999;}

/* tab 분홍 */
.tab-menu02 {display: inline-flex; border-collapse: collapse;background: #fff;
    border: solid 1px #4c5b95; border-radius: 8px; overflow: hidden;
}

.tab-menu02 a, .tab-menu02 .tab-btn {
    text-align: center; white-space: nowrap;
    font-size: 17px; padding: 5px 20px;
    color: #4c5b95; position: relative;
}
.tab-menu02 a:first-child, .tab-menu02 .tab-btn:first-child {}

.tab-menu02 a::after {position: absolute; left: 0; top: 0; bottom: 0; margin: auto; width: 1px; height: 45%;
    background: #ccc; content: '';
}

.tab-menu02 a:first-child::after, .tab-menu02 a.on::after {display: none;}

.tab-menu02 a.on, .tab-menu02 .tab-btn.on {color: #fff; background: #4c5b95;}

.tab-menu02 a.on + *:after, .tab-menu02 .tab-btn.on + *:after { display: none;}


.tab-sub {display: table;width: 100%;background: #fff;border: solid #bcbcbc; border-width: 1px 0; margin: 20px 0;}
.tab-sub .tab-btn:first-child {border-left: 1px solid #bcbcbc}
.tab-sub .tab-btn {display: table-cell;line-height: 40px;color: #656565;text-align: center;white-space: nowrap;font-size: 18px;border-right: 1px solid #bcbcbc}
.tab-sub .tab-btn.on {background: #222; color: #fff}
.tab-sub .tab-btn.on:before {display: block}

.tab-form {margin: 10px}
.tab-form .tab-btn {display: block;width: 100%;padding: 10px;color: #656565; border: 1px solid #bcbcbc;font-size: 14px;margin-top: -1px;position: relative}
.tab-form .tab-btn.on {padding: 9px;border: 2px solid #fd8002;z-index: 1}

.tab-menu .tab-btn,
.tab-menu a,
.tab-sub .tab-btn {width: 50%}
.tab-menu.tab-3ea .tab-btn,
.tab-menu.tab-3ea a,
.tab-sub.tab-3ea .tab-btn {width: 33.33%}
.tab-menu.tab-4ea .tab-btn,
.tab-menu.tab-4ea a,
.tab-sub.tab-4ea .tab-btn {width: 25%}
.tab-menu.tab-5ea .tab-btn,
.tab-menu.tab-5ea a,
.tab-sub.tab-5ea .tab-btn {width: 20%}

/* list */
.list-summury {margin: 0px;padding: 0 30px; margin-top: -8px;}
.list-summury li {font-size: 18px;padding-top: 8px;clear: both;overflow: hidden;color: #222;}
.list-summury em {float: left;width: 60%;}
.list-summury span {display: inline-block; width: 40%;text-align: right;}
.list-summury.bordered {border: 1px solid #ddd;padding: 2px 12px 10px 12px}
.list-summury strong {font-weight: normal}
.list-summury .box {height: 140px;overflow-y: auto;-webkit-overflow-scrolling: touch;border: 1px solid #ddd;clear: both;margin-top: 30px;padding: 8px 12px}

.list-form {padding: 30px 40px; background: #efefef; }
.list-form table {width: 100%; margin: 0 auto; background: #efefef; border-collapse: collapse; }
.list-form th {text-align: left;font-size: 18px;color: #000;line-height: 18px;font-weight: normal;padding: 10px}
.list-form td {padding: 10px 40px;font-size: 14px; text-align: left}
.list-form .item-left {width: 49%;float: left}
.list-form .item-right {width: 49%;float: right}
.list-form textarea.inp-txt {height: 100px}

.list-form.bordered {border-top: 0}
.list-form.bordered th,
.list-form.bordered td {border: 1px solid #ddd}

/* bg 테이블 */
.table01 {width: 100%;border-collapse: collapse;}
.table01 table {width: 100%; }
.table01 th {font-size: 16px; background: #efefef; padding: 7px 5px; font-weight: normal}
.table01 td {font-size: 16px; border-bottom: 1px solid #bcbcbc; padding: 9px 5px; text-align: center}
.table01 tr:last-child td {border-bottom: none;}
.table01 strong {font-weight: normal}
/* 라인 테이블 */
.table02 {width: 100%;border-collapse: collapse;}
.table02 table {width: 100%; }
.table02 th {font-size: 21px; padding: 12px 5px; border-bottom: 1px solid #7f7f7f; font-weight: normal;}
.table02 td {font-size: 20px; border-bottom: 1px solid #bcbcbc; padding: 9px 5px; text-align: center; color: #535353}

/* bottom 라인 없는 테이블*/
.table03 h4 {width: 100%;font-size: 20px;font-weight: bold;padding-bottom: 5px;margin-bottom: 0;}
.table03 table {width: 100%; border-top: 2px solid #2a2a2a; font-size: 18px;border-collapse: separate; border-spacing: 0 10px;}
.table03 th, .table03 td {padding: 5px;font-weight: normal; text-align: left}
.table03 input {width: 70%}
.table03 select {width: 30%}

/* button */

.btn {display: inline-block;
    font-size: 16px; color: #fff;text-align: center;
    white-space: nowrap;
    padding: .15em 1.1em;
    vertical-align: middle; box-sizing: border-box;
}
.btn:focus {outline: 1px dotted #3b6ac6}
.btn.btn-sm {min-width: 80px;height: 36px;line-height: 36px;font-size: 15px;padding: 0 10px;box-sizing: border-box;}
.btn.btn-xsm {min-width: 80px;font-size: 15px;padding: 0 3px;}
.btn.btn-block {display: block;width: 100%;margin: 10px 0}

.btn.btn-gray {background: #999;border: 1px solid #999}
.btn.btn-lightgray {background: #eeeeee;border: 1px solid #eeeeee; color: #222}
.btn.btn-pink {background: #ff6699;border: 1px solid #ff6699}
.btn.btn-white {background: #fff; color: #222; font-size: 24px}
.btn.btn-line-gray {background: #fff;border: 1px solid #999;color: #222}
.btn.btn-line-primary {background: #fff;border: 1px solid #3b69c6;color: #3b69c6}
.btn.btn-line-accent {background: #fff;border: 1px solid #fd8002;color: #fd8002}

.btn-ico {border: 1px solid #ddd;width: 34px;height: 34px}
.btn-ico.on {border-color: #888}
.btn-ico .ico {opacity: .5;
    transition: all 100ms ease-in-out;
    -o-transition: all 100ms ease-in-out;
    -ms-transition: all 100ms ease-in-out;
    -moz-transition: all 100ms ease-in-out;
    -webkit-transition: all 100ms ease-in-out;
}
.btn-ico.on .ico {opacity: 1}

.btn-group {width: 100%; text-align: center; margin: 30px auto}
.btn-group .btn-center {width: 100%}
.btn-group .btn-left {width: 48.8%;min-width: 100px;float: left}
.btn-group .btn-right {width: 48.8%;min-width: 100px;float: right}

.btn-top {display: none;width: 40px;height: 40px;line-height: 40px;font-size: 14px;color: #fff;border-radius: 100%;opacity: .8;background: #222;position: fixed;right: 0;bottom: 0;margin: 5px;z-index: 500}
.util-bottom {background: #fff;position: fixed;left: 0;right: 0;bottom: 0;z-index: 500;border-top: 1px solid #ddd}


/******************************************************* content **************************************************/

/*aside*/
.aside {
    /*float: left;*/
    position: absolute;
    padding: 0px 0 40px;
    width: 250px; /*height: calc(100% - 200px);*/
    background: #efefef;
}
.aside::after {content: ''; display: table; clear: both;}
.aside em {font-style: normal}
.aside .tit {padding: 0 40px; margin-bottom: 10px;box-sizing: border-box;font-size: 22px;}
.aside .list-summury i {display: inline-block; width: 23px; height: 30px; margin-right: 5px;vertical-align: middle;}
.aside .list-summury i.gold {background: url(/comm_res/img/icon/icon_fan.png) -14px -19px}
.aside .list-summury i.silver {background: url(/comm_res/img/icon/icon_fan.png) -14px -56px;}
.aside .list-summury i.bronze {background: url(/comm_res/img/icon/icon_fan.png) -14px -91px;}
.aside .list-summury i.num {width: 23px; height: 23px;line-height: 23px; color: #fff; font-size: 15px; font-style: normal; background: #b8b5c8; text-align: center; border-radius: 23px; margin-bottom: 2px}

.aside_img_wrap > div {border-radius: 15px; overflow: hidden;}

.aside_item {padding: 0 20px; margin: 20px 0;}

.tab-menu + .tab_submenu {width: 100%; border: 1px solid #b2b2b2; padding: 10px 0; text-align: center; box-sizing: border-box;
    margin: 15px 0 0;
}
.tab-menu + .tab_submenu li {position: relative;display: inline-block; padding: 0 12px; text-align: center }
.tab-menu + .tab_submenu li a {display: block; font-size: 17px; color: #656565; }
.tab-menu + .tab_submenu li.on a { color: #ff5f87; }
.tab-menu + .tab_submenu li:after {position: absolute; top: 5px; right: -1px; display: block; content: ''; width: 5px; height: 15px; border-right: 1px solid #b2b2b2; padding-right: 10px; }
.tab-menu + .tab_submenu li:last-child:after {border-right: 0}


/*파일첨부*/
.filebox input[type="text"] {width: 79.9%;border: 1px solid #d0d0d0 !important;vertical-align: middle;}
.filebox .btn {width: 19%;}
.filebox input[type="file"] {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);border: 0}


.list-view table {width: 100%; border-collapse: collapse; border-top: 1px solid #cc1800;padding: 20px;}
.list-view th, .list-view td {text-align: left; width: 100%}
.list-view .tit {border-bottom: 1px solid #b2b2b2}
.list-view .tit td {padding: 20px 0;}
.list-view .tit p {display: block; content: ''; clear: both}
.list-view .tit strong {display: block; font-size: 24px; margin-bottom: 5px}
.list-view .tit span {display: inline-block}
.list-view .cont td {padding: 20px 0; font-size: 21px; line-height: 32px}

.commentbox {width: 100%; margin-top: 60px; margin-bottom: 60px}
.commentbox > p {font-size: 21px; padding-bottom: 10px;margin-bottom: 10px; border-bottom: 1px solid #222}
.commentbox > p strong {font-weight: normal}
.commentbox .info {margin-bottom: 10px;}
.commentbox .info span {margin-right: 10px; font-size: 18px; color: #7a7a7a}
.commentbox .info span {margin-right: 10px; font-size: 18px; color: #7a7a7a}
.commentbox .info .delete {font-family: arial;display: inline-block;text-align: center;width: 24px;height: 23px;font-size: 17px;border: 1px solid #222;color: #222;border-radius: 5px;}
.commentbox .info .delete a {display: block; }
.commentbox_regist {margin-top: 40px;}
.commentbox_regist textarea {width: 84%; height: 90px; border: 0 }
.commentbox_regist button {float: right;width: 15%; min-width: 120px; height: 90px; }


/*팬등급*/
.fangrade i {display: inline-block; width: 55px; height: 55px; margin: 0 20px 0 25px; vertical-align: middle; position: relative; top: -2px;}
.fangrade i.passion {background: url(/comm_res/img/icon/icon_fangrade.png) -8px -38px;}
.fangrade i.platinum {background: url(/comm_res/img/icon/icon_fangrade.png) -8px -132px;}
.fangrade i.vip {background: url(/comm_res/img/icon/icon_fangrade.png) -8px -222px;}
.fangrade i.gold {background: url(/comm_res/img/icon/icon_fangrade.png) -8px -315px;}
.fangrade i.silver {background: url(/comm_res/img/icon/icon_fangrade.png) -8px -408px;}
.fangrade i.bronze {background: url(/comm_res/img/icon/icon_fangrade.png) -8px -501px;}


.thumb_chg {position: relative; margin-top: 20px}
.thumb_chg:after {display: block; content: ''; clear: both}
.thumb_chg_img {float: left; width: 250px; height: 170px; border: 1px solid #b2b2b2; border-radius: 12px; margin-right: 30px;
    background: center / cover;
}
.thumb_chg p { display: inline-block; margin: -5px 0 0;}
.thumb_chg p button {display: block; margin: 20px 0}


.txtarea-txt {position: relative; }
.txtarea-txt .txt {position: absolute; bottom: 10px; right: 7px; font-size: 12px; color: #999}

/*랭킹*/
.rank_tb_img {width: 132px;height: 82px;border: 1px solid #bcbcbc;box-sizing: border-box; text-indent: -9999px;}
.rank-table .btn-item:after {display: block; content: ''; clear: both}
.rank-table .btn-item p {position: relative; display: inline-block; margin-left: 15px}
.rank-table .name {}
.rank-table .score i { display: inline-block; width: 25px; height: 30px; vertical-align: middle;}
.rank-table .btn-item p i { position: absolute; top: 0; left: 0; display: inline-block; width: 34px; height: 34px; vertical-align: middle;cursor: pointer;}
.rank-table .score span {display: block; font-size: 14px;}
.rank-table .score-gift {background: url(/comm_res/img/icon/icon_rank.png) -19px 288px;}
.rank-table .score-watch {background: url(/comm_res/img/icon/icon_rank.png) -19px 245px;}
.rank-table .score-good {background: url(/comm_res/img/icon/icon_rank.png) -19px 204px;}

.rank-table .btn-item p i.rank-watch {background: url(/comm_res/img/icon/icon_rank.png) -13px 167px;}
.rank-table .btn-item p i.rank-gift {background: url(/comm_res/img/icon/icon_rank.png) -15px 117px;}
.rank-table .btn-item p i.rank-mark {background: url(/comm_res/img/icon/icon_rank.png) -13px 79px;}
.rank-table .btn-item p i.rank-msg {background: url(/comm_res/img/icon/icon_rank.png) -14px 38px;}
.rank-table .btn-item p:after {
    display: block;
    content: '';
    width: 34px;
    height: 34px;
    line-height: 23px;
    color: #fff;
    font-size: 15px;
    font-style: normal;
    background: #4c5b95;
    text-align: center;
    border-radius: 23px;
    margin-bottom: 2px;
}

.rank-mark.on {background: url(/-pc/img/rank/icon-fav-on.png) center no-repeat !important;}


.tbl_list {margin: 20px 0;}
.tbl_list > thead > tr > th {background: #efefef; color: #222; font-weight: normal; font-size: 18px;
    padding: 9px 5px;
}
.tbl_list > tbody > tr > td {border-bottom: solid 1px #ccc;
    text-align: center;
    padding: 10px 7px;
}
.tbl_list > tbody > tr:last-child > td {border: none;}

@media (min-width: 1000px) {
    .tbl_list > tbody > tr:hover td {background: #f5f5f5;}
}


@media (max-width: 1000px) {
    .tbl_list > tbody > tr > td {border-bottom: 0;}
}

/**/

.tbl_view {margin: 20px 0;}
.tbl_view > thead > tr > th {background: #efefef; color: #222; font-weight: normal; font-size: 18px;
    text-align: left;
    padding: 9px 30px;
}
.tbl_view > tbody > tr > td {border-bottom: solid 1px #ccc;
    text-align: left;
    padding: 7px 30px;
}
@media (max-width: 1000px) {
    .tbl_view > thead > tr > th {padding: 7px 15px;}
    .tbl_view > tbody > tr > td {padding: 7px 10px;}
}
.tbl_view > tbody > tr:last-child > td {border-bottom: solid 1px #ccc;}
/*.tbl_view > tbody > tr:hover td{background: #f5f5f5;}*/

.tbl_view .contents {min-height: 300px; margin: 1em 0;}

.tbl_view_separ {display: inline-block; height: 10px; overflow: hidden; width: 1px; background: #555; vertical-align: middle;
    margin: 0 10px;
}

/**/

.tbl_write_wrap {background: #efefef; padding: 30px 20px; margin: 20px 0;}
.tbl_write {margin: 0 0;}
.tbl_write > thead > tr > th {background: #efefef; color: #222; font-weight: normal; font-size: 18px;
    text-align: right;
    padding: 9px 30px;
}
.tbl_write > tbody > tr > th {
    vertical-align: top; font-weight: normal; text-align: right; font-size: 18px;
    padding: 7px 0;
}
.tbl_write > tbody > tr > td {
    padding: 7px 30px;
}
.tbl_write > tbody > tr > td * { font-size: 16px !important;}
.tbl_write > tbody > tr:last-child > td {}
/*.tbl_write > tbody > tr:hover td{background: #f5f5f5;}*/

.tbl_write .contents {min-height: 300px;}

.tbl_write_separ {display: inline-block; height: 10px; overflow: hidden; width: 1px; background: #555; vertical-align: middle;
    margin: 0 10px;
}

.tab {display: inline-flex; border-collapse: collapse; border-radius: 8px; overflow: hidden;
    border: solid 1px #aaa;
}
.tab > * {display: table-cell;
    vertical-align: middle; text-align: center;
    min-width: 9em;
    padding: .5em 0;
    font-size: 16px;
    background: white; position: relative;
}
.tab > *.on {color: #fff; background: #222222;}

.tab > *::after {content: ''; position: absolute; top: 0; bottom: 0; margin: auto;
    left: 0; width: 1px; height: 50%; background: #ccc;
}

.tab > *:first-child::after, .tab > *.on::after {display: none;}

.btn_area {text-align: center; margin: 50px 0;}
.btn_area > * {margin: 0 3px;}

#pop_my {
    position: absolute; right: 0px; top: 57px;
    background: white; border: solid 1px #ccc;
    box-sizing: border-box;
    width: 390px;
}
.pop_my_profile {padding: 20px;}
.pop_my_close {position: absolute; right: 10px; top: 10px; width: 25px; height: 25px; font-weight: bold;
    color: gray; background: url(/comm_res/img/icon/icon_close.png) center / 100% 100%;
    text-indent: -99999px;
}

.append-vod .tbl_init td {padding: 0;}

.container {margin-top: -20px;}
.container #page_tit {margin-top: 40px;}

.page_cast_view {
}

.flowplayer.is-ready:not(.is-poster) {background: #1a1a1a !important;}

.video_19 {color: #c81639; position: relative; left: 15px; background: none; display: inline-block;
    height: 25px; border-radius: 200px;
    line-height: normal; font-size: 16px; font-weight: bold;
    vertical-align: middle;
}

.icon_watch_full {background-image: url(/comm_res/img/icon/watch_full.png); position: relative; top: 1px;}

.main_list > li {float: left;}

.chat_nick .icon_init {font-size: 15px;}

.icon_mc {position: relative; top: -.2em;}

.media3s {padding: 0; margin-left: -10px;}

.media3 {list-style: none; width: 204px; float: left;
    margin: 0 0 20px 10px; position: relative; height: 173px;
    overflow: hidden; background: white;
}

.media3_img_area {width: 99%; height: 130px; position: relative;
    background: silver; border: solid 1px silver; box-sizing: border-box; overflow: hidden;
}

.media3_img {width: 100%; height: 100%; transition: all .2s; background: silver center / cover;}

/*img scale*/
.media3:hover .media3_img {transform: scale(1.1);}

/*img scale*/
.video_t2_img_wrap:hover .video_t2_img {transform: scale(1.1);}

/*play_btn*/
.media3_img_area::before {content: ''; display: block; background: url(/comm_res/img/icon/play.png) center / 100% 100% no-repeat; width: 20px; height: 23px;
    position: absolute; left: 0; right: 0; top: 44px; bottom: auto; margin: auto; z-index: 1; opacity: 0; transition: .2s;
}
.media3_img_area::after {content: ''; display: block; background: url(/comm_res/img/icon/play-circle.png) center / 100% 100% no-repeat; width: 66px; height: 66px;
    position: absolute; left: 0; right: 0; top: 22px; bottom: auto; margin: auto; z-index: 1; opacity: 0; transition: .4s;
    transform: scale(1.5);
}
.media3:hover .media3_img_area::before {opacity: 1;}
.media3:hover .media3_img_area::after {opacity: 1; transform: scale(1);}

.video_t2_img_wrap * {transition: all .3s;}
/*play_btn*/
.video_t2_img_wrap::before {content: ''; display: block; background: url(/comm_res/img/icon/play.png) center / 100% 100% no-repeat; width: 20px; height: 23px;
    position: absolute; left: 0; right: 0; top: 66px; bottom: auto; margin: auto; z-index: 1; opacity: 0; transition: .2s;
}
.video_t2_img_wrap::after {content: ''; display: block; background: url(/comm_res/img/icon/play-circle.png) center / 100% 100% no-repeat; width: 66px; height: 66px;
    position: absolute; left: 0; right: 0; top: 44px; bottom: auto; margin: auto; z-index: 1; opacity: 0; transition: .4s;
    transform: scale(1.5);
}
.video_t2_img_wrap:hover::before {opacity: 1;}
.video_t2_img_wrap:hover::after {opacity: 1; transform: scale(1);}

/*img_cover*/
.media3_img::before {content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: black; opacity: 0; transition: .2s;}
.media3:hover .media3_img::before {opacity: .6;}

/*img_cover*/
.video_t2_img::before {content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: black; opacity: 0; transition: .2s;}
.video_t2_img_wrap:hover .video_t2_img::before {opacity: .3;}

.media3_state_area {width: 204px; height: 130px; position: absolute; left: 0; top: 0;}
.media3_state_tl {position: absolute; left: 6px; top: 5px;}
.media3_state_tl > * {margin-right: 1px;}

.media3_state_tr {position: absolute; right: 8px; top: 3px;}

.media3_state_tr > div {margin: 0 0 4px 0;}

.media3_info {position: absolute; left: 0px; top: -25px; width: 99%; transition: .2s;}
.media3_info::before {content: ''; display: block; position: absolute; width: 100%; height: 100%; background: black;
    opacity: .6;
}

.media3_info_txt {color: white; font-size: 12px; position: relative; height: 25px; line-height: 25px;
    display: block; margin-left: 10px;
}

.media3_txt_area {background: white; position: relative; transition: all .2s; bottom: 0; left: 0px;
    width: 100%; min-height: 30px;
    padding: 0 2px; box-sizing: border-box;
}
.media3:hover .media3_txt_area,
.media3:hover .media3_state_btm {bottom: 18px;}

.media3_txt1_area {padding: 5px 0 5px;}
.media3_txt1 {float: left; font-size: 13px; white-space: nowrap; width: 172px; overflow: hidden; text-overflow: ellipsis;
    line-height: 1.3; max-height: 2.6em; position: absolute;
}
.media3:hover .media3_txt1 {white-space: normal;}
.media3_txt2 {float: right; font-size: 13px;}
.media3_txt3 {font-size: 12px; position: absolute; left: 0; bottom: 0; background: white; white-space: nowrap;}
.media3_txt4 {float: right; font-size: 12px;}

.media3s_col4.media3s {margin-left: -34px; width: 1096px;}
.media3s_col4 .media3 {width: 240px; height: 202px; margin-left: 34px;}

.media3s_col4 .media3_img_area {height: 162px;}
.media3s_col4 .media3_state_area {width: 100%;}
.media3s_col4 .media3_img_area::before {top: 47px;}
.media3s_col4 .media3_img_area::after {top: 25px}
.media3s_col4 .media3_txt1 {width: 205px;}

.media3 dl {overflow: hidden; width: 100%; text-align: left; white-space: nowrap; /* text-overflow: ellipsis;*/}
.media3 dl > dt {display: inline-block;}
.media3 dl > dt:first-child { /*margin-left: 15px;*/}
.media3 dl > dd {display: inline-block; margin-right: 8px;}
.media3 dl > dd:before {content: ''; display: inline-block; width: 1px; height: 8px; background: white;
    margin: 0 3px 0 1px; opacity: .5;
}

.pop_tit {font-size: 20px !important; font-weight: normal; background: #334dac; border: solid 1px #334dac;}

.pop3_head {background: #ea364b;}

#pop_mission ul {border-collapse: collapse !important;}
#pop_mission ul > li > div { padding: 10px 5px 5px 5px;}

.video_blind {
    position: absolute; width: 100%; height: 100%; z-index: 99;
    background: url(/comm_res/img/bg/blind_bg.jpg) center / cover;
    display: block;
}

.video_blind::before {content: ''; width: 150px; height: 150px;
    background: url(/comm_res/img/icon/blind_police.png) no-repeat center / cover;
    position: absolute; left: 50%; transform: translatex(-50%); top: 40px;
    z-index: 1;
}

.video_blind_text { border-radius: 10px;
    position: absolute; display: table-cell;
    padding: 40px 50px; top: 50%; left: 50%; transform: translatex(-50%) translatey(-50%);
    background: black; color: white; font-size: 20px;
    text-align: center; vertical-align: middle;
}

.video_blind_text div {white-space: nowrap;}

.video_blind_text .f_red {color: red !important; font-weight: bold;}


input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.icon_cast_thumb_grade_1 {background-image: url(/comm_res/img/icon/cast_thumb_grade_1.png); width: 20px; height: 20px;}
.icon_cast_thumb_grade_2 {background-image: url(/comm_res/img/icon/cast_thumb_grade_2.png); width: 20px; height: 20px;}
.icon_cast_thumb_grade_3 {background-image: url(/comm_res/img/icon/cast_thumb_grade_3.png); width: 20px; height: 20px;}
.icon_cast_thumb_grade_4 {background-image: url(/comm_res/img/icon/cast_thumb_grade_4.png); width: 20px; height: 20px;}
.icon_cast_thumb_grade_5 {background-image: url(/comm_res/img/icon/cast_thumb_grade_5.png); width: 20px; height: 20px;}
.icon_cast_thumb_grade_6 {background-image: url(/comm_res/img/icon/cast_thumb_grade_6.png); width: 20px; height: 20px;}

.pay_type_btns {line-height: 4;}
.pay_type_btns > button {line-height: 3; height: 3em; padding-top: 0 !important; padding-bottom: 0 !important;}
.pay_type_btns > button > div {line-height: 1.3;}

.icon_cast_thumb_event {background-image: url(/comm_res/img/thumb/01.png); position: absolute; bottom: 30px; left: 20px;
    width: 40px; height: 15px; display: none;
}

.slick-slide {position: relative;}

.tag_cate_init {font-family: gulim, sans-serif; font-size: 12px; padding: 0 .6em; line-height: 1.7;
    border-radius: .2em;
    display: inline-block;
    background: #00a0e9; color: white; font-weight: bold;
}
.tag_cate_private {background: #eb6877;}
.tag_cate_sports {background: #00a0e9;}
.tag_cate_movie {background: #ae5da1;}
.tag_cate_music {background: #f29b76;}
.tag_cate_etc {background: #898989;}

.tb_1 {width: 100%; border-collapse: collapse; border-top: solid 2px #555555;}
.tb_1 th, .tb_1 td {border-bottom: solid 1px #ddd; padding: .5em .5em;}
.tb_1 th {text-align: center; background: #eee;
    font-weight: normal;
}
.tb_1 td {text-align: center;
}

.tb_2 {width: 100%; border-collapse: collapse; border: solid 2px #555555;}
.tb_2 th, .tb_2 td {border-bottom: solid 1px #ddd; padding: .5em .5em;}
.tb_2 th {text-align: center; background: #eee;
    font-weight: normal;
}
.tb_2 td {text-align: center;
}

.box5 {background: #eee; padding: 1px 20px; margin: 2em 0 1.5em;}
.box5 ul {padding: 0; line-height: normal}
.box5 li {list-style: none;}

.list_4 {padding: 0 0 0 1.5em; margin: .5em 0; line-height: 1.8;}
button {vertical-align: middle;}

#pop_alert .pop_btns button:focus {outline: none;}

.cast_adult {position: absolute; width: 100%; height: 100%; left: 0; top: 0;
    z-index: 30;
}

.media3_state_bl {position: absolute; left: -2px; top: -60px;}
.on_info_class .media3_state_bl {position: absolute; left: -2px; top: -84px;}

.media3_state_br {position: absolute; right: 5px; top: -82px;}

.icon_valen {width: 54px; height: auto; position: absolute; left: 0; top: 0; z-index: 2;}

.icon_valen_back {animation: fadein-out 1s infinite; z-index: 1;}

.icon_dust_white {background-image: url(/comm_res/img/icon/icon_dust_white.png);}

@keyframes fadein-out {
    0% { opacity: 1; }
    50% { opacity: 0; }
    100% { opacity: 1; }
}

.pop_star_candy .img_area img {border-radius: 10px;}


body.res_page {min-width: 560px; background: #efefef;}

.res_page #header {position: static;}

.res_page .header_1_inner, .res_page .header_2_inner {max-width: 97%; margin-left: -.2%;}

.res_page #container {margin-top: 0; height: calc(100% - 115px);}
.res_page #container_inner {width: auto; height: 100%;}

.res_page #main {padding: 0; width: auto; height: 100%; min-height: auto;}

.res_page #page { height: 100%;}

.res_page .video_area {width: auto; height: 100%;}

.res_page .video {width: calc(100% - 619px); height: 100%; overflow-y: auto;}

.res_page .video_video {max-height: 100px; transition: all 1s;}

.res_page .chat {width: 317px; height: 100%; box-sizing: border-box;
    border: 5px solid #333 !important; border-top: none !important; border-bottom: none !important;
}

.res_page .chat_txt {height: calc(100% - 100px);}

.res_page .chat_txt_inner {height: 100%; box-sizing: border-box;}

.v_recomm_live {width: 302px; height: 100%; float: left; border-left: 1px solid #111; box-sizing: border-box;}

.v_recomm_live-head {line-height: 50px; background: #333333; color: white; padding: 0 10px; font-size: 13px;}

.icon-recomm {background-image: url(/comm_res/img/icon/icon-recomm.png); width: 12px; height: 13px;}

/*#res_tablet*/
@media (max-width: 1024px) {
    .res_page .video {width: calc(100% - 317px);}

    .v_recomm_live {display: none;}
}

@media (min-width: 1700px) {
    .res_page .video_video {padding-bottom: 650px !important;}
}

@media (max-height: 800px) and (min-width: 1500px) {
    .res_page .video_video {padding-bottom: 35% !important;}
}

@media (max-height: 700px) and (min-width: 1500px) {
    .res_page .video_video {padding-bottom: 25% !important;}
}

@media (max-height: 600px) and (min-width: 1500px) {
    .res_page .video_video {padding-bottom: 15% !important;}
}

.cast-adult {position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: black; z-index: 99999;
    background: url(/comm_res/img_p/cast/cast-19-bg.jpg) center / 100% 100%;
}

.cast-adult img {max-height: 66%; max-width: 549px; margin: auto; left: 0; right: 0; position: absolute; top: 0; bottom: 0;;}

.res_page .cvp { padding-left: 10px; background: #efefef; margin-top: 0;}

.res_page .cvp_tit {margin-bottom: 2px;}

.res_page .cvp_text_area {font-size: 13px;}

.res_page .cvp_l1 {font-size: 14px;}

.v_recomm_live_list_area {background: #1f1f1f; height: calc(100% - 50px); overflow-y: auto; color: #898989; padding: 10px;
    font-size: 13px; box-sizing: border-box;
}

.list2 {}
.list2 > * {border-bottom: solid 1px #545454; padding: 5px 0; list-style: none;}
.list2 > *:last-child {border-bottom: 0;}

.list2_img_col { }
.list2_img {width: 89px; height: 62px; border: solid 1px #898989; box-sizing: border-box; border-radius: 5px; background-size: cover;
    position: relative;
}

.list2_text_col {padding-left: 7px;}
.list2_text_col-1 {font-size: 13px;}
.list2_text_col-2 {font-size: 13px; margin-top: 3px;}
.list2_text_col-3 {font-size: 12px;}

.list2-recomm a {display: block;}

.v_recomm_live_list_area_more {width: 100%; background: #343434; color: #898989; border: solid 1px #545454;
    padding: 7px 0; margin: 10px 0;
}

.icon-view-gray {background-image: url(/comm_res/img/icon/icon-view-gray.png); height: .7em;}

.res_page .media_19 {width: 17px; height: 17px; left: 2px; top: 0px;}

.page-tit2 {font-size: 26px; font-weight: normal;}

.present_tbl th {}
.present_tbl td {padding-left: 15px;}


/* 채팅창 닉네임 클릭시 팝업 */
.tooltip_mask {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 10;display: none;}
.tt {z-index: 11;}
.tt {font-size: 12px; border: solid 1px #7d7d7d; font-family: dotum, sans-serif; position: absolute; background: white;
    padding: 10px;
}
.tt a {display: block; padding: 3px;}
.tt a:hover {background: #eee;}

.on_item_list_up .media3_txt1 {width: 150px; left: 25px;}
.on_item_list_up .media3_txt3 {left: 25px;}
.media3_list_up {width: 18px; position: absolute; left: 0; top: 8px; z-index: 100;}

.tab5 {font-size: 20px; line-height: 0;}

.tab5 > * {background: #dddddd; min-width: 150px; border-radius: 200px; padding: 1em;
    display: inline-block; text-align: center; margin-right: 8px;
}
.tab5 > *.on {background: #333333; color: white;}
.tab5 > *:last-child {margin-right: 0;}

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

.tbl_form {border-collapse: collapse;}

.tbl_form > tbody > tr {}

.tbl_form > tbody > tr > td {box-sizing: border-box;}

/*#icon*/
.icon_time {background-image: url(/comm_res/img_p/icon_time.png); width: 1em; height: 1em;}
.icon_new_right {background-image: url(/comm_res/img_p/icon_new_right.png); width: 1em; height: 1em;}

.page_tit_t2 {font-family: noto_m; font-weight: normal; font-size: 21px; margin: 20px 0 12px;}
/*.page_tit_t2:first-child {margin-top: 0;}*/

.video_t2_list {display: flex; margin-left: 0px; /*flex-wrap: wrap;*/}

.video_t2_wrap { margin: 0 12px 30px 0; width: 256px;}
.video_t2_wrap_col4:nth-child(4n) {margin-right: 0 !important;}

.video_t2 {background: white;
    border-radius: 8px; overflow: hidden;
}

.video_t2_img_wrap {width: 256px; height: 154px; position: relative; background: white;
    border-radius: 8px; overflow: hidden; box-sizing: border-box; border: solid 1px #eee;
}

.video_t2_img {width: 100%; height: 100%;
    background: url(/comm_res/img/icon/no_img_2.jpg) no-repeat center / cover;
}

.video_t2_txt_sec {padding-top: 0.1px; position: relative;}

.item_em_video {background: url(/comm_res/img_rose_dev_p/item/em_video.jpg) center / cover; }

.item_list_up_gold::before {
    content: ''; position: absolute; right: 0; top: 0;
    background: url(/comm_res/img_rose_dev_p/item/list_up_gold.png) center / cover; width: 20px;height: 32px;
}
.item_list_up_silver::before {
    content: ''; position: absolute; right: 0; top: 0;
    background: url(/comm_res/img_rose_dev_p/item/list_up_silver.png) center / cover; width: 20px;height: 32px;
}

.video_t2_txt1 {font-size: 15px; margin: 10px; line-height: 1.3; height: 2.6em; overflow: hidden; color: black;}

.video_t2_img_wrap .b_tl_sec {left: 8px; top: 5px;}
.video_t2_img_wrap .b_tl_sec > * {margin-bottom: 3px;}

.video_t2_img_wrap .b_tr_sec {top: 6px; right: 7px;}

.video_t2_img_wrap .b_br_sec {bottom: 0px; right: 5px;}

.video_t2_txt2 {padding: 0px 10px 4px; margin-top: -2px;}

.tt_t2 {background: #333333; color: white; position: absolute; left: -27px; top: -28px;
    font-size: 13px; padding: 3px 10px; border-radius: 5px; display: none;
}
.tt_t2::after {content: ''; width: 8px; height: 8px; background: #333333;
    position: absolute; bottom: -4px; left: 0; right: 0; margin: auto; transform: rotate(45deg);
}

.main_bn .swiper2 {overflow-x: hidden; overflow-y: visible;}
.main_bn li {float: left; overflow: hidden; border-radius: 12px;}
.main_bn_img {width: 706px; height: 220px; background: url(/comm_res/img/icon/no_img_2.jpg) center; max-width: 100%; max-height: 100%;}

.swiper-wrapper {width: 99999999px;}

.swiper-pagination-bullet {width: 15px; height: 15px; border-radius: 50%; background: #c8c8c8; display: inline-block;
    cursor: pointer; text-indent: -99999px; margin: 0 5px;
}
.swiper-pagination-bullet-active {background: #ea364b;}

.media3_txt1 {position: relative; left: 5px;}
.media3_txt3 {margin: 0 0 3px 7px;}

.icon_notice {}

/*feed*/
.feed .aside {position: static;}
.feed body {background: #fff;}
.feed #main {padding-top: 0;}
.feed .container {margin-top: 0;}

.b-btn-white {background: #fff !important; color: #222 !important; border: solid 1px #bbb !important;}
.b-btn-black {background: #000 !important; color: #fff !important;}

.page_white { background: #fff; padding: 1px 20px 30px; border-radius: 10px;}
.page_white > *:first-child {margin-top: 30px !important;}

.tbl_bb_wrap {border: solid 1px #ddd; border-radius: 8px; overflow: hidden;}

.tbl_bb th {padding: 10px 10px; border-left: solid 1px #ddd;}
.tbl_bb th:first-child {border-left: none;}

.tbl_bb td {padding: 15px 10px; border-left: solid 1px #eee;}
.tbl_bb td:first-child {border-left: none;}

.reco_code_i_1 {background: #7f4eb7;}

#pay_bp_gold_text { color: #e63641;}
#pay_bp_gold_text strike { color: #888;}


.tab7 {display: flex; margin: 20px 0;}

.tab7 > * {display: inline-flex;border: solid 1px #ccc; padding: .5em 1em; background: white;
    font-size: 13px; margin-left: 10px; align-items: center;
    font-family: 'Malgun Gothic';
}
.tab7 > *:first-child { margin-left: 0;}
.tab7 > *.on {border: solid 1px #334dac; color: #334dac;}

.tab7 > * i {margin-right: .3em;}

.b-icon-pencil {background-image: url(/comm_res/img_p/icon/b-icon-pencil.png);}
.b-icon-set {background-image: url(/comm_res/img_p/icon/b-icon-set.jpg);}
.b-icon-set-on {background-image: url(/comm_res/img_p/icon/b-icon-set-on.jpg);}
.b-icon-pic {background-image: url(/comm_res/img_p/icon/b-icon-pic.jpg);}
.b-icon-pic-on {background-image: url(/comm_res/img_p/icon/b-icon-pic-on.jpg);}

.b-btn2 {font-size: 13px; background: white; border: solid 1px #aaa;
    color: #222; font-family: "Malgun Gothic"; padding: .5em 1em;
    display: inline-flex; align-items: center;
    margin-left: 5px; vertical-align: middle;
}

.b-btn2:first-child {margin-left: 0;}

.b-btn2 i {margin-right: .4em;}

.b-btn2-blue {border: solid 1px #334dac;}


.chat4 {position: relative; display: flex; margin: 25px 0 50px; height: 650px;}
.chat4 ::-webkit-scrollbar {width: 10px;background: #eee;}
.chat4 ::-webkit-scrollbar-thumb {background: #ccc;border-radius: 200px}

.chat4_list_sec {width: 420px; border-radius: 8px; height: 100%; padding: 15px 3px 15px 20px;
    box-sizing: border-box; background: #fff;
    flex-shrink: 0;
}
.chat4_list {height: calc(100% - 80px); overflow-y: auto;}
.chat4_item {margin-right: 17px; display: flex; align-items: center; line-height: 1.8;}

.chat4_btn_wrap {text-align: center; margin-top: 30px;}

.chat4_chat_sec {margin-left: 10px; width: 100%; background: #fff; border-radius: 8px; height: 100%;
    overflow: hidden; position: relative;
}

.chat4_tit_sec { display: flex; flex-wrap: wrap; align-items: center;
    padding: 20px 10px 20px 20px;
    box-sizing: border-box; height: 80px;
}

.chat4_notice {background: #9daab7; color: white;
    border: solid 1px #ccc; border-radius: 5px; overflow: hidden;
    position: absolute; left: 0; top: 80px; width: 93%; z-index: 100;
    right: 0; margin: auto;
}

.chat4_notice_tit {
    background: url(/comm_res/img/icon/notice.png) no-repeat 9px center / 15px;
    padding: 5px 5px 5px 30px;
}
.chat4_notice_button_wrap {border-top: solid 1px #ccc; font-size: 10px;
    padding: 5px 5px 5px 20px;
    display: flex; align-items: center;
}
.chat4_notice_button_wrap button:nth-child(2) {margin-left: auto; margin-right: 5px;}

.chat4_tit_sec > *:nth-child(1) {}
.chat4_tit_sec > *:nth-child(2) {margin-left: 15px;}
.chat4_tit_sec > *:nth-child(3) {margin-left: auto;}

.chat4_screen {
    height: calc(100% - 160px);
    padding: 0 20px 0; overflow-y: auto; margin-right: 5px;
}

.chat4_obj__system > div {
    box-sizing: border-box;
    background: #e5e5e5; border-radius: 8px; text-align: center;
    padding: 10px; font-size: 14px;
    line-height: 1.6; width: 100%;
}

.chat4_obj__system__info > div {
    box-sizing: border-box;
    background: url(/comm_res/img/icon/chat_alert.png) left 12px top 8px / 25px no-repeat #f9f8dd;
    border-radius: 8px;
    padding: 10px; padding-left: 45px;
    font-size: 14px;
    line-height: 1.6; width: 100%;
}

.chat4_obj {margin: 10px 0; align-items: center;}

.chat4_obj_msg_area { display: flex; align-items: flex-end;}

.chat4_obj__i .chat4_obj_msg_area {justify-content: flex-end;}

.chat4_obj__i .chat4_obj_msg { background: #efeadb;
    word-wrap: break-word;}

.chat4_obj__i .chat4_obj_msg:after {content: '';width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #efeadb;
    position: absolute; left: auto; right: -15px;
    top: 10px;
    /*bottom: 10px;*/
}

.chat4_obj_img {width: 80px; flex-shrink: 0; height: 55px;}
.chat4_obj_img > * {width: 55px; height: 55px;}


.chat4_msg_i { /*float: right;*/ margin-left: auto; background: #efeadb; padding: 15px; border-radius: 8px;
    position: relative; font-size: 14px; max-width: 80%;
}

.chat4_msg_i::after {content: '';width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #efeadb;
    position: absolute; right: -15px;
}

.chat4_img_i { width: 140px; height: 140px; border-radius: 7px;
    overflow: hidden; /*float: right;*/ margin-left: auto; position: relative;
}
.chat4_img_i svg {width: 100%; height: 100%;}

.chat4_obj_msg { background: #dbe7ef; padding: 15px; border-radius: 8px;
    position: relative; font-size: 14px; max-width: 70%;
	word-break: break-all;
}

.chat4_obj_msg::after {content: '';width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #dbe7ef;
    position: absolute; left: -15px; bottom: 15px;
}

.chat4_obj_pic { width: 140px; height: 140px; border-radius: 7px;
    overflow: hidden; float: left; position: relative;
}
.chat4_obj_pic svg {width: 100%; height: 100%;}

.chat4 .menu1 {right: 35px; top: 23px; width: 165px; z-index: 101;}

.menu1 {position: absolute; background: #fafafa; padding: 0 10px;
    border: solid 1px #ccc; border-radius: .5em;
    display: none;
}
/*list*/
.menu1 > * {}
/*item*/
.menu1 > * > * {
    border-bottom: solid 1px #ddd;
    padding: 10px;
    display: flex; align-items: center; justify-content: space-between;
}
.menu1 > * > *:last-child {border-bottom: none;}

.menu1_on_off {font-size: 11px; min-width: 45px;}
.menu1_on_off.on {background: #2d6bff; color: #fff;}

.menu1_btn {width: 100%; text-align: left;}

.chat4_input_wrap {background: #e5e5e5; padding: 10px; height: 80px;
    box-sizing: border-box;
}

.chat4_input_wrap_inner {height: 100%; border-radius: 5px;
    background: #fff; display: flex;
}
.chat4_input_wrap_inner > * {flex-grow: 1; padding: 10px;}
.chat4_input_wrap_inner > *:nth-child(1) {width: 70px;}
.chat4_input_wrap_inner > *:nth-child(3) {width: 70px;}

textarea.chat4_input, input.chat4_input {font-size: 16px; resize: none; border: none;
    padding: 18px 5px; outline: none;
}

.chat4_obj_point > img {width: 142px; height: 142px; border-radius: 10px; background: white;}

/*.pop_item*/
.pop_item {position: absolute; bottom: 80px; left: 0; width: 100%;}

.pop_item_tit_sec {
    display: flex; align-items: center; justify-content: center;
    background: #334dac; color: #fff;
    border-radius: 10px; border-bottom-left-radius: 0; border-bottom-right-radius: 0;
    padding: 5px 10px;
}

.pop_item_tit_sec > *:nth-child(1) {flex-grow: 1; text-align: center;}
.pop_item_tit_sec > *:nth-child(1) span {margin-left: 50px; margin-right: 30px;}

.pop_item_btn_pr {padding: 5px 12px; border-radius: 8px;}

.pop_item_list_sec {
    display: flex; background: whitesmoke;
}

.pop_item_list_sec > *:nth-child(2) {flex-grow: 1; width: 500px;}

.pop_item_list_prev, .pop_item_list_next {
    background: #e5e5e5 url(/comm_res/img_p/chat4/pop_list_prev.png) no-repeat center; width: 42px; height: 100%;
}

.pop_item_list_next {transform: rotate(180deg);}

.pop_item_list {overflow: hidden;}

.pop_item_list > .swiper-wrapper {
    display: flex; flex-wrap: wrap;
    width: 550px;
}

.pop_item_list > .swiper-wrapper > * {
    width: 88px;
    flex-shrink: 0;
}

.pop_item_list_item {
    background: #e5e5e5; margin: 1px;
    text-align: center;
    padding: 10px 0;
}
.pop_item_list_item_text {
    display: flex; justify-content: center; align-items: center;
    font-size: 13px; color: #000;
}
.pop_item_list_item_text > *:nth-child(1) { margin-right: 3px;}

.pop_item_txt_sec {display: flex; background: #e3e3e3;}

.pop_item_txt_sec input { border-radius: 4px; border: solid 1px #ccc; margin: 10px;}

.pop_item_txt_sec button {margin: 12px 10px 12px 0px;}

.b_box {background: #fff; border-radius: 10rem; border: solid 1px #ddd;
    padding: 18rem 20rem; position: relative;
    margin: 20px 0;
}

.b_box__silver {background: whitesmoke;}

.b_box *:first-child {margin-top: 0;}
.b_box *:last-child {margin-bottom: 0;}

.b_indent {margin-left: 1em;}
.b_indent__2 {margin-left: 2em;}

.b_special_char {margin-right: .3em;}

body .b_input, body .b_select {width: 150px; border-radius: 8px; border: solid 1px #ddd; padding-left: 10px;
    box-sizing: border-box; height: 35px;
    font-size: 16px; background: white;
}

body .b_input__silver, body .b_select__silver {background: whitesmoke;}

/**/
.b_tbl_wrap {border-radius: 10px; overflow: hidden; border: solid 1px #ddd;
    margin: 15rem 0;
}

.b_tbl {border-collapse: collapse; width: 100%;}

.b_tbl th {background: whitesmoke; padding: 10rem 15rem; border: solid 1px #ddd; border-top: 0;
    font-weight: normal; border-bottom: 0;
}
.b_tbl th:first-child {border-left: none;}
.b_tbl th:last-child {border-right: none;}
.b_tbl tbody tr:last-child th {border-bottom: none;}
.b_tbl tbody th {text-align: left;}

.b_tbl td {border: solid 1px #ddd; padding: 10rem 15rem; border-left: none; border-bottom: none;}
.b_tbl td:first-child {border-left: none;}
.b_tbl td:last-child {border-right: none;}
.b_tbl tr:first-child td {border-top: none;}

/**/
.b_tab2 {display: flex;}
.b_tab2 > * {background: whitesmoke; flex-grow: 1; text-align: center;
    border: solid 1px #ddd; border-top: none;
    padding: 10rem; border-radius: 8px;
    border-top-left-radius: 0; border-top-right-radius: 0;
    margin-left: -1px;
    position: relative; top: 10px;
}
.b_tab2 > *:first-child {border-left: none; border-bottom-left-radius: 0;}
.b_tab2 > *:last-child {border-right: none; border-bottom-right-radius: 0;}
.b_tab2 > *.on {border: solid 1px #ddd; border-bottom: none;
    background: #fff; border-radius: 8px;
    border-bottom-left-radius: 0; border-bottom-right-radius: 0;
    font-weight: bold; top: 5px;
}

.b_icon_indent {background-image: url("/comm_res/img_p/icon/icon_indent.png");
    width: 1.5em; height: .8em; margin-right: .3em;
}

span {vertical-align: baseline;}

.b_box_tit {font-size: 18px; font-weight: normal; margin: 15rem 0;}

.b_list2 {line-height: 1.6; padding: 0 0 0 1em;}

.b_more, #more {width: 100%; padding: .3em 0;
    background: url(/comm_res/img_p/more/more.png) no-repeat center center #eee;
    text-indent: -999999px;
}

.b_tab_white_black {display: inline-flex;}
.b_tab_white_black > * {background: white; border: solid 1px #ddd; padding: .3em 1.2em; cursor: pointer !important;}
.b_tab_white_black > *:first-child {border-radius: 5px; border-top-right-radius: 0; border-bottom-right-radius: 0;}
.b_tab_white_black > *:last-child {border-radius: 5px; border-top-left-radius: 0; border-bottom-left-radius: 0;}
.b_tab_white_black > *.on {background: #222; border: solid 1px #222; color: #fff;}

.b_list_off_icon {padding-left: 0;}
.b_list_off_icon li {list-style: none;}

.evt_lst > a {margin: 0 0 30px;}
.evt_lst > a > div {border: solid 1px #ddd;}

.evt_lst > a > *:nth-child(1) {margin-right: 10px;}
.evt_lst > a > *:nth-child(1) img {width: 100%; height: 100%;}

.icon_star_trans {background-image: url(/comm_res/img/icon/icon_star_gray.png); width: 1.05em;}

.tab_lv_1 { display: flex; margin: 10px 0;}

.tab_lv_1 > * { text-align: center; background: #dddddd; border-radius: 10px;
    height: 56px; 
    align-items: center; display: flex; justify-content: center;
    margin-left: 10px;
    font-size: 20px;
    /*flex-grow: 1;*/
    width: 100%;
}
.tab_lv_1 > *:first-child {margin-left: 0;}

.tab_lv_1 > *.on {color: white; background: #3e3e5b !important;}

.tab_lv_1 > * > * {margin-left: 6px;}
.tab_lv_1 > * > *:first-child {margin-left: 0px;}
/**/
.tab_lv_2 {height: 42px; font-size: 20px;
    display: flex; margin: 30px 0;
}

.tab_lv_2 > * {display: flex; align-items: center; justify-content: center; width: 100%;
    border-radius: 100px; background: #dddddd;
    margin-left: 10px;
}
.tab_lv_2 > *:first-child {margin-left: 0;}
.tab_lv_2 > *.on {background: #4c5b95; color: white;}
/**/
.tab_lv_3 {height: 34px; font-size: 18px; display: flex; margin: 20px 0;}

.tab_lv_3 > *  {display: flex; justify-content: center; align-items: center;
    background: #fff; 
    border: solid 1px #ddd; padding: 0 2em; border-left: none; 
}
.tab_lv_3 > *:first-child {border-left: solid 1px #ddd;}
.tab_lv_3 > *.on {background: #333333; color: white;} 

#page {display: flex; flex-direction: column;}
#page > .b_page {flex-grow: 1;}

.media3_txt3 span {color: #7f4eb6 !important;}

.b_btn_color__3, .b_btn_color_3 {background: #4c5b95 !important; border: solid 1px #4c5b95 !important;}

.b_f__color2 {color: #4c5b95;}

.pop__point .pop_page {border-color: #334dac;}

.b_pop_tit2 {background: #334dacff;}

.b_btn_color_4 { background: #3e3e5b !important; border: solid #3e3e5b 1px !important;}

.tab_pc_1 { border: solid #4c5b95 1px;}

.tab_pc_1  > * { color: #4c5b95;}
.tab_pc_1  > *.on { background: #4c5b95; border: solid #4c5b95 1px;}

.b-btn--silver { background: silver !important; border-color: transparent !important;}