@charset "utf-8";

@import url(/resource/css/vendor/font-awesome.min.css);
@import url(/resource/css/fonts.css);

/* reset */
html * {max-height: 999999px} /* font size bug fix */
html,body{margin:0px;padding:0px;width:100%;font-size:10px;font-family:"Nanum Gothic","나눔고딕",'HelveticaNeue','AppleSDGothicNeo-Regular','MalgunGothic','맑은고딕',sans-serif;-webkit-text-size-adjust:none;-webkit-font-smoothing:antialiased;letter-spacing:-0.5px}
ul,ol,li,dl,dd,dt,input,h1,h2,h3,h4,h5,h6,p,input,button,textarea,fieldset,legend,td,th{margin:0px;padding:0px;font-weight:normal;word-break:keep-all}
strong, b {margin:0px;padding:0px;font-weight:bold;word-break:keep-all}
li{list-style:none}
fieldset,img,a{border:0px}
form{margin:0}
a{text-decoration:none}
legend,.blind{position:absolute;top:0;left:-10000px;width:0;height:0;overflow:hidden;font-size:0;line-height:0}
caption{display:none}
button,label{cursor:pointer}
button{overflow:visible\9}	/* button fix for ie8 */
input,textarea,button{font-family:"Nanum Gothic","나눔고딕",'HelveticaNeue','AppleSDGothicNeo-Regular','MalgunGothic','맑은고딕',sans-serif}
table{width:100%;border-collapse:collapse;border-spacing:0;text-align:left}
table th, table td{text-align:left}
input::-webkit-input-placeholder{color:#d0d0d0}
input::-moz-placeholder{color:#d0d0d0}
input:-moz-placeholder{color:#d0d0d0}
input:-ms-input-placeholder{color:#d0d0d0}
textarea::-webkit-input-placeholder{color:#d0d0d0}
textarea::-moz-placeholder{color:#d0d0d0}
textarea:-moz-placeholder{color:#d0d0d0}
textarea:-ms-input-placeholder{color:#d0d0d0}
header, footer, section, article, aside, nav, address { display: block; margin:0; } /* ie8 */
input[type="password"]{font-family:"맑은고딕","돋움"}

.clear_wrap:before,.clear_wrap:after{content:" ";display:table}
.clear_wrap:after{clear:both}
.clear_wrap{*zoom:1}
.clear_ine{clear:both}
.ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.appearance{border:0;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none}
.boxsizing{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.mobilescrolling{-webkit-overflow-scrolling:touch}

.btns,
#header .header_top .gnb a,
#header .header_bottom .lnb a,
.preset_area .preset_box .btn_modify,
.preset_area .preset_box .btn_delete,
.tooltip .tooltip_text,
.check_box .icon,
.check_box .icon .fa,
.toggle_box .label,
#footer .footer_list a,
.panel_tab .tab_menu .btn_tab,
.layout_box .check_box .box,
.setup_area .setup_btn .btn_top,
#header .header_bottom .btn_top,
.wowslider-container1 .ws_controls .ws_next,
.wowslider-container1 .ws_controls .ws_prev,
#page .tooltip_box,
#page .tooltip_box .toggle_box,
#page .tooltip_box .btns,
#page .tooltip_box .select,
.chat_theme_box .check_box,
.chat_theme_box .check_box .img_box img,
.chat_theme_box .check_box .text,
.bbs_area .bbs_page a,
.help_area .help_tab .btn_tab,
.help_menu .btn_menu,
.ani{-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}

.mt0{margin-top:0px!important}
.mt10{margin-top:10px!important}
.mt20{margin-top:20px!important}
.mt30{margin-top:30px!important}
.mt40{margin-top:40px!important}
.mt50{margin-top:50px!important}
.mt60{margin-top:60px!important}
.mb0{margin-bottom:0px!important}
.mb10{margin-bottom:10px!important}
.mb20{margin-bottom:20px!important}
.mb30{margin-bottom:30px!important}
.mb40{margin-bottom:40px!important}
.mb50{margin-bottom:50px!important}
.mb60{margin-bottom:60px!important}
.pt0{padding-top:0px!important}
.pt10{padding-top:10px!important}
.pt20{padding-top:20px!important}
.pt30{padding-top:30px!important}
.pt40{padding-top:40px!important}
.pt50{padding-top:50px!important}
.pt60{padding-top:60px!important}
.pb0{padding-bottom:0px!important}
.pb10{padding-bottom:10px!important}
.pb20{padding-bottom:20px!important}
.pb30{padding-bottom:30px!important}
.pb40{padding-bottom:40px!important}
.pb50{padding-bottom:50px!important}
.pb60{padding-bottom:60px!important}

html.setup,
html.setup body{background:#f5f5f5}
html,body{height:100%}
body{min-width:1160px}
.contains{position:relative;margin:0 auto;padding:0 20px;max-width:1120px}

.btns{display:inline-block;padding:0 10px;height:40px;line-height:38px;text-align:center;vertical-align:middle;font-size:14px;color:#fff;border:1px solid #acacac;border-radius:2px;background:#acacac;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.btns:hover{opacity:0.8}
.btns .fa{margin-right:6px}
.btns.btnm{height:30px;line-height:28px}

.btns.green{border-color:#b5014d;background:#e20965}
.btns.gray{border-color:#333;background:#333}
.btns.red{border-color:#333;background:#333}

/* 헤더 푸터 */

.goldlive_footer{padding:35px;border-top:1px solid #d7d7d7}
.goldlive_footer .footer_box{margin:0 auto;padding-left:350px;max-width:770px}
.goldlive_footer .footer_list{height:16px}
.goldlive_footer .footer_list li{float:left;margin-left:20px;position:relative}
.goldlive_footer .footer_list li:after{content:"";display:block;position:absolute;left:-10px;top:2px;width:1px;height:11px;background:#5f5f5f}
.goldlive_footer .footer_list a{font-size:12px;color:#878678}
.goldlive_footer .footer_list li:first-child{margin-left:0}
.goldlive_footer .footer_list li:first-child:after{display:none}
.goldlive_footer .footer_text p{line-height:1.5em;font-size:12px;color:#5f5f5f}
.goldlive_footer .footer_text a{color:#5f5f5f}


/* --------------------------------------------------- 헤더 ----------------------------------------------------------------- */
#header{position:fixed;left:0;top:0;width:100%;height:47px;z-index:100;min-width:1024px}
#header .logo{position:absolute;left:25px;top:3px}
#header .logo a{display:block}
#header .logo img{display:block;height:40px}
#header .login_area{position:absolute;right:20px;top:16px}
#header .login_area .input_text{display:block;float:left;margin:0 0 0 10px;padding:0 10px;width:140px;height:40px;font-size:14px;color:#555;border:0;border-radius:2px;background:#fff}
#header .login_area .btns{display:block;float:left;margin:0 0 0 5px;width:100px}
#header .login_area .btn_login{display:block;float:left;margin:0 0 0 5px}
#header .login_area.user_box{padding-top:2px}
#header .login_area.user_box .user{float:left;position:relative;padding-left:65px;max-width:250px;height:34px;line-height:34px;font-size:15px;color:#fff;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
#header .login_area.user_box .user .profile{display:block;position:absolute;left:0;top:2px;height:30px}
#header .login_area.user_box .btn_logout{float:left;margin:0 0 0 15px;height:34px;line-height:32px}
#header .header_top .gnb{position:absolute;left:330px;top:0}
#header .header_top .gnb li{display:inline-block;padding:0 10px;vertical-align:top}
#header .header_top .gnb a{display:block;padding:0 10px;height:68px;line-height:73px;font-size:17px;color:#fff;font-weight:500}
#header .header_top .gnb a:hover{color:#e20965}
#header .header_top .gnb .menu{border-bottom:5px solid transparent}
#header .header_top .gnb .menu.active{color:#e20965;font-weight:700;border-color:#e20965}
#header .header_bottom{position:absolute;left:0;top:0;right:0;height:46px;border-bottom:1px solid #e1e1e1;background:rgba(235,235,235,0.9)}
body.main #header{min-width:600px}
body.main #header .header_bottom{display:none}
#header .header_bottom .lnb{position:absolute;left:335px;top:0}
#header .header_bottom .lnb li{display:inline-block;margin-right:5px;vertical-align:top}
#header .header_bottom .lnb a{display:block;padding:0 10px;height:44px;line-height:47px;font-size:17px;color:#555;font-weight:500}
#header .header_bottom .lnb a:hover{color:#e20965}
#header .header_bottom .lnb.help{left:10px;top:0;z-index:10}
#header .header_bottom .lnb .menu{border-bottom:3px solid transparent}
#header .header_bottom .lnb .menu.active{color:#e20965;font-weight:700;border-color:#e20965}
#header .header_bottom .lnb .fa{margin-right:4px;font-size:17px}
#header .header_bottom .btn_top{display:block;position:absolute;right:20px;top:4px;width:26px;height:26px;line-height:26px;text-align:center;font-size:20px;color:#555;font-weight:700;opacity:0;visibility:hidden}
#header .header_bottom .btn_top:hover{opacity:0.8}

@media screen and (max-width:1024px) {
	#setup{position:relative;overflow:hidden}
	#header{position:absolute!important}
}



/* --------------------------------------------------- 푸터 ----------------------------------------------------------------- */
#footer{position:relative;margin-top:20px;z-index:10}
#footer .footer_box{padding:20px 0;text-align:center;border-top:1px solid #e3e3e3;background:#f5f5f5}
#footer .footer_list li{display:inline-block;position:relative;padding:0 5px;vertical-align:top}
#footer .footer_list a{display:block;padding:0 5px;height:24px;line-height:24px;font-size:13px;color:#888}
#footer .footer_list a:hover{color:#222;font-weight:700}
#footer .footer_list li:after{content:" ";display:block;position:absolute;left:0;top:6px;width:1px;height:12px;background:#aaa}
#footer .footer_list li:first-child:after{display:none}
#footer .copyright_box{margin-top:20px}
#footer .copyright_box p{font-size:14px;color:#888}
#footer .copyright_box .line{display:inline-block;margin:-4px 5px 0 5px;width:1px;height:12px;vertical-align:middle;background:#aaa}



/* --------------------------------------------------- 컨텐츠 ----------------------------------------------------------------- */
#content{position:relative;padding:67px 0 20px 0;z-index:20}
.content_area{position:relative;padding-left:300px}
p{line-height:20px;font-size:14px;color:#555}




/* --------------------------------------------------- 도움말 ----------------------------------------------------------------- */
.info_txt{display:inline-block;position:relative;padding-left:18px;vertical-align:middle;line-height:16px;font-size:13px;color:#777}
.info_txt .fa{position:absolute;left:0;top:0;width:16px;height:16px;line-height:16px;text-align:center;font-size:16px;color:#e20965}
.tooltip{display:inline-block;position:relative;margin-left:10px;vertical-align:middle}
.tooltip .fa{font-size:16px;color:#e20965}
.tooltip .tooltip_text{display:block;position:absolute;left:-7px;bottom:25px;padding:5px;min-width:250px;line-height:18px;font-size:13px;color:#555;font-weight:500;border:1px solid #e20965;border-radius:2px;box-shadow:1px 1px 5px rgba(0,0,0,0.2);background:#fff;z-index:90;opacity:0;visibility:hidden}
.tooltip .tooltip_text:after{content:" ";display:block;position:absolute;left:8px;bottom:-5px;width:8px;height:8px;border-right:1px solid #e20965;border-bottom:1px solid #e20965;background:#fff;transform:rotate(45deg)}
.tooltip .tooltip_text b{font-weight:700}
.tooltip .tooltip_text .title{font-size:14px;font-weight:700}
.tooltip .tooltip_text .title .fa{margin:0 4px 0 0}
.tooltip_box:hover{z-index:90}
.tooltip_box:hover .tooltip_text{opacity:1;visibility:visible;z-index:90}
.input_label .tooltip .tooltip_text{bottom:32px}
body .notifyjs-bootstrap-base{padding-right:5px;font-size:13px;background-position:3px 6px;z-index:2000;box-shadow:2px 2px 10px rgba(0,0,0,0.3)}
body .notifyjs-corner{right:auto!important;top:120px!important;left: 50%!important; -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);}
.warn_txt{position:relative;margin-top:10px;padding-left:20px;vertical-align:middle;line-height:16px;font-size:13px;color:#ef391c!important;font-weight:700}
.warn_txt .fa{position:absolute;left:0;top:1px;width:14px;height:14px;line-height:14px;text-align:center;font-size:16px;color:#ef391c}

/* --------------------------------------------------- 로딩 ----------------------------------------------------------------- */
#popup_mask{display:block;position:fixed;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,0.5);z-index:1000}
#popup_mask .loader{position:absolute;left:50%;top:50%;margin:-30px 0 0 -30px;width:0;height:0;
	font-size: 10px;
	border-top: 0.7em solid rgba(255, 255, 255, 0.2);
	border-right: 0.7em solid rgba(255, 255, 255, 0.2);
	border-bottom: 0.7em solid rgba(255, 255, 255, 0.2);
	border-left: 0.7em solid #ffffff;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation: load8 1.1s infinite linear;
	animation: load8 1.1s infinite linear;
}
#popup_mask .loader,
#popup_mask .loader:after {border-radius: 50%;width: 4em;height: 4em;}
@-webkit-keyframes load8 {
	0% { -webkit-transform: rotate(0deg);transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg);transform: rotate(360deg); }
}
@keyframes load8 {
	0% { -webkit-transform: rotate(0deg);transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg);transform: rotate(360deg); }
}



/* --------------------------------------------------- 레이아웃 ----------------------------------------------------------------- */
.content_area .lnb_area{position:absolute;left:0;top:0;width:300px;border:1px solid #e3e3e3;border-radius:5px;background:#fff}
.content_area .setup_area{padding:10px 0 20px 20px}
body.header_fixed .content_area .lnb_area{position:fixed;top:67px;left:50%;margin-left:-560px}
body:not(.header_fixed) .content_area .lnb_area{transform:none!important}
@media screen and (max-width:1160px) {
	body.header_fixed .content_area .lnb_area{left:20px;margin-left:0}
}




/* --------------------------------------------------- 좌측 메뉴 ----------------------------------------------------------------- */
.lnb_area .menu_area{padding:10px}
.lnb_area .menu_area .user_box{position:relative;padding-right:40px;height:34px}
.lnb_area .menu_area .user_box .user{position:relative;padding-left:55px;height:34px;line-height:34px;font-size:13px;color:#555;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.lnb_area .menu_area .user_box .user .profile{display:block;position:absolute;left:0;top:3px;height:26px}
.lnb_area .menu_area .user_box .btn_logout{position:absolute;right:0;top:0;width:34px;height:34px;line-height:32px}
.lnb_area .menu_area .user_box .btn_logout .fa{margin:0;font-size:16px}




/* --------------------------------------------------- 셋업 ----------------------------------------------------------------- */
.setup_desc{margin-bottom:30px;padding-bottom:10px;min-height:60px;border-bottom:1px solid #e3e3e3}
.setup_desc .title{margin-bottom:10px;line-height:30px;font-size:24px;font-weight:700}
.setup_title{margin-bottom:5px;height:24px;line-height:20px}
.setup_title p.title{float:left;padding-left:3px;height:20px;line-height:20px;font-size:20px;font-weight:700}
.setup_title .info_txt{float:left;margin:2px 0 0 10px}

.setup_group{padding:10px;margin-bottom:30px;border:1px solid #e3e3e3;border-radius:5px;background:#fff}
.column_02{overflow:hidden}
.column_02 .group_list{margin-top:-10px;width:110%;overflow:hidden}
.column_02 .group_list li{float:left;margin:10px 0 0 0;width:49%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}

body.save_fixed .setup_area .setup_btn .btn_wrap{position:fixed;left:50%;bottom:10px;margin-left:-240px;width:780px;z-index:100}
body:not(.save_fixed) .setup_area .setup_btn .btn_wrap{transform:none!important}
.setup_area .setup_btn{margin-top:-20px;height:40px}
.setup_area .setup_btn .btn_wrap{position:relative;padding:10px;height:42px;text-align:right;border-radius:2px;background:rgba(0,0,0,0.6)}
.setup_area .setup_btn .btn_save,
.setup_area .setup_btn .btn_urlcopy,
.setup_area .setup_btn .btn_reset{margin:0 0 0 5px;width:160px;height:42px;line-height:40px;font-size:15px;font-weight:700}
.setup_area .setup_btn .btn_reset{width:125px}
.setup_area .setup_btn .btn_urlcopy{width:110px}
.setup_area .setup_btn .btn_save{position:absolute;left:50%;top:10px;margin-left:-100px;font-size:17px}
.setup_area .setup_btn .msg{display:none;position:absolute;left:50px;top:10px;line-height:40px;font-size:16px;color:#fff;font-weight:700}
.setup_area .setup_btn .btn_top{display:block;position:absolute;left:10px;top:17px;width:26px;height:26px;line-height:26px;text-align:center;font-size:20px;color:#fff;font-weight:700;opacity:0;visibility:hidden}
.setup_area .setup_btn .btn_top:hover{opacity:0.8}
body.header_fixed .setup_area .setup_btn .btn_top{opacity:1;visibility:visible}
@media screen and (max-width:1160px) {
	body.save_fixed .setup_area .setup_btn .btn_wrap{left:340px;margin-left:0}
}




/* --------------------------------------------------- 프리셋 ----------------------------------------------------------------- */
.preset_area .setup_group{padding:10px 7px}
.preset_area .preset_box{position:relative;display:inline-block;margin:0 3px 5px 0;height:30px;vertical-align:top}
.preset_area .preset_box .btn_preset{padding-right:20px;height:30px;line-height:28px}
.preset_area .preset_box .btn_modify,
.preset_area .preset_box .btn_delete{display:block;position:absolute;right:0;top:0;width:16px;height:15px;line-height:15px;text-align:center;font-size:14px;color:#555;border-radius:2px;background:#e3e3e3;z-index:10;opacity:0;visibility:hidden}
.preset_area .preset_box .btn_modify .fa,
.preset_area .preset_box .btn_delete .fa{margin:0}
.preset_area .preset_box .btn_delete{top:auto;bottom:0}
.preset_area .preset_box.preset .btn_preset{border-color:#5493d5!important}
.preset_area .preset_box.preset .btn_preset.green{background:#5493d5}
.preset_area .preset_box.preset .btn_modify{display:none!important}
.preset_area .preset_box:hover .btn_modify,
.preset_area .preset_box:hover .btn_delete{opacity:0.6;visibility:visible}
.preset_area .preset_box .btn_modify:hover,
.preset_area .preset_box .btn_delete:hover{opacity:1}
.preset_area .preset_list{position:relative;padding-right:110px}
.preset_area .preset_listbox{min-height:35px}
.preset_area .url_area{position:relative;margin-top:0}
.preset_area .url_area .input_text{width:553px}
.preset_area .btn_box{position:absolute;right:0;top:0}
.preset_area .btn_box .btns{display:block;float:left;margin:0 0 0 5px;width:110px;height:30px;line-height:28px}
.preset_area .btn_box .select{float:left;width:111px;font-size:14px}
.preset_area .tooltip .tooltip_text{min-width:400px}

/* input select 추가 삭제 버튼 */
.content_area .btn_listadd,
.content_area .btn_listdel{padding:0;width:28px;height:28px;line-height:26px}
.content_area .btn_listbox{position:absolute;right:0;top:0;z-index:50}
.content_area .btn_listbox .btns{display:block;float:left;margin:0 0 0 5px}
.content_area .btn_listbox .btns .fa{margin:0}
.input_text{padding:0 10px;height:30px;font-size:15px;color:#555;border:1px solid #ddd;border-radius:2px;box-shadow:inset 2px 2px 2px rgba(0,0,0,0.1);background:#f0f0f0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
textarea.input_text{padding:10px;width:400px;line-height:20px;height:80px;overflow:hidden;overflow-y:auto;resize:none}
.select{padding:0 10px;height:30px;font-size:15px;color:#555;border:1px solid #ddd;border-radius:2px;box-shadow:inset 2px 2px 2px rgba(0,0,0,0.1);background:#f0f0f0 url("/resource/img/icon/select_arrow.png") no-repeat right center;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none}
select.select::-ms-expand{display:none}
.content_area .input_text.sizem{width:300px}
.content_area .input_text.sizes{width:100px}
.input_number{text-align:right}



/* 슬라이더 */
.input_area{position:relative;margin-top:20px;padding-left:140px;min-height:30px}
.input_area:first-child{margin-top:0}
.input_area .input_label{position:absolute;left:0;top:0;height:30px;line-height:30px;font-size:15px;color:#555;font-weight:700}
.input_area .input_label .ic{display:inline-block;margin:-2px 2px 0 0;vertical-align:middle}
.input_area .size_box{position:relative;padding-left:400px}
.input_area .size_box .size_bar{position:absolute;left:0;top:6px;width:400px}
.input_area .size_box .input_text{padding:0 5px;width:80px;text-align:right;font-weight:700;border:0;box-shadow:none;background:#fff}
.input_area .unit{display:inline-block;height:30px;line-height:30px;vertical-align:top;font-size:14px;color:#555;font-weight:700}
.input_area .input_area{margin-top:10px;padding-left:0}
.input_area .input_area:first-child{margin-top:0}
.sub_list .input_area{padding-left:120px}
.hide{display:none!important}
.noUi-connect{background:#e20965}
.noUi-handle{cursor:pointer}



/* 체크 */
.check_box{display:inline-block;position:relative;margin-right:20px;padding:3px 0;padding-left:30px;vertical-align:top}
.check_box .check,
.check_box .radio{position:absolute;left:0;top:4px;width:20px;height:20px;opacity:0;visibility:hidden;z-index:-1}
.check_box .text{display:block;line-height:24px;font-size:14px;color:#777;text-shadow:1px 1px 2px rgba(0,0,0,0.2)}
.check_box .text .ic{display:inline-block;margin:-2px 2px 0 0;vertical-align:middle}
.check_box .icon{display:block;position:absolute;left:0;top:4px;width:20px;height:20px;font-size:16px;color:#fff;font-weight:700;border:1px solid #ddd;border-radius:3px;box-shadow:inset 2px 2px 2px rgba(0,0,0,0.1);background:#f0f0f0}
.check_box .icon .fa{display:block;position:absolute;left:2px;top:2px;text-shadow:1px 1px 2px rgba(0,0,0,0.2);opacity:0}
.check_box .radio + .icon{border-radius:12px}
.check_box .check:checked + .icon,
.check_box .radio:checked + .icon{border-color:#b5014d;background:#e20965}
.check_box .check:checked + .icon .fa,
.check_box .radio:checked + .icon .fa{opacity:1}

/* 칼러 */
.content_area .input_color{display:inline-block!important;width:150px;height:30px;text-align:center;vertical-align:top;font-size:13px;border-right:0;border-radius:2px 0 0 2px;letter-spacing:-1px}
.content_area .sp-replacer{padding:3px;vertical-align:top;border:1px solid #ccc}
.sp-replacer.sp-disabled{opacity:0.5}
.sp-thumb{margin-bottom:5px!important}
.sp-thumb span{width:20px!important;height:22px!important}
.sp-input-container{width:auto!important}
.sp-input-container .sp-input{padding:0 3px;width:120px;height:26px;text-align:center;font-size:11px!important;letter-spacing:-1px;border:1px solid #000;background:#fff}
.sp-button-container{clear:both;float:none;width:auto;height:26px}
.sp-button-container .sp-cancel{float:left;border:1px solid #acacac!important;background:#acacac!important}
.sp-button-container .sp-choose{float:right;border:1px solid #e20965!important;background:#e20965!important}
.sp-button-container .sp-cancel,
.sp-button-container .sp-choose{padding:0 10px;height:26px;line-height:26px;font-size:13px!important;color:#fff!important;font-family:"Nanum Gothic","나눔고딕",'HelveticaNeue','AppleSDGothicNeo-Regular','MalgunGothic','맑은고딕',sans-serif!important;border-radius:0;text-decoration:none}



/* 커스텀 에디터 */
.customstyle_box{height:0;overflow:hidden}
.css_editor_box{width:560px;height:300px;font-size:13px;line-height:20px;border:1px solid #ddd}
.css_editor_box #css_editor{display:none}
.input_area.csseditor_box.hide{display:block!important;height:0!important;min-height:0!important;overflow:hidden}



/* 단어 추가 */
.word_area .btn_addword{margin:0 0 0 5px;height:30px;line-height:28px;vertical-align:top}
.word_area .word_list .word_box{display:inline-block;position:relative;margin:6px 5px 0 0;padding:0 30px 0 10px;min-width:50px;height:28px;vertical-align:top;border-radius:14px;background:#e20965}
.word_area .word_list .word_box p{line-height:28px;font-size:14px;color:#fff;font-weight:700}
.word_area .word_list .word_box .btn_del{display:block;position:absolute;right:5px;top:50%;margin-top:-10px;width:20px;height:20px;line-height:20px;text-align:center;font-size:15px;color:#fff;font-weight:700}



/* 폰트 설정 */
.text_preview{display:table;background:#92aeca}
.text_preview p{display:table-cell;padding:7px 10px;text-align:left;vertical-align:middle;line-height:1.4em;color:#fff;font-size:12px}
.text_preview p{background-image:none!important}
.text_preview .item_chat.item_chat_fontbold,
.text_preview .item_alert.item_alert_fontbold,
.text_preview .item_goal.item_goal_fontbold,
.text_preview .item_subtitle.item_subtitle_fontbold{font-weight:700}
.addfont_area{display:none}
.addfont_area .btn_fontselect{margin:0 0 0 5px;height:30px;line-height:28px;vertical-align:top}

.select_font_text{position:absolute;left:-10000px}
.select_font_list{display:inline-block;position:relative;margin-right:5px;vertical-align:top;z-index:50}
.select_font_list .font_value{display:block;padding:0 20px 0 10px;width:140px;height:30px;line-height:30px;font-size:14px;color:#666;border:1px solid #ddd;border-radius:4px;box-shadow:inset 2px 2px 2px rgba(0,0,0,0.1);background:#f0f0f0;white-space:nowrap}
.select_font_list .fa{display:block;position:absolute;right:8px;top:8px;font-size:14px;color:#666;z-index:20}
.select_font_list .font_list{display:none;position:absolute;left:0;top:31px;width:286px;border:1px solid #ddd;background:#f0f0f0;z-index:110;overflow:hidden}

.select_font_list .font_list{width:425px;border:1px solid #ddd;background:#f0f0f0;box-shadow:0 2px 5px rgba(0,0,0,0.2);overflow:hidden}
.select_font_list .font_list li{float:left;padding:0;margin:0;width:140px;height:22px;line-height:22px;text-align:left;font-size:14px;color:#333;background:#f0f0f0;white-space:nowrap}
.select_font_list .font_list .font_19{font-size:22px}
.select_font_list .font_list .font_35{font-size:18px}
.select_font_list .font_list .font_41{font-size:20px}
.select_font_list .font_list .font_47{font-size:20px}
.select_font_list .font_list .font_23{line-height:36px;overflow:hidden}

.select_font_list .font_list .font_30{font-size:16px;line-height:26px;overflow:hidden}
.select_font_list .font_list .font_36{font-size:16px}
.select_font_list .font_list .font_39{font-size:22px}
.select_font_list .font_list .font_56{font-size:20px}
.select_font_list .font_list .font_03{font-size:20px}

.select_font_list .font_list .font_09{font-size:22px}
.select_font_list .font_list .font_31{font-size:16px}
.select_font_list .font_list .font_34{font-size:22px;line-height:30px;overflow:hidden}
.select_font_list .font_list .font_40{font-size:18px}

.select_font_list .font_list .font_45{font-size:22px}
.select_font_list .font_list .font_32{font-size:20px}
.select_font_list .font_list .font_60{;line-height:26px;overflow:hidden}
.select_font_list .font_list .font_16{font-size:16px}

.select_font_list .font_list .font,
.select_font_list .font_list .font .over{cursor:pointer;position:relative;background:url("/resource/img/common/fontlist.png") no-repeat}
.select_font_list .font_list .font .over{display:block;position:absolute;left:0;top:0;width:140px;height:22px;filter:alpha(opacity=0);opacity:0;z-index:10}
.select_font_list .font_list .font.on .over,
.select_font_list .font_list .font:hover .over{filter:"";opacity:1}
.select_font_list .font_list .font_add{cursor:pointer;padding:0 10px;width:120px;color:#fff;background:#3e98da}
.select_font_list .font_list .font_add .fa{display:inline-block;position:relative;right:auto;top:auto;margin-right:5px;color:#fff}
.select_font_list .font_list .font_add:hover{background:#61aae0}



/* 업로드 박스 */
.file_upload_box .upload_box{position:relative;margin-bottom:5px;padding-right:100px;width:300px;height:120px;border:1px solid #ddd;border-radius:4px;box-shadow:inset 2px 2px 2px rgba(0,0,0,0.1);background:#f0f0f0}
.file_upload_box .upload_box .img_box{position:relative;height:120px;background-position:center top;background-size:contain;background-repeat:no-repeat}
.file_upload_box .upload_box .img_box .text{position:relative;text-align:center;line-height:120px;font-size:16px;color:#555;font-weight:700;text-shadow:1px 1px 2px #fff;z-index:20}
.file_upload_box .upload_box .name{position:absolute;left:5px;bottom:5px;height:20px;line-height:20px;font-size:13px;color:#222;font-weight:700;text-shadow:1px 1px 2px #fff;z-index:20;overflow:hidden}
.file_upload_box .upload_box.upload .img_box .text,
.file_upload_box .upload_box.upload .img_box .icon_file{display:none}
.file_upload_box .upload_box.upload .img_box .btn_play{display:block}
.file_upload_box .upload_box .img_box .icon_file{display:block;position:absolute;left:50%;top:50%;margin:-30px 0 0 -30px;width:60px;height:60px;line-height:60px;text-align:center;font-size:60px;color:#ccc;z-index:10}
.file_upload_box .upload_box .img_box .btn_play{display:none;position:absolute;left:50%;top:50%;margin:-30px 0 0 -30px;width:60px;height:60px;z-index:30}
.file_upload_box .upload_box .img_box .btn_play .fa{display:block;width:60px;height:60px;line-height:60px;text-align:center;font-size:60px;color:#aaa}
.file_upload_box .upload_box .img_box .btn_play:hover .fa{color:#666}
.file_upload_box .upload_box .upload_tooltip{position:absolute;right:0;top:0;bottom:0;padding:5px;width:92px;background:rgba(0,0,0,0.3);z-index:20}
.file_upload_box .upload_box .upload_tooltip .btns{display:block;padding-right:0;margin-bottom:7px;width:90px;text-align:left;height:32px;line-height:30px;font-size:13px;font-weight:700}
.file_upload_box.bgimgdefault .upload_box .img_box{background-image:url("//player.goldlive.co.kr/asset/www/images/chatimg/item_22G.png")!important}
.file_upload_box.bgimgdefault .upload_box .img_box[sk="5"]{background-image:url("//player.goldlive.co.kr/asset/www/zebra/images/chatimg/oil_22G_1.png")!important}
.file_upload_box.bgimgdefault .upload_box .img_box .text,
.file_upload_box.bgimgdefault .upload_box .img_box .icon_file{display:none}
.file_upload_box.bgimgdefault .upload_box .name{display:none}
.file_upload_box.bgimgzoom .upload_box .img_box{background-size:100% 100%!important}





/* --------------------------------------------------- 팝업 파일매니저 ----------------------------------------------------------------- */
#popup_file .popup_area{margin:-250px 0 0 -300px;width:600px;height:500px}
#popup_file .popup_footer{position:relative;padding:10px;height:30px;box-shadow:0 0 5px 5px;box-shadow:0 -1px 2px 1px rgba(0,0,0,0.2);border-radius:0 0 5px 5px;background:#f0f0f0;z-index:20}
#popup_file .popup_footer .file_url{position:absolute;left:20px;top:10px;z-index:20}
#popup_file .popup_footer .file_url .label_box{display:block;padding-left:80px;width:312px}
#popup_file .popup_footer .file_url .label_box .label{display:block;position:absolute;left:0;top:0;line-height:30px;font-size:16px;color:#555;font-weight:700}
#popup_file .popup_footer .file_url .input_url{width:290px;text-align:left;background-color:#fff}
#popup_file .popup_footer .file_stats{float:left}
#popup_file .popup_footer .file_stats .size{line-height:20px;font-size:14px;color:#bbb;font-weight:700}
#popup_file .popup_footer .file_stats .size b{font-weight:700}
#popup_file .popup_footer .file_stats .size span{margin-left:3px;font-weight:normal}
#popup_file .popup_footer .file_stats .progress{margin-top:5px;position:relative;width:140px;height:5px;background:#bbb}
#popup_file .popup_footer .file_stats .progress .inner{position:absolute;left:0;width:0;height:5px;background:#b30000}
#popup_file .popup_content{height:410px}
#popup_file .popup_content .file_left{float:left;padding:20px;width:140px;height:370px;border-right:1px solid #ddd;background:#fbfbfb}
#popup_file .popup_content .upload_box{cursor:pointer;margin-bottom:10px;position:relative;padding-top:5px;height:65px;border:2px dashed #e20965;overflow:hidden}
#popup_file .popup_content .upload_box .input_upload{cursor:pointer;display:block;position:absolute;left:0;top:0;width:100%;height:100%;font-size:100px;z-index:100;filter:alpha(opacity=0);opacity:0}
#popup_file .popup_content .upload_box .upload_text .fa{font-size:20px}
#popup_file .popup_content .upload_box .upload_text{text-align:center;line-height:18px;font-size:14px;color:#e20965;white-space:nowrap}
#popup_file .popup_content .upload_box .upload_on{position:absolute;left:0;top:0;right:0;bottom:0;text-align:center;padding-top:5px;color:#fff;font-weight:700;background:rgba(0,0,0,0.6);z-index:20;filter:alpha(opacity=0);opacity:0}
#popup_file .popup_content .upload_box.dragon .upload_on{filter:"";opacity:1}
#popup_file .popup_content .file_left .info_txt{line-height:17px;font-size:13px}
#popup_file.nodrag .popup_content .upload_box .msg{display:none}
#popup_file .popup_content .file_title{margin:25px 0 5px 0;line-height:20px;font-size:16px;color:#555;font-weight:700}
#popup_file .popup_content .file_title .fa{margin-right:4px;font-size:14px}
#popup_file .popup_content .file_list li{padding:10px 0 0 10px;line-height:20px}
#popup_file .popup_content .file_list a{font-size:14px;color:#555}
#popup_file .popup_content .file_list a .fa{margin-right:4px}
#popup_file .popup_content .file_list a.active{color:#e20965;font-weight:700}
#popup_file .popup_content .file_right{float:right;padding:20px 5px 20px 0;width:395px;height:370px;overflow:hidden;overflow-y:auto}
#popup_file .popup_content .file_tooltip{display:none;position:absolute;left:190px;top:65px;padding:10px;border-radius:5px;background:#000;z-index:100;filter:alpha(opacity=80);opacity:0.8}
#popup_file .popup_content .file_tooltip .arrow{position:absolute;left:-7px;top:20px;width:14px;height:14px;transform:rotate(45deg);background:#000}
#popup_file .popup_content .file_tooltip p{line-height:20px;font-size:14px;color:#fff}
#popup_file .audio_box{position:absolute;left:0;top:0;width:0;height:0;overflow:hidden}
#popup_file .popup_mask{display:none;position:fixed;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,0.5);z-index:1000}
#popup_file .popup_mask .loader{position:absolute;left:50%;top:50%;margin:-30px 0 0 -30px;width:0;height:0;
	font-size: 10px;
	border-top: 0.7em solid rgba(255, 255, 255, 0.2);
	border-right: 0.7em solid rgba(255, 255, 255, 0.2);
	border-bottom: 0.7em solid rgba(255, 255, 255, 0.2);
	border-left: 0.7em solid #ffffff;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation: load8 1.1s infinite linear;
	animation: load8 1.1s infinite linear;
}
#popup_file .popup_mask .loader,
#popup_file .popup_mask .loader:after {border-radius: 50%;width: 4em;height: 4em;}

#popup_file_list .list_box{cursor:pointer;position:relative;float:left;margin:0 10px 10px 0;padding:5px;width:115px;height:140px;border-radius:3px;border:1px solid #ddd;background:#fafafa;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#popup_file_list .list_box .btn_delete{display:block;position:absolute;right:0;top:0;padding:3px;line-height:20px;text-align:center;font-size:20px;color:#222;background:#fafafa;z-index:20;filter:alpha(opacity=0);opacity:0}
#popup_file_list .list_box .btn_play{display:block;position:absolute;left:50%;top:45px;margin:-20px 0 0 -20px;width:40px;height:40px;font-size:40px;color:#222;z-index:20;filter:alpha(opacity=0);opacity:0}
#popup_file_list .list_box .btn_play.pause{display:none}
#popup_file_list .list_box.play .btn_play{display:none}
#popup_file_list .list_box.play .btn_play.pause{display:block}
#popup_file_list .list_box .list_icon{position:relative;margin-bottom:10px;height:80px;background-position:center center;background-size:cover}
#popup_file_list .list_box p{line-height:20px;font-size:12px;color:#555;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
#popup_file_list .list_box .size{color:#aaa}
#popup_file_list .list_box:hover{border-color:#84b6d6;background:#e7eef3}
#popup_file_list .list_box:hover .btn_delete,
#popup_file_list .list_box:hover .btn_play{filter:alpha(opacity=60);opacity:0.6}
#popup_file_list .list_box .btn_delete:hover,
#popup_file_list .list_box .btn_play:hover{filter:""!important;opacity:1!important}
#popup_file_list .list_box.active{border-color:#4f87aa;background:#c0def1}
#popup_file_list .list_box .list_icon .fa{position:absolute;left:50%;top:50%;margin:-10px 0 0 -10px;width:20px;height:20px;font-size:20px;color:#aaa}
#popup_file_list .list_box:hover .list_icon .fa{display:none}
#popup_file_list.default .list_box .btn_delete{display:none}
#popup_file_list .no_file{padding-top:10px;line-height:20px;font-size:12px}



/* 확인 팝업*/
#popup_confirm .popup_content{display:table;width:100%;height:150px;table-layout:fixed}
#popup_confirm .popup_content .table_td{display:table-cell;padding:10px;height:130px;text-align:center;vertical-align:middle}
#popup_confirm .popup_content p{line-height:22px;font-size:16px;color:#555}
#popup_confirm .popup_content p b{font-weight:700}
#popup_confirm .popup_content p .desc{font-size:14px}
#popup_confirm .popup_content .warn{color:#ef391c!important}

.popup_window{display:none;position:fixed;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,0.5);z-index:1000;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.popup_window .popup_area{position:fixed;left:50%;top:50%;margin:-120px 0 0 -200px;width:400px;height:240px;border-radius:5px;box-shadow:0 0 10px 1px rgba(0,0,0,0.4);background:#fff}
.popup_window .popup_header{position:relative;padding:10px;height:20px;box-shadow:0 1px 1px 1px rgba(0,0,0,0.1);border-radius:5px 5px 0 0;background:#e20965;z-index:20}
.popup_window .popup_header .title{float:left;line-height:20px;font-size:18px;color:#fff;font-weight:700}
.popup_window .popup_header .title .fa{margin-right:5px}
.popup_window .popup_header .title .icon{margin-right:5px;width:26px;height:26px}
.popup_window .popup_header .btn_close{display:block;position:absolute;right:10px;top:6px;font-size:22px;color:#fff}
.popup_window .popup_footer{position:relative;padding:10px;height:30px;box-shadow:0 0 5px 5px;box-shadow:0 -1px 2px 1px rgba(0,0,0,0.2);border-radius:0 0 5px 5px;background:#f0f0f0;z-index:20}
.popup_window .popup_footer .file_btn{text-align:center}
.popup_window .popup_footer .file_btn .btns{margin:0 2px;height:30px;line-height:28px}



/* 외부 링크 팝업 */
#popup_external .popup_area{margin:-100px 0 0 -225px;width:450px;height:200px}
#popup_external .popup_content{padding:10px;height:90px}
#popup_external .popup_content .info_txt{display:none}
#popup_external.img .popup_content .info_txt.img,
#popup_external.audio .popup_content .info_txt.audio{display:block}
#popup_external .popup_content .input_box{margin-top:20px}
#popup_external .popup_content .input_text{width:408px}



/* 패널 탭 */
.panel_area .setup_group{border-radius:0 0 5px 5px;border-top:0}
.panel_tab{position:relative;height:40px;border-radius:4px 4px 0 0;background:#e20965;overflow:hidden;z-index:20}
.panel_tab .tab_menu{position:absolute;left:10px;bottom:0;height:32px}
.panel_tab .tab_menu .btn_tab{display:block;float:left;margin-right:10px;padding:0 15px;height:32px;line-height:32px;font-size:15px;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,0.4);font-weight:500;border:1px solid transparent;border-bottom:0;border-radius:4px 4px 0 0}
.panel_tab .tab_menu .btn_tab.active{color:#e20965;text-shadow:none;border-color:#b5014d;background:#fff}
.panel_area .tab_panel{display:none}
.panel_area .tab_panel.active{display:block}



/* --------------------------------------------------- 미리보기 ---------------------------------------------------------------- */
.lnb_area .lnb_title{margin-bottom:10px;height:20px;line-height:20px;font-size:20px;font-weight:700}
.preview_area{min-height:250px}
.preview_area .preview_box{position:relative;background:#31475c}
.preview_area .preview_box .item_box{height:300px}
.test_area{margin-top:10px;padding:10px}
.test_area .test_box{margin-top:5px;width:300px}
.test_area .test_box .input_text{display:inline-block;width:100px;vertical-align:top;text-align:right}
.test_area .test_box .btns{margin-right:6px;height:30px;line-height:28px;vertical-align:top}
.test_area .test_box .input_label{display:inline-block;width:70px;height:30px;line-height:30px;vertical-align:top;font-size:15px;color:#555;font-weight:700}
.test_area .test_box .tooltip{margin-left:5px}
.item_box{position:relative;font-size:12px;letter-spacing:-0.5px}
.item_box .item_area{position:relative;height:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow:hidden}





/* --------------------------------------------------- 채팅 ----------------------------------------------------------------- */
.toggle_voice .btn_voice_play{display:inline-block;margin-left:5px;padding:0;min-width:0;width:30px;height:30px;line-height:30px;vertical-align:top;text-align:center}
.toggle_voice .btn_voice_play .fa{margin:0}
.icon_bj{display:inline-block;margin:-3px 4px 0 0;width:20px;height:20px;vertical-align:middle;background:url("//pic.popkontv.com/images/www/live/assets/chatlist/icon_manager.png") no-repeat center center}
.icon_mng{display:inline-block;margin:-3px 4px 0 0;width:30px;height:20px;vertical-align:middle;background:url("//pic.popkontv.com/images/www/live/assets/chatlist/icon_manager.png") no-repeat center center}
.icon_fan{display:inline-block;margin:-3px 4px 0 0;width:36px;height:20px;vertical-align:middle;background:url("//pic.popkontv.com/images/www/live/assets/chatlist/icon_fan_01.png") no-repeat center center}


/* 채팅 테마 */
.chat_theme_box{width:650px}
.chat_theme_box .check_box{margin:0 5px 8px 0;padding:0;width:110px;box-shadow:0 1px 2px rgba(0,0,0,0.2);border-radius:5px;overflow:hidden}
.chat_theme_box .check_box .icon{display:none}
.chat_theme_box .check_box .img_box{display:block;height:100px;overflow:hidden;filter:alpha(opacity=80);opacity:0.8}
.chat_theme_box .check_box .img_box img{display:block;width:100%}
.chat_theme_box .check_box .text{height:34px;line-height:34px;text-align:center;font-size:12px;filter:alpha(opacity=80);opacity:0.8}
.chat_theme_box .check_box .text.mline{padding-top:4px;height:30px;line-height:13px}
.chat_theme_box .check_box .radio:checked + .icon + .img_box,
.chat_theme_box .check_box .radio:checked + .icon + .img_box + .text{filter:"";opacity:1;font-weight:700;font-size:13px}
.chat_theme_box .check_box:hover .text,
.chat_theme_box .check_box .radio:checked + .icon + .img_box + .text{color:#fff;background:#5c96ba}
.chat_theme_box .check_box:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}

/* 채팅 스크롤 */
.item_chat.item_chat_scroll .item_area::-webkit-scrollbar-track{opacity:0}
.item_chat.item_chat_scroll .item_area::-webkit-scrollbar{opacity:0}
.item_chat.item_chat_scroll .item_area::-webkit-scrollbar-thumb{opacity:0}
.item_chat.item_chat_scroll .item_area::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);border-radius: 10px;background-color: rgba(255,255,255,0);visibility:hidden;opacity:0}
.item_chat.item_chat_scroll .item_area::-webkit-scrollbar{width: 20px;background-color: rgba(255,255,255,0);visibility:hidden;opacity:0}
.item_chat.item_chat_scroll .item_area::-webkit-scrollbar-thumb{border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);background-color: #999;visibility:hidden;opacity:0}
.item_chat.item_chat_scroll:hover .item_area::-webkit-scrollbar-track,
.item_chat.item_chat_scroll:hover .item_area::-webkit-scrollbar,
.item_chat.item_chat_scroll:hover .item_area::-webkit-scrollbar-thumb,
.item_chat.item_chat_scroll .item_area.scroll::-webkit-scrollbar-track,
.item_chat.item_chat_scroll .item_area.scroll::-webkit-scrollbar,
.item_chat.item_chat_scroll .item_area.scroll::-webkit-scrollbar-thumb{visibility:visible;opacity:1}
.item_chat.item_chat_scroll .item_area{overflow-y:scroll}
.item_chat.item_chat_scroll:hover .item_area .chat_list{position:inherit;left:auto;bottom:auto;height:auto}

/* 채팅 기본스타일 */
.item_chat .chat_list{position:absolute;left:0;bottom:0;width:100%;padding:10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.item_chat .chat_list li{padding:0.2em 0;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;word-break:break-all}
.item_chat .chat_list p{display:inline;line-height:1.4em;font-size:1em;word-break:break-all}
.item_chat .chat_list .ic{display:inline-block;margin:-0.1em 0.1em 0 0;height:0.9em;vertical-align:middle}
.item_chat .chat_list .gift_img{padding-bottom:0.4em;text-align:center}
.item_chat .chat_list .gift_img img{max-width:80%}
/*.item_chat:not(.item_chat_id) .chat_list p.nick .id{display:none!important}*/
.item_chat .chat_list p.nick .id{display:none!important}
.item_chat.item_chat_fontbold p{font-weight:700!important}

/* 채팅 정렬 */
.item_chat.chatalign_normal li p.nick,
.item_chat.chatalign_align li p.nick{position:relative;padding-right:0.6em}
.item_chat.chatalign_normal li p.nick:after,
.item_chat.chatalign_align li p.nick:after{content:":";display:inline;position:absolute;right:0.2em;top:-0.1em}
.item_chat.chatalign_align li p.nick:after{top:0}
.item_chat.chatalign_enter li p{display:block!important;padding:0!important;white-space:normal!important}
.item_chat.chatalign_align li,
.item_chat.chatalign_alignright li{display:table!important}
.item_chat.chatalign_align li:not(.star) .nick,
.item_chat.chatalign_alignright li:not(.star) .nick,
.item_chat.chatalign_align li:not(.star) .text,
.item_chat.chatalign_alignright li:not(.star) .text{display:table-cell!important;vertical-align:top}
.item_chat.chatalign_align li .nick,
.item_chat.chatalign_alignright li .nick{white-space:nowrap!important}
.item_chat.chatalign_alignright li{width:100%;table-layout:fixed}
.item_chat.chatalign_alignright li .nick{width:35%;text-align:right;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.item_chat.chatalign_alignright li:not(.star) .text{padding-left:0.2em;width:65%}
.item_chat.chatdirect_right .chat_list li:not(.star){text-align:right}

/* 채팅효과 */
.item_chat.item_chat_fade .item_area{-webkit-mask-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,1)), color-stop(0.70, rgba(0,0,0,1)), to(rgba(0,0,0,0)))}
.item_chat .chat_list li.autohide{-webkit-transition:all 0.3s ease-in-out !important;-moz-transition:all 0.3s ease-in-out !important;-ms-transition:all 0.3s ease-in-out !important;-o-transition:all 0.3s ease-in-out !important;transition:all 0.3s ease-in-out !important}
.item_chat .chat_list li.autohide.autohiderun{opacity:0 !important}

/* 랜덤 닉네임 색 */
.item_chat.item_chat_random li.color_0 p.nick{color:#d2691e!important}
.item_chat.item_chat_random li.color_1 p.nick{color:#8a2be2!important}
.item_chat.item_chat_random li.color_2 p.nick{color:#00ff7f!important}
.item_chat.item_chat_random li.color_3 p.nick{color:#008000!important}
.item_chat.item_chat_random li.color_4 p.nick{color:#00ccC5!important}
.item_chat.item_chat_random li.color_5 p.nick{color:#ef391c!important}
.item_chat.item_chat_random li.color_6 p.nick{color:#daa520!important}

/* --------------------------------------------------- 채팅 ----------------------------------------------------------------- */





/* --------------------------------------------------- 알림 ----------------------------------------------------------------- */
.item_alertl.item_alert_fontbold *{font-weight:700!important}

.detail_list .detail_range .input_text{width:80px}
.detail_list .detail_range .unit{margin:0 10px 0 5px}
.detail_list .detail_box{position:relative;margin-top:20px;padding-top:20px;border-top:1px solid #ddd}
.detail_list .detail_box .btn_listbox{top:20px}
.detail_list .detail_box:first-child{margin-top:0;padding-top:0;border:0}
.detail_list .detail_box:first-child .btn_listbox{top:0}

.layout_box .input_label{top:50%;margin-top:-15px}
.layout_box .check_box{padding-left:0;margin-right:10px}
.layout_box .check_box .box{display:block;position:relative;width:70px;height:70px;border:1px solid #ccc;border-radius:4px;opacity:0.7}
.layout_box .check_box:hover .box{opacity:0.9}
.layout_box .check_box .img_box{display:block;height:40px;line-height:40px;text-align:center;font-size:30px;color:#fff;text-shadow:1px 1px 3px rgba(0,0,0,0.5);background:#31475c}
.layout_box .check_box .text_box{display:block;height:20px;line-height:15px;text-align:center;font-size:13px;color:#fff;text-shadow:1px 1px 3px rgba(0,0,0,0.5);background:#31475c}
.layout_box .check_box .box.top{padding:5px;width:60px;height:60px}
.layout_box .check_box .box.top .img_box{border-radius:4px 4px 0 0}
.layout_box .check_box .box.top .text_box{border-radius:0 0 4px 4px}
.layout_box .check_box .box.center{padding:15px 0;height:40px}
.layout_box .check_box .box.center .img_box{height:40px;line-height:40px}
.layout_box .check_box .box.center .text_box{position:absolute;left:0;top:15px;right:0;margin:0;height:40px;line-height:40px;z-index:20;opacity:0.8}
.layout_box .check_box .box.left .img_box{position:absolute;left:0;top:20px;width:30px;height:30px;line-height:30px;font-size:24px}
.layout_box .check_box .box.left .text_box{position:absolute;left:30px;top:20px;margin:0;width:40px;height:30px;line-height:30px}
.layout_box .check_box .radio:checked + span.box{background-color:#6ca5ce;opacity:1}

.alert_preview .input_area .select{margin-right:5px;width:190px}
.alert_preview .input_area .select.sizes{width:100px}
.alert_preview .effect_preview{display:block;position:absolute;right:130px;top:0;padding:0 10px;font-size:14px;height:30px;line-height:30px;vertical-align:top;color:#fff;font-size:14px;background:#31475c}
.alert_preview .effect_preview p{font-size:14px;height:30px;line-height:30px;color:#fff}
.alert_preview .preview_popup{position:absolute;right:240px;top:0}
.alert_preview .preview_popup .item_alert_popup{position:absolute;left:0;top:0;padding:5px 10px;width:90px;text-align:center;background:#31475c;z-index:10}
.alert_preview .preview_popup .item_alert_popup .fa{margin-bottom:5px;font-size:30px;color:#fff}
.alert_preview .preview_popup .item_alert_popup .text{font-size:14px;color:#fff;font-weight:700}
.item_alert_popup .alert_box{opacity:0}
.item_alert_popup .alert_box.on{opacity:1}
.item_alert_area .alert_box{opacity:0}
.item_alert_area .alert_box.on{opacity:1}

.voice_box .btn_voice_play{display:inline-block;margin-left:20px;padding:0;min-width:0;width:30px;height:30px;line-height:30px;vertical-align:top;text-align:center}
.voice_box .btn_voice_play .fa{margin:0}
.voice_box .btn_join_play{display:inline-block;margin-left:20px;padding:0;min-width:0;width:30px;height:30px;line-height:30px;vertical-align:top;text-align:center}
.voice_box .btn_join_play .fa{margin:0}

.item_alert .item_area{padding:10px}
.item_alert .alert_box{display:table;width:100%;height:100%}
.item_alert .alert_box .img_box,
.item_alert .alert_box .text_box{display:table-row;position:relative;height:100%;text-align:center;z-index:10}
.item_alert .alert_box .text_box{z-index:20}
.item_alert .alert_box .td_img,
.item_alert .alert_box .td_text{display:table-cell;padding:10px;vertical-align:middle}
.item_alert .alert_box .td_text p{word-break:break-all}
.item_alert .alert_box .td_text .text{display:block;word-break:break-all}
.item_alert .alert_box .img_box{position:relative;height:75%;text-align:center}
.item_alert .alert_box .img_box .td_img{background-position:center center;background-repeat:no-repeat;background-size:contain}
.item_alert .alert_box .img_box .fa{display:inline-block;font-size:180px;color:#fff}
.item_alert .alert_box .text_box span .line{display:block;line-height:1.4em}
.item_alert .alert_box .td_text .nick,
.item_alert .alert_box .td_text .value{font-size:1.2em}

.item_alert .alert_box .td_text .roulette_list{display:block;position:relative;overflow:hidden}
.item_alert .alert_box .td_text .roulette_list .roulette_text.blank{opacity:0}
.item_alert .alert_box .td_text .roulette_list .roulette_box{position:relative;position:absolute;left:0;top:0;right:0}
.item_alert .alert_box .td_text .roulette_list .roulette_text{display:block;padding:0.3em 0}
.item_alert .alert_box .td_text #roulette_area.stop .roulette_text.blank{opacity:1!important}
.item_alert .alert_box .td_text #roulette_area.stop #roulette_list{opacity:0!important}
.item_alert .alert_box .td_text #roulette_list{opacity:0}
.item_alert .alert_box .td_text #roulette_list.on{top:100%;-webkit-transition:all 4s cubic-bezier(0.325, 0.930, 0.400, 1.000);-moz-transition:all 4s cubic-bezier(0.325, 0.930, 0.400, 1.000);-ms-transition:all 4s cubic-bezier(0.325, 0.930, 0.400, 1.000);-o-transition:all 4s cubic-bezier(0.325, 0.930, 0.400, 1.000);transition:all 4s cubic-bezier(0.325, 0.930, 0.400, 1.000);opacity:1}
.item_alert .alert_box .td_text #roulette_list.blur{
	-webkit-filter: blur(3px);
    -moz-filter: blur(3px);
    -ms-filter: blur(3px);
    -o-filter: blur(3px);
    filter: url("data:image/svg+xml;utf8,<svg height='0' xmlns='http://www.w3.org/2000/svg'><filter id='svgBlur' x='-5%' y='-5%' width='110%' height='110%'><feGaussianBlur in='SourceGraphic' stdDeviation='5'/></filter></svg>#svgBlur");
    filter: progid: DXImageTransform.Microsoft.Blur(PixelRadius='3');
    filter: blur(3px);
}

.item_alert.align_left .alert_box .text_box{text-align:left}
.item_alert.align_right .alert_box .text_box{text-align:right}

.item_alert.layout_left .alert_box .img_box,
.item_alert.layout_left .alert_box .text_box{display:table-cell;width:45%;vertical-align:middle}
.item_alert.layout_left .alert_box .text_box{width:55%}
.item_alert.layout_left .alert_box .img_box .fa{font-size:100px}
.item_alert.layout_left .alert_box .td_img{display:block;width:100%;height:100%}
.item_alert.layout_left .alert_box .td_text{display:inline-block}

.item_alert.layout_center .alert_box{display:block}
.item_alert.layout_center .alert_box .img_box{display:block;position:absolute;left:0;top:0;right:0;bottom:0;height:100%;z-index:10}
.item_alert.layout_center .alert_box .text_box{display:table;position:relative;width:100%;height:100%;z-index:20}
.item_alert.layout_center .alert_box .td_text{display:table-cell;width:100%;vertical-align:middle}
.item_alert.layout_center .alert_box .td_img{display:block;padding:0;width:100%;height:100%}
.detail_list .toggle_roulette{margin-bottom:10px;width:480px}
.detail_list .roulette_header{height:26px;border:1px solid #b5014d;background:#e20965}
.detail_list .roulette_header li{float:left;height:26px;line-height:26px;text-align:center;font-size:15px;color:#fff;font-weight:500;text-shadow:1px 1px 2px rgba(0,0,0,0.4)}
.detail_list .roulette_header .name{width:178px}
.detail_list .roulette_header .rate{width:98px}
.detail_list .roulette_header .percent{width:138px}
.detail_list .roulette_list li{position:relative;margin-top:5px;height:30px}
.detail_list .roulette_list .input_text{float:left;margin-right:5px}
.detail_list .roulette_list .roulette_name{width:175px}
.detail_list .roulette_list .roulette_rate{width:95px}
.detail_list .roulette_list .roulette_percent{width:135px;border:0;border-radius:0;box-shadow:none;background:transparent}
.detail_list .roulette_list .btn_listbox{top:0}
.detail_list .btn_roulette_simulation{float:none;margin-top:5px;width:480px;height:34px;line-height:32px}

/* --------------------------------------------------- 알림 ----------------------------------------------------------------- */







/* --------------------------------------------------- 목표치 ----------------------------------------------------------------- */
.item_goal.item_goal_fontbold *{font-weight:700!important}

.color_gradient{overflow:hidden}
.color_gradient .btn_color{float:left;margin:0 5px 5px 0;width:36px;height:36px;border:1px solid #666;border-radius:3px}
.color_gradient .btn_color:hover{opacity:0.7}

.goal_area .check_box{margin-right:30px}
.goal_area .check_box .text{font-size:13px}
.goal_area .text .bar{display:inline-block;position:relative;margin:-3px 0 0 0;width:34px;height:18px;line-height:18px;vertical-align:middle;text-align:center;border:2px solid #ddd;border-radius:2px;*display:inline;zoom:1}
.goal_area .text .circle{display:inline-block;position:relative;margin:-3px 0 0 0;width:26px;height:26px;line-height:25px;text-indent:-1px;vertical-align:middle;text-align:center;border:2px solid #ddd;border-radius:50%;*display:inline;zoom:1}
.goal_area .text .box{display:block;position:relative;width:30px;height:22px;line-height:21px;text-align:center;text-indent:-1px}
.goal_area .text .box .heart{display:block;position:absolute;left:-2px;top:-6px;width:34px;height:34px;line-height:34px;text-align:center;font-size:34px;color:#ddd;font-weight:100;z-index:10}
.goal_area .text .box .stars{display:block;position:absolute;left:-3px;top:-12px;width:38px;height:38px;line-height:38px;text-align:center;font-size:38px;color:#ddd;font-weight:100;z-index:10}
.goal_area .text .box .half{display:block;position:absolute;left:-2px;top:-8px;width:34px;height:20px;line-height:34px;text-align:center;font-size:34px;color:#ddd;font-weight:100;z-index:10;overflow:hidden}
.goal_area .text .box .halfr{top:8px}
.goal_area .text .box .halfr span{display:block;position:absolute;left:0;bottom:0;right:0;text-align:center}
.goal_area .text .box .msg{position:relative;z-index:20}
.goal_area .active .text .bar,
.goal_area .active .text .circle{border-color:#999}
.goal_area .active .text .heart,
.goal_area .active .text .stars{color:#999}

.item_goal .item_area{padding:10px}
.item_goal .goal_box{display:none;position:absolute;width:0;height:0}
.item_goal .goal_bar_area,
.item_goal .goal_circle_area{position:relative;width:100%;height:100%}
.item_goal.dir_width .goal_box{left:0;top:50%;right:0;margin-left:0;width:100%}
.item_goal.dir_width .goal_box,
.item_goal.dir_height .goal_box{display:block}
.item_goal.style_bar.dir_height .goal_box{left:50%;top:30%;bottom:10%;margin-top:0;height:60%}
.item_goal .goal_bar{position:absolute;left:0;top:0;right:0;bottom:0;background:#ddd;border:1px solid #444;box-shadow:0 0 4px rgba(0,0,0,0.5);border-radius:3px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.item_goal .goal_inner{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;z-index:10}
.item_goal .goal_inner.animate{-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}
.item_goal.dir_width .goal_box .goal_inner{position:absolute;right:0;top:0;width:100%;height:100%;border-left:1px solid #444;border-radius:0 3px 3px 0}
.item_goal.style_bar.dir_height .goal_box .goal_inner{position:absolute;left:0;top:0;width:100%;height:100%;border-bottom:1px solid #444;border-radius:3px 3px 0 0}
.item_goal .goal_box .text,
.item_goal .goal_box .textin{font-size:1em;line-height:1.4em;z-index:20}
.item_goal .goal_box .text b,
.item_goal .goal_box .textin b{font-size:1.6em;font-weight:700}
.item_goal .goal_box .goal_start,
.item_goal .goal_box .goal_end{white-space:nowrap}
.item_goal .goal_box .goal_textin{text-shadow:-1px -1px 0px rgba(255, 255, 255, 0.3), -1px -0.5px 0px rgba(255, 255, 255, 0.3), -1px 0px 0px rgba(255, 255, 255, 0.3), -1px 0.5px 0px rgba(255, 255, 255, 0.3), -1px 1px 0px rgba(255, 255, 255, 0.3), -0.5px -1px 0px rgba(255, 255, 255, 0.3), -0.5px -0.5px 0px rgba(255, 255, 255, 0.3), -0.5px 0px 0px rgba(255, 255, 255, 0.3), -0.5px 0.5px 0px rgba(255, 255, 255, 0.3), -0.5px 1px 0px rgba(255, 255, 255, 0.3), 0px -1px 0px rgba(255, 255, 255, 0.3), 0px -0.5px 0px rgba(255, 255, 255, 0.3), 0px 0px 0px rgba(255, 255, 255, 0.3), 0px 0.5px 0px rgba(255, 255, 255, 0.3), 0px 1px 0px rgba(255, 255, 255, 0.3), 0.5px -1px 0px rgba(255, 255, 255, 0.3), 0.5px -0.5px 0px rgba(255, 255, 255, 0.3), 0.5px 0px 0.5px rgba(255, 255, 255, 0.3), 0.5px 0.5px 0.5px rgba(255, 255, 255, 0.3), 0.5px 1px 0.5px rgba(255, 255, 255, 0.3), 1px -1px 0px rgba(255, 255, 255, 0.3), 1px -0.5px 0px rgba(255, 255, 255, 0.3), 1px 0px 1px rgba(255, 255, 255, 0.3), 1px 0.5px 1px rgba(255, 255, 255, 0.3), 1px 1px 1px rgba(255, 255, 255, 0.3)}
.item_goal.dir_width .goal_box .goal_start{position:absolute;left:0;top:100%;margin-top:5px}
.item_goal.dir_width .goal_box .goal_end{position:absolute;right:0;top:100%;margin-top:5px}
.item_goal.dir_width .goal_box .goal_text{position:absolute;left:0;bottom:100%;right:0;margin-bottom:5px;text-align:center}
.item_goal.dir_width .goal_box .goal_textin{position:absolute;left:0;top:50%;right:0;transform:translateY(-50%);text-align:center;font-weight:700}
.item_goal.style_bar.dir_height .goal_box .goal_start{position:absolute;right:50%;top:100%;margin-top:5px;min-width:100px;transform:translateX(50%);text-align:center}
.item_goal.style_bar.dir_height .goal_box .goal_end{position:absolute;right:50%;bottom:100%;margin-bottom:5px;min-width:100px;transform:translateX(50%);text-align:center}
.item_goal.style_bar.dir_height .goal_box .goal_text{position:absolute;left:50%;bottom:100%;margin-bottom:40px;min-width:100px;transform:translateX(-50%);text-align:center}
.item_goal.style_bar.dir_height .goal_box .goal_textin{position:absolute;left:50%;top:50%;width:100px;transform:translate(-50%,-50%);text-align:center;font-weight:700}
.item_goal .goal_box .line{display:block}
.item_goal.item_goal_textonly .goal_box{text-align:center}
.item_goal.item_goal_textonly .goal_box .goal_text{display:inline-block;position:relative;left:auto;bottom:auto;top:auto;right:auto;margin:0 10px;transform:none}
.item_goal.item_goal_textonly .goal_box .goal_textin{display:inline-block;position:relative;left:auto;bottom:auto;top:auto;right:auto;margin:0 10px;transform:none;font-weight:normal}
.item_goal.item_goal_textonly .goal_box .goal_bar,
.item_goal.item_goal_textonly .goal_box .goal_start,
.item_goal.item_goal_textonly .goal_box .goal_end,
.item_goal.item_goal_textonly .goal_progress{display:none}
.item_goal.style_bar.item_goal_textonly.dir_height .goal_box .goal_text,
.item_goal.style_bar.item_goal_textonly.dir_height .goal_box .goal_textin{display:block;margin:10px;margin-left:-30px}
.item_goal.item_goal_textonly .goal_box .goal_textin{margin:0}

.item_goal .goal_circle_area{display:none;position:relative;margin:0 auto}
.item_goal .goal_circle_area .goal_box{display:table;position:absolute;left:0;top:0;right:auto;margin:0;width:100%;height:100%;z-index:20}
.item_goal .goal_circle_area .goal_box .text_box{display:table-cell;position:relative;width:100%;text-align:center;vertical-align:middle;z-index:30}
.item_goal .goal_circle_area .goal_box .goal_text{position:relative;left:auto;bottom:auto;right:auto}
.item_goal .goal_circle_area .goal_box .goal_textin{position:relative;left:auto;top:auto;right:auto;transform:none}
.item_goal .goal_circle_area .goal_box .textin_box{position:relative}
.item_goal .goal_circle_area .goal_box .goal_textin.textrepeat{position:absolute;left:0;top:0;width:100%;z-index:20}

.item_goal.style_circle .goal_bar_area,
.item_goal.style_arc .goal_bar_area,
.item_goal.style_arcr .goal_bar_area,
.item_goal.style_heart .goal_bar_area,
.item_goal.style_stars .goal_bar_area{display:none}
.item_goal.style_circle .goal_circle_area,
.item_goal.style_arc .goal_circle_area,
.item_goal.style_arcr .goal_circle_area,
.item_goal.style_heart .goal_circle_area,
.item_goal.style_stars .goal_circle_area{display:block}

.item_goal.style_heart .goal_circle_area .goal_box .text_box{padding-bottom:5%}
.item_goal.style_arc .goal_circle_area .goal_box .text_box{padding-top:20%;vertical-align:top}
.item_goal.style_arcr .goal_circle_area .goal_box{top:auto;bottom:0;height:50%}
.item_goal.style_arcr .goal_circle_area .goal_box .text_box{padding-top:10%;vertical-align:top}
.item_goal.style_arcr .goal_progress{transform:scaleY(-1)}
.item_goal .goal_progress{position:absolute;left:0;top:0;width:100%;height:100%;z-index:10}

.item_goal.item_goal_progressani .goal_bar:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-image:
	   -webkit-gradient(linear, 0 0, 100% 100%,
	      color-stop(.25, rgba(255, 255, 255, .2)),
	      color-stop(.25, transparent), color-stop(.5, transparent),
	      color-stop(.5, rgba(255, 255, 255, .2)),
	      color-stop(.75, rgba(255, 255, 255, .2)),
	      color-stop(.75, transparent), to(transparent)
	   );
	background-image:
		-moz-linear-gradient(
		  -45deg,
	      rgba(255, 255, 255, .2) 25%,
	      transparent 25%,
	      transparent 50%,
	      rgba(255, 255, 255, .2) 50%,
	      rgba(255, 255, 255, .2) 75%,
	      transparent 75%,
	      transparent
	   );
	z-index: 1;
	-webkit-background-size: 50px 50px;
	-moz-background-size: 50px 50px;
	background-size: 50px 50px;
	-webkit-animation: progressani 2s linear infinite;
	-moz-animation: progressani 2s linear infinite;
	overflow: hidden;
}
.item_goal.item_goal_progressani.height .goal_bar:after{
	-webkit-animation: progressanireverse 2s linear infinite;
	-moz-animation: progressanireverse 2s linear infinite;
}

@-webkit-keyframes progressani {
    0% { background-position: 0 0; }
    100% { background-position: 50px 50px; }
}

@-moz-keyframes progressani {
    0% { background-position: 0 0; }
    100% { background-position: 50px 50px; }
}
@-webkit-keyframes progressanireverse {
    0% { background-position: 50px 50px; }
    100% { background-position: 0 0; }
}

@-moz-keyframes progressanireverse {
    0% { background-position: 50px 50px; }
    100% { background-position: 0 0; }
}
/* --------------------------------------------------- 목표치 ----------------------------------------------------------------- */






/* --------------------------------------------------- 후원자막 ----------------------------------------------------------------- */
.preview_area .preview_box .item_subtitle.startype_total,
.preview_area .preview_box .item_subtitle.startype_recent{height:100px}

.item_subtitle{overflow:hidden}
.item_subtitle.item_subtitle_fontbold *{font-weight:700}
.subtitle_area .input_area.giftimg_width{padding-left:120px}
.item_subtitle .subtitle{padding:10px;font-size:1em;line-height:1.4em}
.item_subtitle .subtitle .value{padding-left:0.3em}
.item_subtitle .subtitle .value .star{padding-left:0.5em}
.item_subtitle.item_subtitle_listunit .subtitle .value .star{position:relative;padding-left:0.9em}
.item_subtitle.item_subtitle_listunit .subtitle .value .star:before{content:"+";position:absolute;left:0.1em;top:-0.12em;width:0.9em;font-size:0.8em;text-align:center}
.item_subtitle .subtitle .value .star:first-child{padding-left:0}
.item_subtitle.item_subtitle_listunit .subtitle .value .star:first-child:before{display:none}
.item_subtitle.startype_list .subtitle{right:10%}
/*.item_subtitle.startype_list .subtitle .nick,
.item_subtitle.startype_add .subtitle .nick{display:inline-block;width:10ch;vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}*/

/* 정렬 */
.item_subtitle:not(.startype_rank).halign_top .subtitle{position:absolute;left:0;top:0;right:0}
.item_subtitle:not(.startype_rank).halign_bottom .subtitle{position:absolute;left:0;top:auto;bottom:0;right:0}
.item_subtitle.startype_recent.halign_bottom .subtitle{padding:0;bottom:0}
.item_subtitle.startype_recent.halign_bottom .subtitle_list{top:auto;bottom:10px}
.item_subtitle.align_center .subtitle{text-align:center}
.item_subtitle.align_right .subtitle{text-align:right}

/* 랭킹 */
.item_subtitle .subtitle table{width:100%;table-layout:fixed;text-align:left}
.item_subtitle .subtitle table td{padding:0.1em 0.2em;opacity:0.8}
.item_subtitle .subtitle table td.rank{padding-left:0;width:14%;white-space:nowrap}
.item_subtitle .subtitle table td.nick{width:48%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.item_subtitle .subtitle table td.val{padding-right:0;width:38%;text-align:right;white-space:nowrap}
.item_subtitle .subtitle table td.val .value{margin-right:0.2em}
.item_subtitle .subtitle table tr:nth-child(1) td{font-size:1.3em;opacity:1}
.item_subtitle .subtitle table tr:nth-child(2) td{font-size:1.2em;opacity:0.9}
.item_subtitle .subtitle table tr:nth-child(3) td{font-size:1.1em;opacity:0.85}
.item_subtitle .subtitle table tr td.rank .fa{display:none}
.item_subtitle.item_subtitle_rankmedal .subtitle table tr td.rank{text-align:center}
.item_subtitle.item_subtitle_rankmedal .subtitle table tr:nth-child(1) td.rank .fa{display:inline;color:#eccb2d}
.item_subtitle.item_subtitle_rankmedal .subtitle table tr:nth-child(2) td.rank .fa{display:inline;color:#cfd0d8}
.item_subtitle.item_subtitle_rankmedal .subtitle table tr:nth-child(3) td.rank .fa{display:inline;color:#8C7853}
.item_subtitle.item_subtitle_rankmedal .subtitle table tr:nth-child(1) td.rank .num,
.item_subtitle.item_subtitle_rankmedal .subtitle table tr:nth-child(2) td.rank .num,
.item_subtitle.item_subtitle_rankmedal .subtitle table tr:nth-child(3) td.rank .num{display:none}
.item_subtitle .subtitle .rank_title{margin-bottom:0.5em;text-align:center;font-size:1.4em}

/* 최근 후원 */
.item_subtitle.startype_recent .subtitle{position:relative}
.item_subtitle.startype_recent .subtitle_list{position:absolute;left:10px;top:10px;min-width:300px;white-space:nowrap}
.item_subtitle.startype_recent .text{display:inline-block;position:relative;padding-left:1.2em;vertical-align:middle}
.item_subtitle.startype_recent .text:before{content:"/";position:absolute;left:0.15em;top:-0.05em;width:1.2em;font-size:0.8em;text-align:center}
.item_subtitle.startype_recent .text:first-child{padding-left:0}
.item_subtitle.startype_recent .text:first-child:before{display:none}
@-webkit-keyframes subtitle_recentleft {
	0% { -webkit-transform: translateX(50%);transform: translateX(50%); }
	100% { -webkit-transform: translateX(-120%);transform: translateX(-120%); }
}
@keyframes subtitle_recentleft {
	0% { -webkit-transform: translateX(50%);transform: translateX(50%); }
	100% { -webkit-transform: translateX(-120%);transform: translateX(-120%); }
}
@-webkit-keyframes subtitle_recentright {
	0% { -webkit-transform: translateX(-120%);transform: translateX(-120%); }
	100% { -webkit-transform: translateX(50%);transform: translateX(50%); }
}
@keyframes subtitle_recentright {
	0% { -webkit-transform: translateX(-120%);transform: translateX(-120%); }
	100% { -webkit-transform: translateX(50%);transform: translateX(50%); }
}

/* 이미지 */
.item_subtitle.startype_giftimg .gift_box{display:inline-block;position:relative;margin:0 0.4% 1% 0.4%;vertical-align:top;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.item_subtitle.startype_giftimg .img{display:block;width:100%;opacity:0}
.item_subtitle.startype_giftimg .gift{position:absolute;left:0;top:0;right:0;height:75%;background-position:center center;background-repeat:no-repeat;background-size:contain}
.item_subtitle.startype_giftimg .text{position:absolute;left:0;bottom:0;right:0;padding:5px;height:auto;text-align:center;border:1px solid #333;border-radius:5px;background:#fff;word-break:keep-all!important;white-space:normal!important;z-index:20}

/* --------------------------------------------------- 후원자막 ----------------------------------------------------------------- */







/* --------------------------------------------------- 배너 ----------------------------------------------------------------- */
.item_banner img{display:block}
.item_banner .img{display:block;width:100%}
.item_banner .img_box{position:relative;padding-top:10px;width:350px;height:140px;text-align:center;font-size:1em;color:#fff;font-weight:700}
.item_banner .img_box .fa{display:inline-block;font-size:8em}
.item_banner .img_box .text{display:block;padding:5px;font-size:1.6em}
.item_banner .slider_info{display:none}
.content_banner .preview_area .preview_box .item_box{height:auto}
body.banner .preview_area{min-height:100px}
.preview_box .item_banner .slider_info{display:block;padding-top:10px;background:#fff}
.preview_box .item_banner .slider_info b{font-weight:700;color:#222}
.banner_list .banner_box{position:relative;margin-top:20px;padding-left:30px}
.banner_list .banner_box:first-child{margin-top:0}
.banner_list .banner_box .number{cursor:pointer;position:absolute;left:0;top:0;width:30px;height:120px;line-height:30px;font-size:18px;color:#666;font-weight:700;z-index:20}
.effect_list{text-align:left}
.effect_list li{display:inline-block;margin:0 2px 5px 0!important;vertical-align:top}
.effect_list .btns{display:block;padding:0 5px;min-width:20px;height:22px;line-height:22px;font-size:13px}

.wowslider-container1{height:auto!important}
.wowslider-container1 .ws_controls .ws_next,
.wowslider-container1 .ws_controls .ws_prev{margin-top:-20px;width:30px;height:30px;text-align:center;line-height:30px;color:#fff;border:0;background:none!important;opacity:0}
.wowslider-container1 .ws_controls .ws_next span,
.wowslider-container1 .ws_controls .ws_prev span{font-size:30px}
.wowslider-container1 .ws_controls .ws_prev:hover,
.wowslider-container1 .ws_controls .ws_next:hover{opacity:1!important}
.wowslider-container1:hover .ws_controls .ws_next,
.wowslider-container1:hover .ws_controls .ws_prev{opacity:0.6}
.preview_box .wowslider-container1 .ws_controls .ws_prev,
.preview_box .wowslider-container1 .ws_controls .ws_next{color:#fff;text-shadow:0 0 5px rgba(0,0,0,0.8);opacity:0.6!important;overflow:visible}
.preview_box .wowslider-container1 .ws_controls .ws_prev:after,
.preview_box .wowslider-container1 .ws_controls .ws_next:after{display:none}
.preview_box .wowslider-container1 .ws_controls .ws_prev:hover,
.preview_box .wowslider-container1 .ws_controls .ws_next:hover{opacity:1!important}
/* --------------------------------------------------- 배너 ----------------------------------------------------------------- */








/* --------------------------------------------------- 시계 ----------------------------------------------------------------- */
.timer_theme_box .check_box{width:200px}
.timer_theme_box .check_box .img_box{height:auto}


.item_timer #timer{width:100%;height:100%;text-align:center;overflow:hidden;opacity:0}
.item_timer.active #timer{opacity:1}
.item_timer #timer .flip-clock-label{display:none}
.item_timer #timer .flip-clock-divider{display:inline-block;float:none;width:18px;height:80px;vertical-align:top}
.item_timer #timer .flip-clock-divider:first-child{width:0}
.item_timer #timer .flip-clock-dot{left:50%;margin-left:-5px}
.item_timer #timer .flip-clock-dot.top{top:30%}
.item_timer #timer .flip-clock-dot.bottom{bottom:30%}
.item_timer #timer .flip-clock-wrapper ul{display:inline-block;float:none;width:49px;height:70px;vertical-align:top}
.item_timer #timer .flip-clock-wrapper ul li{line-height:70px}
.item_timer #timer .flip-clock-wrapper ul li a div.up:after{top:100%;margin-top:-1px}
.item_timer #timer .flip-clock-wrapper ul li a div div.inn{font-size:58px;font-weight:700}
.item_timer #timer .timer_theme{display:none;padding:10px 0}

.item_timer.clocktheme_digital #timer .timer_wrap,
.item_timer.clocktheme_naver #timer .timer_wrap{position:absolute;left:0;top:0;opacity:0;visibility:hidden}
.item_timer.clocktheme_digital #timer .timer_theme,
.item_timer.clocktheme_naver #timer .timer_theme{display:block}
.item_timer.clocktheme_digital .timer_theme{background:#ddd}
.item_timer.clocktheme_digital #timer .timer_theme .timer_box{display:inline-block;position:relative;margin:5px;width:90px;height:70px;line-height:70px;vertical-align:top;font-size:80px;color:#222;font-weight:normal;font-family:"DS-Digital", Helvetica, sans-serif;letter-spacing:2px}
.item_timer.clocktheme_digital #timer .timer_theme .timer_box.min,
.item_timer.clocktheme_digital #timer .timer_theme .timer_box.sec{margin-left:20px}
.item_timer.clocktheme_digital #timer .timer_theme .timer_box.min:after,
.item_timer.clocktheme_digital #timer .timer_theme .timer_box.sec:after{display:block;content:":";position:absolute;left:-20px;top:-3px;width:15px;height:70px;line-height:70px;text-align:center}

.item_timer.clocktheme_naver .timer_theme{background:#fafafa}
.item_timer.clocktheme_naver #timer .timer_theme .timer_box{display:inline-block;position:relative;margin:5px;width:76px;height:64px;line-height:64px;vertical-align:top;font-size:52px;color:#222;font-weight:700;font-family:Arial, Helvetica, sans-serif;border:1px solid #ddd;border-radius:6px;background:url("/resource/img/timer/bg_timer.png") no-repeat center center;background-size:cover}
.item_timer.clocktheme_naver #timer .timer_theme .timer_box.hour,
.item_timer.clocktheme_naver #timer .timer_theme .timer_box.min,
.item_timer.clocktheme_naver #timer .timer_theme .timer_box.sec{margin-left:25px;margin-right:25px}
.item_timer.clocktheme_naver #timer .timer_theme .timer_box.hour:after,
.item_timer.clocktheme_naver #timer .timer_theme .timer_box.min:after,
.item_timer.clocktheme_naver #timer .timer_theme .timer_box.sec:after{display:block;content:"";position:absolute;left:auto;right:-55px;top:40px;width:50px;height:20px;line-height:20px;text-align:left;font-size:16px;color:#222;letter-spacing:-2px}
.item_timer.clocktheme_naver #timer .timer_theme .timer_box.hour:after{content:"시간"}
.item_timer.clocktheme_naver #timer .timer_theme .timer_box.min:after{content:"분"}
.item_timer.clocktheme_naver #timer .timer_theme .timer_box.sec:after{content:"초"}

.item_timer #timer .timer_area{margin:0;width:400px;transform-origin:left top}

.item_timer_wrap .tooltip_box .tooltip_fontsize{display:none}
/* --------------------------------------------------- //시계 ----------------------------------------------------------------- */







/* --------------------------------------------------- 텍스트 ----------------------------------------------------------------- */
.preview_area .item_text{background:#fff;overflow:hidden}
.item_text{padding:10px}
.text_selectlist{display:none}
.text_fontlist .select_font_list .font_value{text-align:left}
.text_fontlist .select_font_list .font_list .font_add{display:none}
.content_text .note-dropdown-menu .note-dropdown-item{font-size:16px}
/* --------------------------------------------------- 텍스트 ----------------------------------------------------------------- */








/* --------------------------------------------------- 플레이어 ----------------------------------------------------------------- */
html.player,
html.player body{overflow:hidden}
html.player body{min-width:0}
.error_area{border:1px solid #b5014d;background:#fff}
.error_area .error_title{padding:0 10px;height:30px;line-height:30px;font-size:14px;color:#fff;font-weight:700;background:#e20965}
.error_area .error_text{padding:10px}
.error_area .error_text p{line-height:20px;font-size:14px;color:#555;font-weight:500}

#page{position:relative;width:100%;height:100%}
#page .item_box{position:relative;width:100%;height:100%}
#page .item_wrap{display:none;width:100%;height:100%}
#page .item_wrap.on{display:block}
body.multi #page .item_wrap{display:block;position:relative;float:left;width:33%;height:45%}

#page .tooltip_box{position:absolute;left:0;top:0;right:0;height:60px;z-index:100;opacity:0}
#page .tooltip_box:hover{opacity:1}
#page .tooltip_box .tooltip_left{float:left}
#page .tooltip_box .tooltip_right{float:right}
#page .tooltip_box .tooltip_left .toggle_box,
#page .tooltip_box .tooltip_left .select,
#page .tooltip_box .tooltip_left .btns{margin-right:3px}
#page .tooltip_box .tooltip_right .toggle_box,
#page .tooltip_box .tooltip_right .select,
#page .tooltip_box .tooltip_right .btns{margin-left:3px}
#page .tooltip_box .btns{padding:0 5px;height:20px;line-height:20px;font-size:12px;color:#000;font-weight:normal;border:1px solid #ddd;background:#f0f0f0}
#page .tooltip_box .btns .fa{margin:0;font-size:13px}
#page .tooltip_box .select{max-width:100px;font-size:12px}
#page .tooltip_box .toggle_box,
#page .tooltip_box .btns,
#page .tooltip_box .select{opacity:0.6;vertical-align:top}
#page .tooltip_box .toggle_box:hover,
#page .tooltip_box .btns:hover,
#page .tooltip_box .select:hover{opacity:1}
#page .tooltip_box .tooltip_preset{display:none}
#page .tooltip_box .tooltip_preset.on{display:inline-block}
#page .item_banner_wrap  .tooltip_box .btn_remove{display:none}

/* 토글 */
.toggle_box{display:inline-block;position:relative;width:45px;height:20px;vertical-align:middle;border-radius:10px;overflow:hidden}
.toggle_box .check{position:absolute;left:0;top:0;width:45px;height:20px;opacity:0}
.toggle_box .label{display:block;position:relative;width:45px;height:20px;border-radius:10px;box-shadow:inset 2px 2px 2px rgba(0,0,0,0.1);background:#dadada}
.toggle_box .label:before{display:block;content:" ";position:absolute;left:2px;top:2px;width:16px;height:16px;border-radius:50%;background:#fff}
.toggle_box .label:after{display:block;content:"OFF";position:absolute;right:4px;top:0;width:22px;text-align:center;line-height:20px;font-size:12px;color:#fff;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,0.4);white-space:nowrap}
.toggle_box .check:checked + .label{background:#6ca8ce}
.toggle_box .check:checked + .label:before{left:auto;right:2px}
.toggle_box .check:checked + .label:after{content:"ON";right:auto;left:4px}
.toggle_box .label .fa{display:block;position:absolute;right:4px;top:0;width:22px;height:20px;line-height:20px;text-align:center;color:#fff;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,0.4)}
.toggle_box .label .fa.on{display:none;right:auto;left:4px}
.toggle_box .check:checked + .label .fa.off{display:none}
.toggle_box .check:checked + .label .fa.on{display:block}
.toggle_box.tooltip_icon .label:after{display:none!important}
.tooltip_box .select{padding:0 15px 0 5px;height:20px;font-size:13px}


/* --------------------------------------------------- 플레이어 ----------------------------------------------------------------- */





/* --------------------------------------------------- 게시판 ----------------------------------------------------------------- */
.bbs_area .contains{max-width:920px}
.bbs_area .setup_desc{padding-top:20px;margin-bottom:0;min-height:30px;border-bottom:0}
.bbs_area .bbs_wrap{margin-bottom:30px;border-top:1px solid #333;border-bottom:1px solid #e3e3e3}
.bbs_area .bbs thead th{height:45px;text-align:center;font-size:13px;color:#555;font-weight:700;background:#fff}
.bbs_area .bbs tbody td{height:42px;text-align:center;font-size:13px;color:#555}
.bbs_area .bbs tbody tr td{background:#fdfdfd}
.bbs_area .bbs tbody tr td.left{padding-left:20px;text-align:left}
.bbs_area .bbs tbody tr .link{color:#555}
.bbs_area .bbs tbody tr .link:hover{color:#000;font-weight:700}
.bbs_area .bbs tbody tr:nth-child(odd) td{background:#f1f2f3}
.bbs_area .bbs .link_panel{display:none}
.bbs_area .bbs_page{margin:0 auto 30px auto;width:230px;height:30px;text-align:center}
.bbs_area .bbs_page a{position:relative;display:block;float:left;margin-left:-1px;width:45px;height:32px;line-height:32px;font-size:13px;color:#1dc4a9;border:1px solid #1dc4a9;background:#fff;z-index:10}
.bbs_area .bbs_page a:hover,
.bbs_area .bbs_page a.active{color:#fff;font-weight:700;background:#1dc4a9;z-index:20}
.bbs_area .bbs_page a:first-child{border-radius:3px 0 0 3px}
.bbs_area .bbs_page a:last-child{border-radius:0 3px 3px 0}

#popup_bbs .popup_area{margin:-300px 0 0 -400px;width:800px;height:600px}
#popup_bbs .popup_area .popup_content{position:absolute;left:0;top:40px;right:0;bottom:50px;padding:10px;overflow:auto}
#popup_bbs .popup_area .popup_footer{position:absolute;left:0;bottom:0;right:0}

.update_list{display:none}

@media screen and (max-width:850px) {
	#popup_bbs .popup_area{margin-left:0;left:20px;right:20px;width:auto}
}

@media screen and (max-height:650px) {
	#popup_bbs .popup_area{margin-top:0;top:20px;bottom:20px;height:auto}
}

/* --------------------------------------------------- 게시판 ----------------------------------------------------------------- */





/* --------------------------------------------------- 메인 ----------------------------------------------------------------- */
.main_area{padding:20px 0;width:1160px}
.main_area .setup_desc{margin-bottom:30px;border-bottom:0}
.main_area .main_menu{height:464px}
.main_area .main_box{float:left;position:relative;margin:0 12px 12px 0;width:365px;height:220px}
.main_area .main_box img{display:block}
.main_area .main_box .over{position:absolute;left:0;top:0;width:365px;height:220px;background:url("/resource/img/main/bg_mask.png") repeat}
.main_area .main_box .over p{line-height:24px;font-size:16px;color:#e1e1e1}
.main_area .main_box .over .desc{font-size:12px}
.main_area .main_box .over .title{margin-bottom:20px;line-height:40px;font-size:36px;color:#e20965;font-weight:700;text-shadow:0 0 5px rgba(0,0,0,0.75)}
.main_area .main_box .text_box{padding:40px 0 0 40px}


/* --------------------------------------------------- 메인 ----------------------------------------------------------------- */





/* --------------------------------------------------- 도움말 ----------------------------------------------------------------- */
.content_area.help_area{padding-left:200px}
.help_area .lnb_area{width:200px}
.help_area .help_menu{padding:16px 20px}
.help_area .help_menu li{padding:4px 0}
.help_area .help_menu .btn_menu{display:block;height:28px;line-height:28px;font-size:15px;color:#555}
.help_area .help_menu .btn_menu.active,
.help_area .help_menu .btn_menu:hover{font-weight:700;color:#222}
.help_area .help_tab{margin-bottom:40px;padding-left:1px;width:102%;height:37px}
.help_area .help_tab .btn_tab{display:block;float:left;margin:0 -1px;width:149.5px;height:35px;line-height:35px;text-align:center;font-size:13px;color:#e20965;border:1px solid #e20965;background:#fff}
.help_area .help_tab .btn_tab.active,
.help_area .help_tab .btn_tab:hover{color:#fff;font-weight:700;background:#e20965}
.help_area .help_tab .btn_tab:first-child{border-radius:3px 0 0 3px}
.help_area .help_tab .btn_tab:last-child{border-radius:0 3px 3px 0}
.help_area .help_panel{display:none}
.help_area .help_panel.active{display:block}
.help_area .tab_panel{display:none}
.help_area .tab_panel.active{display:block}
.help_area .help_panel img{display:block}

/* --------------------------------------------------- 도움말 ----------------------------------------------------------------- */


.error_content{padding:0;min-height:500px}
.error_content .error_text{padding:200px 0;text-align:center}
.error_content .error_text p{line-height:24px;font-size:16px}
.error_content .error_text .title{margin-bottom:20px;line-height:40px;font-size:34px;font-weight:500}
.error_content .error_text .title .fa{margin:0 10px 0 0;color:#f42e6f}