@charset "utf-8";

*:fullscreen
*:-ms-fullscreen,
*:-webkit-full-screen,
*:-moz-full-screen {
	overflow: auto !important;
}

/* 공통 */
#denall_mainIndex {
	position: relative;
	background: #404349;
}
#denall_mainIndex > .l-inner-full {
	position: relative;
	background: #f5f5f6;
}

/* main video playing area */
.main_video_area {
	position: relative;
	overflow: hidden;
}
.main_video_area_inner_playing {
	background: #0f0f0f;
}
.right_open .main_video_area_inner_playing {
	margin-right: 426px;
}

.main_video_wrapper {
	position: relative;
	background: #0f0f0f url('../../images/bi-denall-movie-n.png') no-repeat center;
	margin: 0 auto; width: calc(100% - 426px);
}
.video_layout_wrapper {
	padding-top: 56.35%;
	position: relative;
}
.right_open .main_video_wrapper {
	width: 100%;
}
.main_video_wrapper iframe {
	position: absolute; top: 0; left: 0;
}

.main_video_wrapper div.mainVideo {
	position: absolute; top: 0; left: 0;width: 100%;
}

/* right menu 버튼 */
.btn_arrow_right {
	position:absolute; right: 2%; top:50%; transform: translate(100%, -50%); z-index:5;
	width: 59px; height: 59px;
	border-radius:50%; background:url('../../images/btn-videolist-close-c.png') no-repeat center;
}

.btn_arrow_right:hover {background-image:url('../../images/btn-videolist-open-h.png');}
.btn_arrow_right:active {background-image:url('../../images/btn-videolist-open-s.png');}

.right_open .btn_arrow_right{
	right: 0px; transform: translate(50%, -50%);
	background:url('../../images/btn-videolist-close-n.png') no-repeat center;
}
.right_open .btn_arrow_right:hover {background-image:url('../../images/btn-videolist-close-h.png');}
.right_open .btn_arrow_right:active {background-image:url('../../images/btn-videolist-close-s.png');}


/* 메인 비디오 리스트 공통 */
.main_video_title {
	font-size: 22px;
	letter-spacing: 0;
}

/* 다음영상 리스 */
.vod_list_right {
	display: none;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	width:426px;
	background: #263148 url('../../images/img-videolist-bg-h-1370.png') no-repeat;
	color:#fff;
}
/* 전체화면시 우측영상목록 숨기기 */
.vod_list_right.vod_list_right_fullscreen {
	display:none !important;
}
.vod_list_right.vod_play {
	display: block;
	top: 100%;
}

.vod_list_right_wo_bottom {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width:426px;
	background: #263148 url('../../images/img-videolist-bg-h-1370.png') no-repeat;
	color:#fff;
}

.vod_list_right .vod_play .play_fullscreen {
	/* 	top: 1311px; */
	bottom: -1311px !important;
}
.right_open .vod_list_right.vod_play { top: 0; }
.right_open .vod_list_right { display: block; }

.vod_list_right_bg {
	position: absolute;bottom: 0px;z-index: 5;
	width: 100%;height: 46px; pointer-events: none;
	/*background-image: linear-gradient(to top, #1d233c, #1d233c), linear-gradient(to top, #1d233c, rgba(29, 35, 60, 0.51));*/
	background: url('../../images/img-videolist-bottom-gradation.png') no-repeat center;
}
.vod_list_right.live_vod .vod_list_right_bg{
	display: none;
}
.vod_list_right_title {
	display: flex;
	align-items: center;
	padding: 28px 33px 12px 40px;
}
.vod_list_right.live_vod .vod_list_right_title,
.vod_list_right.vod_play .vod_list_right_title.vlrt1{
	display: flex;
	height: 44px;
	align-items: stretch;
	padding: 0;
}

/* OSSTEM AD 광고배너 2021-10 */
.osstem_ad_banner {
	display: block;
	width: 100%;
	/* min-width: 465px; */
	max-width: 465px;
	/* min-height: 154px; */
	max-height: 196px;
	background: #000;
	word-break: keep-all;
	overflow: hidden;
}

/* .osstem_ad_banner + div + div + div + .chatting_area {
	height: calc(100% - 241px) !important;
}
*/

.vod_list_right.live_vod .osstem_ad_banner + div + div + div + .chatting_area {
	height: calc(100% - 241px) !important;
}


.vod_list_right .osstem_ad_banner + div + div + div + .chatting_area {
	height: calc(100% - 280px) !important;
}

.osstem_ad_banner + div + div + div + .chatting_area .main_video_info_right {display: none;}

.osstem_ad_banner + div + div + .vod_list_right_inner_list {
	height: calc(100% - 241px) !important;
}

/* OSSTEM AD 광고배너 끝 */

/* .vod_list_right_title { */
/* 	 display: flex; align-items: center; */
/* 	 padding: 28px 33px 12px 40px; */
/* } */
/* .vod_list_right_title.main {  */
/* 	padding-left: 20px; */
/* } */

