@charset "utf-8";

html, body{ margin:0; padding:0; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; word-break: break-all; overflow-wrap: break-word;}
/* body { min-width:320px;} */
body {overflow-y:scroll;}

h3{font-weight:bold;font-size:31px;}
/* common form input */
select {
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
	background:#fff url(../../images/select_bg_ar.png) no-repeat right;
	cursor:pointer;
	padding:0 19px 0 11px;
	border:#c6c6c6 solid 1px;
}

select:focus{background-color:#fff}
/*ie 8*/
@media \0screen {
	select{ background:none; }
	body{letter-spacing: -0.1em; }
}
select::-ms-expand {
	display: none;
}

textarea{ padding:12px; font-size:16px;resize:none;}
pre{white-space: pre-wrap; word-break:break-all}

/*color*/
.pink{color:#ed0f69;}
.red{color:#f33;}
.purple{color:#30f;}
.blue{color:#06c;}
.blue2{color:#03c;}
.searchword{color:#2f5ed4;}
.mint{color:#66ffff;}

/*icon*/
.icon_new{display:inline-block; width:21px; height:21px; background:url('../../images/icn-new.png') no-repeat;}
.line_space{margin: 0px 8px;font-size: 0;height: 14px;border-right: #cecece solid 1px;display: inline-block;vertical-align: middle;}

/*status-bar*/
.status-bar{
	display: block; width:100%; height:8px;
	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);
}

/* share icon */
.video_share_area {
	display: flex;
	flex-shrink: 0;
}
.video_share_area .video_share_img_wrapper {
	position: relative;
	cursor: pointer;
	text-align: center;
}
.video_share_area .video_share_img_wrapper img {
	vertical-align: top;
}
.video_share_area .video_share_img_wrapper .hover {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	opacity: 0;
	text-align: center;
}
.video_share_area .video_share_img_wrapper:hover .hover {
	opacity: 1;
}
.video_share_area .video_share_img_wrapper:hover + .video_share_desc {
	color: #ff669c;
}
.video_share_area .video_share_item:not(:last-child) {
	margin-right: 40px;
}
.video_share_area .video_share_item a { display: inline-block; }
.video_share_area .video_share_item img { vertical-align: top; }
.video_share_area .video_share_desc {
	text-align: center;
	line-height: 1;
	font-size: 14px;
	letter-spacing: 0;
	color: #fff;
	font-weight: bold;
	margin-top: 3px;
}
.video_share_area .video_share_desc.selected {
	color: #ff669c;
}

/* 팝업창 style : 현재 display:none;*/
.popup_area{display:none; position:fixed;top:0;left:0;right:0; bottom:0; align-items:center; justify-content:center; font-weight:bold; background-color:rgba(0,0,0,.2); z-index:99}
.popup_area .each_popup{width:510px;background-color:#fff;padding:20px;border:2px solid #000;box-shadow:2.6px 5.4px 10px 0 rgba(0, 0, 0, 0.25);position: relative;}
.popup_area .each_popup img{display:block; margin:0 auto 5px;}

/* 팝업창 내용이 3줄 이상 일시 "확인"버튼이 밀리는 현상으로 주석처리함
.popup_area .popup_delete_confirm{height:308px;}
*/
.popup_area p{padding:0 0 20px 11px ;font-size:26px;/* letter-spacing:-2.08px; */color:#333;border-bottom:1px solid #ccc; text-align:left;}
.popup_area .each_popup >div{text-align: center; overflow:auto}
.popup_area strong{display:block;margin:60px auto;}
.popup_area button{width:228px;height:62px;display:block;float:left;color:#fff;font-size:18px;/* letter-spacing:-1.44px; */}
.popup_area .single{float:none; display:inline-block;}
.popup_area .delete{background-color:#ed0f69;margin-right:10px;}
.popup_area .confirm{background-color:#ed0f69;margin-right:10px;}
.popup_area .complete{background-color:#ed0f69;margin-left:25%;}
.popup_area .cancel{background-color:#424242;}
.each_popup .btn_close{position: absolute;right:23px;top:24px;cursor: pointer;}

.popup_area .popup_delete_complete{height:250px;text-align:center;padding-top:62px;}
.popup_area .filealert >div >p{font-size:14px;/* letter-spacing:-1.05px; */font-weight:400;padding-bottom:30px;border-bottom:0;}
.popup_area .filealert >div strong{margin:40px auto 15px;}

/* checkbox css */
input[class="cb-pink"] {display: none;}
input[class="cb-pink"] + label span {display: inline-block;width: 20px;height: 20px;border: 1px solid #bcbcbc;cursor: pointer;vertical-align:middle;background:url('../../images/icn-check-s.png') bottom no-repeat;margin-right:5px;}
input[class="cb-pink"]:checked + label span{background:url('../../images/icn-check-s.png') bottom no-repeat;background-color: #ed0f69;border: 1px solid #ed0f69;}

input[class="cb-pink-media"] {display: none;}
input[class="cb-pink-media"] + label span {display: inline-block;width: 20px;height: 20px;border: 1px solid #bcbcbc;cursor: pointer;vertical-align:middle;background:url('../../images/icn-check-s.png') bottom no-repeat;margin-right:5px;}
input[class="cb-pink-media"]:checked + label span{background:url('../../images/icn-check-s.png') bottom no-repeat;background-color: #ed0f69;border: 1px solid #ed0f69;}

input[type="text"] {text-indent:10px;}
input::-ms-clear{
	display: none;
}

/* 20200228 kig */
/**[class*="_title"]{text-overflow:ellipsis; overflow:hidden; white-space:nowrap}*/
*[class*="_title"]:not(.video_info_inner_title, .lnb_title){text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
/* 20200302
	- 기존코딩에 줄바꿈 적용이 전혀 안되어 있었음.
	- 일단 전체 적용 후. 상세 페이지에서 하나씩 줄바꿈 걷어 내고 있음.
	TODO: 섬네일 영역의 타이틀 & 게시판 영역의 타이틀만 줄바꿈 적용 해야함.
*/

/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡpopup pageㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/

.close-btn{position: absolute;right:40px;top:30px;}

.btn_box{margin:50px auto 0;overflow:hidden;width:460px;}
.btn_box button{width: 225px;height: 53px;line-height:53px;color: #fff;float: left;font-weight: bold;}
.btn_box button:first-child{margin-right:10px;background-color:#ed0f69;}
.btn_box button:last-child{background-color:#424242;}

.denall_popup .popup-list .popup{margin: 0;}
.denall_popup .popup-list .popup >p{font-size:26px;/* letter-spacing:-1.3px; */text-align:left;border-bottom: 1px solid #ccc;font-weight:700;padding-bottom: 20px;}

.popup .search_area{width:460px;height:40px;margin:20px auto 30px;}
.popup .search_area form fieldset{ border: solid 1px #c1c5cd; background-color: #f7f8fb;}
.popup .search_area form fieldset legend{display:none;}
.popup .search_area form fieldset .search_window{float: left;width:100%;height:40px;line-height:40px;}
.popup .search_area form fieldset .search_window input{width:89%;height:40px;border:0;font-size:16px;background-color: #f7f8fb;}
.popup .search_area form fieldset .search_window >button{width:50px;height:42px;float:right;background:url('../../images/icn-vodsearch-search-n.png') 25% 49% no-repeat;}
.popup .search_area form fieldset .search_window >button:hover{background:url('../../images/icn-vodsearch-search-h.png') 25% 49% no-repeat;}

.total{font-size:24px;font-weight:700;/* letter-spacing:-1.2px; */color:#333;text-align:center;margin-bottom:23px;}

.result-list1{width:100%;}
.result-list1 table{display: block;}
.result-list1 table thead{display:block;width:700px;height:40px;line-height:40px;background-color:#f2f2f3;border-top:2px solid #000;}
.result-list1 table colgroup col:nth-child(1){width:200px;}
.result-list1 table colgroup col:nth-child(2){width:400px;}
.result-list1 table colgroup col:nth-child(3){width:100px;}
.result-list1 table tbody tr{height:55px;line-height:55px;}
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/

/*button*/
.submit_btn button{width:266px;height:63px;background-color:#ed0f69;color:#fff;font-weight:bold;text-align: center;margin:0 auto;}
.submit_btn button:hover{background-color:#f53180;box-shadow: 3px 0.3px 7px 0 rgba(0, 0, 0, 0.23);}
.submit_btn button:active { background: #c80051;}
.noresult >div button.btn-fff{color:#000;background-color:#fff;border:1px solid #999;margin-right:10px;}/*1:1문의 btn*/
.noresult >div button.btn-fff:hover{color:#fff;}

/*table*/
.common_table{ table-layout:fixed;}
td.title{padding:20px; line-height:1.7}
td.table_detail_content{padding:20px !important}
.table_detail_content img{max-width:100%;}

/*share box*/
.share-tooltip{width:400px;height: 136px;padding:30px 30px 20px 22px;background-color:#fff; box-shadow: 0px 2px 10px 0 rgba(125, 125, 125, 0.6);position: absolute;top:90px;right:0;font-size:24px;font-weight:bold;/* letter-spacing:-1.2px; */color:#333;line-height:22px;display:none;z-index: 10}
.share-tooltip >button{position: absolute;top:14px;right:14px}
.share-tooltip p{float: left;margin-bottom: 30px;}
.share-tooltip ul {overflow: hidden;float:right}
.share-tooltip ul >li{float:left;}
.share-tooltip ul >li + li{margin-left: 8px;}
.share-tooltip ul >li:last-child{margin-right:10px;}
.share-tooltip ul >li >a{display:inline-block;}
.share-tooltip ul >li >a >img{margin-top: 0px;}
.share-tooltip >div{width:100%;height:34px;line-height:34px;overflow: hidden;padding-left:8px;}
.share-tooltip >div >input{border:1px solid #d1d1d1;width:258px;height:34px;line-height:34px;display:block;margin-right:4px;float: left;text-indent:5px;font-size:16px;}
.share-tooltip >div >button{border:1px solid #d1d1d1;width:78px;height:34px;font-size:15px;/* letter-spacing:-0.75px; */color:#666;display:block;float:left;}

/* scrollbar */
/*::-webkit-scrollbar {width: 10px;height: 10px;}
::-webkit-scrollbar-button {width: 0px;height: 0px;}
::-webkit-scrollbar-thumb {background:#383838;border: 2px solid #383838;border-radius: 44px;}
::-webkit-scrollbar-thumb:hover {background:#626262;}
::-webkit-scrollbar-thumb:active {background: #979797;}
::-webkit-scrollbar-track {background: #11151a;border: 0px solid #11151a;border-radius: 73px;}
::-webkit-scrollbar-track:hover {background: #11151a;}
::-webkit-scrollbar-track:active {background: #11151a;}
::-webkit-scrollbar-corner {background: transparent;}*/

/* scrollbar */
/* ::-webkit-scrollbar {width: 10px;height: 10px;}
::-webkit-scrollbar-button {width: 0px;height: 0px;}
::-webkit-scrollbar-thumb {background:#cfd1d6;border: 2px solid #cfd1d6;border-radius: 44px;}
::-webkit-scrollbar-thumb:hover {background:#cfd1d6;}
::-webkit-scrollbar-thumb:active {background: #cfd1d6;}
::-webkit-scrollbar-track {background: #f4f5f8;border: none;border-radius: 73px;}
::-webkit-scrollbar-track:hover {background: #f4f5f8;}
::-webkit-scrollbar-track:active {background: #f4f5f8;}
::-webkit-scrollbar-corner {background: transparent;}

::-moz-scrollbar {width: 10px;height: 10px;}
::-moz-scrollbar-button {width: 0px;height: 0px;}
::-moz-scrollbar-thumb {background:#cfd1d6;border: 2px solid #cfd1d6;border-radius: 44px;}
::-moz-scrollbar-thumb:hover {background:#cfd1d6;}
::-moz-scrollbar-thumb:active {background: #cfd1d6;}
::-moz-scrollbar-track {background: #f4f5f8;border: none;border-radius: 73px;}
::-moz-scrollbar-track:hover {background: #f4f5f8;}
::-moz-scrollbar-track:active {background: #f4f5f8;}
::-moz-scrollbar-corner {background: transparent;}

::-ms-scrollbar {width: 10px;height: 10px;}
::-ms-scrollbar-button {width: 0px;height: 0px;}
::-ms-scrollbar-thumb {background:#cfd1d6;border: 2px solid #cfd1d6;border-radius: 44px;}
::-ms-scrollbar-thumb:hover {background:#cfd1d6;}
::-ms-scrollbar-thumb:active {background: #cfd1d6;}
::-ms-scrollbar-track {background: #f4f5f8;border: none;border-radius: 73px;}
::-ms-scrollbar-track:hover {background: #f4f5f8;}
::-ms-scrollbar-track:active {background: #f4f5f8;}
::-ms-scrollbar-corner {background: transparent;}

::-o-scrollbar {width: 10px;height: 10px;}
::-o-scrollbar-button {width: 0px;height: 0px;}
::-o-scrollbar-thumb {background:#cfd1d6;border: 2px solid #cfd1d6;border-radius: 44px;}
::-o-scrollbar-thumb:hover {background:#cfd1d6;}
::-o-scrollbar-thumb:active {background: #cfd1d6;}
::-o-scrollbar-track {background: #f4f5f8;border: none;border-radius: 73px;}
::-o-scrollbar-track:hover {background: #f4f5f8;}
::-o-scrollbar-track:active {background: #f4f5f8;}
::-o-scrollbar-corner {background: transparent;}
 */

/* 결과없음 */
.noresult{border-top:1px solid #e4e4e4; padding:80px 0;}
.noresult >div >p{text-align:center;font-size:22px;font-weight:bold;color:#333;margin-bottom:24px;padding:0;}
.noresult >div >p >span{color:#2f5ed4;}
.noresult >div >p strong:first-child{font-size:18px;margin-bottom:6px;display:block;font-weight: normal;}
.noresult >div >p strong:last-child{font-size:16px;margin-bottom:34px;display:block;font-weight: normal;}
.noresult >div >p img{display:block;margin:0 auto 10px;}
.noresult >div button{width:302px;height:60px;text-align:center;color:#fff;font-weight:bold;font-size:18px;/* letter-spacing:-1.08px; */background-color:#ed0f69;margin:0 auto;}
.noresult >div button:hover{background-color:#f53180;box-shadow: 3px 0.3px 7px 0 rgba(0, 0, 0, 0.23);}
.noresult >div button:active { background: #c80051; }

.noresult-l >div >p{padding:0;}

/* 동영상 카드 */
.card_vod {
	box-shadow: 0 0 4.9px 0.1px rgba(28, 34, 36, 0.15);
	border: solid 1px #dbdbdb;
	border-radius: 3px;
	outline: 0; cursor: pointer;
	margin-bottom: 10px;
}
.card_vod:hover {
	box-shadow: 0px 4px 6.9px 0.1px rgba(47, 111, 165, 0.5);
}
.card_vod_thumbWrapper {
	position: relative;
	padding-top: 56.11%;
	overflow: hidden;
	background: #cccccc url(../../images/img-no-movie-n.png) no-repeat center;
}
.card_vod_thumbWrapper .status-bar_wrapper {
	position: absolute; bottom: 0; left: 0;
	width: 100%; height: 8px;
}
.card_vod_thumb {
	position: absolute; top: 50%; left: 50%;
	max-width: 100%;
	height: 100%;
	transform: translate(-50%, -50%);
}
.card_vod_time {
	position: absolute;
	bottom: 10px;
	right: 10px;
	background: #1c1818;
	opacity: 0.75;
	width: 50px;
	height: 18px;
	line-height: 16px;
	padding-left: 1px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	letter-spacing: 0.1em;
	font-size: 10px;
}
.card_vod_info {
	position: relative;
	height: 85px;
	background: #fff;
	padding: 7px 14px 8px 11px;
}
.card_vod_info .card_vod_info_title {
	color: #333;
	font-size: 14px;
	font-weight: bold;
	white-space: normal;
	line-height: 1.29em;
	max-height: 2.58em;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.card_vod_info_subject {
	color: #1f62c7;
	font-size: 13px;
	margin-top: 2px;
}
.card_vod_info_desc {
	display: flex;
	margin-top: -1px;
	font-size: 12px;
	color: #828b95;
}
.card_vod_info_viewName {
	margin-right: 6px;
}
.card_vod_info_beforeDay {
	display: flex;
	align-items: center;
}
.card_vod_info_beforeDay::before {
	content: ' ';
	display: block;
	width: 3px;
	height: 3px;
	background: #d4d8de;
	margin: -1px 5px 0 4px;
}
.card_vod_heart {
	position: absolute;
	bottom: 1px;
	right: 6px;
	width: 38px;
	height: 38px;
	background: url(/images/icn-thumbnail-heart-m-n.png) no-repeat center;
	cursor: pointer;
}
.card_vod_heart:hover {
	background-image: url(/images/icn-thumbnail-heart-m-h.png);
}
.card_vod_heart.selected {
	background-image: url(/images/icn-thumbnail-heart-m-s.png);
}
/* 플로팅 메뉴 home/top/bottom 버튼 */
.side_menu{
	display: none;
	position: fixed;
	right: 5px;
	bottom: 20px;
}
.side_menu .link_home,
.side_menu .goto {
	width: 50px;
	height: 50px;
	display: block;
}
.side_menu .home_menu{
	margin-top: 5px;
	margin-bottom: 5px;
}
.side_menu .link_home{
	border: 1px solid #282828;
	background: #393939 url('/images/icn-miniplayer-home-h.png') no-repeat center 60%;
}
.side_menu .link_home:hover{
	border: 1px solid #454545;
	background-color: #545454;
}
.side_menu .link_home:active{
	border: 1px solid #070606;
	background-color: #1d1b1b;
}
.side_menu .goto_top,
.side_menu .goto_bottom{
	border: 1px solid #555c6c;
}
.side_menu .goto_top{
	background: #5e6678 url('/images/icn-miniplayer-scroll-top.png') no-repeat center;
	border-bottom: 0;
}
.side_menu .bottom_menu{
	position: relative;
}
.side_menu .bottom_menu:before{
	content:'';
	display: block;
	position: absolute;
	top: 0;
	left: 10px;
	width: 30px;
	height: 1px;
	background-color: #9095a2;
}
.side_menu .goto_bottom{
	background: #5e6678 url('/images/icn-miniplayer-scroll-botton.png') no-repeat center;
	border-top: 0;
}
.side_menu .goto_top:hover,
.side_menu .goto_bottom:hover{
	background-color: #7f8694;
	border: 1px solid #7f8694;
}
.side_menu .goto_top:active,
.side_menu .goto_bottom:active{
	background-color: #4a5160;
	border: 1px solid #4a5160;
}

.side_menu .goto_sns {
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: -1px;
}
.side_menu .link_sns{
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #282828;
	background: #393939;
}

.side_menu .link_sns img {
	width:32px;
}
.side_menu .link_sns:hover{
	border: 1px solid #454545;
	background-color: #545454;
}
.side_menu .link_sns:active{
	border: 1px solid #070606;
	background-color: #1d1b1b;
}

/* pagenation style */
/* .pagenation{width:600px;margin:84px auto 111px;line-height:36px;text-align:center;overflow:hidden;} */
.pagenation{display: flex; justify-content:center; margin:0 auto;line-height:36px;text-align:center;overflow:hidden;/*width:270px; width: 440px;*/}
/* 화살표와 숫자 123 있을때의 너비- 나머지 경우의수 자바스크립트로 개발쪽에서 해결, block 이 아닐경우 가운데 정렬불가*/
.pagenation >ul{float: left;margin-right:9px;}
.pagenation >ul:last-child{margin-right:0px;}
.pagenation >ul li{float: left;width:36px;height:34px;border:1px solid #c0c0c0;border-right:0;background-color:#f5f5f5;cursor: pointer;}
.pagenation >ul li:last-child{border-right:1px solid #c0c0c0;}
.pagenation >ul li a{display:block; width:36px;height:34px; color:#999;font-size:14px;/* letter-spacing:-1.82px; */}
.pagenation >ul li:hover{background-color:#797b7f;}
.pagenation >ul li:hover a{color:#e0e0e0;}

/* pagenation style - active */
.pagenation >ul li.active{background-color:#424242}
.pagenation >ul li.active a{color:#e0e0e0;}

/* 댓글영역 - vod_pro_home_playing.css 에서 가져옴 */
.vod_comment_title {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 10px;
	display: flex;
	align-items: center;
}
.vod_comment_text {
	letter-spacing: 0;
}
.vod_comment_count{
	margin-left: 8px;
	color: #33f;
}
.vod_comment_count.total_count{
	line-height: 1;
}
.vod_comment_refresh{
	margin-left: 16px;
	vertical-align: middle;
	cursor: pointer;
}
.my_comment{
	display: inline-block;
	width: 30px;
	height: 16px;
	background: url('/images/icon-reply-me.png') no-repeat center;
}
.vod_comment_writingBox{
	display: flex;
	justify-content: space-between;
}
.vod_comment_area .cbox_text {
	flex-grow: 1;
	color: #000;
	font-size: 14px;
	vertical-align: top;
	margin-right: 3px;
}
.wrap_btn_txt{
	align-self:flex-start;
	display: flex;
	justify-content: flex-end;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
}
.wrap_btn_txt .cbox_btn_txt_cancel,
.wrap_btn_txt .cbox_btn_txt_upload{
	display: inline-block;
	width: 100px;
	height: 38px;
	line-height: 38px;
}
.wrap_btn_txt .cbox_btn_txt_cancel{
	background-color: #424242;
}
.wrap_btn_txt .cbox_btn_txt_upload{
	background-color: #ed0f69;
	margin-left: 1px;
}

.wrap_vod_comment_heading{
	display: flex;
	align-items: center;
	border-bottom: 2px solid #000;
}
.wrap_vod_comment_heading .vod_comment_heading{
	padding: 8px 0;
	letter-spacing: -0.1em;
	font-size: 20px;
	font-weight: bold;
}
.vod_comment_heading .total_comment_count{
	color: #33f;
	letter-spacing: normal;
}
.wrap_vod_comment_heading .vod_comment_refresh{
	width: 22px;
	height: 22px;
	margin: 4px 0 0 10px;
	cursor: pointer;
}

/* 댓글 없을 때  */
.no_comment{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 62px;
	border-bottom: 1px solid #e2e2e2;
}
.no_comment .guide_no_comment{
	font-size: 14px;
	color: #6c6b6b;
	margin-top: 6px;
}
.no_comment .guide_no_comment:before{
	content: url(/images/icn-no-con-n.png);
	vertical-align: middle;
	margin-right: 6px;
}


/* 댓글 리스트 영역*/
.vod_comment_listBox {
	padding-top: 3px;
}
.vod_comment_listBox .comment {
	position: relative;
	padding: 14px 0;
	border-bottom: 1px solid #e2e2e2;
}
.vod_comment_listBox .comment.comment_reply .comment_inner {
	padding-left: 20px;
}
.comment_reply_img {
	position: absolute;
	left: 0;
	top: 14px;
}
.comment_writer_info {
	font-size: 16px;
	color: #000;
	letter-spacing: -0.075em;
	display: flex;
	align-items: center;
	font-weight: bold;
}
.comment_writer_info img {
	margin-left: 10px;
	height: 17px;
}
.comment_writer_info .wrote_date {
	font-size: 13px;
	color: #999;
	margin-left: 10px;
}
.comment_desc {
	font-size: 14px;
	margin-top: 5px;
	color: #333;
	line-height: 1.43;
}

.comment .delete_btn {
	position: absolute;
	right: 0;
	top: 15px;
	width: 17px;
	height: 17px;
	background: #adadad url('/images/icon-delete.png') no-repeat center;
	cursor: pointer;
	z-index: 1;
}
.comment .delete_btn:hover{
	background-color: #b7b7b7;
}
.comment .delete_btn:active{
	background-color: #868686;
}

.vod_comment_more {
	width: 100%;
	border: solid 1px #a8a8be;
	background-color: #f5f5f6;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: bold;
	color: #333;
	font-size: 14px;
	height: 40px;
}
.vod_comment_more:after{
	content: url('/images/icn-reply-info-more.png');
	margin: -3px 0 0 9px;
}
.vod_comment_more:hover {
	background-color: #ededee;
}
.vod_comment_more:active {
	background-color: #f5f5f6;
	border: solid 1px #a8a8be;
}
.vod_comment_more:focus {
	border: solid 1px #a8a8be;
}

.vod_comment_hide {
	width: 100%;
	border: solid 1px #a8a8be;
	background-color: #f5f5f6;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: bold;
	color: #333;
	font-size: 14px;
	height: 40px;
}
.vod_comment_hide:after{
	content: url('/images/icn-reply-info-hide.png');
	margin: -3px 0 0 9px;
}
.vod_comment_hide:hover {
	background-color: #ededee;
}
.vod_comment_hide:active {
	background-color: #f5f5f6;
	border: solid 1px #a8a8be;
}
.vod_comment_hide:focus {
	border: solid 1px #a8a8be;
}


/* 댓글 영역 - base.css 에 있었던 것 */
.comment_list{width:100%;}
.comment_list .comment_list_title{padding: 8px 0; letter-spacing: -0.1em; border-bottom:2px solid #333; display: flex; align-items: center;}
.comment_list .comment_list_title p{color: #333; letter-spacing: -0.1em; font-size: 20px;font-weight: bold;}
.comment_list .comment_list_title p strong{color:#3333ff; letter-spacing: normal;}
.comment_list .comment_list_title .vod_comment_refresh{	width: 22px; height: 22px; margin: 0 0 0 10px; cursor: pointer;}
.comment_list .comment_list_title a{display: inline-block;}
.comment_list .comment_list_title a:hover .restart-n{display: none;}
.comment_list .comment_list_title a:hover .restart-h{display: block;}


.comment_list_inner{width:100%; padding-top: 15px;}
.comment_list_inner .comment{padding:14px 0;border-bottom:1px solid #e2e2e2;overflow: hidden;position: relative;}
.comment_list_inner .comment:first-child{padding: 0 0 14px;}
.comment_list_inner .comment::after{content:"";display: block;clear: both;}
.comment_list_inner .comment.comment_reply{ display:flex; flex-direction:row; padding-left: 20px; }
.comment_list_inner .comment.comment_reply .img_area{ margin-right:20px; width:auto;}
.comment_list_inner .comment .comment_inner{width:100%;float: left;}
.comment_list_inner .comment .comment_inner .comment_writer_info{width:100%; display:flex; align-items:center;}
.comment_list_inner .comment .comment_inner .comment_writer_info .writer_name{font-size: 16px;font-weight:bold; letter-spacing:-0.075em;color:#333;float: left; margin-right: 6px;}
.comment_list_inner .comment .comment_inner .comment_writer_info img{float: left;margin-right:4px;}
.comment_list_inner .comment .comment_inner .comment_writer_info .wrote_date{font-size:13px;color:#999;float:left; margin-left: 2px; font-weight: bold;}
.comment_list_inner .comment .comment_inner .comment_desc{display: block;width:87%;}

/* vod list 공통 설정 */
/* 섬네일 스타일은 3개  1.공통 , 2.마이페이지, 3.편성표  */
/* 기본 섬네일 */
.default_thumb_img{background:#f4f4f4 url('../../images/vod-bg.png') no-repeat center;}
*.video_list_each_info{width:auto !important;height:auto;color:#fff;position: absolute;bottom:12px; left:16px; right:16px;}
*.sub_title{display:block;font-size:13px;/* letter-spacing:-1.3px; */ text-overflow: ellipsis;white-space: nowrap; overflow: hidden; text-shadow: 0 0 8.6px #000;}
*.main_title{display:block; font-weight:bold;font-size:19px;/* letter-spacing:-0.95px; */text-shadow: #000; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; text-shadow: 0 0 16.7px #000;}
.common_vod_list{margin:0 -5px;}
.common_vod_item{position: relative;float: left;margin:0 5px 20px; cursor: pointer;}/*transition:all 0.2s;*/
.common_vod_item .pro_title, .sub_title_area .pro_title{font-size:18px;/* letter-spacing:-1.8px; */ text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.common_vod_item .img_gradation{position:absolute; left:0;right:0; top:0;bottom:0; background:url('../../images/img-thumbnail-gradation-n.png') no-repeat bottom;}
.common_vod_item:hover .img_gradation{background-image:url('../../images/img-thumbnail-gradation-h.png');}
.common_vod_item .common_vod_item--wrap{position:relative; transition:all 0.2s;}
.common_vod_item:hover .common_vod_item--wrap{ margin-top:-10px;   margin-bottom:10px;}
.common_vod_item .common_vod_item--bgbox{display:block; height:180px; overflow:hidden; background:#f4f4f4 url('../../images/vod-bg.png') no-repeat center;}
.common_vod_item .common_vod_item--bgbox img{width:100%; height:auto;}
img.common_vod_item--bg[src=''], img[src='']{display:none;}

/* 동영상 한개 샘플 title */
.vod_option_container{display:flex; flex-direction:row; }
.vod_option_container .sub_title{font-size:13px;/* letter-spacing:-1.3px; */text-shadow:#000;}
.vod_option_container .main_title{font-weight:bold;font-size:19px;/* letter-spacing:-0.95px; */text-shadow: #000;}
.vod_option_container .view_counting{display:block;color:#adffff;font-size:12px;float:left;letter-spacing: 0.2px;}
.vod_option_container .since_date{display:block;color:#adffff;font-size:12px;margin-left:10px;float:left; flex:1}
.common_vod_item .video_time{width:54px;height:22px;line-height:22px;background-color:rgba(0,0,0,0.7);color:#e0e0e0;font-size:13px;text-align:center;float: right; position: absolute;top:0;right:0;}
.vod_option_container .heart { position: absolute; bottom: 5px; right: 0; }
.vod_option_container .heart img { vertical-align: top; }
/*hover 스타일은 각각 적용*/
.common_vod_list.recommend_vod_list .common_vod_item:hover .common_vod_item--wrap,
.common_vod_list.vod_pro_home_vod_list .common_vod_item:hover .common_vod_item--wrap,
.common_vod_list.vod_list .common_vod_item:hover .common_vod_item--wrap{box-shadow: 0px 14px 12.9px 0.1px rgba(97, 45, 197, 0.45);}
.recommend_vod_list li:nth-child(5n) { margin-right: 0; }


.eventpopup{position: absolute;top:94px;left:60px;z-index: 10;border: 1px solid #3f3f3f;box-shadow: 0px 4px 14px 0px rgba(0,0,0,1);width:300px;}
.eventpopup >img{display: block;}
.eventpopup >div.eventpopup-closebtn{width:100%;height:36px;line-height:36px; font-size:12px;background-color:#2b3133;color:#fff;text-align: center;/* letter-spacing: -0.3px; */}
.eventpopup >div.eventpopup-closebtn .pop-right{float: left;width:50%;}
.eventpopup >div.eventpopup-closebtn .pop-left >img{position: relative;top:2px;right:-23px;}
.eventpopup >div.eventpopup-closebtn a{color:#fff;}
/*.eventpopup >div.eventpopup-closebtn .pop-left{float:left;width:50%;}*/
.eventpopup >div.eventpopup-closebtn .pop-left{position:relative; float:left;width:50%;/* text-align: left; */}
.eventpopup >div.eventpopup-closebtn .pop-left:after{content:""; position:absolute; right:0; top:12px; width:1px; height:13px; background-color:#656565;}


/*공통 레이아웃*/
#wrap { margin-top: 93px; } /* header 높이만큼 적용 */
.l-inner {
	width: 1920px;
	max-width: calc(100% - 184px); /* 1920기준 디자인 여백 184 = 92 * 2 */
	margin: 0 auto;
}

.l-inner-full {
	width: 1920px;
	max-width: 100%;
	margin: 0 auto;
}
.l-inner-full::-webkit-scrollbar {
	display: none; /* 영상 전체 화면 스크롤바 제거 */
}
@media (min-width: 1921px) {
	.l-inner {
		max-width: calc(1920px - 184px);
	}
	.l-inner.fullInner { /* l-inner-full안에 들어가야하는 inner들 1920넘어갈 때 레이아웃 깨지지 않도 */
		max-width: calc(100% - 184px);
	}
}
@media (max-width: 1440px) {
	.l-inner {
		max-width: calc(100% - 100px); /* 1440기준 디자인 여백 120 = 50 * 2 */
	}
	.l-inner-full {
		width: 1440px;
	}
}
@media (max-width: 1280px) {
	.l-inner {
		max-width: calc(100% - 102px); /* 1280기준 디자인 여백 100 = 51 * 2 */
	}
	#denallFoot, #wrap, .l-inner-full {
		width: 1280px;
	}
}

.fullscreen_scroll_container {
	display:none;
	position: absolute;
	height: 200px;
	bottom: 60px;
	left: 30%;
	width: 40%;
}
.fullscreen_scroll_container .down_on_fullscreen{
	position: absolute;
	font-size: 1.2em;
	left: 50%;
	bottom: 0px;
	transform: translateX(-50%);
	color: #fff;
	z-index: 99999;
	/* mouse hovering timeout*/
	animation: disappear 3s linear none;
	opacity: 0;
	transition: all .1s ease-in-out;
}

@keyframes disappear {
	0%,
	100% {
		opacity: 0;
	}
	10% {
		opacity: 1;
	}
	90% {
		opacity: 1;
	}
}

.fullscreen_scroll_container:hover .down_on_fullscreen{
	opacity: 1;
}

.main_video_wrapper.wrapper_fullscreen {
	width: 100%
}


/* body {
	margin: 0px;
	overflow:hidden;
} */

.main_popup {background-color: #2b3133;}
.main_popup>a>img {display: block;}
.main_popup>div.main_popup-closebtn {width: 100%;height: 39px;font-size: 12px;background-color: #2b3133;color: #fff;text-align: center;letter-spacing: -0.3px;}
.main_popup>div.main_popup-closebtn .pop-left>img {position: relative;top: 2px;right: -80px;}
.main_popup>div.main_popup-closebtn a {color: #fff;}
.main_popup>div.main_popup-closebtn .pop-left {
	float: left;
	width: 50%;
	position: relative;
	line-height: 39px; /*추가*/
	text-align: center; /*추가*/
}
.main_popup>div.main_popup-closebtn .pop-right {
	/* float: left; */ /*제거*/
	width: 50%;
	line-height: 39px; /*추가*/
	display: inline-block; /*추가*/
	position: relative; /*추가*/
}
.main_popup>div.main_popup-closebtn .pop-left:after {
	content: "";
	position: absolute;
	right: 0;
	top: 12px; /* 12px로 변경 */
	width: 1px;
	height: 13px;
	background-color: #656565;
}