@charset "utf-8";
/* CSS Document */



.play_box {
	width: 1368px;
	height: 620px;
	background: #404040;
	color: #ffffff;
	display: inline-block;
}

.play_box_title {
	font-weight: bold;
	text-align: left;
	padding: 15px 0px 15px 20px;	
}

.play_box_exit {
	padding-right: 20px;
	float: right;
	cursor: pointer;
}

.play_box_in {
	width: 100%;
}

.play_box_video {
	float: left;
	width: 73%;
}

.play_box_ui {
	float: left;
	text-align: left;
	width: 24%;
	height: 560px;
	padding: 0 1.5%;
	color: #000000;
	background: #ffffff;
}

.play_box_search {
	
	height: 35px;
	margin: 20px 0px 10px 0px;
	border: solid #0080bd 1px;
	color: #000000;
	font-weight: bold;
	text-align: right;
	padding: 1px 1px 1px 1px;
}

.search_text {
	margin: 10px;
	line-height: 35px;
	color: #0080bd;
    font-weight: bold;
}

.play_box_list {	
	border: solid 1px #cccccc;
    padding: 10px 10px 10px 15px;
    background: #f7f7f7;
    
    margin-bottom: 5px;	
}

.play_box_list:hover {
	background: #ecf6fb;
    box-sizing: border-box;
    border: 4px solid #0080bd;
}

.play_box_list_on
{
	background: #ecf6fb;
	box-sizing: border-box;
	border: 4px solid #0080bd;
}

.play_box_list_btn {
	float: right;
	color: #0080bd;
	/*background: url(https://www.sooyoungro.org/main/img/vod_play_img3.png) no-repeat;*/
    background-size: cover;
    width: 30px;
    height: 30px;
    margin-top: 30px;
}

.play_box_list_top{
	width: 100%;
	margin-bottom: 8px;
}

.play_box_list_icon {
	float: left;
    background: #0080bd;
    border-radius: 15px;
    padding: 5px 10px;
	margin-right: 10px;
    font-size: 13px;
    color: #ffffff;
    font-weight: bold;
    border: 2px solid #f1faff;
}
.play_box_list_date {
	font-size: 13px;
	line-height: 30px;
	
}

.play_box_list_bottom {
	width: 85%;
}

.play_box_list_title {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 5px;
	letter-spacing: -2px;
	
}
.play_box_list_bible {
	font-size: 15px;
	float: left;
	margin-right: 5px;
		
}
.play_box_list_pastor {
	font-size: 15px;
}

.play_box_list_next {
	font-size: 15px;
	color: #cccccc;
	text-align: center;
	margin-top: 5px;
}

.next_size {
	font-size: 3px;
	margin: 0px 10px;
}

/*tab*/
		input[name="play_tabmenu"] {display:none;}
		input[name="play_tabmenu"] + label {
			display: inline-block; 
			padding: 10px; 
			color: #999; 
			font-size: 18px; 
			font-weight: bold; 
			cursor: pointer; 
			float: right; 
			background: #f7f7f7;
			
			border: 1px solid #cccccc;
			margin-top: 10px;
		
		}
        input[name="play_tabmenu"]:checked + label {
            color: #0080bd; 
            background: #ecf6fb;
            border: 1px solid #0080bd;
            border-bottom-color: #cccccc;
				
		
		} 

        .conbox {
            color: #000;
            background: #fff;
            margin: 0 auto;
            display: none;
            margin-top: 5px;
            
        }

        #play_box_video_conbox{
            height: 482px;
            overflow-y: auto;      
        }

        

        input[id="play_tab01"]:checked ~ .con1 {display: block;}
        input[id="play_tab02"]:checked ~ .con2 {display: block;}
	
		.play_tab_line {
			width: 100%; 
			height: 10px; 
			border-bottom: solid 2px #cccccc; 
			color: #000000; 
			margin-top: 45px;
		}


		.vod_searchbox_date {
			width:142.5px; 
			text-align: center; 
			height: 29px; 
			border: 1px solid #cccccc;
		}
		.answer_box.answer_box_bible{
			width:75%; 
			height: 29px;
		}
		.search_box {
			border: solid 1px #cccccc;
			
			padding: 10px;
			background: #f7f7f7;
			color: #000000;
		}
		
		.search_title {
			
			background: #0080bd;
			text-align: center;
			padding: 5px 10px;
			letter-spacing: 5px;
			font-size: 15px;
			color: #ffffff;
			font-weight: bold;
			margin: 15px 0px 0px 0px;
   			border-bottom: 2px solid #cccccc;
		}
		.search_enter {
			
			background: #84a8b9;
			text-align: center;
			padding: 5px 10px;
			letter-spacing: 5px;
			font-size: 15px;
			color: #ffffff;
			font-weight: bold;
			margin: 20px 0px 10px 0px;
   			border: 2px solid #cccccc;
		}
		
		.search_enter:hover {
			background: #035277;
		}
		
		.answer_box{
			width: 100%;
			height: 29px;			
			border: 1px solid #cccccc;
		}
		
		.search_ex {
			font-size: 13px;
			margin-top: 5px;
		}
		
		.answer_box_text {
			width: 20%; 
			margin-left: 9.9px; 
			text-align: right; 
			font-weight: bold;
			
		}
		
		a { text-decoration: none;}