@charset "utf-8";

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

/*...........................................
0. COMMON
...........................................*/
.width_full{width:100%; height:auto; position:relative; margin:0 auto; }
.width_padding{/* padding-left:10px; padding-right:10px; */}
.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='#c62525', endColorstr='#e22549',GradientType=1 );
				} /* 2018-07-13 : 색 수정 */


	/*헤더*/
header{padding-top:28px;}
.header_pc{width:100%; position:relative;}
.headerTop{width:100%; position:relative; padding-left:10px; padding-right:10px;}
.headerTop .headerLogo a{display:inline-block;margin-left:-5px;}
.visitor_wrap{height:29px; position:absolute; right:35px; top:33px;}
.visitor_wrap:after{display:block;content:"";clear:both;}
.visitor_wrap img{float:left;}
.visitor{display:inline;}
.visitor p{display:inline-block;}
.visitor p small{display:inline-block;line-height:29px;}
ul.headerMenu{width:100%; margin-top:16px; position:relative; overflow:hidden;}
ul.headerMenu:after{content:''; display:block; clear:both;}
ul.headerMenu li{width:33.3333%; position:relative; height:42px; float:left;}
ul.headerMenu li:last-child{padding-right:0;}
.headerMenu li a{display:block; width:100%; height:100%; border:1px solid #00A6AC; /* border-top:5px solid #00A6AC; */} /* 2018-07-13 : 색 수정 */
.headerMenu li a:hover{background:#2c4198;}
.headerMenu li a:hover:after{position:absolute;top:40px;left:50%;display:block;width:18px;height:9px;content:"";background:url('./../../images/add/arr_gnb.png') no-repeat left top;margin-left:-9px;}
.headerMenu li a span{color:#333;}
.headerMenu li a span.gnb_icon{display:inline-block;margin-right:6px;}
.headerMenu li a span.gnb_icon.ico_01{width:29px;height:23px;vertical-align:-3px;background:url('./../../images/add/ico_gnb_01.png') no-repeat left top;}
.headerMenu li a:hover span.gnb_icon.ico_01{background:url('./../../images/add/ico_gnb_01_on.png') no-repeat left top;}
.headerMenu li a span.gnb_icon.ico_02{width:25px;height:20px;vertical-align:-2px;background:url('./../../images/add/ico_gnb_02.png') no-repeat left top;}
.headerMenu li a:hover span.gnb_icon.ico_02{background:url('./../../images/add/ico_gnb_02_on.png') no-repeat left top;}
.headerMenu li a span.gnb_icon.ico_03{width:28px;height:18px;vertical-align:-2px;background:url('./../../images/add/ico_gnb_03.png') no-repeat left top;}
.headerMenu li a:hover span.gnb_icon.ico_03{background:url('./../../images/add/ico_gnb_03_on.png') no-repeat left top;}
.headerMenu li a span.gnb_icon.ico_04{width:21px;height:23px;vertical-align:-4px;background:url('./../../images/add/ico_gnb_04.png') no-repeat left top;}
.headerMenu li.headerMenu_active a.live span.gnb_icon.ico_04{background:url('./../../images/add/ico_gnb_04_on.png') no-repeat left top;}
.headerMenu li:not(.headerMenu_active) a.live span.gnb_icon.ico_04{background:url('./../../images/add/ico_gnb_04_live.png') no-repeat left top;}
.headerMenu li:not(.headerMenu_active) a:hover span.gnb_icon.ico_04{background:url('./../../images/add/ico_gnb_04_on.png') no-repeat left top;}
.headerMenu li a span.gnb_icon.ico_05{width:27px;height:21px;vertical-align:-4px;background:url('./../../images/add/ico_gnb_05.png') no-repeat left top;}
.headerMenu li a:hover span.gnb_icon.ico_05{background:url('./../../images/add/ico_gnb_05_on.png') no-repeat left top;}
.headerMenu li a span.gnb_icon.ico_06{width:31px;height:19px;vertical-align:-3px;background:url('./../../images/add/ico_gnb_06.png') no-repeat left top;}
.headerMenu li a:hover span.gnb_icon.ico_06{background:url('./../../images/add/ico_gnb_06_on.png') no-repeat left top;}
.headerMenu li a span.gnb_icon img{display:block;width:100%;}
.headerMenu li a:hover span{color:#fff;}
.headerMenu li p{width:100%; height:100%;  line-height:37px; text-align:center; /* background-color:#fff; */ }

.header_sns{position:absolute;top:12px;right:30px;}
.header_sns:after{display:block;content:"";clear:both;}
.header_sns a{float:left;}
.header_sns a:after{display:block;content:"";clear:both;}
.header_sns a img{float:left;display:block;}
.header_sns a span{float:left;display:block;height:20px;}


	/*푸터*/
footer{background-color:#353535; padding-top:16px; padding-bottom:15px;} /* 2018-07-13 : 색 수정 */
.footerLogo{padding-left:20px;}
.footerInfo{display:inline-block; position:absolute; top:4px; right:20px;}
.footerInfo p{color:#a8a8a8;}

/*
--------------------------------------------------------------
1. MAIN-PAGE
--------------------------------------------------------------
*/
	/*메인section : mainVOD*/
.mainVOD_wrap{width:100%; margin-top:10px;padding:0 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:46px;padding:0 10px;}
.mainNews_thumb_wrap{width:100%; height:auto; margin-top:10px; }
.mainNews_thumb{width:100%; overflow:hidden; margin-top:10px;}
.mainNews_thumb:after{display:block; clear:both;}

.news_left{width:25%; position:relative; float:left;}
.news_right{width:75%; 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:33.333333333333%; position:relative; float:left;}
	
	/*썸네일*/
.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:40px 10px; margin-top:60px; }
.recentVOD{background-color:#fff; width:100%; /* border:1px solid #8aa970; */ padding:28px 25px; }
ul.recentList{position:relative; overflow:hidden; margin-top:5px;}
ul.recentList:after{content:''; display:block; clear:both;}
.recentList li{width:33.3333333%; position:relative; float:left; padding:5px; margin-bottom:10px;}
.recent_content{width:100%; height:auto; border:2px solid #cdcdcd; }
.recent_content:hover{border:2px solid #2c4198;}
.text-wrapper{width:100%; padding:12px 8px 22px 8px; }
.text_title{color:#333; font-size:15px;}
.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:13px; height:32px; overflow:hidden; text-overflow:ellipsis;line-height:16px;}
.titleicon{position:relative; top:3px; margin-right:5px; margin-left:5px;}
.mainsection_title{font-size:20px; letter-spacing:-.05em; font-weight:bold;}

/* 2020-06-17 메인 레이어팝업 */
.main_layerpop{display:none;position:absolute;top:30px;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;}
/* 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:10px;}
    .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:5px;}
	@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:5px; }
.review_list_right_wrap{width:100%; position:relative; height:100%; padding:0 5px;}
	.review_list_right{background:#f6f6f6; padding:2px; padding-top:0; }
	.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:70px; font-size:13px; line-height:17px; color:#8f8f8f;}
.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:30px; }
.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:absolute; right:20px; line-height:35px;}

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


/*
--------------------------------------------------------------
4. HEADER MENU STYLE
--------------------------------------------------------------
*/
ul.headerMenu li.headerMenu_inactive a{border:2px solid #c0c5cf;}
ul.headerMenu li.headerMenu_inactive a:hover{border:2px solid #2c4198;}
ul.headerMenu li.headerMenu_inactive{padding-left:10px;cursor:pointer;margin:6px 0;}
ul.headerMenu li.headerMenu_inactive:nth-child(3n){padding-right:10px;}
ul.headerMenu li.headerMenu_inactive:nth-child(3n+1){padding-left:10px;}
ul.headerMenu li.headerMenu_inactive p {line-height:39px;cursor:pointer;}
ul.headerMenu li.headerMenu_active{padding-left:10px;padding-right:0;cursor:pointer;margin:6px 0;}
ul.headerMenu li.headerMenu_active a{background:#2c4198;border-color:#2c4198 ;cursor:pointer;} /* 2018-07-13 : 색 수정 */
ul.headerMenu li.headerMenu_active a:after{position:absolute;top:40px;left:50%;display:block;width:18px;height:9px;content:"";background:url('./../../images/add/arr_gnb.png') no-repeat left top;margin-left:-9px;}
ul.headerMenu li.headerMenu_active a span{color:#fff;}
ul.headerMenu li.headerMenu_active a span.gnb_icon.ico_01{background:url('./../../images/add/ico_gnb_01_on.png') no-repeat left top;}
ul.headerMenu li.headerMenu_active a span.gnb_icon.ico_02{background:url('./../../images/add/ico_gnb_02_on.png') no-repeat left top;}
ul.headerMenu li.headerMenu_active a span.gnb_icon.ico_03{background:url('./../../images/add/ico_gnb_03_on.png') no-repeat left top;}
ul.headerMenu li.headerMenu_active a span.gnb_icon.ico_04{background:url('./../../images/add/ico_gnb_04_on.png') no-repeat left top;}
ul.headerMenu li.headerMenu_active a span.gnb_icon.ico_04{background:url('./../../images/add/ico_gnb_04_on.png') no-repeat left top;}
ul.headerMenu li.headerMenu_active a span.gnb_icon.ico_05{background:url('./../../images/add/ico_gnb_05_on.png') no-repeat left top;}
ul.headerMenu li.headerMenu_active a span.gnb_icon.ico_06{background:url('./../../images/add/ico_gnb_06_on.png') no-repeat left top;}
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:11px; }
.video_playerText_title{color:#d0e274;font-size:20px; line-height:26px;}
.video_playerText_title a:hover{text-decoration:underline;}
.video_playerText_desc{margin-top:10px; padding:10px; word-break:break-all; white-space:pre-line; text-overflow:ellipsis;	
					color:#dadada; height:119px; overflow-y:scroll; line-height:20px;  background-color:#312c33; border-radius:3px;}

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