@charset "utf-8";

#cashSponsorWrap .mt10 {margin-top: 10px;}
#cashSponsorWrap .mb10 {margin-bottom: 10px;}
#cashSponsorWrap .text_center {text-align: center;}
#cashSponsorWrap .fz11 {font-size: 11px;}
#cashSponsorWrap .fz14 {font-size: 14px;}
#cashSponsorWrap .fz16 {font-size: 16px;}
#cashSponsorWrap .fz18 {font-size: 18px;}
#cashSponsorWrap .fz21 {font-size: 21px;}
#cashSponsorWrap .fw_bold {font-weight: bold;}
#cashSponsorWrap .c_black {color: #333333;}
#cashSponsorWrap .c_blue {color: #099dc9;}
#cashSponsorWrap .c_brown {color: #995628;}
#cashSponsorWrap .c_gray {color: #888888;}
#cashSponsorWrap .lts-2 {letter-spacing: -2px;}

#cashSponsorWrap * {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#cashSponsorWrap button {border: 0 none; background-color: transparent;}
#cashSponsorWrap input[type=number]::-webkit-outer-spin-button,
#cashSponsorWrap input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
#cashSponsorWrap input[type=text]:-ms-clear,
#cashSponsorWrap input[type=number]:-ms-clear {
	display:none;
}

#cashSponsorWrap .ellipsis {white-space:nowrap; overflow: hidden; width: 340px; max-height: 52px;}
#cashSponsorWrap .ellipsis em {margin-left:2px; letter-spacing:0;}
#cashSponsorWrap .ellipsis.multiline {white-space: normal;}

#cashSponsorWrap .header h1 {margin: 40px 0; text-align: center; font-size: 30px; line-height: 1; letter-spacing: -2px; color: #222222;}
#cashSponsorWrap .contents {padding: 20px 30px; line-height: 1.5; font-size: 12px; color: #888888;}
#cashSponsorWrap .contents ul {margin-left: 8px;}
#cashSponsorWrap .contents ul li {padding-top: 5px; text-indent: -8px;}

#cashSponsorWrap .btn_blue {display: block; text-decoration: none; margin: 20px auto 10px auto; width: 203px; height: 59px; font-size: 16px; font-weight: bold; line-height: 59px; color: #fff; text-align: center; background-color: #00b9f0;  }
#cashSponsorWrap .btn_close_layer {position: absolute; right: 20px; top: 20px;}


/* 캐시로 전환하기 */
#combineWrap {position: absolute; top: 15px; left: 50%; margin-left: -237.5px; width: 475px; background: #fff; letter-spacing: -1px; z-index: 20002;}
#combineWrap .header h1 {margin-bottom: 30px;}
#combineWrap .contents {padding: 0 30px 35px; font-size: 14px; color: #666;}
#combineWrap .img_combine {margin: 30px 0;}
#combineWrap .ico_info {vertical-align: text-bottom; padding-right: 5px;}
#combineWrap .cash_table {margin-top: 15px; width: 100%; border-collapse: collapse; background-color: #f9f9f9;}
#combineWrap .cash_table tr th, 
#combineWrap .cash_table tr td {padding: 15px 20px; border: 1px solid #c6c6c6; font-size: 14px; font-weight: bold;}
#combineWrap .cash_table tr th {text-align: left; border-right: 0; font-weight: normal; color: #333;}
#combineWrap .cash_table tr td {text-align: right; border-left: 0; letter-spacing: 0;}
#combineWrap .btn_blue {margin: 20px auto;}

/* 후원하기 */
#supportWrap {position: absolute; top: 15px; left: 50%; margin-left: -237.5px; width: 475px; background: #fff; letter-spacing: -1px; z-index: 20002;}
#supportWrap .contents .cash_info h2 {font-size: 14px; color: #333333;}
#supportWrap .contents .cash_info ul li {font-size: 13px;}

