/*-----------------------------------------------------------------------------
                                메인탑 VOD영역 - 20240827
-------------------------------------------------------------------------------*/
.mainposition {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 550px;
	background: linear-gradient(360deg, rgba(139,194,253,1) 0%, rgba(227,243,244,1) 100%);
}

	.mainposition::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 1280px;
		height: 100%;
		background: url('https://image.edaily.co.kr/images/ed_tv/position_bg02_l.png');
	}

	.mainposition::after {
		content: "";
		position: absolute;
		top: 0;
		right: 0;
		width: 1280px;
		height: 100%;
		background: url('https://image.edaily.co.kr/images/ed_tv/position_bg02_r.png');
	}

.mainposition_center {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	display: flex;
	flex-direction: column;
	z-index: 1;
}

.videoscreen {
	height: 312px;
}

@keyframes updown_l {
	0%, 100% {
		top: 90px;
	}

	50% {
		top: 0;
	}
}

@keyframes updown_r {
	0%, 100% {
		top: 0;
	}

	50% {
		top: 50px;
	}
}

.now_onair {
	display: grid;
	grid-template-columns: auto 645px;
	z-index: 1;
}



/* 방송이 없을때 */
.broadcasting_wrap.ready {
	display: flex;
}

	.broadcasting_wrap.ready .left {
		position: absolute;
		left: 30px;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		z-index: 3;
	}

	.broadcasting_wrap.ready .right {
		position: absolute;
		right: 0;
		bottom: 0;
		z-index: 2;
	}

	.broadcasting_wrap.ready .subtitle {
		display: flex;
		margin-top: 15px;
		color: #fff;
		font-size: 16px;
		font-weight: 500
	}

		.broadcasting_wrap.ready .subtitle:hover {
			color: #e61d25;
			transition: all .5s ease
		}

	.broadcasting_wrap.ready .icon_play {
		display: flex;
		margin-top: 25px;
	}

.icon_play {
	font-size: 0;
	width: 53px;
	height: 53px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 72 72'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff%7D%3C/style%3E%3C/defs%3E%3Cg id='Layer_1'%3E%3Cpath d='M51.4 33.7 32 19.1c-.9-.7-2.1-.8-3.1-.3s-1.7 1.6-1.7 2.7v29c.1 1.1.8 2.2 1.8 2.7.4.2.9.3 1.3.3s1.3-.2 1.8-.6l19.2-14.4c.8-.6 1.2-1.5 1.2-2.4 0-.9-.4-1.8-1.2-2.4Z' class='cls-1'/%3E%3Cpath d='M36 2C17.3 2 2 17.3 2 36s15.3 34 34 34 34-15.3 34-34S54.7 2 36 2Zm0 64C19.5 66 6 52.5 6 36S19.5 6 36 6s30 13.5 30 30-13.5 30-30 30Z' class='cls-1'/%3E%3C/g%3E%3C/svg%3E");
}

	.icon_play:hover {
		animation: twinkle 2.5s infinite;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 72 72'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23e61d25%7D%3C/style%3E%3C/defs%3E%3Cg id='Layer_1'%3E%3Cpath d='M51.4 33.7 32 19.1c-.9-.7-2.1-.8-3.1-.3s-1.7 1.6-1.7 2.7v29c.1 1.1.8 2.2 1.8 2.7.4.2.9.3 1.3.3s1.3-.2 1.8-.6l19.2-14.4c.8-.6 1.2-1.5 1.2-2.4 0-.9-.4-1.8-1.2-2.4Z' class='cls-1'/%3E%3Cpath d='M36 2C17.3 2 2 17.3 2 36s15.3 34 34 34 34-15.3 34-34S54.7 2 36 2Zm0 64C19.5 66 6 52.5 6 36S19.5 6 36 6s30 13.5 30 30-13.5 30-30 30Z' class='cls-1'/%3E%3C/g%3E%3C/svg%3E");
	}

@keyframes twinkle {
	0% {
		opacity: 0.1;
	}

	25% {
		opacity: 1;
	}

	50% {
		opacity: 0.1;
	}

	75% {
		opacity: 1;
	}

	100% {
		opacity: 0.1;
	}
}


/* 방송이 있을때 */
.broadcasting {
	position: relative;
	display: flex;
	align-items: center;
	height: 312px;
	padding: 0 45px;
	background: url('https://image.edaily.co.kr/images/ed_tv/sreen_bg_ani.png') #112e51
}

.nowonair_mark {
	position: absolute;
	top: 0;
	left: 0;
	width: 135px;
	height: 42px;
	font-size: 0;
	background: url('https://image.edaily.co.kr/images/ed_tv/markon_ani.png');
}

.broadcasting_wrap.onair {
	display: flex;
	flex-direction: column;
}

	.broadcasting_wrap.onair .top * {
		color: #fff
	}

	.broadcasting_wrap.onair .date {
		font-size: 22px;
		color: #ffdd76;
		letter-spacing: 0px;
	}

	.broadcasting_wrap.onair .title, .broadcasting_wrap.ready .title {
		font-size: 38px;
		line-height: 45px;
		font-weight: 600;
		color: #fff;
		letter-spacing: -2px;
	}

	.broadcasting_wrap.onair .title {
		overflow: hidden;
		display: inline-block;
		white-space: nowrap;
		width: 580px;
		text-overflow: ellipsis;
	}

	.broadcasting_wrap.onair .subtitle {
		font-size: 16px;
		font-weight: 300;
		letter-spacing: 0px;
	}

.broadcasting_wrap.ready .title {
	width: 200px;
}

.broadcasting_wrap.onair .bottom {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	column-gap: 30px;
	width: 85%;
	margin-top: 30px;
}

	.broadcasting_wrap.onair .bottom figure {
		width: 57px;
		height: 74px
	}

.broadcasting_wrap.onair .instructor_box {
	display: flex;
	/* display: grid; */
	/* grid-template-columns: 190px 57px; */
	align-items: center;
	column-gap: 10px;
}

	.broadcasting_wrap.onair .instructor_box > div:first-child {
		width: 157px
	}

	.broadcasting_wrap.onair .instructor_box:first-child {
		border-right: 1px dashed #415772;
		padding-right: 30px
	}

	.broadcasting_wrap.onair .instructor_box .name {
		overflow: hidden;
		width: 100%;
		display: inline-block;
		white-space: nowrap;
		text-overflow: ellipsis;
		font-size: 21px;
		color: #ffdd76
	}

	.broadcasting_wrap.onair .instructor_box .link {
		/* overflow: hidden; */
		display: flex;
		width: fit-content;
		white-space: nowrap;
		align-items: center;
		column-gap: 5px;
		padding: 15px 18px;
		font-size: 13px;
		color: #d3d3d3;
		letter-spacing: -1px;
		border-radius: 60px;
		background: #000;
	}

		.broadcasting_wrap.onair .instructor_box .link::before {
			content: "";
			display: flex;
			width: 16px;
			height: 15px;
			background: url('https://image.edaily.co.kr/images/ed_tv/ico_home.png');
		}

		.broadcasting_wrap.onair .instructor_box .link:hover {
			transition: all .5s ease;
			background: #4e6f96;
		}

.bouncing_01 {
	animation: bounce01 2.5s ease-out infinite;
	position: relative;
}

@keyframes bounce01 {
	0% {
		transform: translateY(0);
	}

	20% {
		transform: translateY(-7px);
	}

	40% {
		transform: translateY(0);
	}

	60% {
		transform: translateY(-3px);
	}

	80% {
		transform: translateY(0);
	}

	100% {
		transform: translateY(0);
	}
}

.bouncing_02 {
	animation: bounce02 3s ease-out infinite;
	position: relative;
}

@keyframes bounce02 {
	0% {
		transform: translateY(0);
	}

	20% {
		transform: translateY(0);
	}

	30% {
		transform: translateY(-7px);
	}

	50% {
		transform: translateY(0);
	}

	65% {
		transform: translateY(-3px);
	}

	75% {
		transform: translateY(0);
	}

	90% {
		transform: translateY(0);
	}
}




.on_partner {
	display: grid;
	grid-template-columns: 270px auto;
	align-items: center;
	padding: 10px 10px 10px 0;
	background: rgba(256, 256, 256, .5)
}

.gate_title {
	display: flex;
	flex-direction: column;
	row-gap: 10px;
	padding: 0 0 0 30px
}

	.gate_title .main {
		font-size: 25px;
		line-height: 28px;
		color: #0f2a4c;
		font-weight: 800;
	}

	.gate_title .sub {
		font-size: 14px;
		line-height: 18px;
		color: #606b78;
	}

		.gate_title .sub::before {
			content: "";
			display: flex;
			width: 30%;
			height: 2px;
			margin-bottom: 10px;
			background: #e61d25
		}

