/* 최정일 - 4 / 6 / 11 /24 / 25 / 31 / 44 / 46 / 69 / 71 / 88 / 90 / 94 수정 */
@media all and (max-width:319px) { 
	#selectable .ui-selecting {background:#fff; border-radius:50px;}
	#selectable .ui-selected {background:#fff; color:#3C5083; border-radius:8px; font-weight:bold;}
	#selectable {list-style-type:none; margin:0; padding:0; padding-top:5px; margin-left:5px;}
	#selectable li {margin:3px; padding:7px 8px; font-size:12px height:18px; float:left; width:10%; text-align:center; color:#fff;}

	#broadcaster {width:60px; font-size:12px; margin-top:2px; position:absolute; right:22%; height:30px;}
	#genre {width:60px; font-size:12px; margin-top:2px; margin-right:5%; float:right; height:30px;}
	
	.sort {width:100%; height:43px; background:#3C5083; position:relative;}
	.list_box {width:98%; margin:0 auto; margin-top:2px; margin-left:5px;}
	.list {width:48%; height:0; border:1px solid #ddd; float:left; margin-top:5px; position:relative; overflow:hidden; padding-bottom:30%;}
	.list img {width:100%; height:100%; position:absolute; top:0; left:0;}
	.spacing {margin-left:1%;}
	.box{position:absolute; width:100%; height:52px; background:#272727; z-index:1; opacity:0.8; bottom:0;}
	.list_title{color:#fff; font-size:14px; font-weight:bold; margin-top:7px; margin-left:10px;}
	.list_sort{color:#fff; padding-top:3px; margin-left:10px;}
	.contents_plus_img img{width:32%; border:1px solid #7F7F7F;}
} 

@media all and (min-width:320px) and (max-width:480px) { 
	#selectable .ui-selecting {background:#fff; border-radius:50px;}
	#selectable .ui-selected {background:#fff; color:#3C5083; border-radius:8px; font-weight:bold;}
	#selectable {list-style-type:none; margin:0; padding:0; padding-top:5px; margin-left:5px;}
	#selectable li {margin:3px; padding:7px 8px; font-size:12px height:18px; float:left; width:10%; text-align:center; color:#fff;}

	#broadcaster {width:60px; font-size:12px; margin-top:2px; position:absolute; right:22%; height:30px;}
	#genre {width:60px; font-size:12px; margin-top:2px; margin-right:5%; float:right; height:30px;}
	
	.sort {width:100%; height:43px; background:#3C5083; position:relative;}
	.list_box {width:98%; margin:0 auto; margin-top:2px;}
	.list {width:48%; height:0; border:1px solid #ddd; float:left; margin-top:5px; position:relative; overflow:hidden; padding-bottom:30%;}
	.list img {width:100%; height:100%; position:absolute; top:0; left:0;}
	.spacing {margin-left:1%;}
	.box{position:absolute; width:100%; height:52px; background:#272727; z-index:1; opacity:0.8; bottom:0;}
	.list_title{color:#fff; font-size:14px; font-weight:bold; margin-top:7px; margin-left:10px;}
	.list_sort{color:#fff; padding-top:3px; margin-left:10px;}
	.contents_plus_img img{width:32%; border:1px solid #7F7F7F; margin:0 1px;}
} 

@media all and (min-width:481px) and (max-width:767px) { 
	#selectable .ui-selecting {background:#fff; border-radius:50px;}
	#selectable .ui-selected {background:#fff; color:#3C5083; border-radius:8px; font-weight:bold;}
	#selectable {list-style-type:none; margin:0; padding:0; padding-top:5px; margin-left:5px;}
	#selectable li {margin:3px; padding:7px 8px; font-size:12px height:18px; float:left; width:10%; text-align:center; color:#fff;}
	
	#broadcaster {width:70px; font-size:12px; margin-top:2px; position:absolute; right:18%; height:30px;}
	#genre {width:70px; font-size:12px; margin-top:2px; margin-right:5%; float:right; height:30px;}
	.sort {width:100%; height:43px; background:#3C5083; position:relative;}
	.list_box {width:98%; margin:0 auto; margin-top:2px;}
	.list {width:49%; height:0; border:1px solid #ddd; float:left; margin-top:5px; position:relative; overflow:hidden; padding-bottom:30%;}
	.list img {width:100%; height:100%; position:absolute; top:0; left:0;}
	.spacing {margin-left:1%;}
	.box{position:absolute; width:100%; height:52px; background:#272727; z-index:1; opacity:0.8; bottom:0;}
	.list_title{color:#fff; font-size:14px; font-weight:bold; margin-top:8px; margin-left:10px;}
	.list_sort{color:#fff; padding-top:3px; margin-left:10px;}
	.contents_plus_img img{width:32%; border:1px solid #7F7F7F; margin:0 1px;}
} 

@media all and (min-width:670px) and (max-width:767px) {
	#broadcaster {width:80px; right:16%;}
	#genre {width:80px;}
	.contents_plus_img img{width:32%; border:1px solid #7F7F7F; margin:0 3px;}
}

@media all and (min-width:768px) and (max-width:1024px) { 
	#selectable .ui-selecting {background:#fff; border-radius:50px;}
	#selectable .ui-selected {background:#fff; color:#3C5083; border-radius:8px; font-weight:bold;}
	#selectable {list-style-type:none; margin:0; padding:0; padding-top:5px; margin-left:5px;}
	#selectable li {margin:3px; padding:7px 8px; font-size:12px height:18px; float:left; width:10%; text-align:center; color:#fff;}
	
	#broadcaster {width:80px; font-size:12px; margin-top:2px; position:absolute; right:13%; height:30px;}
	#genre {width:80px; font-size:12px; margin-top:2px; margin-right:3%; float:right; height:30px;}
	.sort {width:100%; height:43px; background:#3C5083; position:relative;}
	.list_box {width:98%; margin:0 auto; margin-top:2px;}
	.list {width:49%; height:0; border:1px solid #ddd; float:left; margin-top:5px; position:relative; overflow:hidden; padding-bottom:30%;}
	.list img {width:100%; height:100%; position:absolute; top:0; left:0;}
	.spacing {margin-left:1%;}
	.box{position:absolute; width:100%; height:52px; background:#272727; z-index:1; opacity:0.8; bottom:0;}
	.list_title{color:#fff; font-size:14px; font-weight:bold; margin-top:9px; margin-left:10px;}
	.list_sort{color:#fff; padding-top:3px; margin-left:10px;}
	.contents_plus_img img{width:32%; border:1px solid #7F7F7F; margin:0 3px;}
}

@media all and (min-width:1025px) { 
	#selectable .ui-selecting {background:#fff; border-radius:50px;}
	#selectable .ui-selected {background:#fff; color:#3C5083; border-radius:8px; font-weight:bold;}
	#selectable {list-style-type:none; margin:0; padding:0; padding-top:5px; margin-left:5px;}
	#selectable li {margin:3px; padding:7px 8px; font-size:12px height:18px; float:left; width:10%; text-align:center; color:#fff;}
	
	#broadcaster {width:80px; font-size:12px; margin-top:2px; position:absolute; right:11%; height:30px;}
	#genre {width:80px; font-size:12px; margin-top:2px; margin-right:3%; float:right; height:30px;}
	.sort {width:100%; height:43px; background:#3C5083; position:relative;}
	.list_box {width:98%; margin:0 auto; margin-top:2px;}
	.list {width:49%; height:0; border:1px solid #ddd; float:left; margin-top:5px; position:relative; overflow:hidden; padding-bottom:30%;}
	.list img {width:100%; height:100%; position:absolute; top:0; left:0;}
	.spacing {margin-left:1%;}
	.box{position:absolute; width:100%; height:52px; background:#272727; z-index:1; opacity:0.8; bottom:0;}
	.list_title{color:#fff; font-size:14px; font-weight:bold; margin-top:9px; margin-left:10px;}
	.list_sort{color:#fff; padding-top:3px; margin-left:10px;}
	.contents_plus_img img{width:32%; border:1px solid #7F7F7F; margin:0 5px;}
}

.contents_box{width:98%; margin:0 auto; margin-top:10px; background:#3e3f50; height:100px;}	
.contents_img{width:140px; float:left; padding:5px; height:0; position:relative;}
.contents_img img {border:1px solid #000; width:100%;}
.contents_memo{float:left; position:absolute; margin-top:10px; color:#fff; margin-left:153px; margin-right:5px;}
.contents_day{margin-top:4px; float:left; font-size:12px; line-height:1.5em;}
.contents_live{position:absolute; color:#3E3F50; background:#fff; border:1px solid #000; font-size:12px; padding:1px; margin-top:5px; margin-left:5px;}
.all_contents {font-weight:bold; margin-left:7px; margin-top:8px; position:absolute;}
.contents_plus {font-weight:bold; margin-left:7px; margin-top:13px;}
.contents_title{font-weight:bold; font-size:14px;}
.check{float:right; margin-right:7px; margin-top:5px;}
.check_text{margin-left:5px;}
.contents_list {width:98%; background:#fff; border:1px solid #ddd; margin:0 auto; margin-top:5px; position:relative; height:37px;}
.contents_info{padding:5px; font-size:12px; font-weight:bold; width:100%; position:absolute; margin-top:7px;}
.contents_btn{float:right; margin-right:5px; margin-top:5px; position:relative;}
.btn01 {background:#FFCE30; border:1px solid #ad8c21; padding:5px; color:#fff; text-align:center; font-weight:bold; float:right; margin-right:5px;}
.btn02 {background:#F04724; border:1px solid #cc2e0e; padding:5px; color:#fff; text-align:center; font-weight:bold; float:right;}
.btn03 {background:#3E3F50; border:1px solid #272832; padding:5px 39px; color:#fff; text-align:center; font-weight:bold; float:right;}

.more_lst {text-align: center; border: 1px solid #ddd; background: #edf2f3; margin: 0 auto; margin-top: 5px; width: 98%;}
.more_lst a {display: block; padding: 7px 0; text-align: center; font-size: 13px; color: #4b4b4b;}
.more_lst a img {height: 8px;}

.contents_plus_img{width:98%; position:relative; margin:0 auto; margin-top:10px; text-align:center;}