@charset "utf-8";
/*
	공유사항 
	1.  오른쪽 편성표(.pro_list_right)와 탭에 있는 오른쪽 상품정보(.mini-order)는 width크기를 함께한다.
		반응형 간격은 38px로 동일. 
		.right_open .mini-order.vod는 좁은 버전으로 독자적인 크기를 가진다.
	  	
	  	viewport -> width
		1920 -> 426px
		1440 -> 416px
		1280 -> 406px
	2. 2023년 버전 .mini-order는 width 240으로 변경됨.
*/

/* main video area */
.video_info_inner_title .title { float: none; margin: 0; }
.product_des {
	padding: 21px 92px 26px; /* display: flex; */
	font-size: 14px; color: #cee8ed;
}

/* 편성표 style */
.pro_list_right {
	position: absolute; top: 0; bottom: 0; right: 0;
	display:none; width:426px;
	background: #263148 url('../images/img-videolist-bg-h-1370.png') no-repeat;
	color:#fff;
}
.pro_list_right.vod_play, .right_open .pro_list_right { display: block; }
.pro_list_right_title { padding: 0 38px 0; } /* IE반응형 이슈로 padding-top은 js에서 다룸*/
.pro_list_right_title h3 { font-size: 20px; }
.pro_list_right_inner {/*  margin-top: 18px; */ } /* IE반응형 이슈로 margin-top은 js에서 다룸*/
.pro_list_right_guide { /* IE반응형 이슈로 padding-top은 js에서 다룸*/
	border-top: 1px solid #48446d; padding: 16px 38px 0; color: #fff;
}

/* 방숭중인 상품정보 */
.onair_product {
	padding: 0 38px;
}