.broadcast_list {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	column-gap: 10px;
}

.broadcastlist_wrap {
	overflow: hidden;
	position: relative;
	height: 150px;
	;
	border-radius: 7px;
	background: rgba(0,0,0,.5)
}

	.broadcastlist_wrap:hover {
		opacity: .85;
		transition: all .3s ease
	}

	.broadcastlist_wrap::after {
		content: "";
		position: absolute;
		bottom: 0;
		width: 100%;
		height: 95px;
		background: rgba(0,0,0,.3);
		z-index: 1;
	}

	.broadcastlist_wrap figure {
		position: absolute;
		bottom: 0;
		right: 0;
		height: 150px;
		z-index: 2;
	}

	.broadcastlist_wrap .article_text {
		position: absolute;
		top: 15px;
		left: 15px;
		z-index: 3;
	}

.article_text {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: calc(100% - 30px);
}

.broadcastlist_wrap .mark_area {
	display: flex;
	align-items: center;
	column-gap: 7px;
}

.mark_free {
	font-size: 14px;
	color: #fff;
	letter-spacing: -1px;
	padding: 3px 14px;
	border-radius: 50px;
	font-weight: 500;
	border: 1px solid #fff;
}

.mark_broad {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	font-size: 11px;
	line-height: 9px;
	font-weight: 600;
	color: #ffdd76;
	border: 1px solid #ffdd76;
	border-radius: 100%;
}

	.mark_broad.onair {
		line-height: 9px;
		color: #000;
		outline: 2px solid rgba(255, 255, 255, 0.3);
		border: 0;
		background: #e61d25;
	}

.ani_flicker {
	animation: blink 1.5s infinite;
}

.mark_broad.onair .ani_flicker {
	font-weight: 600
}

@keyframes blink {
	0% {
		opacity: 0.1;
	}

	50% {
		opacity: 1;
	}

	100% {
		opacity: 0.1;
	}
}

.article_text .name {
	display: inline-block;
	overflow: hidden;
	width: 130px;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 22px;
	color: #fff;
	font-weight: 500
}

.article_text .date {
	color: #fff;
	letter-spacing: 0;
}

	.article_text .date > span {
		display: flex;
		align-items: center;
		column-gap: 2px;
		color: #fff;
	}

		.article_text .date > span::before {
			content: "";
			display: flex;
			width: 15px;
			height: 15px;
			margin-top: 1px;
			background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Cpath d='M18 2C9.2 2 2 9.2 2 18s7.2 16 16 16 16-7.2 16-16S26.8 2 18 2Zm0 30c-7.7 0-14-6.3-14-14S10.3 4 18 4s14 6.3 14 14-6.3 14-14 14Zm-1-2h2v-2h-2v2Zm-5.3-19.7-1.4-1.4-1.4 1.4 1.4 1.4 1.4-1.4ZM18 6c-.6 0-1 .4-1 1v10H9c-.6 0-1 .4-1 1s.4 1 1 1h9c.6 0 1-.4 1-1V7c0-.6-.4-1-1-1ZM8.7 24.8l1.4 1.4 1.4-1.4-1.4-1.4-1.4 1.4ZM28 17v2h2v-2h-2Zm-3.9-6.7 1.4 1.4 1.4-1.4-1.4-1.4-1.4 1.4Zm-.3 14.5 1.4 1.4 1.4-1.4-1.4-1.4-1.4 1.4Z' style='fill:%23fff'/%3E%3C/svg%3E");
		}








/*-----------------------------------------------------------------------------
                                메인탑 VOD영역 - 202210
-------------------------------------------------------------------------------*/

.main_topvod {
	width: 100%;
	height: 470px;
	background: #aaa49c;
	margin-top: -1px;
	border-bottom: 1px solid #f5f5f5;
}

.vod_dp {
	width: 1170px;
	margin: 0 auto;
	padding: 30px 0;
}

	.vod_dp .player {
		display: inline;
	}

	.vod_dp:after {
		content: "";
		display: block;
		clear: both
	}

	.vod_dp .bi img {
		width: 100%;
		height: 100%;
		object-fit: none;
	}

.vodinfo {
	background: #0a1326;
	border-left: 1px solid #3b4251;
	width: 285px;
	height: 416px;
}

	.vodinfo .bi {
		background: #000;
		height: 30px;
	}

.date_time {
	color: #a8adb7;
	font-size: 14px;
}

.antenna2 {
	position: relative
}

	.antenna2:after {
		content: "";
		position: absolute;
		top: 0;
		left: 25px;
		width: 30px;
		height: 24px;
		background-position: -109px -147px;
	}

.btn_vodview2 {
	margin: 20px 0;
}

	.btn_vodview2 ul:after {
		content: "";
		display: block;
		clear: both
	}

	.btn_vodview2 ul > li {
		float: left;
		width: 173px;
		height: 35px;
		margin-left: 4px;
		border: 1px solid #494e57;
		background: #494e57
	}

		.btn_vodview2 ul > li > a {
			width: 100%;
			display: inline-block;
			text-align: center;
			color: #aeb1b6;
			line-height: 34px;
			font-size: 13px;
		}

		.btn_vodview2 ul > li:hover {
			border: 1px solid #e61d25;
			background: #0a1326
		}

			.btn_vodview2 ul > li:hover > a {
				color: #e61d25
			}

.divide_line {
	width: 79%;
	height: 1px;
	border-top: 1px solid #3b4251;
	margin: 0 auto;
}

.vod_replay {
	height: 163px;
	position: relative;
}

.thumb_228x132 {
	margin: 28px auto;
	width: 228px;
	height: 132px;
}

.play_ico {
	position: absolute;
	display: block;
	background: url('https://tvimage.edaily.co.kr/images/ico_play.png')0 0 no-repeat;
	width: 54px;
	height: 54px;
	display: block;
	bottom: 65px;
	right: 116px
}


.ON_infomation {
	background: #1f2c49;
	width: 170px;
	height: 416px;
	text-align: center;
	border-left: 1px solid #3b4251;
}

	.ON_infomation .bi {
		background: #000;
		height: 30px;
	}

.info .tit {
	color: #fff;
	font-size: 19px;
	font-weight: bold;
	width: 100%;
	margin: 0 auto;
}

.info .name {
	color: #bab5b5;
	font-size: 14px;
	padding-top: 5px;
}

.info .time {
	color: #bab5b5;
	font-size: 12px;
	letter-spacing: 0;
	font-family: AppleSDGothicNeo-Light;
	padding-top: 2px;
}

.todays {
	padding: 15px 0 13px 0;
	color: #e61d25;
	font-size: 16px;
	font-weight: bold;
}

.club {
	position: relative;
}

.photo_140 {
	margin-top: 10px;
}

.photo_ico {
	position: absolute;
	display: block;
	background: url('https://tvimage.edaily.co.kr/images/ico_play.png')0 0 no-repeat;
	width: 54px;
	height: 54px;
	display: block;
	bottom: 20px;
	left: 14px
}


.playlist dl {
	border-bottom: 1px solid #3b4251;
	width: 100%;
	display: table;
}

.playlist dt {
	display: table-cell;
	width: 65px
}

.playlist dd {
	display: table-cell;
	vertical-align: middle;
}

.photo_s img {
	width: 57px;
	height: 57px;
}

.ta_l {
	text-align: left;
}

	.ta_l a {
		margin-bottom: 10px;
	}

.pt5 {
	padding-top: 4px
}

@keyframes blink-effect {
	50% {
		opacity: 0;
	}
}

.blink {
	animation: blink-effect 0.8s step-end infinite;
}
/*-----------------------------------------------------------------------------
                                        MAIN NEWS
-------------------------------------------------------------------------------*/
.main_newsdesk {
	width: 100%;
	height: 372px;
}

	.main_newsdesk:after {
		content: "";
		display: block;
		clear: both
	}

.main_news {
	overflow: hidden;
	float: left;
	width: 744px;
	height: 372px;
	margin-right: 36px;
}

	.main_news a {
		position: relative;
		display: inline-block;
	}

		.main_news a img {
			width: 744px;
			height: 372px;
			object-fit: cover;
		}

	.main_news p {
		position: absolute;
		top: 70%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		width: 90%;
		font-size: 38px;
		line-height: 63px;
		text-align: center;
		text-transform: uppercase;
	}

		.main_news p span {
			display: inline;
			background: rgba(0,0,0,0.7);
			color: #fff;
			padding: 0 3px;
			font-weight: 500
		}

.main_sub_news {
	float: left;
	width: 380px;
	height: 372px;
}