.vod_list_right_title .live_chatting_tab,
.vod_list_right_title .chat_history_tab,
.vod_list_right_title .next_vod_tab,
.vod_list_right_title .my_vod_tab
{
	display: flex;
	justify-content: center;
	align-items : center;
	width: 100%;
	height: 44px;
	font-size: 17px;
	letter-spacing: -.075em;
	color: #fff;
	cursor: pointer;
}
.vod_list_right_title .next_vod_tab, .vod_list_right_title .my_vod_tab {
	line-height:44px !important
}
.live_chatting_tab{
	background-image: linear-gradient(140deg, #742ac4, #4143c2);
}
/*.chat_history_tab{
	background-color: #4041b6 !important;
}*/
.next_vod_tab{
	background-color: #8d90b3;
}
.live_chatting_tab > img{
	margin: 2px 4px 0 0;
}


.vod_list_right_title.main {
	padding-left: 20px;
}
.vod_list_right_title h3.standalone-title {
	margin-left: 20px;
	margin-top: 14px;
}

.vod_list_right_title h3 {
	line-height: 1;
	/* 	margin-left: 20px; */
	/* 	margin-top: 10px;	 */
	font-size: 20px;
}
.vod_list_right_inner_list { height: calc(100% - 63px); overflow-y:auto; }
.vod_list_right.live_vod .vod_list_right_inner_list { display: none; height: calc(100% - 44px); overflow-x: hidden !important;}
.vod_list_right.vod_play .chatting_area { display: none; height: auto; max-height: 962px }
.vod_list_right_inner_list.not_scroll { height: auto; }

.vod_list_right_inner_list li {
	position:relative;
	padding: 10px 25px 8px 40px; cursor: pointer;
}
.vod_list_right_inner_list li .liked-icon{position: absolute;right:0px;bottom: 0px;}
.vod_list_right_inner_list li:hover .liked-icon{position: absolute;right:-1px;bottom:-1px;}
.vod_list_right_inner_list.public-vod-list li:before{
	content: "";
	display: inline-block;
	width: 1px; height: 100%;
	margin-left: -18px;
	position:absolute; top: 0;
	border-left:1px solid #4a48ae;
}
.my_play_group_list .vod_list_right_inner_list li:before{
	content: "";
	display: inline-block;
	width: 1px; height: 100%;
	margin-left: -18px;
	position:absolute; top: 0;
	border-left:1px solid #4a48ae;
}
.vod_list_right_inner_list li .playing_circle{position: absolute; left: 9px; top: 2px;}
.vod_list_right_inner_list li .circle{
	display:block; width: 5px; height: 5px;
	background-color: rgb(56, 105, 114);border-radius: 50%;
	position: absolute; left: 20px;
}
.vod_list_right_inner_list li a{display:flex; flex-direction:row; color:#fff;font-size:17px;line-height:26px;}
.vod_list_right_inner_list li a .thumb_area{
	position: relative;
	margin-right:10px; box-shadow: 1.8px 3.6px 7.9px 0.1px #000; background:#170846 url('../../images/bi-denall-movie-n.png') no-repeat center; background-size:87px 23px}
.vod_list_right_inner_list .thumb_area_video_time {
	font-weight: bold; color: #fff; font-size: 10px; letter-spacing: 0.1em;
	background: #1c1818;
	width: 50px; height: 18px;
	text-align: center; line-height: 16px; padding-left:1px;
	position: absolute; bottom: 5px; right: 5px;
	opacity: 0.75;
	border-radius: 2px;
}
.vod_list_right_inner_list .thumb_title {
	position: relative;
	flex:1 auto;
	margin-top: 4px;
	/*재생목록 툴팁으로 인해 overflow 추가*/
	overflow: unset;
}
.vod_list_right_inner_list li a > div strong{
	font-size: 12px;
	color: #a8d2fc;
	font-weight:bold;display:block;
	margin-top: 4px;
	line-height: 1.5;
}
.vod_list_right_inner_list .thumb_title_subject {
	font-size: 14px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	line-height: 1.3;
	white-space: normal;
	width: 150px;
	max-height: 36px;

	/*
    ie11 2줄 처리 시도 중...

    height: 36px;
    line-height: 1.3em;
    max-height: 2.6em;

    height: 36px;
    width: 180px;
    margin: 0 0 15px 0;
    font-size: 14px;
    line-height: 1.3;
    line-height: 1.3em;
    max-height: 2.6em;
    overflow: visible;
    text-overflow: clip;
    white-space:normal;
    */
}
.scroll-wrapper > .scroll-content.chatting_list_area{
	position: static !important
}









/***************/


.vod_list_right_inner_list .thumb_viewTime {
	margin-top: 2px;
	font-size: 11px;
	color: #fbfbff;
	letter-spacing: -0.025em;
	display: flex;
	align-items: center;
	line-height: 1;
}
.vod_list_right_inner_list .thumb_viewNumber {
	margin-left: 5px;
}
.vod_list_right_inner_list .thumb_time {
	display: flex;
	align-items: center;
}
.vod_list_right_inner_list .thumb_time::before {
	content: ' ';
	display: block;
	width: 2px;
	height: 2px;
	background: #8d8fbc;
	margin: -1px 6px;
}
.vod_list_right_inner_list .thumb_title_heart {
	position: absolute;
	bottom: 6px;
	right: 0;
	width: 32px;
	height: 32px;
	background: url(/images/ico/ico-list-heart-nor.png) no-repeat center;
}
.vod_list_right_inner_list .thumb_title_heart:hover {
	background-image: url(/images/ico/ico-list-heart-hov.png);
}
.vod_list_right_inner_list .thumb_title_heart.selected {
	background-image: url(/images/ico/ico-list-heart-sel.png);
}
.vod_list_right_inner_list li a > div.thumb_area{
	flex-shrink: 0;
	position: relative; width: 168px;height: 94px; border: 1px solid rgb(99, 92, 169);
}
.vod_list_right_inner_list li a >div.thumb_area #thumb_img{width:100%;height:100%;}
.vod_list_right_inner_list li a >div.thumb_area .watching{position: absolute;left:0;top:0;display: block;width:58px;height:24px;box-shadow:0;}
.thumb_area .status-bar_wrapper{
	position: absolute; bottom: 0; left: 0;
	width: 100%; height: 6px;
}
.thumb_area .status-bar_wrapper .status-bar{
	display: block; width:100%; height:6px;
	position: absolute; bottom:0; left:0;
	background-color:#b638e4;
	background:-webkit-linear-gradient(to right, #1568d9, #f70fff);
	background:-moz-linear-gradient(to right, #1568d9, #f70fff);
	background:-o-linear-gradient(to right, #1568d9, #f70fff);
	background: linear-gradient(to right, #1568d9, #f70fff);
}
.vod_list_right_inner_list li:hover{
	background-image: linear-gradient(to right, #2d247a, #171646, #080b1e);
}
.vod_list_right_inner_list li.now {
	background-image: linear-gradient(to right, #4131a4, #1f1e5e, #080b1e);
}

.vod_list_right_inner_list li:hover .my-list-save-ico {display: block;}


/* 자동재생 스위치 */
.vod_right_autoplay {
	display: flex;
	align-items: center;
	margin-left: auto;
	color: #bdb2ff;
	font-size: 13px;
}
.vod_right_autoplay_wrapper {
	position: relative;
	margin-left: 9px;
	width: 40px;
	height: 18px;
	box-shadow: inset 0 0 4px 0 rgba(0, 0, 0, 0.35);
	background-color: #646464;
	border-radius: 9px;
	cursor: pointer;
	transition: background 0.25s;
}
.vod_right_autoplay_wrapper.selected {
	background: #6950ff;
}
.vod_right_autoplay_button {
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 50%;
	width: 16px;
	height: 16px;
	background: #fff;
	box-shadow: 4px 0.3px 9.9px 0.1px rgba(6, 6, 6, 0.59);
	transition: left 0.5s;
}
.vod_right_autoplay_wrapper.selected .vod_right_autoplay_button {
	left: 23px;
}

/* 라이브 */
.watchlive {
	display: flex;
	margin-top: 2px; width:176px; height:36px;
	background: url(/images/icn-videoinfo-live-s.png), url(/images/btn-videoinfo-watchlive-s.png);
	background-repeat: no-repeat, no-repeat;
	background-position: 29px 7px, top left;
}
.watchlive_title { display: inline-block; color: #fff; font-weight: bold; margin: 7px 0 0 90px; }
.watchlive_video_small {
	position: absolute; top: 72px; right: 16px;
	width: 246px; height: 59px;
	background: url(/images/icn-videoinfo-live-m.png), url(/images/btn-videoinfo-watchlive-m.png);
	background-repeat: no-repeat, no-repeat;
	background-position: 47px 16px, top left;
}
.watchlive_video_small .watchlive_title { font-size: 18px; margin: 21px 0 0 123px;  }

.signup_main{width:100%;color:#fff;position: absolute;left: 0;bottom:0;height:74px;line-height:74px;font-size:17px;/* letter-spacing:-1.28px; */background-color:rgba(0,0,0,0.7);display: none;z-index: 5}
.signup_main >p{float: left; margin-right:10px;margin-left:19px;}
.signup_main >span{border:1px solid #ed0f69;height:36px;line-height:36px;padding:0 20px;border-radius:18px;font-size:15px;/* letter-spacing:-1.8px; */display: inline-block;margin-right:8px;}
.signup_main >span a{color:#fff;}

/* live btn */
.main_video_area .live-alert {
	width:230px;height:166px;
	background-image: url('../../images/img-videoinfo-livepopup-bg.png');
	position: absolute;bottom: 70px;right:16px;padding:20px 17px 18px 21px;
}
.live-alert >strong{font-size: 19.5px; color:#ffc;font-weight:700; text-shadow: 0px 1px 5px #0953ab;}
.live-alert >p{color:#fff;font-size:13px;letter-spacing:-2px;text-shadow: 0px 1px 5px #0953ab;margin:10px 0 13px;}
.close-btn{right:12px;top:12px;}
.live-btn {
	background: url(/images/icn-videoinfo-livepopup-live.png), url(/images/btn-videoinfo-livepopup-bg.png);
	background-repeat: no-repeat, no-repeat;
	background-position: 42px 15px, center;
	display:block;width:208px;height:59px;
	margin-left: -10px;

}
.live-btn-text {
	color: #fff; font-size: 16px; font-weight: bold; margin: 13px 0 0 106px;
	display: inline-block;
}

/* 미니 플레이어 */
.miniplayer { overflow:hidden;position: fixed;bottom:268px;right:67px;z-index:10;display: none; }
.miniplayer .closebtn{ border: 1px solid #c1c5cd; background: #fff url('/images/icn-miniplayer-close-n.png') no-repeat center; }
.miniplayer .closebtn:hover{background-color:#f4f4f4;}
.miniplayer .closebtn:active{background: #101010 url('/images/icn-miniplayer-close-s.png') no-repeat center;}
.miniplayer .closebtn .link_closebtn{display: block;width:30px;height: 30px;}
.miniplayer .video .blk{position: absolute;z-index: 1000;width:440px;height:248px;top:38px;right:26px;}
.miniplayer .video .login_ad{color:#fff;font-size:15px;/* letter-spacing:-1.13px; */position: absolute;bottom:4px;left:0;z-index:1000;width:100%;height:44px;line-height:44px;padding-left:10px}
.miniplayer .video .login_ad a{display:inline-block;width:72px;height:30px;line-height:30px;border-radius:15px;border:1px solid #ed0f69;color:#edf6fd;text-align: center;margin-left:5px;}
.miniplayer .video {box-shadow: 0px 14px 12.9px 0.1px rgba(0,0,0, 0.25); }
.main_video_area_inner_playing.vod_mini .main_video_wrapper{
	padding-top: 0;
	width:440px;height:248px; overflow:hidden;position: fixed;bottom:20px;right:67px;z-index:10;  box-shadow:0px 14px 12.9px 0.1px rgba(0,0,0, 0.45);
}
.main_video_area_inner_playing.vod_mini .btn_arrow_right { display: none; }


/* main video info area */
.video_info {
	position:relative;
	min-height: 230px;
	color: #fff;
	background: #0f223c url(/images/img-videoinfo-effect.png) no-repeat left top;
}
.video_info.main {
	display: flex;
	justify-content: space-between;
}
.right_open .video_info {
	width: 100%;
	display: block;
}
.main_video_info_left {
	width: calc(100% - 424px);
}
.right_open .main_video_info_left { width: 100%; }
.main_video_info_right {
	flex-shrink: 0;
	width: 424px;
	background-image: linear-gradient(to top, #18173b, #191e38);
	padding: 18px 35px 22px;
}
.right_open .main_video_info_right { display: none; }
.right_open .chatting_area .main_video_info_right {
	display: block;
	width: 100%;
	color: #fff;
}
.video_info_inner{
	display: flex;
	justify-content: space-between;
	border-bottom:1px solid #323e50;
	padding: 18px 92px 12px;
}
.video_info_inner_title {
	flex-grow: 1;
}
.video_info_inner_title .title{
	padding-right: 20px;
	font-size: 22px;
	font-weight: bold;
}
.video_info .program_title_block {
	display: flex; flex-direction: row; align-items: center;
	margin-top: 6px;
}
.video_info .program_title_block .program_title_icon {
	margin-top: -3px;
	cursor: pointer;
}
.video_info .program_title_block .program_title {
	margin-left: 5px; padding-right: 13px; font-size: 15px; color: #5cfff5; cursor: pointer;
}
.video_info .program_title_block .program_time {
	display: flex;
	align-items: center;
	color: #969ca6;
	font-size: 14px;
}
.video_info .program_title_block .program_time::before {
	content: ' ';
	display: inline-block;
	width: 1px;
	height: 12px;
	background: #4e5763;
	margin-right: 13px;
}
.video_info .program_title_block .program_time_view {
	margin-right: 8px;
}
.video_info .program_title_block .program_time_number {
	display: inline-flex;
	align-items: center;
}
.video_info .program_title_block .program_time_number::before {
	content: ' ';
	display: inline-block;
	width: 3px;
	height: 3px;
	background: #969ca6;
	margin: 0 6px;
	border-radius: 50%;
}
.video_info .program_title_block .program_news {
	color: #fff;
	background: rgb(54, 65, 86);
	margin-left: 24px;
	font-size: 13px;
	letter-spacing: 0;
	width: 120px;
	height: 21px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	font-weight: bold;
}
.video_info .program_title_block .program_news_icon {
	margin-right: 5px;
}
.video_info_inner_title >.share-tooltip >ul >li >a >img{margin-top: 0px;}
.video_info_inner_title >.share-tooltip >button >img{margin-top:0px;}


/* 다국어 선택 스타일 2021-10*/
.lang_group_wrap {display: inline-flex; display: -ms-inline-flexbox; align-items: center;}
.lang_division_line { width: 1px; height: 18px; background-color: #4e5763; margin: 0px 12px;}
.lang_group_title {line-height: 1; margin-right: 12px; display: inline-flex; display: -ms-inline-flexbox;}
.lang_group_title span {font-size: 14px; color: #fff;}
.lang_group_set input {margin: 0px 6px; }
.lang_group_set label {font-size: 14px; color: #91a2bd; letter-spacing: -0.15px;}

input[class="lang_radio"] { width:1px; height:1px; padding:0; border:0 none; margin:0; position:absolute; left:0; top:0; overflow:hidden;clip:rect(0 0 0 0);}
input[class="lang_radio"] + label {height:20px; line-height:1; padding-left:20px; margin-right: 6px; display:inline-block; background:url(/images/lang_radio.png) no-repeat 0 0; vertical-align:middle; cursor:pointer;}
input[class="lang_radio"] + label:hover {color: #52ffd4;}
input[class="lang_radio"]:checked + label { color: #52ffd4;  font-weight: bold; background:url(/images/lang_radio_check.png) no-repeat 0 0;  height:20px; line-height:1; padding-left:20px; margin-right: 6px; display:inline-block; vertical-align:middle; cursor:pointer;}
input.lang_radio[type=radio]:checked + label { color: #52ffd4;  font-weight: bold; background:url(/images/lang_radio_check.png) no-repeat 0 0;  height:20px; line-height:1; padding-left:20px; margin-right: 6px; display:inline-block; vertical-align:middle; cursor:pointer;}


/* main video info area - Tab/panel area */
.vod_info_tab_area .vod_info_tab {
	padding: 0 92px;
	border-bottom:1px solid #323e50;
	font-size:14px; font-weight:bold;
}
.vod_info_tab_area .vod_info_tab li { display: inline-block; margin:0 44px 0 0; }
.vod_info_tab_area .vod_info_tab a { position: relative; display: block; padding: 11px 0; color: #fff; }
.vod_info_tab_area .vod_info_tab .selected a::after {
	content: '';
	position: absolute; bottom: 0; left: 0;
	display: block; width: 100%; height: 3px;
	background-image: linear-gradient(to right, #b6359c, #ef0a6a);
}

.vod_info_tab_area .vod_info_panel{ padding: 0 88px; font-size: 14px; line-height: 1.5; min-height: 190px;}
.vod_info_tab_area .vod_info_panel .panel1 { padding: 12px 0 11px; }
.vod_info_tab_area .vod_info_panel .panel1_contents, .product_des .panel1_contents{
	color: #cee8ed;
	line-height: 1.5;
	overflow: hidden;
}
.vod_info_tab_area .vod_info_panel .panel1_contents.open , .product_des .panel1_contents.open{
	height: auto;
}
.vod_info_tab_area .vod_info_panel .panel1_more , .product_des .panel1_more{
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: center;
	margin: 60px auto 5px;
}
.vod_info_tab_area .vod_info_panel .panel1_more_text, .product_des .panel1_more_text{
	color: #8a919a;
	display: inline-block;
	background: url(/images/btn-videoinfo-more-close.png);
	background: url(/images/btn-videoinfo-more-open.png) no-repeat right 6px;
	padding-right: 16px;
	font-size: 13px;
}
.vod_info_tab_area .vod_info_panel .panel1_more.open .panel1_more_text, .product_des .panel1_more.open .panel1_more_text{
	background-image: url(/images/btn-videoinfo-more-close.png);
}
.vod_info_tab_area .vod_info_panel .panel2{display: none; padding: 10px 0 23px; /* position: relative; */}
.vod_info_tab_area .vod_info_panel .panel3{display: none; padding: 10px 0 23px; }
.vod_info_tab_area .vod_info_panel >li::after{content:""; display: block;clear: both;}

/* main video info area - 연자안내 panel area */
.panel2_slick .slider_dots,
.panel3_slick .slider_dots {
	position: absolute; bottom: -14px; left: 50%; transform: translateX(-50%);
	display: flex;
}
.panel2_slick .slider_dots li,
.panel3_slick .slider_dots li {
	width: 8px;
	height: 8px;
	background: rgba(255,255,255,0.15);
	margin: 0 3px;
}
.panel2_slick .slider_dots li.slick-active,
.panel3_slick .slider_dots li.slick-active {
	background: #585acb;
}
.panel2 .slick-dotted.slick-slider,
.panel3 .slick-dotted.slick-slider{
	margin: 0;
}
.panel2_slick .slider_arrow,
.panel3_slick .slider_arrow {
	position: absolute;
	top: 50%; transform: translateY(-50%);
	width: 10px; height: 16px; cursor: pointer;
}
.panel2_slick .slider_arrow.prev,
.panel3_slick .slider_arrow.prev {
	left: -20px;
	background: url('/images/icn-videoinfo-close-r-n.png');
}
.panel2_slick .slider_arrow.prev:hover,
.panel3_slick .slider_arrow.prev:hover {
	background: url('/images/icn-videoinfo-close-r-h.png');
}
.panel2_slick .slider_arrow.next,
.panel3_slick .slider_arrow.next {
	right: -20px;
	background: url('/images/icn-videoinfo-close-l-n.png');
}
.panel2_slick .slider_arrow.next:hover,
.panel3_slick .slider_arrow.next:hover {
	background: url('/images/icn-videoinfo-close-l-h.png');
}

.person .video_info_profile,
.product .video_info_product{
	display: flex;
}
.video_info_profile .video_info_profile_img,
.video_info_product .video_info_product_img{
	position: relative;
	width: 88px;
	height: 78px;
	flex-shrink: 0;
	border: 1px solid rgb(148, 148, 148);
	cursor: pointer;
}
.video_info_profile_img img,
.video_info_product_img img{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-width: 100%; height: 100%;
}
.video_info_profile_name {
	display: flex;
	flex-flow: column;
	padding: 0 15px 0 10px;
	width: calc(100% - 88px);
}
.video_info_product_name{
	margin: 11px 15px 0 10px;
	line-height: 1.2;
}
.video_info_profile_name .work{
	margin-top: 2px;
	font-size: 14px;
	color: #a3b0c4;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	vertical-align: middle;
}
.video_info_profile_name .act_name{
	font-size: 17px;
	font-weight: bold;
	color: #fff;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.product_name{
	font-size: 17px;
	font-weight: bold;
	color: #fff;
	display: block;
	word-break: break-all;
	max-height: 2.6em;
	line-height: 1.3;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2; /* 라인수 */
	-webkit-box-orient: vertical;
	display: -ms-box;
	-ms-line-clamp: 2;
	-ms-box-orient: vertical;
}
.video_info_profile_history{
	display: none;
	position: absolute; bottom: 85px;
	width: 464px;
	height: 256px;
	background: url('/images/img-videoinfo-profile.png') no-repeat center;
	padding: 25px;
	z-index: 999;
	pointer-events: none;
}
.profile_inner_history{
	width: 110px;
}
.work, .act_name,
.profile_history_list .profile_history_item{
	overflow: hidden;
	/* text-overflow: ellipsis;
	white-space: nowrap; */
}
.profile_inner_history .work{
	width: 100%;
	display: inline-block;
	font-size: 14px;
	color: #9c97bf;
	vertical-align: middle;
}
.profile_inner_history .act_name{
	width: 100%;
	font-size: 17px;
	font-weight: bold;
	color: #fff;
}
.profile_inner_history .profile_img_inner_history {
	width: 88px;
	height: 78px;
	margin-top: 16px;
}
.profile_img_inner_history img{
	width: 100%;
}
.profile_history_list{
	width: 269px;
	margin: -5px 0 0 31px;
}
.profile_history_list .profile_history_item{
	font-size: 12px;
	font-weight: bold;
	line-height: 1.67;
	color: #fff;
}
.profile_history_list .profile_history_item:before{
	content: url('/images/icn-videoinfo-profile-dot.png');
	vertical-align: text-bottom;
	padding-right: 6px;
}

/* main video info area - 관련제품 panel area */
.vod_info_tab_area .panel3 .video_info_product_item {
	display: flex; align-items: flex-start; width:20%;
}
.video_info_product .video_thumb_wrapper {
	border: 1px solid rgb(150, 150, 150); width: 88px; height: 78px; overflow: hidden;
	display: flex; justify-content: center; align-items: center; flex-shrink: 0;
}
.video_info_product .video_thumb_wrapper img { max-width: 100%; max-height: 100%; }
.video_info_product .video_info_product_desc { padding: 0 15px 0 10px; }
.video_info_product .video_info_product_desc .product_name {
	display:block; overflow:hidden; text-overflow: ellipsis; max-height: 3.0em; line-height: 1.5em;
	display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; letter-spacing: normal;
	color: #fff; font-size:17px; font-weight: bold; margin-top: 8px;
}
.video_info_product .slider_arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	cursor: pointer;
}
.video_info_product .slider_arrow.prev {
	left: -20px;
}
.video_info_product .slider_arrow.next {
	right: -20px;
}

.video_info_product .slick-dotted.slick-slider {
	margin-bottom: 0;
}
.video_info_product .slick-dots {
	bottom: -15px;
}
.video_info_product .slick-dots li {
	width: 8px;
	height: 8px;
	margin: 0 3px;
}
.video_info_product .slick-dots li button {
	width: 8px;
	height: 8px;
}
.video_info_product .slick-dots li button:before {
	color: #fff;
	opacity: 0.15;
	width: 8px;
	height: 8px;
}
.video_info_product .slick-dots li.slick-active button:before {
	opacity: 1;
	color: #585acb;
}

/**********************************************************************/

/* 편성표 영역 / vod_schedule */
.vod_schedule{background-color:#e0e4e8;position: relative;}
.vod_schedule .vod_schedule_inner{max-width:1456px;width:100%;margin:0 auto;padding: 40px 0 44px;}
.vod_schedule .vod_schedule_inner h3{position: relative;}

/* 편성표 영역 / live_btn */
.vod_schedule .vod_schedule_inner .live_btn{width:246px;height:59px;box-shadow: 5px 5px 5px rgba(0,0,0,0.5);border-radius: 6px; position: absolute; left:126px; bottom: 0;}

/* 편성표 list 시작 */
.vod_schedule .vod_schedule_inner #slider-wrap{height:142px;position:relative;}
.vod_schedule .vod_schedule_inner .vod_schedule_inner_list{width:100%;height:142px;padding:14px 0;transition:1s; overflow:hidden}
.vod_schedule .vod_schedule_inner .vod_schedule_inner_list li{z-index: 8;width:363px;float:left; position:relative;background-color:#fff;}
.vod_schedule .vod_schedule_inner .vod_schedule_inner_list li>a{display:block; height:112px;  border:1px solid #cdd6da;border-right:0;font-weight:bold;}
.vod_schedule .vod_schedule_inner .vod_schedule_inner_list li:last-child>a{border-right:1px solid #cdd6da;}
.vod_schedule .vod_schedule_inner .vod_schedule_inner_list.slick-slider .arrow_btn{position:absolute; top:49px; cursor:pointer}
.vod_schedule .vod_schedule_inner .vod_schedule_inner_list.slick-slider .arrow_btn.arrow_before{left:-50px;}
.vod_schedule .vod_schedule_inner .vod_schedule_inner_list.slick-slider .arrow_btn.arrow_after{right:-50px;}

/* 편성표 영역 내부 / text style */
.vod_schedule_inner_list li a{display:block; padding:10px 10px 0 30px}
.vod_schedule_inner_list li .status{font-size:15px;color:#999;line-height:28px;}
.vod_schedule_inner_list li .vod_schedule_inner_list_title{font-size:24px;color:#000;/* letter-spacing: -1.8px; */}
.vod_schedule_inner_list li .vod_schedule_inner_list_des{display:block; font-size:14px;color:#333;line-height:28px;/* letter-spacing: -1.68px; */ text-overflow:ellipsis; white-space:nowrap; overflow:hidden}

/* select 시 selected 핑크색 background img */
.vod_schedule .vod_schedule_inner .vod_schedule_inner_list li.selected{background-image: url("../../images/img-timeline-nowplaying-bg-n.png");
	box-shadow:0px 0px 15px rgba(0,0,0,0.6);
	position:relative;z-index:9;/*그림자 띄우느라 position 사용*/}
.vod_schedule_inner_list li.selected a span{color:#fff;}
.vod_schedule_inner_list li.selected a .status{color:#fff;}
.vod_schedule_inner_list li.selected a .vod_schedule_inner_list_title{color:#fff;}
.vod_schedule_inner_list li.selected a .vod_schedule_inner_list_des{color:#fff; text-overflow:ellipsis; white-space:nowrap; overflow:hidden}

/*************************************************************/

/* 카드 동영상 card_vod */
.slick_vod_list {
	position: relative;
	margin-left: -5px;
	margin-right: -5px;
}
.slick_vod_list.slick-dotted {
	margin-bottom: 0;
}
.slick_vod_list .card_vod {
	margin-bottom: 20px;
}
.slick_vod_listItem {
	padding: 0 5px;
}
.slick_vod_listItem:focus {
	outline: 0;
}
.slick_vod_list .slider_arrow {
	position: absolute;
	top: calc(50% - 20px);
	transform: translateY(-50%);
	width: 28px;
	height: 50px;
	cursor: pointer;
}
.slick_vod_list .slider_arrow.next {
	right: -32px;
	background: url(/images/btn-thumbnail-arrow-r-n.png) no-repeat center;
}
.slick_vod_list .slider_arrow.next:hover {
	background: url(/images/btn-thumbnail-arrow-r-h-s.png) no-repeat center;
}
.slick_vod_list .slider_arrow.prev {
	left: -27px;
	background: url(/images/btn-thumbnail-arrow-l-n.png) no-repeat center;
}
.slick_vod_list .slider_arrow.prev:hover {
	background: url(/images/btn-thumbnail-arrow-l-h-s.png) no-repeat center;
}
.slick_vod_list .slider_dots {
	position: absolute;
	top: -24px;
	right: 5px;
	display: flex;
}

/* 슬라이더 블릿 공통 */
.slider_dots li {
	width: 10px;
	height: 10px;
	background: #939393;
	border-radius: 50%;
	margin-left: 8px;
	cursor: pointer;
}
.slider_dots li.slick-active {
	background: #3d33ba;
}
.slider_dots button {
	font-size: 0;
}

/* 이전/다음 영상버전 카드 */
.vod_guide {
	display: flex;
	margin: 0 -8px;
}
.vod_guide_item {
	width: 50%;
	padding: 0 8px;
}
.vod_guide .card_vod {
	border: none;
	box-shadow: none;
	margin: 0;
}
.vod_guide .card_vod_thumbWrapper {
	border: 1px solid rgb(123, 114, 210);
}
.vod_guide .card_guide {
	margin-bottom: 12px;
}
.vod_guide .card_vod_info {
	height: auto;
	padding: 0;
	background: transparent;
	margin-top: 12px;
}
.vod_guide .card_vod_info .card_vod_info_title {
	max-height: none;
	white-space: nowrap;
	line-height: 1;
	display: block;
	-webkit-box-orient: initial;
	color: #fff;
}
.vod_guide .card_vod_info_subject {
	color: #a8d2fc; font-size: 12px; margin-top: 7px;
}
.vod_guide .card_vod_info_desc {
	font-size: 11px; color: #fbfbff;
}
.vod_guide .card_vod_info_beforeDay::before {
	background: #8d8fbc;
	margin-top: 0;
}
.vod_guide .card_vod_heart {
	right: 0; bottom: -7px;
}

/******************** 인기영상(top_vod) start *****************/
/*.top_vod { margin: 30px 0 0; }*/
.top_vod_list { margin-top: 8px; }
.top_vod_list li:hover .hv_change_bg_p{display:block;position: absolute;left:0;top:1px;}
.top_vod_list li:hover .hv_change_bg_p{display:block;position: absolute;left:0;top:1px;}
.top_vod_list li:hover .hv_change_bg{display: none;}
/******************** 인기영상(top_vod) end *******************/

/******************** 최신영상(new_vod) start *****************/
.new_vod_list { margin-top: 10px; }
/******************** 최신영상(new_vod) end *******************/

/******************** 추천영상(recommend_vod) start ***********/
.recommend_vod { padding-bottom: 60px; }
.recommend_vod_list {
	margin: 10px -5px 0;
}
.recommend_vod_list::after {
	content: ' ';
	display: block;
	clear: both;
}
.recommend_vod_listItem {
	float: left;
	padding: 0 5px;
	width: 16.666666667%;
}

/* 인피니트 스크롤 시 보일 화면*/
.app-spinner {
	animation: app-spinner-rotate 1.568s linear infinite
}
.app-spinner,
.app-spinner-loader {
	transform-origin: 50% 50%
}
.app-spinner-loader {
	animation: app-spinner-offset 5332ms step-end infinite
}
.app-spinner-loader-path {
	fill: none;
	stroke-width: 9%;
	stroke-dasharray: 56, 200;
	stroke-dashoffset: 0;
	animation: app-spinner-dash 1333ms ease-in-out infinite;
	stroke-linecap: round;
	stroke: #889097
}
@keyframes app-spinner-rotate {
	to {
		transform: rotate(1turn)
	}
}
@keyframes app-spinner-offset {
	25% {
		transform: rotate(270deg)
	}
	50% {
		transform: rotate(180deg)
	}
	75% {
		transform: rotate(90deg)
	}
	to {
		transform: rotate(0)
	}
}
@keyframes app-spinner-dash {
	0% {
		stroke-dasharray: 0, 200;
		stroke-dashoffset: 0
	}
	50% {
		stroke-dasharray: 56, 200;
		stroke-dashoffset: 0
	}
	to {
		stroke-dasharray: 0, 200;
		stroke-dashoffset: -56
	}
}
.app-spinner_area{
	text-align: center;
}
.app-spinner_area:before,
.app-spinner_area:after{
	content: '';
	display: block;
	clear: both;
}
/******************** 추천영상(recommend_vod) end *************/

/* 치과뉴스 */
.dental_news {
	display: flex;
	flex-flow: column;
	background: url(/images/img-dentalnews-bg-1920.jpg) no-repeat;
	background-size: cover;
	box-shadow: 0 0 4.9px 0.1px rgba(28, 34, 36, 0.6);
	position: relative;
	/* 	padding-bottom: 21px; */
}
.dental_news_subject {
	display: flex; align-items: center;
	padding: 6px 20px 6px 12px;
	color: #fff; font-size: 17px; letter-spacing: -0.075em;
	text-shadow: 0px 2px 10px rgba(0, 0, 0, 0.6); font-weight: bold;
}

.dental_news_banner_list{
	flex-grow: 1;
	display: flex;
	flex-wrap: wrap;
	margin: 0 -2px;
	/* 	padding: 0 14px 30px; */
	padding: 0 14px 10%;
}
.dental_news_banner_inner{
	width: 50%;
	padding: 0 2px;
	margin-bottom: 4px;
	box-shadow: 0px 5px 18px 0 rgb(0 0 0 / 40%);
}
.dental_news_banner_inner:nth-of-type(n+19){
	margin: 0;
}
.dental_news_banner_item{
	height: 100%;
	/* 	padding-top: 52.845%; */
	/* padding-top: 38.845%; */
	padding-top: 30%;
	position: relative;
	background-color: #fff;
}

.dental_news_banner_inner:nth-child(odd) {padding-left: 1px;}
.dental_news_banner_inner:nth-child(even) {padding-right: 1px;}

.dental_news_banner_item img{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	vertical-align: top;
	max-width: calc(100% - 14px);
}
.dental_news_banner_inner:nth-of-type(8) img{
	transform: translate(-50%, -59%);
}

.dental_news_slider {
	padding: 0 30px;
}
.dental_news_slider .slider_arrow {
	position: absolute;
	left: 50%; transform: translateX(-50%);
	width: 18px;
	height: 10px;
	cursor: pointer;
}
.dental_news_slider .slider_arrow.prev {
	top: -16px;
	background: url(/images/btn-dentalnews-pre.png);
}
.dental_news_slider .slider_arrow.next {
	bottom: -3px;
	background: url(/images/btn-dentalnews-next.png);
}
/* .dental_news_item { */
/* 	padding-bottom: 9px; */
/* } */

.dental_news_logo {
	max-width: 100%;
	vertical-align: top;
}
.dental_news_line {
	width: 60px;
	height: 1px;
	display: block;
	background: #ccc;
	margin: 0 auto 12px;
}

/* jquery.scrollbar.css 수정 */
.vod_list_right_inner_list.scrollbar-inner > .scroll-element.scroll-y {
	width: 5px;
	right: 5px;
}
.vod_list_right_inner_list.scrollbar-inner > .scroll-element .scroll-element_outer,
.vod_list_right_inner_list.scrollbar-inner > .scroll-element .scroll-element_track,
.vod_list_right_inner_list.scrollbar-inner > .scroll-element .scroll-bar {
	-webkit-border-radius: 1.5px;
	-moz-border-radius: 1.5px;
	border-radius: 1.5px;
}
.vod_list_right_inner_list.scrollbar-inner > .scroll-element .scroll-element_track {
	background: #303252 !important;
	opacity: 1;
}
.vod_list_right_inner_list.scrollbar-inner > .scroll-element .scroll-bar {
	background: #707a7e !important;
	opacity: 1;
}
.vod_list_right_inner_list.scrollbar-inner > .scroll-element .scroll-bar:hover {
	background: #9aa7ab !important;
	opacity: 1;
}
.vod_list_right_inner_list.scrollbar-inner > .scroll-element .scroll-bar:active {
	background: #b4c0c4 !important;
	opacity: 1;
}

.my-vod-list-wrap .my_channel_list_group .scrollbar-inner > .scroll-element.scroll-y{
	height: calc( 100% - 12px ) !important;
	margin-top:6px;
	margin-bottom:6px
}

.my-vod-list-wrap .my_play_group_list.scrollbar-inner > .scroll-element.scroll-y{
	height: calc( 100% - 12px ) !important;
	margin-top:6px;
	margin-bottom:6px
}

.public-vod-list.scrollbar-inner > .scroll-element.scroll-y{
	height: calc( 100% - 12px ) !important;
	margin-top:6px;
	margin-bottom:6px
}

/* 치과뉴스용 반응형 */
@media (max-width: 1919px) and (min-width: 1441px) {
	.dental_news_slider {
		padding: 0 calc(7 / 478 * calc(100vw - 1441px) + 23px);
	}
	.dental_news_item {
		padding-bottom: calc(2 / 478 * calc(100vw - 1441px) + 7px);
	}
}
@media (max-width: 1440px){
	/* 영상 상세 정보 */
	.video_info_inner {
		padding: 18px 39px 12px 50px;
	}
	.vod_info_tab_area .vod_info_tab {
		padding: 0 39px 0 50px;
	}
	.vod_info_tab_area .vod_info_panel {
		padding: 0 39px 0 50px;
	}
	.right_open .main_video_area_inner_playing {
		margin-right: 416px;
	}
	.main_video_wrapper {
		width: calc(100% - 416px);
	}
	.video_layout_wrapper {
		padding-top: 55.86%;
	}

	/* 왼쪽 영상 리스트 */
	.vod_list_right {
		width: 416px;
	}
	.vod_list_right_inner_list li a > div.thumb_area {
		width: 160px;
		height: 90px;
		overflow: hidden;
	}

	/* 치과뉴스 */
	.dental_news_slider {
		padding: 0 23px;
	}
	.dental_news_item {
		padding-bottom: 7px;
	}
	.dental_news_slider .slider_arrow.next { bottom: 0; }

	/* 영상카드 */
	.card_vod_thumbWrapper {
		padding-top: 56.60%;
	}

}
/* 치과뉴스용 반응형 */
@media (max-width: 1439px) and (min-width: 1281px) {
	.dental_news_slider {
		padding: 0 calc(5 / 158 * calc(100vw - 1281px) + 18px);
	}
	.dental_news_item {
		padding-bottom: calc(2 / 158 * calc(100vw - 1281px) + 5px);
	}
	.dental_news_slider .slider_arrow.next { bottom: -10px; }
	.btn_arrow_right {
		right: 3%;
	}
}
@media (max-width: 1280px){
	/* 영상 상세 정보 */
	.video_info_inner {
		padding: 18px 51px 12px;
	}
	.vod_info_tab_area .vod_info_tab {
		padding: 0 51px;
	}
	.vod_info_tab_area .vod_info_panel {
		padding: 0 51px;
	}
	.right_open .main_video_area_inner_playing {
		margin-right: 406px;
	}
	.main_video_wrapper {
		width: calc(100% - 406px);
	}
	.video_layout_wrapper {
		padding-top: 54.97%;
	}

	/* 왼쪽 영상 리스트 */
	.vod_list_right {
		width: 406px;
	}
	.vod_list_right_inner_list li a > div.thumb_area {
		width: 154px;
		height: 85px;
		overflow: hidden;
	}

	/* 치과뉴스 */
	.dental_news_slider {
		padding: 0 18px;
	}
	.dental_news_item {
		padding-bottom: 5px;
	}

	/* 영상카드 */
	.card_vod_thumbWrapper {
		padding-top: 56.21%;
	}
	.dental_news_slider .slider_arrow.next { bottom: -10px; }
	.btn_arrow_right {
		right: 4%;
	}
}

.fullscreen_video_info {
	display: flex !important;
}

.fullscreen_video_info_right {
	display: block !important;
}

/*
2020-11-19
TV 연자정보 레이어 팝업. 사이즈
mainIndex.css
기존 css class 지우지 말고, 해당 클래스 전체 주석 처리 한 후  바로 아래에 적용
오류 없는 것 완벽히 확인 되면, 주석 제거

video_info_profile_history 클래스 옆에 h_full 클래스 추가.
하단의 css class 는 제일 하단에 오도록 별도 추가.
*/

/* 626라인 */
.video_info_profile_history.h_full {
	display: none;
	position: absolute;
	bottom: 85px;
	width: 464px;
	min-height: 185px;/*변경*/
	background: url(/images/img-videoinfo-profile-464-x-400.png) no-repeat center;/*변경*/
	padding: 20px;/*변경*/
	z-index: 999;
	pointer-events: none;
	box-shadow: 0px 0px 14px rgba(0,0,0.1);/*추가*/
	background-size: cover !important;
	height: auto;
}

/* 715라인 */
.video_info_profile_history.h_full .profile_history_list .profile_history_item {
	font-size: 12px;
	font-weight: bold;
	line-height: 1.6;/*변경*/
	color: #fff;
	text-indent: -10px;/*추가*/
	overflow: unset;/*추가*/
	word-break: keep-all;
}

/* 675 */
.video_info_profile_history.h_full .profile_inner_history .act_name {
	width: 100%;
	font-size: 17px;
	font-weight: bold;
	color: #fff;
	line-height: 17px;/*추가*/
}

/* 689라인 */
.video_info_profile_history.h_full .profile_inner_history .profile_img_inner_history {
	width: 98px;/*변경*/
	height: 78px;
	margin-top: 16px;
}

/* 657 */
.video_info_profile_history.h_full .profile_inner_history .work {
	display: inline-block;
	font-size: 14px;
	color: #9c97bf;
	vertical-align: middle;
	word-break: keep-all; /*추가*/
	line-height: 14px;/*추가*/
	margin-bottom: 4px;/*추가*/
	width: 424px;
}

/* 703 */
.video_info_profile_history.h_full .profile_history_list {
	width: 269px;
	margin: 0px 0 0 30px;/*변경*/
}


/* 5차개선 */
.vod_list_right_inner_list.my_channel_list {display: block; height: calc(100% - 0px) !important; margin-bottom: 0px; margin-right: 0px; max-height: 1029px; overflow: hidden !important; margin-right: -17px;}
.vod_list_right_inner_list.my_channel_list li { display: flex; display: -ms-flexbox; align-items: center; }
.vod_list_right_inner_list.my_channel_list li:before { border-left: 0px; }
.vod_list_right_inner_list.my_channel_list li a > div strong { letter-spacing: -1px; color: #8cb8ff; font-size: 13px; font-weight: normal; }
.vod_list_right_inner_list.my_channel_list li a > div.thumb_area { width: 120px; height: 68px; box-shadow: none; }
.vod_list_right_inner_list.my_channel_list .thumb_title_subject { width: 200px; font-size: 14px; font-weight: bold; letter-spacing: -0.7px; color: #fff; }
.vod_list_right_inner_list.my_channel_list .my_channel_count { font-size: 14px; letter-spacing: -0.7px; color: #999eea; margin-left: -25px; padding: 0px 14px; }
.vod_list_right_inner_list.my_channel_list li.now .my_channel_count {display:none;}

.now .my-play-ico {margin-left: -16px; padding: 0px 12px; background: url(../../images/ico/ico-play.png) no-repeat; width: 26px; height: 16px;}
/*.my-play-ico {display:block;}*/
.my-play-group {display: flex; display: -ms-flexbox; flex-direction: column; align-items: center; justify-content: center; flex-wrap: nowrap; align-content: center; width: 50%; height: 94px; background-color: rgba(17, 17, 17, 0.8); position: absolute; right: -1px; top: -1px; transition: all 0.2s;}

div.vod_list_right_inner_list.my_play_group_list {
	height: calc(100% - 55px) !important; background: #263148 url(../../images/img-videolist-bg-h-1370.png) no-repeat;
	height: auto; margin-bottom: 0px; margin-right: 0px; max-height: 905px;
}
div.vod_list_right_inner_list.my_play_group_list.open {height: calc(100% - 600px) !important;}

.playlist-playlist .my-vod-list-wrap div.vod_list_right_inner_list.my_play_group_list {height: calc(100% - 546px) !important; background: #263148 url(../../images/img-videolist-bg-h-1370.png) no-repeat;}
.playlist-playlist .my-vod-list-wrap div.vod_list_right_inner_list.my_play_group_list.open {height: calc(100% - 72px) !important;}

.vod_list_right_inner_list.my_play_group_list li:hover .my-play-group {width: 101%; transition: all 0.2s;}
.vod_list_right_inner_list.my_play_group_list li .my-play-group .my-list-normal {display: flex; display: -ms-flexbox; flex-direction: column; align-items: center;}
.vod_list_right_inner_list.my_play_group_list li .my-play-group .my-list-hover {display:none;}
.vod_list_right_inner_list.my_play_group_list li:hover .my-play-group .my-list-normal{display:none;}
.vod_list_right_inner_list.my_play_group_list li:hover .my-play-group .my-list-hover {display: flex; display: -ms-flexbox; align-items: center; flex-direction: row; }
.vod_list_right_inner_list.my_play_group_list li:hover .my-play-group .my-list-hover img {margin-right: 6px;}
.vod_list_right_inner_list.my_play_group_list li:hover .my-play-group .my-list-hover span {width: auto; word-break: keep-all; font-size: 16px; font-weight: bold; letter-spacing: -1px;}

.my-list-save-ico {display: none; position: absolute; right: 30px; background:url('../../images/ico/ico-list-save-nor.png') no-repeat; width:22px; height:25px; bottom: 5px; cursor:pointer;}
.my-list-save-ico:hover {background:url('../../images/ico/ico-list-save-hov-sel.png') no-repeat;}
.my-list-save-ico:active {background:url('../../images/ico/ico-list-save-hov-sel.png') no-repeat;}
.my-list-save-ico.active {background:url('../../images/ico/ico-list-save-hov-sel.png') no-repeat;}

/*재생목록 저장하기 툴팁*/
.vod-saved-tooltip { display:none; width: 140px; height: 22px; border-radius: 1px; box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.8); border: solid 1px #666; background-color: #444;
	letter-spacing: -0.87px; color: #fff; font-size: 13px; font-weight: bold; text-align: center;
	position: absolute; bottom: -20px; line-height: 22px; right: -33px;}

/*.vod-saved-tooltip {}*/

.my-public-ico {position: absolute; right: 0px; bottom: 5px; background: url('../../images/ico/ico-lsit-public-nor.png') no-repeat; width: 16px; height: 16px; display: block;}
.my-private-ico {position: absolute; right: 0px; bottom: 5px; background: url('../../images/ico/ico-list-private-nor.png') no-repeat; width: 16px; height: 16px; display: block;}

.playlist-updown-toggle {background: url('../../images/ico/btn-playlist-up-nor.png') no-repeat; display:block; width:16px; height:16px; cursor:pointer;}
.playlist-updown-toggle:hover {background: url('../../images/ico/btn-playlist-up-hov.png') no-repeat;}
.playlist-updown-toggle:active {background: url('../../images/ico/btn-playlist-up-hov.png') no-repeat;}

.playlist-updown-toggle.on {background: url('../../images/ico/btn-playlist-down-nor.png') no-repeat; display:block; width:16px; height:16px; cursor:pointer;}
.playlist-updown-toggle.on:hover {background: url('../../images/ico/btn-playlist-down-hov.png') no-repeat;}

.rotate-ico {background:url('../../images/ico/btn-playlist-rotate-nor.png') no-repeat; display:block; width:22px; height:18px;}
.rotate-ico:hover {background:url('../../images/ico/btn-playlist-rotate-hov-sel.png');}
.rotate-ico:active {background:url('../../images/ico/btn-playlist-rotate-hov-sel.png');}
.rotate-ico.on {background:url('../../images/ico/btn-playlist-rotate-hov-sel.png');}
.rotate-ico.off {background:url('../../images/ico/btn-playlist-rotate-nor.png');}

.random-ico {background:url('../../images/ico/btn-playlist-random-nor.png') no-repeat; display:block; width:22px; height:18px;}
.random-ico:hover {background:url('../../images/ico/btn-playlist-random-hov-sel.png');}
.random-ico:active {background:url('../../images/ico/btn-playlist-random-hov-sel.png');}
.random-ico.on {background:url('../../images/ico/btn-playlist-random-hov-sel.png');}
.random-ico.off {background:url('../../images/ico/btn-playlist-random-nor.png');}

.delete-ico {background:url('../../images/ico/btn-playlist-delete-nor.png') no-repeat; display:block; width:16px; height:16px;}
.delete-ico:hover {background:url('../../images/ico/btn-playlist-delete-hov.png');}
.delete-ico:active {background:url('../../images/ico/btn-playlist-delete-hov.png');}

.my-vod-list-header { display:none; width: 100%; background-image: linear-gradient(to top, rgba(59, 64, 165, 1), rgba(44, 40, 146, 1)); padding: 14px 30px;}
.my-vod-list-header-div1 {height: 62px;}
.my-vod-list-header-div2 {display: flex; align-content: center; justify-content: space-between; flex-direction: row;}
.my-vod-list-header-div3 {font-size: 14px; font-weight: bold; letter-spacing: -0.7px;}
.my-vod-list-header-div4 {padding: 8px 0px;}
.my-vod-list-header-div5 {width: 100%; display: flex; align-items: center; line-height:1;}
.my-vod-list-header-enable {height:18px;}
.my-vod-list-header-enable2 {font-size: 13px; letter-spacing: -0.6px; color: #95bfff; padding: 0px 0px 0px 8px;}
.my-vod-list-header-div6 {width:2px; height:2px; background-color: #999; border-radius: 50%; margin: 0px 6px;}
.my-vod-list-header-div7 {font-size: 13px; letter-spacing: -0.6px; color: #cccfff;}
.my-vod-list-header-div8 {height: 16px; display: flex; align-content: center; justify-content: space-between; flex-direction: row;}
.my-vod-list-header-div8.close {display:none;}
.my-vod-list-header-div9 {display: inline-flex; align-items: center;}
.my-vod-list-header-div10 {margin-right: 16px;}

.my-vod-list-header {height: 106px; transition: all 0.3s; display:none;}
.my-vod-list-header.close {height: 72px; transition: all 0.3s;}

.my_channel_list_group {display: none; position: relative; height: 440px; width: 100%; background: #111446; transition: all 0.3s;}
.my_channel_list_group.close { height: 0px !important; transition: all 0.3s;}
.my_channel_list.close {display:none;}

/* 재생목록 저장하기 팝업 */
.my_vod_list_save_pop {display: none;}
.my_vod_list_save_pop { z-index: 9999; position: absolute; left: calc(50% - 145px); top: calc(50% - 25%); background: #f3f5f8; width: 290px; max-height: 536px; min-height: 396px; overflow: hidden; border-radius: 3px; box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.5); border: solid 1px #9398a6; box-sizing: border-box;}
.my_vod_list_save_pop .header {height: 46px; background: #f3f5f8; box-sizing: border-box; display: flex; display: -ms-flex-box; justify-content: space-between; padding: 12px;}
.my_vod_list_save_pop .header .title {font-size: 17px; font-weight: bold;}
.my_vod_list_save_pop .my_vod_list_body {padding: 17px 30px; min-height: 162px; max-height: 305px; overflow: auto; background: #fff;}
.my_vod_list_save_pop .my_vod_list_body::-webkit-scrollbar {width: 5px; background-color: #c3c5cc; border-radius: 50px;}
.my_vod_list_save_pop .my_vod_list_body::-webkit-scrollbar-thumb {background: #9a9da5; border-radius: 50px;}

.my_vod_list_save_pop .my_vod_list_body .vod_list_box .vod_list div.vod_title { width: 177px; overflow: hidden;}
.my_vod_list_save_pop .my_vod_list_body .vod_list_box .vod_list div.vod_title span {margin-left: 25px;}

.my_vod_list_save_pop .my_vod_list_body .vod_list_box .vod_list {font-size: 14px; letter-spacing: -1px; color: #333; display: flex; display: -ms-flexbox; justify-content: space-between; margin: 8px 0px; cursor: pointer; line-height: 1;}
.my_vod_list_save_pop .my_vod_list_body .vod_list_box .vod_list:hover input[type="checkbox"] + label { display:inline-flex; /*width: 16px;*/ height: 16px; background: url(/images/ico/btn-check-hov.png) no-repeat center; background-position: 0px;}
.my_vod_list_save_pop .my_vod_list_body .vod_list_box .vod_list:hover input[type="checkbox"]:checked + label { display:inline-flex; /*width: 16px;*/ height: 16px; background: url(/images/ico/btn-check-sel.png) no-repeat center; background-position: 0px;}

.my_vod_list_save_pop input[type="checkbox"] {position: relative; left: 0; margin-right: 8px; width: 0px;}
.my_vod_list_save_pop input[type="checkbox"] + label { display:inline-flex; /*width: 16px;*/ height: 16px; background: url(/images/ico/btn-check-nor.png) no-repeat center; cursor: pointer; background-position: 0px;}
.my_vod_list_save_pop input[type="checkbox"]:checked + label > span {color: #3434b3;}
.my_vod_list_save_pop input[type="checkbox"]:checked + label { display:inline-flex; /*width: 16px;*/ height: 16px; background: url(/images/ico/btn-check-sel.png) no-repeat center; background-position: 0px;}

.my_vod_list_save_pop .my_vod_list_footer { padding: 16px 26px 24px 26px; /*height: 188px;*/ display: flex; flex-direction: column;}
.my_vod_list_save_pop .my_vod_list_footer .input_wrap {display: flex; display: -ms-flexbox; justify-content: space-between;}

.my_vod_list_save_pop .my_vod_list_footer .public_opt_box {display: flex; display: -ms-flexbox; margin: 8px 0px 24px 0px;}
.my_vod_list_save_pop .my_vod_list_footer .public_opt_box {font-size: 14px; letter-spacing: -1px; color: #333;}

.my_vod_list_save_pop .my_vod_list_footer .public_opt_box input[type="radio"] {position: relative; width: 0px;}
.my_vod_list_save_pop .my_vod_list_footer .public_opt_box input[type="radio"] + label {display:inline-flex; /*width: 16px;*/ height: 16px; background: url(/images/ico/btn-radio-nor.png) no-repeat center; cursor: pointer; width: 70px; background-position: left; background-position: 0px;}
.my_vod_list_save_pop .my_vod_list_footer .public_opt_box input[type="radio"] + label > span {color: #999; cursor: pointer; margin-left: 23px;}
.my_vod_list_save_pop .my_vod_list_footer .public_opt_box input[type="radio"]:checked + label > span {color: #333;}
.my_vod_list_save_pop .my_vod_list_footer .public_opt_box input[type="radio"]:checked + label {display:inline-flex; width: 16px; height: 16px; background: url(/images/ico/btn-radio-sel.png) no-repeat center; cursor: pointer; width: 90px; background-position: left;}
.my_vod_list_save_pop .my_vod_list_footer .public_opt_box div:hover > label { display:inline-flex; /*width: 16px;*/ height: 16px; background: url(/images/ico/btn-radio-hov.png) no-repeat center; cursor: pointer; width: 70px; background-position: left; background-position: 0px;}

.my_vod_list_save_pop .my_vod_list_footer .title {font-size: 14px; font-weight: bold; letter-spacing: -1px; color: #333; margin-bottom: 13px; line-height: 1;}
.my_vod_list_save_pop .my_vod_list_footer input[type="text"] {height: 30px; width: 198px; border: 0px; background: transparent; border-bottom: 1px solid #c4c4c4; font-size: 14px; letter-spacing: -1px; color: #111; padding-left: 0px; text-indent: 0px;}
.my_vod_list_save_pop .my_vod_list_footer input[type="text"] {height: 30px; width: 198px; border: 0px; background: transparent; border-bottom: 1px solid #c4c4c4; font-size: 14px; letter-spacing: -1px; color: #111; padding-left: 0px; text-indent: 0px;}
.my_vod_list_save_pop .my_vod_list_footer .active_title {border-bottom: 1px solid #5b5bee !important; }
.my_vod_list_save_pop .my_vod_list_footer .button_box {display: flex; display: -ms-flexbox; justify-content: center;}
.my_vod_list_save_pop .my_vod_list_footer .button_box button {width: 152px; height: 42px; box-shadow: 0 4px 8px 0 rgba(12, 12, 94, 0.24); background-color: #5b5bee; color: #fff; font-size: 16px; font-weight: bold; letter-spacing: -1.14px;}
.my_vod_list_save_pop .my_vod_list_footer .button_box button:hover {width: 152px; height: 42px; box-shadow: 0 4px 8px 0 rgba(12, 12, 94, 0.24); background-color: #7878fe; color: #fff; font-size: 16px; font-weight: bold; letter-spacing: -1.14px;}
.my_vod_list_save_pop .my_vod_list_footer .button_box button:active {width: 152px; height: 42px; box-shadow: 0 4px 8px 0 rgba(12, 12, 94, 0.24); background-color: #3f3fe6; color: #fff; font-size: 16px; font-weight: bold; letter-spacing: -1.14px;}

.ico_wrap {display: flex;}
.my_vod_list_save_pop .my_vod_name_modify {display: none; width: 16px; height: 16px; background: url(/images/ico/ico-edit-nor.png) no-repeat center; margin-right: 8px;}
.my_vod_list_save_pop .vod_list:hover > .ico_wrap > .my_vod_name_modify {display: block; width: 16px; height: 16px; background: url(/images/ico/ico-edit-nor.png) no-repeat center;}
.my_vod_list_save_pop input[type="checkbox"]:checked + label div > .my_vod_name_modify {display: block;}

.my_vod_list_save_pop .my_vod_public_icon {display: block; width: 16px; height: 16px; background: url(/images/ico/ico-public-nor.png) no-repeat center;}
.my_vod_list_save_pop .my_vod_private_icon {display: block; width: 16px; height: 16px; background: url(/images/ico/ico-private-nor.png) no-repeat center;}

.my_vod_list_footer .input_wrap .vod_list_add_submit {display:block; width: 30px; height: 30px; background: url(/images/ico/btn-playlist-add-nor.png) no-repeat center;}
.my_vod_list_footer .input_wrap .vod_list_add_submit:hover {display:block; width: 30px; height: 30px; background: url(/images/ico/btn-playlist-add-hov.png) no-repeat center;}
.my_vod_list_footer .input_wrap .vod_list_add_submit:active {display:block; width: 30px; height: 30px; background: url(/images/ico/btn-playlist-add-hov.png) no-repeat center;}

.my_vod_list_footer .input_wrap .vod_list_modify_submit {display:block; width: 30px; height: 30px; background: url(/images/ico/btn-playlist-save-nor.png) no-repeat center;}
.my_vod_list_footer .input_wrap .vod_list_modify_submit:hover {display:block; width: 30px; height: 30px; background: url(/images/ico/btn-playlist-save-hov.png) no-repeat center;}
.my_vod_list_footer .input_wrap .vod_list_modify_submit:active {display:block; width: 30px; height: 30px; background: url(/images/ico/btn-playlist-save-hov.png) no-repeat center;}

.my_vod_list_footer .my_vod_list_title{font-size: 14px; font-weight: bold; color: #333; margin-bottom: 3px;}

.my-vod-list-wrap {display: none; position: relative; height: 100%;}
.vod_list_right_title.main > h3:not('.standalone-title') {background: #8d90b3;}
.vod_list_right_title>h3.tab-on {background-image: linear-gradient(102deg, #742ac4, #4143c2 100%);}

.not-find-playlist {display: flex; display: -ms-flexbox; height: 380px; width: 100%; justify-content: center; flex-direction: column; align-items: center;}
.not-find-playlist .not-find-icon {background:url('/images/ico/img-no-playlist.png') no-repeat center; width: 75px; height: 50px; margin: 30px;}
.not-find-playlist .not-find-msg {font-size: 17px; font-weight: bold; letter-spacing: -1.28px; width: 270px; height: 85px; word-break: keep-all; text-align: center;}
.not-find-playlist .not-find-msg span.point {color: #cde0ff;}

.chat_history_tab {background: #8d90b3;}

.my_vod_tab {background: #8d90b3;}

/* 재생목록 페이지 전용*/
.playlist-playlist .my-vod-list-wrap {display: block; position: relative; height: 100%;}
.playlist-playlist .my-vod-list-header {display: block;}
.vod_list_right.live_vod.playlist-playlist .vod_list_right_inner_list {display: block;}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.vod_list_right.live_vod .vod_list_right_inner_list { -webkit-overflow-x: hidden !important; -ms-overflow-x: hidden !important; overflow-x: hidden !important;}
	.my_channel_list_group {margin-right: -17px; -webkit-overflow-x: hidden !important; -ms-overflow-x: hidden !important; overflow-x: hidden !important;}
	div.my_channel_list {margin-right: -17px !important; -webkit-overflow-x: hidden !important; -ms-overflow-x: hidden !important; overflow-x: hidden !important;}
	ul.my_channel_list { -ms-overflow-x: hidden !important}
}

.my_channel_list::-webkit-scrollbar {
	width: 5px;
	background-color: #c3c5cc;
	border-radius: 50px;
}

.my_channel_list::-webkit-scrollbar-thumb {
	background: #9a9da5;
	border-radius: 50px;
}

/* 댓글영역 */
.vod_comment_area {
	padding: 18px 0 30px;
}

/* main video info area - 관련논문 panel area */
.vod_info_tab_area .vod_info_panel .panel4 {
	padding: 12px 0 11px;
}
.vod_info_tab_area .vod_info_panel .panel4_contents,
.product_des .panel4_contents {
	color: #cee8ed;
	line-height: 1.5;
	overflow: hidden;
}
.vod_info_tab_area .vod_info_panel .panel4_contents.open,
.product_des .panel4_contents.open {
	height: auto;
}
.vod_info_tab_area .vod_info_panel .panel3_more,
.product_des .panel3_more {
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: center;
	margin: 60px auto 5px;
}
.vod_info_tab_area .vod_info_panel .panel3_more_text,
.product_des .panel3_more_text {
	color: #8a919a;
	display: inline-block;
	background: url(/images/btn-videoinfo-more-close.png);
	background: url(/images/btn-videoinfo-more-open.png) no-repeat right 6px;
	padding-right: 16px;
	font-size: 13px;
}
.vod_info_tab_area .vod_info_panel .panel3_more.open .panel3_more_text,
.product_des .panel3_more.open .panel3_more_text {
	background-image: url(/images/btn-videoinfo-more-close.png);
}

.research_list {
	display: grid;
	grid-gap: 10px;
	grid-template-columns: repeat(3,1fr);
}

.research_list li {
	height: 54px;
	display: flex;
}

.research_list li a {
	display: flex;
	width: 100%;
	height: 54px;
	flex-direction: row;
	gap: 15px;
	padding: 5px 12px 5px 12px;
	border: solid 1px #313e4f;
	background-color: #10223c;
	color: #fff;
	align-items: center;
}

.research_list li a p {
	width: calc(100% - 36px);
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	line-height: 18px;
}

.research_list li a em {
	display: flex;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	border: 1px solid #465160;
	background: #10223c url("/images/file-download-n.png") no-repeat center center;
	text-indent: -9999px;
}

.research_list li a:hover {
	background-color: #417bcf;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.5);
	font-weight: bold;
}

.research_list li a:hover em {
	background-color: #123f80;
	border: none;
}

.research_list li a:active {
	background-color: #1365db;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.5);
	font-weight: bold;
}

.research_list li a:hover em {
	background-color: #123f80;
	border: none;
}

/* panel1 contents - banner list */
.panel1_banner_list {
	position: relative;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 10px;
}
.panel1_banner_list li {
	width: calc(25% - 10px);
	display: flex;
	align-items: center;
	justify-content: center;
}
.panel1_banner_list li a {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 36%;
	overflow: hidden;
}
.panel1_banner_list li a img {
	width: 100%;
	height: auto;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
}

@media (max-width: 1024px){
	.vod_info_tab_area .vod_info_panel {
		min-height: unset;
	}
}