@charset "UTF-8";



body,h1,h2,h3,h4,h5,h6,ul,ol,dl,dt,dd,th,td,li,p,fieldset,input{padding: 0; margin: 0;}
h1,h2,h3,h4,h5,h6,th{font-weight: normal;}
ul,ol,li{list-style: none;}
a{text-decoration: none; color: #444;}
address{font-style: normal;}
table{border-collapse: collapse;border-spacing: 0;}
th{font-weight: normal;}
fieldset{border: 0px;}
button,img{border: 0px;}
button{ cursor: pointer;}
/*img{ vertical-align: middle;}*/
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, a{display: block;}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
html,body{
    height:100%; width: 100%;
    /*overflow: hidden;*/
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}














/* Reset */ 
body{
    font-family: 'Noto Sans KR', sans-serif;
	font-size: 13px;
	color: #474747;
    overflow-x:hidden; overflow-y:auto;/*주석처리되어있던*/
    min-width: 100%;
}

@media only screen and (max-width: 600px) {
  body {
    min-width: 1600px;
  }
}
@media only screen and (max-width: 1300px) {
  body {
    overflow-x: auto;
  }
}

span.point{
    color: #d61414;
    display: inline-block;
}

/*.wrap>div{ min-height: 750px;}*/
.smartOutput{padding: 7px;}

/*------ 버튼들 ------*/
.small_btn{
    text-align:center;
    font-size: 13px;
    font-weight: 500;
    width: 90px; height: 25px;
    border-radius: 25px;
    line-height: 22.5px;
    box-sizing: border-box;
    
}
.big_btn{
    width: 127px; height: 36px;
    font-size: 16px;
    font-weight: 500;
    box-sizing: border-box;
    text-align: center;
    border-radius: 25px;
    line-height: 28px;
    border-width: 3px!important;
}

/*무료방송입장 - 레드 */
.red_border{
    color: #e12133;
    background: #fff;
    border: 1px solid #e12133;
}

/* 유료방송 */
.black_blue{
    color: #5d7891;
    background: #fff;
    border: 1px solid #5d7891;
}

/* 무료녹화 */
.black_orange{
    color: #c67016;
    background: #fff;
    border: 1px solid #c67016;
}

/* 유료녹화 */
.black_purple{
    color: #6951a2;
    background: #fff;
    border: 1px solid #6951a2;
}

/*vip회원가입 - 브라운*/
.gold_border{
    color: #815a47;
    background: #fff;
    border: 1px solid #a77e6b;
}

/*방송준비중 - 그레이*/
.gray_border{
    color: #7d7d7d;
    background: #fff;
    border: 1px solid #7d7d7d;
}










/*------ 방송중표시 ------*/

/*무료*/
.all_onair{
    width: 85px; height: 29px;
    padding-top: 8px;
    color: #fff;
    font-weight: 500;
    text-align: center;
    background: url(../images/common/onair_bg.gif) no-repeat 0 0;
    font-size: 12px;
    letter-spacing: -1px;
}
.vod_onair{}

/*녹화방송*/
.vip_vod{
    width: 85px; height: 29px;
    box-sizing: border-box;
    font-weight: 500;
    letter-spacing: -1px;
    color: #fff;
    padding: 8px;
    text-align: center;
    font-size: 12px;
    background: url(../images/common/vod_bg2.gif)no-repeat 0 0;
}

/*------ New/Best 아이콘 ------*/

.icon_new{
    width: 43px; 
    padding: 2px 0 2px;
    font-size: 11px;
    border-radius: 20px;
    color: #fff;
    text-align: center;
    font-weight: 300;
    background-color: #24aeae;
	text-transform:capitalize;
	margin: 0 3px 3px 0;
}
.icon_best{
    width: 43px; 
    padding: 2px 0 2px;
    font-size: 11px;
    border-radius: 20px;
    color: #fff;
    text-align: center;
    font-weight: 300;
    background-color: #39485e;
	text-transform:capitalize;
	margin: 0 3px 3px 0;
}
.dangi{
	width: 43px!important;
	height: 15px!important;
	box-sizing: border-box!important;
	line-height: 12px!important;
    font-size: 11px!important;
    border-radius: 20px!important;
    background: #fff!important;
    text-align: center!important;
    font-weight: 300!important;
	letter-spacing: -0.4px!important;
	float: left!important;
	margin: 0 3px 3px 0!important;
	border: 0.5px solid #e9acd9!important;
	color: #cc4cb2!important;
	padding: 0px!important;
}
.n_kakao{
	width: 43px!important;
	height: 15px!important;
	box-sizing: border-box!important;
	line-height: 15px!important;
    font-size: 11px!important;
    border-radius: 20px!important;
    background: #582a1b!important;
    text-align: center!important;
    font-weight: 300!important;
	letter-spacing: -0.4px!important;
	float: left!important;
	margin: 0 3px 3px 0!important;
	color: #ffeb0e!important;
	padding: 0px!important;
}
.Seuwing{
	width: 43px!important;
	height: 15px!important;
	box-sizing: border-box!important;
	line-height: 12px!important;
    font-size: 11px!important;
    border-radius: 20px!important;
    background: #fff!important;
    text-align: center!important;
    font-weight: 300!important;
	letter-spacing: -0.4px!important;
	float: left!important;
	margin: 0 3px 3px 0!important;
	border: 0.5px solid #92d8ef!important;
	color: #5aa2ba!important;
	padding: 0px!important;
}
.tema{
	width: 43px!important;
	height: 15px!important;
	box-sizing: border-box!important;
	line-height: 12px!important;
    font-size: 11px!important;
    border-radius: 20px!important;
    background: #fff!important;
    text-align: center!important;
    font-weight: 300!important;
	letter-spacing: -0.4px!important;
	float: left!important;
	margin: 0 3px 3px 0!important;
	border: 0.5px solid #e5d880!important;
	color: #8a8613!important;
	padding: 0px!important;
}
.jeonryak{
	width: 43px!important;
	height: 15px!important;
	box-sizing: border-box!important;
	line-height: 12px!important;
    font-size: 11px!important;
    border-radius: 20px!important;
    background: #fff!important;
    text-align: center!important;
    font-weight: 300!important;
	letter-spacing: -0.4px!important;
	float: left!important;
	margin: 0 3px 3px 0!important;
	border: 0.5px solid #d7adf5!important;
	color: #a269cd!important;
	padding: 0px!important;
}
.siljeok{
	width: 43px!important;
	height: 15px!important;
	box-sizing: border-box!important;
	line-height: 12px!important;
    font-size: 11px!important;
    border-radius: 20px!important;
    background: #fff!important;
    text-align: center!important;
    font-weight: 300!important;
	letter-spacing: -0.4px!important;
	float: left!important;
	margin: 0 3px 3px 0!important;
	border: 0.5px solid #fbbd90!important;
	color: #da8a4f!important;
	padding: 0px!important;
}
.iconn_kakao{
	width: 43px!important;
	height: 15px!important;
	box-sizing: border-box!important;
	line-height: 15px!important;
    font-size: 11px!important;
    border-radius: 20px!important;
    background: #e6810b!important;
    text-align: center!important;
    font-weight: 300!important;
	letter-spacing: -0.4px!important;
	float: left!important;
	margin: 0 3px 3px 0!important;
	color: #fff!important;
	padding: 0px!important;
}



/*숫자폰트*/
.num_font{
    /*font-family: 'Nanum Myeongjo', serif;*/
    letter-spacing: 0;
}


/*텍스트칸*/
input, textarea, select{
	outline: none;
	border: 1px solid #cecece;
}
select{padding: 0 0 0 15px;}

/*alert 팝업*/
.alert{
    width: 450px; height: 168px;
    box-sizing: border-box;
    border: 2px solid #cbcbcb;
    margin: 0 auto;
    padding: 30px 20px;
    position: relative;
    -webkit-box-shadow: 1px 1px 10px -1px rgba(0,0,0,0.30);
    -moz-box-shadow: 1px 1px 10px -1px rgba(0,0,0,0.30);
    box-shadow: 1px 1px 10px -1px rgba(0,0,0,0.30);
    text-align: left;
}
.alert h1{
    font-size: 16px;
    color: #000;
}
.alert p{
    margin-top: 15px;
    color: #919496;
    font-size: 14px;
    line-height: 20px;
}
.alert a.ok_btn{
    width: 66px; height: 34px;
    box-sizing: border-box;
    background: #4285f4;
    border-radius: 3px;
    border: 1px solid #b3cefb;
    color: #fff;
    text-align: center;
    padding: 9px 0;
    font-size: 14px;
    position: absolute;
    bottom: 20px; left: 20px;
}
.alert a.x_btn{
    width: 32px; height: 32px;
    box-sizing: border-box;
    background: #e7e7e7;
    text-align: center;
    padding: 9px 0;
    position: absolute;
    top: 9px; right: 9px;
}

/* 시스템 점검중 */

.server{
    width: 463px;
    margin: 55px auto 0;
}
.server img{display: block;}