/*-----------------------------------------------------------------------------
                                        리스트기사
-------------------------------------------------------------------------------*/
.list_left {
	float: left;
	width: 854px;
	margin-right: 50px;
	padding-right: 25px;
	border-right: 1px solid #d7d7d7;
}

.list_right {
	float: left;
	width: 250px;
	margin-top: -7px;
}

/*-----------------------------------------------------------------------------
                                    뉴스 IN 이슈
-------------------------------------------------------------------------------*/
.newsinissue {
	width: 100%;
	padding: 55px 0 60px 0;
	background: #6b6b6b
}

.white_linebox {
	float: left;
	width: 174px;
	margin-right: 28px;
	box-sizing: border-box;
	text-align: center
}

.vod_title {
	width: 100%;
	height: 200px;
	margin: 0 28px 22px 0;
	padding: 30px 20px;
	border: 5px solid #fff;
}

	.vod_title p {
		color: #fff;
		letter-spacing: -1px;
	}

		.vod_title p:first-child {
			position: relative;
			font-size: 24px;
			font-weight: 200;
		}

			.vod_title p:first-child:after {
				content: "";
				position: absolute;
				bottom: -2px;
				left: 5%;
				width: 90%;
				height: 1px;
				background: rgba(256,256,256,.4)
			}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.vod_title p:first-child:after {
		left: 8%;
		width: 84%;
	}
}

.vod_title p:nth-child(2) {
	font-size: 31px;
	margin-top: -1px;
	font-weight: 500
}

.vod_title p:last-child {
	font-size: 48px;
	margin-top: -20px;
	font-weight: 500
}

.vod_l_288 {
	float: left;
	width: 288px;
	padding: 5px;
	margin-left: 31px;
	background: #1c1c1c
}

	.vod_l_288 dl a {
		position: relative;
		display: inline-block;
	}

	.vod_l_288:hover dt:after {
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		animation: fadein 1s;
		-moz-animation: fadein 1s;
		-webkit-animation: fadein 1s;
		-o-animation: fadein 1s;
	}

	.vod_l_288 dl a:hover:after {
		content: "";
		position: absolute;
		top: 0;
		left: -5px;
		width: 288px;
		height: 250px;
		background: rgba(0,0,0,.3);
		animation: fadein .5s;
		-moz-animation: fadein .5s;
		-webkit-animation: fadein .5s;
		-o-animation: fadein .5s;
	}

	.vod_l_288 dl dt {
		position: relative;
	}

		.vod_l_288 dl dt:after {
			content: "";
			position: absolute;
			bottom: 10px;
			right: 10px;
			width: 42px;
			height: 43px;
			background-position: -80px -243px;
		}

	.vod_l_288 dl dd {
		padding: 0 10px;
		margin: 0 0 20px 0
	}


/*-----------------------------------------------------------------------------
                                        MAIN NEWS
-------------------------------------------------------------------------------*/
.top_subnews {
	float: left;
	width: 305px;
	margin-right: 20px;
	border-right: 1px dotted #afafaf
}

	.top_subnews dl {
		width: 100%;
		margin-bottom: 45px;
	}

		.top_subnews dl:last-child {
			margin-bottom: 0
		}

		.top_subnews dl:after {
			content: "";
			display: block;
			clear: both
		}

		.top_subnews dl dt {
			float: left;
			margin-right: 15px;
		}

		.top_subnews dl dd {
			float: left;
			width: 145px;
			display: table;
			height: 68px;
		}

			.top_subnews dl dd p {
				display: table-cell;
				vertical-align: middle;
			}

.top_mainnews {
	float: left;
	width: 835px;
}

	.top_mainnews ul:after {
		content: "";
		display: block;
		clear: both;
	}

	.top_mainnews ul li {
		float: left;
	}

		.top_mainnews ul li:last-child {
			display: table;
			height: 293px;
			width: 310px;
			margin-left: 30px;
		}

		.top_mainnews ul li dl {
			position: relative;
			display: table-cell;
			vertical-align: middle;
		}

.picknews {
	position: absolute;
	top: 0;
	left: 0;
	width: 99px;
	height: 27px;
	font-size: 0
}

	.picknews:after {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 99px;
		height: 27px;
		background-position: -157px -105px
	}

/*-----------------------------------------------------------------------------
                                        이데일리N
-------------------------------------------------------------------------------*/
.bg_e9_box {
	width: 100%;
	padding: 30px 0 45px 0;
	background: #e9e9e9
}

.edn_title {
	font-size: 31px;
	font-weight: 500;
	text-align: center;
}

	.edn_title > em {
		color: #e72830
	}

.edaily_n dl {
	width: 350px;
	display: flex;
	column-gap: 20px;
	align-items: center;
}

.edaily_n dl {
	width: 350px;
	display: flex;
	gap: 20px;
	align-items: center;
}

	.edaily_n dl:after {
		content: "";
		display: block;
		clear: both
	}

.edaily_n dt {
	float: left;
}

.edaily_n dd {
	float: left;
	/* display: table; */
	width: 140px;
	height: 70px;
	margin-left: 10px;
	overflow: hidden;
}

	.edaily_n dd p {
		display: table-cell;
		vertical-align: middle;
	}

.edaily_thumnail .slick-prev {
	top: 45px;
	left: -39px;
}

	.edaily_thumnail .slick-prev:after {
		content: "";
		position: absolute;
		left: 0;
		top: 0;
		width: 19px;
		height: 32px;
		background: url('https://image.edaily.co.kr/images/ed_tv/default.png') no-repeat;
		background-position: -18px -304px;
	}

.edaily_thumnail .slick-next {
	top: 45px;
	right: -39px;
}

	.edaily_thumnail .slick-next:after {
		content: "";
		position: absolute;
		left: 0;
		top: 0;
		width: 19px;
		height: 32px;
		background: url('https://image.edaily.co.kr/images/ed_tv/default.png') no-repeat;
		background-position: -56px -304px;
	}

/*-----------------------------------------------------------------------------
                                        리스트기사
-------------------------------------------------------------------------------*/
.list_left_750 {
	float: left;
	width: 750px;
	margin-right: 40px;
	padding-right: 70px;
	border-right: 1px solid #d7d7d7
}

.list_left_800 {
	float: left;
	width: 800px;
	margin-right: 60px;
}

.list_left_820 {
	float: left;
	width: 820px;
	margin-right: 40px;
	padding-right: 50px;
	border-right: 1px solid #d7d7d7
}

.right-sticky-wrap,
.list_right_300 {
	float: left;
	width: 300px;
}

.list_right_300 {
	position: relative;
}

	.list_right_300:after {
		content: "";
		position: absolute;
		top: 0;
		left: -41px;
		width: 1px;
		height: 100%;
		background: #d7d7d7
	}

/********** 지금 뜨는 뉴스 **********/
.list_number {
	width: 100%;
}

	.list_number dl {
		width: 100%;
		margin-bottom: 22px;
	}

		.list_number dl:after {
			content: "";
			display: block;
			clear: both
		}

		.list_number dl dt {
			float: left;
			width: 20px;
			font-size: 21px;
			font-weight: 600;
			font-family: HelveticaNeue-Light,"Apple SD Gothic Neo", "Malgun Gothic", "맑은 고딕", "Dotum", "돋움", sans-serif;
			color: #e61d25
		}

		.list_number dl dd {
			float: left;
			width: 280px;
			padding-right: 10px;
			font-size: 16px;
			font-weight: 500
		}

		.list_number dl:nth-child(5) dt,
		.list_number dl:last-child dt {
			font-weight: normal;
		}

/********** 뉴스 IN 이슈 **********/
.bg_e4_300box {
	width: 300px;
	padding: 30px 36px 35px 36px;
	background: #e4e4e4;
}

.vod_l_228 {
	width: 228px;
}

	.vod_l_228 dl a {
		position: relative;
		display: inline-block;
	}

		.vod_l_228 dl a:hover:after {
			content: "";
			position: absolute;
			top: 0;
			left: 0px;
			width: 228px;
			height: 129px;
			background: rgba(0,0,0,.3);
			animation: fadein .5s;
			-moz-animation: fadein .5s;
			-webkit-animation: fadein .5s;
			-o-animation: fadein .5s;
		}

	.vod_l_228 dl dt {
		position: relative;
	}

		.vod_l_228 dl dt:after {
			content: "";
			position: absolute;
			top: 50%;
			left: 50%;
			width: 32px;
			height: 33px;
			margin: -16px 0 0 -16px;
			background-position: -189px -248px;
		}

	.vod_l_228 dl dd {
		padding: 0 5px;
		margin-top: 10px
	}