/* 실시간 채팅 */
.live_chatting_title {
	height: 44px;
	line-height: 44px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-image: linear-gradient(96deg, #742ac4, #4143c2 100%);
	font-size: 17px;
	font-weight: bold;
	color: #fff;
}
.live_chatting_title img {
	margin-right: 4px;
}

/* 전체화면시 우측상품정보 숨기기 */
.pro_list_right.pro_list_right_fullscreen {
	display:none !important;
}
.product-slider.slick-dotted { margin-bottom: 0; }
.product-slider { padding: 0 38px; }
.product-slider .slick-dots {
	top: -41px; bottom: auto; right: 38px;
	text-align: right;
	width: auto;
}
.product-slider .slick-dots li button:before { display: none; }
.product-slider .slick-dots li {
	margin-left: 6px;
	width: auto; height: auto;
}
.product-slider .slick-dots li button {
	width: 10px; height: 10px;
	background: #4b4f51; border-radius: 50%;
}
.product-slider .slick-dots li.slick-active button {
	background: #94fff6;
}
.product_thumb { /* IE반응형 이슈로 height은 js에서 다룸*/
	width: 100%; /* height: 280px; */
	border: 1px solid #4b4f51;
	display: flex; justify-content: center; align-items: center;
	background-color: #fff;
}
.product_thumb_img {
	max-width: 100%;
	max-height: 100%;
}
.product_info{ color:#f3f3f3; }
.product_info .product_subtitle{ /* IE반응형 이슈로 padding-top, bottom은 js에서 다룸*/
	line-height: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
	font-size: 13px; font-weight: bold; padding: 17px 0 10px;
}
.product_info .product_maintitle{ /* IE반응형 이슈로 padding-bottom은 js에서 다룸*/
	font-size: 20px;
	line-height: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	letter-spacing: -0.59px;
	color: #00fff4;
}

.product_price { padding: 20px 20px 30px; overflow: hidden; } /* IE반응형 이슈로 padding-top, bottom은 js에서 다룸*/
.product_price_row {
	display: flex; justify-content: space-between; align-items: center;
	font-size: 14px; color: #fff;
}
.product_price_row:not(:first-child) { /* IE반응형 이슈로 margin-top은 js에서 다룸*/
	/* margin-top: 14px; */
}
.product_price_row .price-d {
	color: #b9b9b9;
}
.product_price_row .price-f { font-weight:bold; }
.product_price_row s { color: #b9b9b9; }
.product_price_row .price{ color:#ff8089; font-weight:bold; font-size:26px; }
.product_submit_btn { /* IE반응형 이슈로 margin-bottom은 js에서 다룸*/
	display: flex; justify-content: center; align-items: center;
	color: #fff; background: #ed0f69; font-weight: bold; font-size: 16px; letter-spacing: -0.06em;
	width: 100%; height: 56px;
	margin: 7px 0 45px !important
	/* margin-bottom: 50px; */
}
.product-order { /* IE반응형 이슈로 margin-bottom은 js에서 다룸*/
	padding: 20px 17px;/*  margin-bottom: 50px; */
	background: url(/images/inf-0-box-bg.jpg) no-repeat center / 100% 100%;
	color: #e4e4e4; font-size: 12px; letter-spacing: -0.06em;
}
.product-order .contact::before {
	content: ''; display: inline-block;
	width:4px;height:4px; margin-right: 6px;
	border-radius:50%;background-color:#acfffa;
}
.product-order .contact {
	display: flex; align-items: center;
	margin-top: 8px; color: #fff; font-size: 15px; font-weight: bold;
}



/*carousel*/
ul.carousel{float:right;padding-top: 20px;}
ul.carousel li{padding: 0px;margin-right: 4px;float:left;}
ul.carousel li a{display:block;box-sizing: border-box; width:9px;height:9px; background-color:#4b4f51;border-radius:50%;}
ul.carousel li button{display:block;box-sizing: border-box; width:9px;height:9px; background-color:#4b4f51;border-radius:50%;}
ul.carousel li.active a {background: #f1f1f1;}
ul.carousel li.slick-active button {background: #f1f1f1;}

/*mini-order*/
.mini-order{
	flex-shrink: 0;
	width: 240px;
	padding: 0;
	position: relative; z-index: 9;
	background-color: #f5f5f6;
}
.mini-order .mini-order-wrapper {
	padding: 33px 15px 18px;
	background-color:#fff;
	border-bottom: 1px solid #d8d8d8;
}
.mini-order.vod {
	width: 240px;
	padding: 0;
}
.mini-order-wrapper > h3 { font-size:18px; margin-bottom: 10px; }
.mini-order-wrapper select { border: 1px solid #c6c6c6; border-radius: 0; width: 100%; height: 33px; margin-bottom: 19px; }
.mini-order-inner { padding-bottom: 8px; }
.mini-order-inner >li >.price-area{ display: flex; justify-content: space-between; align-items: center; font-size:14px; color:#333; }
.mini-order-inner >li >.price-area .price-f{ letter-spacing: -0.075em; font-weight: bold;}
.mini-order-inner >li >.price-area .price{ font-size:24px; letter-spacing: -0.025em; font-weight: bold; }
.mini-order .submit_btn button { width:100%; height: 50px; background: #ed0f69; font-size:16px; }
.right_open .mini-order.vod .submit_btn button { height: 40px; }
.mini-order .submit_btn {
	border-top: 1px solid #c6c6c6;
	padding-top: 15px;
}
.mini-order-buttons {
	padding-bottom: 4px;
}
.mini-order-buttons button {
	height: 36px;
	border-radius: 4px;
	background-color: #e4e5ef;
	width: 100%;
	font-size: 13px;
	font-weight: bold;
	color: #4653a6;
	margin: 12px 0;
}
.mini-order-buttons button:hover {
	background-color: #cdd1ef;
}
.mini-order-buttons button:active {
	background-color: #4653a6;
	color: #fff
}
.mini-order-buttons button.on {
	background-color: #4653a6;
	color: #fff
}

/* Tab area */
.product_info_tab_area {
	position: relative;
	margin: 20px 0px 0 0;
	padding: 0 98px;
}
.vod_play .product_info_tab_area.vod, .right_open .product_info_tab_area.vod {
	margin: 20px 426px 0 0;
	padding-right: 0;
}
.tab {
	display: flex;
	position: relative;
	z-index: 9;
}
.tab li {
	display: flex; align-items: center; justify-content: center;
	width: 220px; height: 44px;
	background-color:#fff; cursor: pointer;
	border: 1px solid #cdcde2;
	border-right-width: 0;
	border-bottom-width: 0;
}
.tab li:last-child { border-right-width: 1px; }
.tab li a { color: #000; font-weight:bold; letter-spacing: -0.075em; font-size: 14px; }
.tab li:hover {
	position: relative;
	box-shadow: 2.2px 3.4px 5px 0 rgba(61, 77, 129, 0.56);
	background-color: #737ec1;
}
.tab li:active, .tab li.active {
	position: relative;
	box-shadow: 2.2px 3.4px 5px 0 rgba(61, 77, 129, 0.56);
	background-color: #4653a6;
}
.tab li:hover a, .tab li:active a, .tab li.active a { color:#fff; }
.product_info_contents {
	display: flex;
	justify-content: space-between;
	border: 1px solid #d8d8d8;
	background: #fff;
}
.product_info_contents .detail_con {
	border: none;
	border-right: 1px solid #d8d8d8;
}
.product_info_panel{
	flex-grow: 1;
	min-height: 700px; border-right: 1px solid #d8d8d8;
	background: #fff;
}

.product_info_tab_area .product_info_panel .panel1 {
	position: relative; padding: 0 45px 30px; display: block; max-height: 1800px;
	overflow: auto;
}
.product_info_tab_area .product_info_panel .panel1 img { width:100%; max-width: 100%; }

/* NOTE: 삭제하지 말아주세요. 확정되지 않음. start */
.panel1_blind {
	position: absolute;
	bottom: 70px;
	left: 0;
	width: 100%;
	height: 80px;
	background: rgba(255,255,255, 0.5);
	background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
}
.panel1_guard {
	position: absolute; bottom: 0px; left: 45px;
	padding-bottom: 30px; width: calc(100% - 90px);
	background: #fff;
}
.product_panel1_more {
	display: flex; justify-content: center; align-items: center;
	height: 40px;
	border: solid 1px #a6a6c6; background: #fff;
	cursor: pointer;
}
.product_panel1_more:hover {
	background-color: #f2f2f2;
}
.product_panel1_more:active {
	border: solid 1px #8484cc;
	background-color: #ffffff;
}
.product_panel1_more .more_text {
	color: #000;
	font-size: 16px;
	font-weight: bold;
	padding-right: 21px;
	background: url(/images/icn-product-info-more.png) no-repeat right;
}
/* NOTE: 삭제하지 말아주세요. 확정되지 않음. end */
.product_info_tab_area .product_info_panel .panel2{display: none;}
.product_info_tab_area .product_info_panel .panel3{display: none;}

/* 쇼핑몰에서 나열되는 영상 리스트  */
.mall_list {
	border-top: 1px solid #48446d;
}
.vod_list_right_title {
	padding: 25px 38px 15px;
}

@media (max-width: 1440px){
	/* vod_info */
	.product_des {
		padding: 21px 50px 26px;
	}

	/* 탭영역 */
	.product_info_tab_area {
		padding-left: 50px;
	}
	.vod_play .product_info_tab_area.vod, .right_open .product_info_tab_area.vod {
		margin: 20px 416px 0 0;
	}

	/* 편성표 */
	.pro_list_right {
		width: 416px;
	}
	.product-slider .slick-dots { top: -39px; }
}

@media (max-width: 1280px){
	/* vod_info */
	.product_des {
		padding: 21px 51px 26px;
	}

	/* 탭영역 */
	.product_info_tab_area {
		padding-left: 51px;
	}
	.vod_play .product_info_tab_area.vod, .right_open .product_info_tab_area.vod {
		margin: 20px 406px 0 0;
	}
	.tab li {
		width: 190px;
	}

	/* 편성표 */
	.pro_list_right {
		width: 406px;
	}
	.product-slider .slick-dots { top: -37px; }
	.product-order .contact { font-size: 14px; }
}