@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; }
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.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; }
#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; }
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; }
.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%; }
.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; }
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; }