/*-----------------------------------------------------------------------------
                                        LIVE PROGRAM
-------------------------------------------------------------------------------*/
.liveprogrm {
	width: 100%;
}

.live_infomation {
	position: absolute;
	top: 0;
	right: 222px;
	display: table;
	width: 300px;
	height: 270px;
	padding: 0 20px 0 0;
	background: rgba(0,0,0,.4)
}

	.live_infomation .vertical_align {
		display: table-cell;
		vertical-align: middle;
	}

.live_subtitle {
	width: 100%;
	font-size: 15px;
	color: #fff;
	font-weight: 200;
	text-align: right
}

.live_maintitle {
	position: relative;
	width: 100%;
	font-size: 28px;
	color: #fff;
	text-align: right;
	font-weight: 600;
	line-height: 30px;
	padding-left: 20px;
	word-break: keep-all;
}

.live_time {
	width: 100%;
	font-size: 16px;
	color: #eee;
	font-weight: 200;
	text-align: right;
	letter-spacing: 0;
}

.btn_view_info {
	width: 100%;
}

	.btn_view_info li {
		float: right;
		margin-left: 7px;
		text-align: center;
	}

		.btn_view_info li:first-child a {
			padding-left: 25px;
		}

		.btn_view_info li:last-child {
			margin-left: 0;
		}

		.btn_view_info li a {
			font-size: 13px;
			padding: 3px 15px 5px 15px;
			color: #fff;
			display: inline-block;
			border: 1px solid #fff;
		}

			.btn_view_info li a:hover {
				color: #e60012;
				border: 1px solid #e60012;
			}

/*-----------------------------------------------------------------------------
                                    NEWSDETAIL
-------------------------------------------------------------------------------*/
.newsdetail_area {
	position: relative;
	/* margin-top: -55px; */
}

.sharp {
	padding: 10px 0;
	position: relative;
	text-align: center;
	color: #e61d25;
	font-size: 15px;
	font-weight: 400;
}

	.sharp > ul {
		position: absolute;
		left: 50%;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
		text-align: center;
		width: fit-content;
	}

		.sharp > ul:after {
			content: "";
			display: block;
			clear: both
		}

		.sharp > ul > li {
			float: left;
		}

	.sharp ul li a {
		position: relative;
		width: 100%;
		display: inline-block;
		padding-left: 16px;
		color: #e61d25;
		font-size: 15px;
		font-weight: 400
	}

		.sharp ul li a:hover {
			color: #999;
		}

		.sharp ul li a:after {
			content: "";
			position: absolute;
			top: 5px;
			left: 8px;
			width: 1px;
			height: 12px;
			background: #e61d25;
		}

	.sharp ul li:first-child a:after {
		display: none
	}

.newsroom h2 {
	font-size: 40px;
	font-weight: 600;
	letter-spacing: -.1rem;
}

.news_date {
	font-size: 14px;
	color: #777;
}

.news_sns ul li {
	float: left;
	margin-left: 10px;
}

	.news_sns ul li a {
		position: relative;
		width: 100%;
		display: inline-block
	}

	.news_sns ul li a {
		position: relative;
		width: 100%;
		display: inline-block
	}

		.news_sns ul li a:hover {
			opacity: .6
		}

.stit02 {
	width: 100%;
}

	.stit02 ul {
		border-left: 3px solid #444;
		padding-left: 10px
	}

		.stit02 ul li {
			font-size: 20px;
			color: #444;
			font-weight: 500
		}

			.stit02 ul li:first-child {
				margin-top: 0;
			}

.news_body {
	font-size: 18px;
	line-height: 35px;
	color: #444;
	font-weight: 300;
	letter-spacing: -.1rem;
}

.newsimg {
	margin: 40px 0
}

.caption {
	margin-top: 5px;
	font-size: 13px;
	color: #999;
	font-weight: 300;
	text-align: center;
}

.sub_heading {
	margin: 10px 0;
	font-size: 25px;
	color: #444;
	font-weight: 500
}

