@charset "utf-8";

.pc_view{display:none;}
.tablet_view{display:none;}

/*...........................................
0. COMMON
...........................................*/
.width_full{width:100%; height:auto; position:relative; margin:0 auto;}
.width_padding{padding-left:15px; padding-right:15px;}
.redGradation{background: rgb(0,53,146);
					background: -moz-linear-gradient(-45deg,  rgba(0,53,146,1) 0%, rgba(44,65,152,1) 100%);
				background: -webkit-linear-gradient(-45deg,  rgba(0,53,146,1) 0%,rgba(44,65,152,1) 100%);
				background: linear-gradient(135deg,  rgba(0,53,146,1) 0%,rgba(44,65,152,1) 100%);
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003592', endColorstr='#2C4198',GradientType=1 );
				} /* 2018-07-13 : 색 수정 */
	/*헤더*/
.headerLogo{line-height:0;padding-top:14px;}
.headerLogo a{display:inline-block;}
.headerLogo a img{display:block;}
.header_mo{width:100%; position:relative; height:52px;}
.btn_header_R{position:absolute; top:19px; right:8px;}

	/*푸터*/
footer{background-color:#353535; padding-top:20px; padding-bottom:15px;}
.footerLogo{text-align:center; margin-top:10px;}
.footerInfo{position:relative; top:0; text-align:center;}
.footerInfo p{color:#a8a8a8;}

/*
--------------------------------------------------------------
1. MAIN-PAGE
--------------------------------------------------------------
*/
	/*메인section : mainVOD*/
.mainVOD_wrap{width:100%; margin-top:10px;}
.mainVOD{width:100%; margin:0 auto; box-shadow: 0 12px 20px #767676; -webkit-box-shadow: 0 12px 20px #767676; -moz-box-shadow: 0 12px 20px #767676;}

	/*메인section : mainNews*/
.news_wrap{width:100%; margin-top:40px;}
.mainNews_thumb_wrap{width:100%; height:auto; margin-top:5px; }
.mainNews_thumb{width:100%; overflow:hidden; margin-top:10px;}
.mainNews_thumb:after{display:block; clear:both;}

.news_left{width:100%; position:relative; float:left;}
.news_right{width:100%; position:relative; float:right;}
	
ul.news_right_thumb{position:relative; width:100%; height:auto; overflow:hidden;}
ul.news_right_thumb:after{content:''; display:block; clear:both;}
.news_right_thumb li{width:50%; position:relative; float:left;}

 @media (orientation:landscape){
	.news_left{width:25%; position:relative; float:left;}
	.news_right{width:75%; position:relative; float:right;}
	.news_right_thumb li{width:33.3333333%;}
	.news_right_thumb li:last-child{display:none;}

	}

	/*썸네일*/
.thumbnail-wrapper { width: 100%; height:100%;  } 
	.thumbnail { position: relative; padding-top: 56.66666666666%; /* 720x480 ratio */ overflow: hidden; background:#e5e0da; height:100%;} 
	.thumbnail .centered { position: absolute; top: 0; left: 0; right: 0; bottom: 0; 
						-webkit-transform: translate(50%,50%); -ms-transform: translate(50%,50%); transform: translate(50%,50%);} 
	.thumbnail .centered img { position: absolute; top: 0; left: 0; width:100%; max-width: 100%; height: auto; 
						-webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
.news_hover{background-color:#1D326B; opacity:.9; z-index:9; width:100%; height:100%; position:absolute; top:0; left:0;		
			overflow:hidden; padding-top:30%; padding-left:15px; padding-right:15px; display:none; cursor:pointer;} /* 2018-07-13 : 색 수정 */
.news_hover_font{font-size:12px;}

	/*메인section : recent*/
.recent_wrap{width:100%; padding-top:20px; padding-bottom:20px; margin-top:20px; }
.recentVOD{background-color:#fff; width:100%;padding:15px 5px 10px; }
ul.recentList{position:relative; overflow:hidden; margin-top:10px;}
ul.recentList:after{content:''; display:block; clear:both;}
.recentList li{width:50%; position:relative; float:left; padding:2px; margin-bottom:10px;}
 @media (orientation:portrait){
	.recentList li:last-child{display:none;}
	}
.recent_content{width:100%; height:auto; border:1px solid #cdcdcd; }
.recent_content:hover{border:1px solid #2c4198;}
.text-wrapper{width:100%; padding:10px 8px; }
.text_title{color:#333; font-size:14px;}
.text_title a{font-weight:bold;}
.recent_content:hover .text_title a{color:#2c4198;text-decoration:underline;}
.text_desc{word-break:break-all; white-space:pre-line; font-size:12px; height:42px; overflow:hidden; text-overflow:ellipsis;
			line-height:14px;}
	@media (orientation:landscape){
		.recentList li{width:33.3333333%;}
		.text_title{color:#2ca4e5; font-size:14px;}
		.text_desc{word-break:break-all; white-space:pre-line; font-size:12px; height:46px; overflow:hidden; text-overflow:ellipsis;
		line-height:16px;}
	}
.titleicon{position:relative; top:3px; margin-right:5px; margin-left:5px;}
.mainsection_title{color:#333;font-size:20px; letter-spacing:-.05em; font-weight:bold;}

/* 2020-06-17 메인 레이어팝업 */
.main_layerpop{display:none;position:absolute;top:60px;left:50%;width:300px;background:#fff;border:1px solid #2c4198;margin-left:-150px;z-index:10;}
.main_layerpop .layer_inner{position:relative;font-size:14px;}
.main_layerpop .layer_inner h2{height:60px;color:#fff;font-size:20px;text-align:center;line-height:60px;background:#2c4198;margin:0 0;}
.main_layerpop .layer_inner .layer_info{display:block;color:#2c4198;line-height:20px;text-align:center;padding:30px 0;}
.main_layerpop .layer_inner .layer_info strong{display:block;font-size:16px;}
.main_layerpop .layer_inner .layer_desc{line-height:20px;text-align:center;margin:0 0 30px 0;}
.main_layerpop .layer_inner .layer_close{position:absolute;top:0;right:0;display:block;width:60px;height:60px;color:transparent;font-size:0;background:url('./../../images/add/btn_layer_close.png') no-repeat center;background-size:30px;border:0;outline:0;cursor:pointer;}
@media only screen and (orientation: landscape) {
.main_layerpop{top:0;transform:scale(0.6);}
}
/* 2020-06-17 메인 레이어팝업 */

/*
--------------------------------------------------------------
2. VIDEO SET
--------------------------------------------------------------
*/
.video_wrap{position: relative;
			padding-bottom: 56.2%; /* 16/9 ratio */
			/*padding-bottom: 66.66666666%;  720/480 ratio */
			padding-top: 30px; /* IE6 workaround*/
			height: 0;
			overflow: hidden;
			margin: 0;
			margin-top:5px;}
    .video_wrap iframe, .video_wrap object,
    .video_wrap embed, .video_wrap video{position: absolute; top: 0; left: 0; width: 100%; height: 100%;  border:none;}

/*
--------------------------------------------------------------
3. SUB (일반상세)
--------------------------------------------------------------
*/
p.sub01_head{border-bottom:1px solid #bfbfbf; background-color:#fff; border-radius:2px; height:40px; line-height:40px; text-indent:10px; text-align:left;}

	/*table_red*/
table.table_red{width:100%; border-bottom:3px solid #003592; margin-top:5px; } /* 2018-07-13 : 색 수정 */
table.table_red thead{border-bottom:1px solid #003592; background-color:#fff; height:40px; line-height:40px; text-indent:10px; text-align:left;} /* 2018-07-13 : 색 수정 */
table.table_red tbody{background-color:#f6f6f6;}
table.table_red tbody tr{border-bottom:1px solid #dfdfdf;}
table.table_red tbody td{padding:10px; word-break:break-all; white-space:pre-line;}
.table_head{background-color:#003592; width:100px;} /* 2018-07-13 : 색 수정 */
.table_head span{color:#fff;}

/* 생방송 방송스케쥴표 */

.table_sch_head{background-color:#003592; color:#fff; text-align:center; text-indent:0;} /* 2018-07-13 : 색 수정 */
.table_sch_time{text-align:center; color:#2C4198;} /* 2018-07-13 : 색 수정 */

	/*다시보기*/
.review_wrap{width:100%; border-bottom:3px solid #8aa971; margin-top:20px; margin-bottom:20px;}
p.review_head{border-bottom:1px solid #67b73c; background-color:#fff; height:40px; line-height:40px; text-indent:10px; text-align:left;}
p.review_head span:first-child{color:#0B68B4;} /* 2018-07-13 : 색 수정 */
ul.review_list{width:100%; position:relative; overflow:hidden; }
ul.review_list:after{display:block; content:''; clear:both;}
.review_list li{width:50%; overflow:hidden; background:#ebeae6; float:left; padding-top:5px; padding-bottom:0;}
	@media (orientation:landscape){.review_list li{width:33.33333333333%;}}
.review_list li:after{display:block; content:''; clear:both;}
.review_list_left{width:100%; position:relative; height:100%;}
	.review_list_left .news_thumbnail-wrapper{padding:0 4px; }
.review_list_right_wrap{width:100%; position:relative; height:100%; padding:0 4px;}
	.review_list_right{background:#f6f6f6; padding:2px; padding-top:0; padding-bottom:5px; }
	.hoverline a:hover {text-decoration:underline;}
	.listTitle{display:block; padding:5px; width:100%; overflow:hidden; word-break:break-all; text-overflow:ellipsis;}
	.listText{padding:0 5px; overflow:hidden; word-break:break-all; white-space:pre-line; text-overflow:ellipsis; height:46px; font-size:12px; line-height:15px;}
.review_tfoot{background-color:#fff; text-align:center; border:5px solid #ebeae6;}
	
	/*pagenation*/
.tfoot{background-color:#fff; }
ul.table_pagenation{display:inline-block; position:relative; margin-top:10px;  }
ul.table_pagenation:after{display:block; content:''; clear:both;}
.table_pagenation li{position:relative; float:left; margin-right:20px; }
.table_pagenation li:last-child{margin-right:0;}
.table_pagenation li button{cursor:pointer; }
.table_pagenation li a{display:block; }

.table_pagenation li.activepage{color:#67b73c;}
.page_here{position:relative; display:block; margin-bottom:10px;}

.pages_wrap{position:relative; text-align:center; padding:10px 5px 15px; font-size:12px;}
.pages{background-color:#fff; padding:10px 0 5px;}
.activepage_blue{color:#3e62ae;}

/*
--------------------------------------------------------------
4. SLIDE MENU
--------------------------------------------------------------
*/
	/*메뉴*/
.slideMenu_left_wrapper{width:100%; height:100%; display:inline; position:fixed; z-index:999; background:rgba(0,0,0,.7); left:-100%;
display:none; }
	.slideMenu_left{position:absolute; width:100%; height:100%; background:#fff; overflow:scroll; -webkit-overflow-scrolling: touch;}
	.slideMenu_left .bar{width:100%; height:52px; background-color:#00A6AC; padding-left:30px; position:fixed; z-index:9999;} /* 2018-07-13 : 색 수정 */
.nav_wrap{display:block; position:relative; top:52px;}

.slideMenu_right_wrapper{width:100%; height:100%; display:inline; position:fixed; z-index:999; background:rgba(0,0,0,.7); right:-100%;
display:none;}
	.slideMenu_right{position:absolute; width:100%; height:100%; background:#fff; right:0; overflow:scroll; -webkit-overflow-scrolling: touch;}
	.slideMenu_right .bar{width:100%; height:52px; background-color:#0A529C; padding-left:30px; position:fixed; z-index:9999;} /* 2018-07-13 : 색 수정 */

.slideMenuTitle{line-height:52px;}
.btn_closemenu{position:absolute; top:11px; right:30px;}
.btn_closemenu img{width:30px;}
.slide_wrap{display:block; position:relative; top:52px;}

.slideMenu_left_wrapper ul.slideMenuList{position:relative; width:100%; display:inline-block; height:auto;}
.slideMenu_left_wrapper .slideMenuList li{position:relative; width:100%; height:52px; padding-left:40px; border-bottom:1px solid #dfdfdf; line-height:52px;}
.slideMenu_left_wrapper .slideMenuList li a{display:block; width:100%; height:100%;}
.slideMenu_left_wrapper .slideMenuList li.subMother{position:relative; display:inline-block; height:auto; padding-bottom:0px;}
.slideMenu_left_wrapper ul.submenus{position:relative; width:100%; height:auto; display:none;}
.slideMenu_left_wrapper ul.submenus li{width:100%; height:40px; padding-left:60px; border-bottom:1px solid #ff6b21; line-height:40px; color:#ff6b21;}
.slideMenu_left_wrapper ul.submenus li:last-child{margin-bottom:15px;}
.slideMenu_left_wrapper .menu_active{color:#ff6b21;}

.slideMenu_left_wrapper .others_wrap{margin-top:20px; margin-bottom:200px;}
.slideMenu_left_wrapper .others{width:90%; margin:0 auto; text-align:center; border-radius:4px; overflow:hidden; background-color:#fff; padding-bottom:10px;}
.slideMenu_left_wrapper .othersbox_01{border:1px solid #93cae5; padding-bottom:0;}
.slideMenu_left_wrapper .othersbox_02{border:1px solid #93a4cc; margin-top:10px; margin-bottom:10px;}
.slideMenu_left_wrapper ul.sns_wrap{display:inline-block;}
.slideMenu_left_wrapper ul.sns_wrap:after{display:block; content:''; clear:both;}
.slideMenu_left_wrapper .sns_wrap li{position:relative; float:left; margin-right:7px; }
.slideMenu_left_wrapper .sns_wrap li a{display:block;}
.slideMenu_left_wrapper .sns_wrap li:last-child{margin-right:0;}
.slideMenu_left_wrapper select.relateSite{width:90%; font-family: 'kopub_M','Malgun Gothic','맑은 고딕','Arial'; color:#282828; padding:3px; margin-top:10px;}

.ico_menu{position:relative; top:8px; width:28px;}

	/*
	--------------------------------------------------------------
	add
	--------------------------------------------------------------
	*/

	/*슬라이드메뉴 너비*/
	.btn_closemenu{right:15px;}
	ul.submenus li{font-size:14px;}

	.slideMenu_right_wrapper{overflow:hidden;}
	.slideMenu_right_wrapper:after{clear:both; content:''; display:block;}
	.slideMenu_right{width:80%; float:right;}
	.slideMenu_right .bar{position:absolute; padding-left:15px;}
	.slide_blank_R{width:20%; height:100%; float:left;}
	.slideMenu_right_wrapper ul.submenus li{padding-left:20px;}
	.slideMenu_right_wrapper .slideMenuList li{padding-left:20px;}

	/*동구메뉴*/
	ul.headerMenu{width:100%; margin-top:60px; position:relative; overflow:hidden;}
	ul.headerMenu:after{content:''; display:block; clear:both;}
	ul.headerMenu li{width:100%; position:relative; height:50px; float:left; margin-bottom:5px;}
	ul.headerMenu li:last-child{padding-right:0;}
	.headerMenu li a{display:block; width:100%; height:100%; border:1px solid #00A6AC;} /* 2018-07-13 : 색 수정 */
	.headerMenu li p{width:100%; height:100%;  line-height:50px; text-align:left; text-indent:10px; background-color:#fff; }

/*
--------------------------------------------------------------
5. HEADER MENU STYLE
--------------------------------------------------------------
*/
ul.headerMenu li.headerMenu_inactive a{border-top:1px solid #00A6AC;cursor:pointer;} /* 2018-07-13 : 색 수정 */
ul.headerMenu li.headerMenu_inactive p {line-height:47px;cursor:pointer;}
ul.headerMenu li.headerMenu_active a{border-top:5px solid #00A6AC;cursor:pointer;} /* 2018-07-13 : 색 수정 */
ul.headerMenu li.headerMenu_active p {line-height:44px;cursor:pointer;}
ul.headerMenu li.headerMenu_liveActive{padding-right:0;cursor:pointer;}
ul.headerMenu li.headerMenu_liveActive p {background:#00A6AC;} /* 2018-07-13 : 생방송 활성화 색 수정 */
ul.headerMenu li.headerMenu_liveActive a{border-top:5px solid #ffa22a;cursor:pointer;}

/*
--------------------------------------------------------------
2016-10-13 수정css
--------------------------------------------------------------
*/
.video_wrap iframe, .video_wrap object, .video_wrap embed, .video_wrap video{border:None;}
.video_playerText{width:100%; padding:4px;
	/*background: rgb(136,191,232);
	background: -moz-linear-gradient(top,  rgba(136,191,232,1) 0%, rgba(112,176,224,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(136,191,232,1) 0%,rgba(112,176,224,1) 100%);
	background: linear-gradient(to bottom,  rgba(136,191,232,1) 0%,rgba(112,176,224,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#88bfe8', endColorstr='#70b0e0',GradientType=0 );*/
	background:#353535;
	}
.video_playerText_inner{padding:6px; }
.video_playerText_title{color:#d0e274; font-size:16px;  line-height:24px;}
.video_playerText_title a:hover{text-decoration:underline;}
.video_playerText_desc{margin-top:5px; padding:10px 5px; word-break:break-all; white-space:pre-line; text-overflow:ellipsis;							
color:#dadada;	height:110px; overflow-y:scroll; font-size:12px; line-height:16px; background-color:#242424;		
						border-radius:3px;  }

.review_list_right a.listTitle{color:#0B68B4;} /* 2018-07-13 : 색 수정 */