#supportWrap .top_section {position: relative; min-height: 50px; background-color: #f9f9f9; font-size: 16px; font-weight: bold; line-height: 50px; text-align: center; color: #666666;}
#supportWrap .top_section > p {display: inline-block;}
#supportWrap .top_section span {letter-spacing: 0; color: #099dc9;}
#supportWrap .top_section .popover_wrap {display: inline-block;}
#supportWrap .top_section .popover_wrap .btn_question {padding: 0; vertical-align: text-bottom;}
#supportWrap .top_section .popover_wrap .popover {
	display: none;
	position: absolute; 
	left: 50%; 
	top: 40px; 
	width: 285px; 
	padding: 15px 30px 15px 15px; 
	background: #273f50; 
	border-radius: 5px;
	font-size: 12px; 
	font-weight: normal;
	line-height: 1.6; 
	letter-spacing: -1px;
	z-index: 1;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	color: #fff;
}
#supportWrap .top_section .popover_wrap .popover .btn_close {position: absolute; top: 11px; right: 11px;}

#supportWrap .broadcast_wrap {position: relative; overflow: hidden; margin: 2px 0 17px 0;}
#supportWrap .broadcast_wrap .round_img {overflow: hidden; float: left; margin-right: 15px; width: 60px; height: 60px; border-radius: 50%;}
#supportWrap .broadcast_wrap .round_img img {width: 100%;}
#supportWrap .broadcast_wrap .title_area {margin-top: 3px; letter-spacing: -1px;}
#supportWrap .broadcast_wrap .title_area .tit_episode {
	font-size: 20px; 
	font-weight: bold; 
	color: #333333;
	line-height: 1.3;
}
#supportWrap .broadcast_wrap .title_area .tit_broadcast {
	display: block;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	word-wrap: normal; 
	margin-top: 3px;
	font-size: 16px;
	font-weight: bold; 
	color: #777777;
}

#supportWrap .support_price_box {margin-bottom: 15px; background-color: #f9f9f9; border: 1px solid #c6c6c6;}
#supportWrap .support_price_box .h_price {font-size: 14px; font-weight: bold; color: #111;}
#supportWrap .support_price_box .plus_area {padding: 15px;}
#supportWrap .support_price_box .plus_area .cash_box {position: relative; margin: 10px 0; padding: 10px; background-color: #fff; border: 1px solid #bababa; text-align: right; font-size: 13px; color: #666666;}
#supportWrap .support_price_box .plus_area .cash_box input {text-align: right; border: 0; padding-right: 30px; width: 100%; letter-spacing: 0;}
#supportWrap .support_price_box .plus_area .cash_box input:invalid {background-color: transparent;}
#supportWrap .support_price_box .plus_area .cash_box span {position: absolute; top: 9px; right: 10px;}
#supportWrap .support_price_box .cash_btn_wrap {overflow: hidden; margin-bottom: 5px;}
#supportWrap .support_price_box .cash_btn_wrap .btn_plus_cash {display: block; float: left; padding-right: 3px; width: 33.3%;}
#supportWrap .support_price_box .cash_btn_wrap .btn_plus_cash:last-child {padding-right: 0;}
#supportWrap .support_price_box .cash_btn_wrap .btn_plus_cash button {width: 100%; padding: 7px 5px; background-color: #a6aab0; font-size: 13px; color: #fff; letter-spacing: 0;}
#supportWrap .support_price_box .total_area {overflow: hidden; padding: 15px; border-top: 1px solid #c6c6c6;}
#supportWrap .support_price_box .total_area .total_cash {float: right; font-size: 14px; font-weight: bold; letter-spacing: 0; color: #df0000;} 


/* 캐시 후원 안내 */
#cashPop {position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.7); letter-spacing: -1px; z-index: 20003;}
#cashPop .pop_content {
	position: absolute; 
	left: 50%; 
	top: 50%; 
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%); 
	width: 395px; 
	background-color: #f6f8fa; 
	font-size: 13px;
}
#cashPop .pop_content .txt_area {padding: 20px; line-height: 1.5; color: #888888;}
#cashPop .pop_content .txt_area h2 {margin-bottom: 5px; font-size: 14px; line-height: 1; color: #333333;}
#cashPop .pop_content .btn_area {text-align: center; margin-bottom: 20px;} 
#cashPop .pop_content .btn_area .btn_close {
	display: inline-block;
	min-width: 113px; 
	min-height: 40px; 
	line-height: 40px; 
	background-color: #9ba1a8; 
	text-decoration: none; 
	text-align: center; 
	font-size: 14px; 
	font-weight: bold;
	color: #fff; 
}
#cashPop .btn_close_layer {right: 10px; top: 10px;}