.topmenu_textq {
	color: inherit;
	line-height: 1.8;
	text-decoration: none !important;
	box-shadow: inset 0 -8px 0 #fdd690;
	-webkit-transition: background .15s cubic-bezier(.33, .66, .66, 1);
	transition: background .15s cubic-bezier(.33, .66, .66, 1);
	overflow-wrap: break-word;
	word-wrap: break-word;
	word-break: break-word;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

	.topmenu_textq:hover {
		background: #fdd690
	}

.editor_mail {
	margin-top: 50px;
	font-size: 14px;
}

.admin02 {
	position: relative;
	margin-right: 5px;
	padding-left: 17px;
}

.editor_mail:hover a {
	color: #fdd690 !important
}

.admin02:after {
	content: "";
	position: absolute;
	top: 4px;
	left: 0;
	width: 13px;
	height: 14px;
	background-position: -50px -437px;
}

.copyright {
	margin-top: 20px;
	font-size: 14px;
	color: #bbb;
	text-align: center;
	font-weight: 200;
	border-top: 1px solid #eee;
	padding-top: 20px;
}
/********** 놓치면 안되는 뉴스 **********/
.catchnews {
	margin-left: -50px;
	margin-top: -41px
}

	.catchnews:after {
		content: "";
		display: block;
		clear: both
	}

	.catchnews dl {
		float: left;
		margin-left: 50px;
		margin-top: 41px
	}

		.catchnews dl dd {
			width: 214px;
			height: 50px;
			padding: 0 5px;
			margin-top: 13px;
			text-align: center;
		}

			.catchnews dl dd:hover {
				text-decoration: underline;
			}

.tableComment {
	margin-top: 10px !important;
	line-height: 20px !important;
}
/*-----------------------------------------------------------------------------
                                        프로그램 상세
-------------------------------------------------------------------------------*/
.configuration {
	width: 100%;
	border-bottom: 1px solid #c9c9c9
}

	.configuration dl {
		padding: 15px;
		border-top: 1px solid #c9c9c9
	}

		.configuration dl:after {
			content: "";
			display: block;
			clear: both;
		}

		.configuration dl dt {
			float: left;
			width: 155px;
			text-align: center;
			color: #025b49;
			font-size: 15px;
			border-right: 1px solid #c9c9c9;
			font-weight: 400;
		}

		.configuration dl dd {
			float: left;
			width: 584px;
			padding-left: 40px;
			color: #666666;
			font-size: 15px;
			font-weight: 300;
		}
/********** 오늘의 주요방송 **********/
.today_vod dl {
	width: 300px;
	margin-top: 30px;
}

	.today_vod dl:first-child {
		margin-top: 0px;
	}

	.today_vod dl:after {
		content: "";
		display: block;
		clear: both
	}

	.today_vod dl dt {
		overflow: hidden;
		float: left;
		width: 105px;
		height: 63px;
		margin-right: 10px;
	}

	.today_vod dl dd {
		float: left;
		display: table;
		width: 185px;
		height: 63px;
	}

		.today_vod dl dd > ul {
			display: table-cell;
			vertical-align: middle;
		}

			.today_vod dl dd > ul > li.time {
				font-size: 15px;
				font-weight: 300;
				letter-spacing: 0;
				color: #777;
			}

			.today_vod dl dd > ul > li.title {
				font-size: 15px;
				font-weight: 500;
				margin-top: -5px;
			}

			.today_vod dl dd > ul > li.time,
			.today_vod dl dd > ul > li.title {
				display: inline-block;
				width: 185px;
				white-space: nowrap;
				overflow: hidden;
				text-overflow: ellipsis;
			}

.today_vod .icon_rerun {
	display: inline-block;
	border: 1px solid #999;
	text-align: center;
	margin-right: 1px;
	color: #999;
	font-size: 12px;
	padding: 0px 4px 1px 3px;
	position: relative;
	top: -1px;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.today_vod .icon_rerun {
		padding: 0px 3px 0px 3px
	}
}
/********** 오늘의 주요방송_검색결과페이지 **********/
.result.today_vod dl {
	margin-top: 15px
}

	.result.today_vod dl:nth-child(2) {
		margin-top: 0
	}

	.result.today_vod dl dd > ul > li.time {
		position: relative;
		font-size: 15px;
		font-weight: 400;
		letter-spacing: -0.05rem;
		color: #777;
	}

		.result.today_vod dl dd > ul > li.time > span {
			left: 4px
		}

			.result.today_vod dl dd > ul > li.time > span.live_small {
				top: -2px;
				padding: 0 19px 1px 10px;
			}

				.result.today_vod dl dd > ul > li.time > span.live_small:after {
					top: 3px;
				}
/********** 뉴스인뉴스 오른쪽 300 **********/
.vod300 {
	margin-top: 40px;
}

	.vod300 dl {
		margin-bottom: 20px;
	}

		.vod300 dl:last-child {
			margin-bottom: 0
		}

		.vod300 dl a {
			position: relative;
			display: inline-block;
		}

		.vod300 dl:hover dt:after {
			top: 50%;
			left: 50%;
			-webkit-transform: translate(-50%, -50%);
			-ms-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
			animation: fadein 1s;
			-moz-animation: fadein 1s;
			-webkit-animation: fadein 1s;
			-o-animation: fadein 1s;
		}

		.vod300 dl a:hover:after {
			content: "";
			position: absolute;
			top: 0;
			left: 0px;
			width: 300px;
			height: 169px;
			background: rgba(0,0,0,.5);
			animation: fadein .5s;
			-moz-animation: fadein .5s;
			-webkit-animation: fadein .5s;
			-o-animation: fadein .5s;
		}

		.vod300 dl dd {
			width: 290px;
			padding: 0 5px;
			margin-top: 13px;
			text-align: center
		}

			.vod300 dl dd:hover {
				text-decoration: underline;
			}

		.vod300 dl dt {
			position: relative;
		}

			.vod300 dl dt:after {
				content: "";
				position: absolute;
				top: 50%;
				left: 50%;
				-webkit-transform: translate(-50%, -50%);
				-ms-transform: translate(-50%, -50%);
				transform: translate(-50%, -50%);
				width: 42px;
				height: 43px;
				background-position: -80px -243px;
			}






/********** 영상다시보기 메인 **********/
.review_main {
	overflow: hidden;
	width: 750px;
	height: 500px;
	border: 1px solid #a3a3a3;
	padding: 20px 35px 0;
}

	.review_main:after {
		content: "";
		display: block;
		clear: both
	}

	.review_main ul.review_info > li:last-child {
		margin-top: 5px;
	}

.review_info {
	float: left;
	margin-top: 16px;
}

	.review_info li {
		margin-top: 1px;
	}

		.review_info li:first-child {
			font-size: 24px;
			font-weight: 500
		}

		.review_info li:last-child {
			margin-top: -5px;
			font-size: 14px;
			font-weight: 400;
			color: #e61d25
		}

		.review_info li > span {
			display: inline-block;
			width: 36px;
			height: 22px;
			margin-right: 20px;
			line-height: 22px;
			text-align: center;
			margin-top: 1px;
			color: #fff;
			font-size: 13px;
			font-weight: 300
		}

		.review_info li:first-child > span {
			position: relative;
			top: -4px;
		}

.thumb_679x382, .thumb_679x382 a {
	position: relative;
	width: 679px;
	height: 382px;
}

	.thumb_679x382:after {
		content: "";
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		width: 67px;
		height: 69px;
		background-position: -239px -230px;
	}

.reviewbigimg {
	width: 679px;
	height: 382px;
}
/* .reviewbigimg:hover:after{
    content:"";
    position:absolute;
    top:20px;
    left:35px;
    width:679px;
    height:382px;
    background:rgba(0,0,0,.5);
    animation: fadein .5s;
    -moz-animation: fadein .5s;
    -webkit-animation: fadein .5s;
    -o-animation: fadein .5s;
    cursor:pointer
}
.reviewbigimg:hover .thumb_679x382:after{
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%, -50%);
    -ms-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    animation: fadein 1s;
    -moz-animation: fadein 1s;
    -webkit-animation: fadein 1s;
    -o-animation: fadein 1s;
} */


/*-----------------------------------------------------------------------------
                                        방송창
-------------------------------------------------------------------------------*/
.vod_popupbox {
	width: 950px;
	margin: 0 auto;
}

.pop_gnb {
	padding: 20px;
	background: #000;
}

	.pop_gnb:after {
		content: "";
		display: block;
		clear: both
	}

	.pop_gnb > ul {
		float: left;
	}

		.pop_gnb > ul:last-child {
			float: right;
		}

		.pop_gnb > ul > li {
			float: left;
		}

.popgnb_logoarea > li {
	margin-right: 10px;
}

.audio_chatting > li {
	width: 80px;
	text-align: center;
	margin-left: 5px;
	border: 1px solid #464646
}

	.audio_chatting > li > a {
		position: relative;
		display: inline-block;
		color: #aeb1b6;
		height: 24px;
		padding-left: 20px;
		/* line-height: 24px; */
		font-size: 12px;
	}

	.audio_chatting > li.audio > a {
		padding-left: 15px;
	}

	.audio_chatting > li.chatting > a:after {
		content: "";
		position: absolute;
		top: 3px;
		left: 0;
		width: 17px;
		height: 14px;
		background-position: -84px -469px
	}

	.audio_chatting > li.chatting > a:hover:after {
		content: "";
		position: absolute;
		top: 3px;
		left: 0;
		width: 17px;
		height: 14px;
		background-position: -119px -469px
	}

	.audio_chatting > li.audio > a:after {
		content: "";
		position: absolute;
		top: 3px;
		left: 0;
		width: 13px;
		height: 13px;
		background-position: -154px -469px
	}

	.audio_chatting > li.audio > a:hover:after {
		content: "";
		position: absolute;
		top: 3px;
		left: 0;
		width: 17px;
		height: 14px;
		background-position: -185px -469px
	}

	.audio_chatting > li:last-child {
		border: 0;
		width: 18px;
		height: 18px;
		margin: 4px 0 0 10px;
		font-size: 0;
		padding-left: 0px;
	}

		.audio_chatting > li:last-child a {
			font-size: 0;
		}

	.audio_chatting > li.btn_close > a:after {
		content: "";
		position: absolute;
		top: 3px;
		left: 0;
		width: 18px;
		height: 18px;
		background-position: -238px -313px
	}

	.audio_chatting > li.btn_close > a:hover:after {
		background-position: -257px -313px
	}

.pop_content {
	padding: 20px;
	background: #0a1326
}

.vodplay_area {
	margin-bottom: 40px;
}

	.vodplay_area:after {
		content: "";
		display: block;
		clear: both
	}
/* .play{
    position:relative
}
.play:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width:67px;
    height:67px;
    background-position: -239px -230px;
} */
.antenna {
	position: relative
}

	.antenna:after {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 30px;
		height: 24px;
		background-position: -109px -147px;
	}

.vodinfomation {
	width: 250px;
}

	.vodinfomation li {
		width: 250px;
	}

	.vodinfomation dl dt,
	.vodinfomation dl dd,
	.vodinfomation dl dd > p {
		color: #a8adb7
	}

	.vodinfomation dl {
		margin-top: 10px;
	}

		.vodinfomation dl:after {
			content: "";
			display: block;
			clear: both
		}

		.vodinfomation dl dt {
			float: left;
			width: 60px;
			font-size: 14px;
			font-weight: 300
		}

		.vodinfomation dl dd {
			float: left;
			font-size: 14px;
			font-weight: 300
		}

.btn_vodview {
	margin-top: 20px;
}

	.btn_vodview ul:after {
		content: "";
		display: block;
		clear: both
	}

	.btn_vodview ul > li {
		float: left;
		width: 121px;
		height: 35px;
		margin-left: 4px;
		border: 1px solid #494e57;
		background: #494e57
	}


		.btn_vodview ul > li > a {
			width: 100%;
			display: inline-block;
			text-align: center;
			color: #aeb1b6;
			line-height: 34px;
			font-size: 13px;
		}

		.btn_vodview ul > li:hover {
			border: 1px solid #e61d25;
			background: #0a1326
		}

			.btn_vodview ul > li:hover > a {
				color: #e61d25
			}

.nextvod {
	display: table;
	margin-top: 20px;
	height: 87px;
	border-top: 1px solid #3b4251;
	border-bottom: 1px solid #3b4251;
}

	.nextvod > dl {
		display: table-cell;
		vertical-align: middle;
	}

		.nextvod > dl > dt {
			display: table;
			height: 87px;
		}

			.nextvod > dl > dt > span {
				display: table-cell;
				vertical-align: middle;
				color: #aeb1b6;
			}

		.nextvod > dl > dd {
			width: 190px;
			display: table;
			height: 87px;
		}

			.nextvod > dl > dd > div {
				display: table-cell;
				vertical-align: middle;
			}

				.nextvod > dl > dd > div > p {
					color: #a8adb7
				}

.instructor_area {
	width: 930px;
}

	.instructor_area .edon {
		display: inline-block;
		font-size: 17px;
		color: #fff;
		margin: 0 0 7px 5px;
	}

		.instructor_area .edon:after {
			content: "";
			position: absolute;
			top: 6px;
			right: -90px;
			width: 86px;
			height: 15px;
			background-position: -19px -87px;
		}

.black_info {
	position: absolute;
	top: -9px;
	right: 0;
	color: #fff;
	padding: 10px 5px 5px 5px;
	letter-spacing: 0;
	font-size: 11px;
	background: rgba(0,0,0,0.5);
	font-weight: 300;
	z-index: 3
}

.expert_area {
	width: 550px;
	height: 105px;
	float: left
}

	.expert_area ul {
		margin-left: 20px;
	}

		.expert_area ul:after {
			content: "";
			display: block;
			clear: both
		}

		.expert_area ul li {
			position: relative;
			overflow: hidden;
			float: left;
			width: 130px;
			height: 105px;
			margin-left: -1px;
			border-right: 1px solid #232831
		}

			.expert_area ul li:last-child {
				border-right: 0;
			}

.expert {
	position: absolute;
	top: 5px;
	left: 10px;
	width: 150px;
	z-index: 3;
}

	.expert .name {
		font-size: 16px;
		font-weight: 500;
		color: #fff
	}

	.expert .ment {
		max-width: 55px;
		margin-top: 3px;
		font-size: 10px;
		line-height: 13px;
		color: #a8adb7;
	}

.mark_best_s {
	position: absolute;
	top: 5px;
	right: 5px;
	width: 30px;
	height: 30px;
	line-height: 28px;
	text-align: center;
	font-size: 11.5px;
	letter-spacing: 0;
	color: #fff;
	border-radius: 100%;
	background: #ff0000;
	z-index: 2
}

.mark_recom_s {
	position: absolute;
	top: 5px;
	right: 5px;
	width: 30px;
	height: 30px;
	line-height: 28px;
	text-align: center;
	font-size: 11.5px;
	letter-spacing: 0;
	color: #fff;
	border-radius: 100%;
	background: #18a166;
	z-index: 2
}

.expert_img {
	position: absolute;
	top: 0;
	right: 0;
	padding-top: 10px;
	z-index: 1;
}

	.expert_img img {
		max-width: 100px;
	}

/********** VOD 창 **********/
.pop_title {
	color: #fff;
	font-size: 16px;
	margin-bottom: 10px;
	margin-top: 20px;
	font-weight: 300;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.pop_title {
		margin-top: 14px;
	}
}

.many_view {
	width: 250px;
	padding: 10px 0;
	border-top: 1px solid #3b4251;
	border-bottom: 1px solid #3b4251;
}

	.many_view > dl {
		margin-top: 1px;
	}

		.many_view > dl:after {
			content: "";
			display: block;
			clear: both
		}

		.many_view > dl > a > dt {
			float: left;
			width: 80px;
			height: 60px;
			margin-right: 10px;
		}

		.many_view > dl > a > dd {
			float: left;
			width: 160px;
			height: 60px;
			display: table;
		}

			.many_view > dl > a > dd > ul {
				display: table-cell;
				vertical-align: middle;
			}

				.many_view > dl > a > dd > ul > li {
					width: 160px;
					color: #fff;
					font-size: 12px;
					font-weight: 300;
					line-height: 15px;
				}

					.many_view > dl > a > dd > ul > li:first-child {
						overflow: hidden;
						display: -webkit-box;
						word-wrap: break-word;
						-webkit-box-orient: vertical;
						-ms-box-orient: vertical;
						box-orient: vertical;
						-webkit-line-clamp: 2;
						-ms-line-clamp: 2;
						line-clamp: 2;
						text-overflow: ellipsis;
					}

					.many_view > dl > a > dd > ul > li:last-child {
						font-size: 12px;
						margin-top: 5px;
						color: #788092
					}






/*-----------------------------------------------------------------------------
                                    HOVER
-------------------------------------------------------------------------------*/
.top_mainnews:hover dt,
.top_subnews dl:hover dd > p > span {
	text-decoration: underline;
}

.list_w_300 dl dd p:hover {
	text-decoration: underline;
}


/*-----------------------------------------------------------------------------
                                    SEARCh RESULT
-------------------------------------------------------------------------------*/
h1.search_result {
	text-align: center;
	font-size: 33px;
	padding: 30px 0;
	margin-top: -20px;
}

h2 .count {
	margin-left: 10px;
	font-size: 14px;
	color: #999
}

h1 .quotation {
	font-weight: 500;
	padding: 0 10px;
}

.quotation:before {
	content: "";
	position: absolute;
	bottom: -5px;
	left: 0;
	width: 100%;
	height: 2px;
	background: #e60012;
	z-index: 1;
}

.quotation:after {
	top: -15px;
	left: -20px;
	width: 47px;
	height: 39px;
	background-position: -319px -247px;
	z-index: -1;
}
/********** 검색결과_뉴스 **********/
.result.news {
	margin-top: 10px;
}

	.result.news .list_w_765:last-child {
		margin-bottom: 0 !important;
	}

.result > h2 {
	margin-bottom: 20px;
}

/********** 검색결과_TV프로그램 **********/
.result.program {
	border-top: 1px solid #d7d7d7;
	margin-top: 150px;
	padding-top: 52px;
}

	.result.program.no {
		border-top: 0;
		margin-top: 50px;
		padding-top: 0;
	}

	.result.program .vod_l_360 dl dd:last-child {
		height: 45px;
	}
/********** 검색결과_VOD **********/
.result.vod {
	margin-top: 50px;
}

	.result.vod dl a {
		position: relative;
		display: inline-block;
	}

	.result.vod dl:hover dt:after {
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		animation: fadein 1s;
		-moz-animation: fadein 1s;
		-webkit-animation: fadein 1s;
		-o-animation: fadein 1s;
	}

	.result.vod dl a:hover:after {
		content: "";
		position: absolute;
		top: 0;
		left: 0px;
		width: 214px;
		height: 134px;
		background: rgba(0,0,0,.5);
		animation: fadein .5s;
		-moz-animation: fadein .5s;
		-webkit-animation: fadein .5s;
		-o-animation: fadein .5s;
	}

	.result.vod dl dt {
		position: relative;
	}

		.result.vod dl dt:after {
			content: "";
			position: absolute;
			top: 50%;
			left: 50%;
			-webkit-transform: translate(-50%, -50%);
			-ms-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
			width: 42px;
			height: 43px;
			background-position: -80px -243px;
		}


/*-----------------------------------------------------------------------------
                                    전체메뉴
-------------------------------------------------------------------------------*/

.allmenu_area {
	display: none;
	position: absolute;
	top: 194px;
	left: 0;
	width: 100%;
	border-bottom: 1px solid #ddd;
	background: #fff;
	box-shadow: 0px 20px 20px 0px rgb(0 0 0 / 20%);
	z-index: 100;
}

	.allmenu_area.on {
		overflow: hidden;
		display: block;
		animation: fadein .5s;
		-moz-animation: fadein .5s;
		-webkit-animation: fadein .5s;
		-o-animation: fadein .5s;
	}

.allmenu_area {
	display: none;
	animation: fadein .5s;
	-moz-animation: fadein .5s;
	-webkit-animation: fadein .5s;
	-o-animation: fadein .5s;
}

.catagory_box {
	width: 100%;
}

	.catagory_box > ul:after {
		content: "";
		display: block;
		clear: both
	}

	.catagory_box > ul > li {
		float: left;
	}

		.catagory_box > ul > li.depth_01 {
			font-size: 18px;
			font-weight: 400;
			width: 105px;
			text-align: center;
			margin-right: 95px;
		}

			.catagory_box > ul > li.depth_01 > a {
				width: 100%;
				display: inline-block;
				padding-bottom: 13px;
				border-bottom: 2px solid #333;
			}

				.catagory_box > ul > li.depth_01 > a:hover {
					border-bottom: 2px solid #e60012
				}

		.catagory_box > ul > li > dl {
			float: left;
			margin-right: 70px;
		}

		.catagory_box > ul > li > ul:after {
			content: "";
			display: block;
			clear: both
		}

		.catagory_box > ul > li > dl > dt {
			font-weight: 500;
		}

		.catagory_box > ul > li > dl > dd > a {
			display: inline-block;
			margin-top: 10px;
			color: #555;
			font-weight: 300;
		}

			.catagory_box > ul > li > dl > dd > a:hover {
				text-decoration: underline;
			}

		.catagory_box > ul > li > ul > li {
			float: left;
			margin-left: 30px;
		}

			.catagory_box > ul > li > ul > li > a {
				font-weight: 300;
				color: #555
			}

				.catagory_box > ul > li > ul > li > a:hover {
					text-decoration: underline;
				}

			.catagory_box > ul > li > ul > li:first-child {
				margin-left: 0;
			}

	.catagory_box.etc > ul:after {
		content: "";
		display: block;
		clear: both
	}

	.catagory_box.etc > ul > li {
		float: left;
		margin-right: 25px;
	}

		.catagory_box.etc > ul > li:last-child {
			margin-right: 0;
		}

/* ---------------------------------------------------------------

                        20240426 협찬사업 페이지 추가(요거는 PC)

-------------------------------------------------------------- */
.section_sponsorship {
	margin-bottom: 60px;
}

.underline_title {
	display: flex;
	justify-content: space-between;
	align-items: end;
	padding: 0 10px 20px 0;
	border-bottom: 1px solid #d7d7d7;
	font-size: 25px;
	font-weight: 500;
}

	.underline_title > span {
		position: relative;
		color: #bbb
	}

		.underline_title > span::after {
			content: "";
			position: absolute;
			right: -10px;
			bottom: -22PX;
			width: calc(100% + 20px);
			height: 3px;
			background: #e61d25;
		}

		.underline_title > span,
		.underline_title > span > em {
			font-weight: 500;
			font-size: 23px;
			color: #e61d25;
		}
/* 강사 이미지 및 프로필 */
.sponsorship {
	display: grid;
	grid-template-columns: 300px auto;
	column-gap: 50px;
	align-items: center;
	margin-top: 50px;
	padding-bottom: 50px;
}

.instructor_picture {
	position: relative;
	max-height: 375px;
}

.instructor_name {
	position: absolute;
	bottom: -60px;
	left: 0;
	width: 100%;
	height: 110px;
	clip-path: polygon(0 30%, 100% 0%, 100% 100%, 0% 100%);
	display: flex;
	align-items: center;
	justify-content: center;
	white-space: nowrap;
	padding-top: 20px;
}

	.instructor_name > p,
	.instructor_name strong {
		color: #fff;
		font-size: 30px;
		text-indent: 10px;
	}

	.instructor_name p.first,
	.instructor_name p.second {
		position: absolute;
		opacity: 0;
		display: block;
		transition: opacity 2s ease-in-out; /* 부드러운 페이드 인/아웃 효과 */
	}

	.instructor_name p.first {
		font-size: 30px;
		font-weight: 300
	}

	.instructor_name p.second {
		font-size: 18px
	}

.instructor_career {
	position: relative;
}
/* 버튼들 */
.buttons_wrap {
	position: absolute;
	right: 0;
	top: 0;
	display: flex;
	align-items: end;
	flex-direction: column;
	row-gap: 10px;
	margin-right: 10px;
	z-index: 10;
}

	.buttons_wrap > div {
		width: 46px;
	}

	.buttons_wrap .button_hover {
		visibility: hidden;
		opacity: 0;
		position: absolute;
		transition: display 0.5s ease;
	}

.free_cody {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 13px;
	color: #fff;
	border-radius: 5px;
	background: #381e1f;
	margin-right: 5px
}

	.free_cody::after {
		content: "";
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		right: -5px;
		width: 0;
		height: 0;
		border-top: 5px solid transparent;
		border-bottom: 5px solid transparent;
		border-left: 5px solid #381e1f;
	}

.free_air {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	font-size: 13px;
	line-height: 15px;
	color: #fff;
	border-radius: 5px;
	background: #e60012;
	margin-right: 5px
}

	.free_air::after {
		content: "";
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		right: -5px;
		width: 0;
		height: 0;
		border-top: 5px solid transparent;
		border-bottom: 5px solid transparent;
		border-left: 5px solid #e60012;
	}

	.free_cody > i,
	.free_air > i {
		color: #ffdf28;
		font-style: normal;
	}



.buttons_wrap .ico_live_wrap,
.buttons_wrap .ico_kakao_wrap {
	position: relative
}

	.buttons_wrap .ico_live_wrap .button_hover.show,
	.buttons_wrap .ico_kakao_wrap .button_hover.show {
		visibility: visible;
		opacity: 1;
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		right: calc(0px + 50px);
		-webkit-transition: all .3s ease;
		transition: all .3s ease;
	}

	.buttons_wrap .ico_live_wrap .button_hover.show {
		width: 75px;
		height: 45px;
	}

	.buttons_wrap .ico_kakao_wrap .button_hover.show {
		width: 75px;
		height: 35px;
	}

.career_info {
	display: flex;
	flex-direction: column;
	row-gap: 40px
}

	.career_info .title {
		width: 80%;
		font-size: 35px;
		line-height: 45px;
		letter-spacing: -0.2rem;
	}

		.career_info .title.short {
			min-height: 140px;
			display: flex;
			align-items: center;
		}

		.career_info .title.small {
			font-size: 35px;
			line-height: 45px;
		}

	.career_info .list {
		display: flex;
		flex-direction: column;
		row-gap: 13px;
	}

		.career_info .list li,
		.career_info .list dd {
			display: flex;
			column-gap: 10px;
			font-size: 17px;
		}

			.career_info .list li::before,
			.career_info .list dd::before {
				content: "";
				display: flex;
				width: 5px;
				height: 5px;
				margin-top: 13px;
				border-radius: 10px;
				background: #ddd
			}

	.career_info .scroll {
		overflow-y: scroll;
		height: 190px;
		padding-bottom: 20px;
	}

		.career_info .scroll.unuse {
			overflow-y: unset;
			height: unset;
			padding-bottom: 0;
		}

		.career_info .scroll .list {
			margin-bottom: 40px
		}

			.career_info .scroll .list dt {
				text-indent: 15px;
				font-size: 18px;
				font-weight: 600
			}

			.career_info .scroll .list:last-child {
				margin-bottom: 0px
			}

/* 요일별 전문가 */
.week_specialists_wrap {
	display: flex;
	flex-direction: column;
	row-gap: 20px;
}

.week_specialists {
	display: grid;
	grid-template-columns: 80px auto;
	column-gap: 20px;
	align-items: center;
}

.week_specialists_wrap .week_specialists:hover {
	cursor: pointer;
}

.week_specialists img {
	width: 80px;
	height: 80px;
	border: 1px solid #eee;
	border-radius: 100px;
}

.week_specialists ul {
	display: flex;
	flex-direction: column;
	row-gap: 10px;
}

.week_specialists ul {
	display: flex;
	flex-direction: column;
	row-gap: 7px;
}

	.week_specialists ul .week {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100px;
		height: 25px;
		font-size: 12px;
		color: #e61d25;
		font-weight: 500;
		border: 1px solid #e61d25
	}

	.week_specialists ul .name {
		font-size: 20px;
	}

.week_specialists:hover .week {
	color: #fff;
	background: #e61d25;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}

.week_specialists:hover img {
	opacity: .7;
	-webkit-transition: all .3s ease;
	transition: all .5s ease;
}

/* 투자 전략 테이블 */
.tv_table {
	width: 100%
}

	.tv_table thead {
		border: 0;
		border-top: 1px solid #d7d7d7;
		border-bottom: 1px solid #d7d7d7;
		font-size: 15px;
		background: #fdfdfd
	}

		.tv_table thead tr th {
			padding: 10px 0;
			color: #999
		}

	.tv_table tbody tr td {
		font-size: 16px;
		padding: 20px 0;
		border-bottom: 1px dashed #eee
	}

	.tv_table tbody tr:last-child td {
		border-bottom: 1px solid #d7d7d7
	}

	.tv_table thead tr th:first-child,
	.tv_table tbody tr td:first-child {
		width: 10%
	}

	.tv_table thead tr th:nth-of-type(2),
	.tv_table tbody tr td:nth-of-type(2) {
		width: 60%;
	}

	.tv_table thead tr th:nth-of-type(3),
	.tv_table tbody tr td:nth-of-type(3) {
		width: 15%
	}

	.tv_table thead tr th:last-child,
	.tv_table tbody tr td:last-child {
		width: 15%;
		font-size: 14px;
		color: #999
	}

	.tv_table tbody tr td {
		text-align: center;
	}

		.tv_table tbody tr td:nth-of-type(2) {
			padding-left: 40px;
			padding-right: 40px
		}

	.tv_table tbody tr:hover {
		background: #fdfdfd
	}

	.tv_table tbody tr td:nth-of-type(2) > a {
		display: -webkit-box;
		overflow: hidden;
		-webkit-box-orient: vertical;
		box-orient: vertical;
		-webkit-line-clamp: 3;
		line-clamp: 3;
		word-wrap: break-word;
		text-overflow: ellipsis;
		text-align: left;
	}

	.tv_table tbody tr:nth-child(2n) td {
		background: #f8f8f8
	}

	.tv_table tbody tr:nth-child(2n):hover td {
		background: #fdfdfd
	}

/* 페이지 넘버링 */
.pagenumbering {
	width: 25%;
	margin: 20px auto 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.pagenumbering {
	margin-top: 20px;
	display: flex;
	justify-content: space-between;
}

	.pagenumbering .pre,
	.pagenumbering .nex {
		position: relative;
		font-size: 0
	}

		.pagenumbering .pre::after {
			content: "";
			position: absolute;
			width: 9px;
			height: 16px;
			background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' data-name='레이어 1' viewBox='0 0 280 500'%3E%3Cpath d='M9 227.6 226.9 9c12.7-12 32.1-12 44 0 11.9 12 12 31.4 0 44.1L74.7 250l196.4 196.9c12 12 12 32.2 0 44.1-12 12-31.4 12-44 0L9 271.7c-12-12-12-31.4 0-44.1Z' style='fill:%23eee;stroke-width:0'/%3E%3C/svg%3E");
		}

		.pagenumbering .pre:hover::after {
			background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' data-name='레이어 1' viewBox='0 0 280 500'%3E%3Cpath d='M9 227.6 226.9 9c12.7-12 32.1-12 44 0 11.9 12 12 31.4 0 44.1L74.7 250l196.4 196.9c12 12 12 32.2 0 44.1-12 12-31.4 12-44 0L9 271.7c-12-12-12-31.4 0-44.1Z' style='fill:%23555;stroke-width:0'/%3E%3C/svg%3E");
		}

		.pagenumbering .nex::after {
			content: "";
			position: absolute;
			width: 9px;
			height: 16px;
			background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' data-name='레이어 1' viewBox='0 0 280 500'%3E%3Cpath d='M271 271.7 53 491c-12.7 12-32.1 12-44 0-12-11.9-12-32.1 0-44.1L205.4 250 9.1 53.1C-2.9 40.4-2.8 21 9.1 9s31.4-12 44 0L271 227.6c12 12.7 12 32.1 0 44.1Z' style='fill:%23eee;stroke-width:0'/%3E%3C/svg%3E");
		}

		.pagenumbering .nex:hover::after {
			background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' data-name='레이어 1' viewBox='0 0 280 500'%3E%3Cpath d='M271 271.7 53 491c-12.7 12-32.1 12-44 0-12-11.9-12-32.1 0-44.1L205.4 250 9.1 53.1C-2.9 40.4-2.8 21 9.1 9s31.4-12 44 0L271 227.6c12 12.7 12 32.1 0 44.1Z' style='fill:%23555;stroke-width:0'/%3E%3C/svg%3E");
		}

.numbering_wrap {
	display: flex;
	column-gap: 10px;
	margin-top: 10px
}

	.numbering_wrap a {
		color: #ddd;
		padding: 0 5px;
	}

		.numbering_wrap a.on {
			color: #333
		}

		.numbering_wrap a:hover {
			color: #333
		}

/* 교육방입장 버튼 */
.btn_edroom {
	position: relative;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 64px;
	color: #fff;
	font-size: 24px;
	font-weight: 600;
	background: #e60012
}

	.btn_edroom:hover {
		transition: all 1s ease;
		background: #444
	}

.ico_hand {
	position: absolute;
	bottom: -35px;
	right: 10px;
	width: 60px;
	height: 84px;
	font-size: 0;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='Layer_1' data-name='Layer 1' version='1.1' viewBox='0 0 44 60'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23231f20;stroke-width:0%7D%3C/style%3E%3C/defs%3E%3Cpath d='M19 16.7 17.2 18v9l-.4 10.4-3.3.6-2.3 2.6v4.1l1.6 4.9 5.3 5.6 4.9 1.5h6.4l3.9-.7 3.7-2.2 3-3.8.6-4.4V37l-.4-2.9-2.4-1.6-2 .9-1.7-2.6-2.1-1.4-2.2 1.2-2.7-2.1h-2.6L22.9 30l-.6-9.9-1-2.7-2.3-.7z' style='fill:%23fff;stroke-width:0'/%3E%3Cpath d='M37.6 34c-.9 0-1.6.7-1.6 1.6v1.5c0 .8-.6 1.4-1.4 1.4s-1.4-.6-1.4-1.4v-4.5c0-.9-.7-1.6-1.6-1.6s-1.6.7-1.6 1.6v3.3c0 .8-.6 1.4-1.4 1.4s-1.4-.6-1.4-1.4v-4.8c0-.9-.7-1.6-1.6-1.6s-1.6.7-1.6 1.6v3.6c0 .8-.6 1.4-1.4 1.4s-1.4-.6-1.4-1.4V19.4c0-.9-.7-1.6-1.6-1.6s-1.6.7-1.6 1.6v21.9c0 .8-.6 1.4-1.4 1.4s-1.4-.6-1.4-1.4v-2.6c-1.1.2-1.7.7-2.3 1.3-.3.4-1 1.7-.5 4.2.5 2.3 2.1 5.4 4.4 8.1 2.3 2.8 5.5 2.8 7.6 2.8h6.2c5.9 0 8.6-5 8.6-8.6v-11c0-.9-.7-1.6-1.6-1.6Z' style='fill:none;stroke-width:0'/%3E%3Cpath d='M27.1 19.5c0 .8.6 1.4 1.4 1.4h7c.8 0 1.4-.6 1.4-1.4s-.6-1.4-1.4-1.4h-7c-.8 0-1.4.6-1.4 1.4ZM19.5 11.9c.8 0 1.4-.6 1.4-1.4V3.4c0-.8-.6-1.4-1.4-1.4s-1.4.6-1.4 1.4v7c0 .8.6 1.4 1.4 1.4ZM25.9 14.5c.4 0 .7-.1 1-.4l5-5c.6-.6.6-1.5 0-2-.6-.6-1.5-.6-2 0l-5 5c-.6.6-.6 1.5 0 2s.6.4 1 .4ZM12.1 14.1c.3.3.6.4 1 .4s.7-.1 1-.4c.6-.6.6-1.5 0-2l-5-5c-.6-.6-1.5-.6-2 0-.6.6-.6 1.5 0 2l5 5Z' class='cls-1'/%3E%3Cpath d='M37.6 31.1c-.6 0-1.2.1-1.7.3-.5-1.9-2.2-3.3-4.3-3.3s-1.6.2-2.3.6c-.8-1.2-2.2-2.1-3.7-2.1s-1.1.1-1.6.3v-7.6c0-2.4-2-4.4-4.4-4.4s-4.4 2-4.4 4.4v16.4c-1.9.2-3.4 1-4.5 2.5-.7.9-1.8 3-1 6.6.6 2.8 2.4 6.3 5 9.3 3 3.6 7.1 3.8 9.4 3.8H30.7c7.1 0 11.4-5.8 11.4-11.4v-11c0-2.4-2-4.4-4.4-4.4Zm1.6 15.5c0 3.6-2.7 8.6-8.6 8.6h-6.3c-2.1 0-5.3 0-7.6-2.8-2.3-2.7-3.9-5.7-4.4-8.1-.5-2.6.2-3.8.5-4.2.5-.7 1.1-1.1 2.3-1.3v2.6c0 .8.6 1.4 1.4 1.4s1.4-.6 1.4-1.4V19.5c0-.9.7-1.6 1.6-1.6s1.6.7 1.6 1.6v15.3c0 .8.6 1.4 1.4 1.4s1.4-.6 1.4-1.4v-3.6c0-.9.7-1.6 1.6-1.6s1.6.7 1.6 1.6V36c0 .8.6 1.4 1.4 1.4s1.4-.6 1.4-1.4v-3.3c0-.9.7-1.6 1.6-1.6s1.6.7 1.6 1.6v4.5c0 .8.6 1.4 1.4 1.4s1.4-.6 1.4-1.4v-1.5c0-.9.7-1.6 1.6-1.6s1.6.7 1.6 1.6v11ZM11.9 19.5c0-.8-.6-1.4-1.4-1.4H3.4c-.8 0-1.4.6-1.4 1.4s.6 1.4 1.4 1.4h7c.8 0 1.4-.6 1.4-1.4Z' class='cls-1'/%3E%3C/svg%3E");
	animation: pulsate-rotate 2.2s infinite;
}

@keyframes pulsate-rotate {
	0% {
		transform: scale(1) rotate(0deg); /* 원래 크기와 회전 없음 */
	}

	50% {
		transform: scale(1.1) rotate(-10deg); /* 1.5배 커지고 -35도 회전 */
	}

	100% {
		transform: scale(1) rotate(0deg); /* 원래 크기와 회전 없음 */
	}
}

@media only screen and (max-width : 640px) {
}
