@charset "utf-8";

/*********************** TV편성표 *************************/
.tv_schedule_wrap{padding-bottom: 40px;}
.tv_schedule_wrap .center_tit{margin-top:80px;}
.tv_schedule_wrap .center_tit img{margin-left:8px;vertical-align:-2px;}
.tv_schedule{position:relative;}
/* TV편성 날짜 리스트 영역 개선 - s */
.tv_schedule .date_list{position:relative;height:97px;}
.tv_schedule .date_list .inner{height:97px;border-bottom:1px solid #eee;text-align:center;}
.tv_schedule .date_list.fix .inner{position:fixed;top:0;z-index:13;width:1260px;background:#fff;}
/* TV편성 날짜 리스트 영역 개선 - e */
.tv_schedule .date_list .prev{float: left; margin-top: 40px; margin-left: 25px;}
.tv_schedule .date_list .next{float: right; margin-top: 40px; margin-right: 25px;}
.tv_schedule .date_list .date_wrap{margin-top: 8px; display: inline-block;}
.tv_schedule .date_list ul{}
.tv_schedule .date_list ul li{width: 140px; height: 80px; cursor: pointer; padding-top: 1px;}
.tv_schedule .date_list ul li.on{border: 1px solid #e62642; color: #e62642; padding-top: 0;}
.tv_schedule .date_list ul li .date{font-size: 22px; font-weight: bold; display: block; padding-top: 20px;}
.tv_schedule .date_list ul li .day{font-size: 14px; margin-top: 5px; display: inline-block;}
.tv_schedule_wrap .page_tit_wrap .right .search_box input{font-size:14px;}
.tv_schedule_wrap .page_tit_wrap .btn32{font-size:14px;}

.tv_schedule .product_tbl .title_area .review{position:relative;top:38px;}
.tv_schedule .product_tbl td.price_area a .price{padding-top:0;} /* 20200410 TV편성표 개선 추가수정 */
.tv_schedule .product_tbl td.price_area a .shipping{position:relative;top:15px;}

.tv_search .product_tbl .title_area .review{position:relative;top:38px;}
.tv_search .product_tbl td.price_area a .price{padding-top: 36px;}
.tv_search .product_tbl td.price_area a .shipping{position:relative;top:15px;}

.broadcast{padding-left: 151px;}
.broadcast section{width: 1029px; border-left: 1px solid #eee;}
.broadcast section.on{border-left: 2px solid #e62642;}
.broadcast section .list{width: 980px; margin-left: 67px;}
.broadcast section .list article{height: 181px; padding: 0 20px 20px 20px; position: relative;}
.broadcast section .list article{}
/* .broadcast section .list article.gray{background: #f6f6f6;} *//* 20200406 TV편성표 개선 */
.broadcast section .list article .inner{border-top: 1px solid #eee; padding-top: 20px;}
/* .broadcast section:nth-of-type(1) .list article:nth-of-type(1) .inner{border-top: none;} *//* 20200406 TV편성표 개선 */
.broadcast section .list article .inner.no_border{border-top: none;}
.broadcast section .list article .inner .goods_boxes{margin-top: 0; margin-left: 0;}
.broadcast section .list article .inner .goods_boxes article{padding: 0;}
.broadcast .product_tbl .price_area{text-align:right;padding-right:50px;}
.broadcast .product_tbl .price_area .price span{letter-spacing:-2px;}
.broadcast .product_tbl .price_area{letter-spacing:-1px;}
.broadcast .product_tbl .sale_area{letter-spacing:-2px;}

/* 20200406 TV편성표 개선 - s */
.broadcast section:after{content:"";display:block;clear:both;margin-left:87px;height:1px;background:#ccc;}
.broadcast section .list .tv_wrap{margin:0 20px;}
.broadcast section .list article.gray{height:141px;padding:0 20px;}
.broadcast section .list article.gray .inner{padding:20px 0;background:#f6f6f6;}
.broadcast section .list article.gray .product_tbl td{height:100px;}
.broadcast section .list article.gray .product_tbl .play_area{height:100px;padding-left:40px;}
.broadcast section .list article.gray .product_tbl .play_area a img:nth-of-type(1){width:98px;height:98px;}
.broadcast section .list article.gray .product_tbl .btn_area{padding-right:40px;}
.broadcast section .list article.gray .product_tbl .btn_area a.btn{width:120px;}

.broadcast section .with_prd{position:relative;padding:0 20px;}
.broadcast section .with_prd .tit_txt{padding:30px 0;border-top:1px solid #eee;font-size:16px;line-height:18px;}
.broadcast section .with_prd .tit_txt a{vertical-align:top;}
/* 20200410 TV편성표 개선 추가수정 - s */
.broadcast section .with_prd .btn_with{display:block;width:100%;height:40px;padding:0;text-align:center;font-size:14px;line-height:40px;color:#888;background:#fafafa;}
.broadcast section .with_prd .btn_with:after{content:"";display:inline-block;width:15px;height:40px;margin-left:10px;vertical-align:top;background:url(../../images/down.png) no-repeat center center;}
.broadcast section .with_prd .btn_with.active:after{background:url(../../images/up.png) no-repeat center center;}
.broadcast section .with_prd .prod_type_with{overflow:hidden;border-top:1px solid #eee;}
.broadcast section .with_prd .prod_type_with article{display:none;float:left;width:50%;height:auto;padding:20px 20px 20px 0;border-top:1px solid #eee;}
.broadcast section .with_prd .prod_type_with article:nth-child(1),
.broadcast section .with_prd .prod_type_with article:nth-child(2){display:block;border-top:none;}
.broadcast section .with_prd .prod_type_with article:nth-child(3),
.broadcast section .with_prd .prod_type_with article:nth-child(4){display:block;}
.broadcast section .with_prd .prod_type_with.active article{display:block;}
/* 20200410 TV편성표 개선 추가수정 - e */
.broadcast section .with_prd .product_tbl .title_area{margin-left:20px;}
.broadcast section .with_prd .product_tbl .title_area .btn_area{margin-top:12px;}
.broadcast section .with_prd .product_tbl .title_area .btn_area a{line-height:40px;}
.broadcast section .with_prd .product_tbl .price{display:block;}
.broadcast section .with_prd .product_tbl .benefit{display:block;margin-top:5px;}
/* 20200406 TV편성표 개선 - e */

.time_note{text-align: center; position: absolute; left: -140px; top: 72px;}
.time_note .timebox{width: 140px; height: 36px; border: 1px solid #ccc; border-radius: 17px; padding-top: 11px; font-size: 13px; background: #fff;}
.time_note .timebox.on{border: 2px solid #e62642; color: #e62642;}
.time_note .onair{width: 56px; height: 60px; padding-top: 44px; text-align: center; color: #e62642; font-size: 12px; font-weight: bold; background: url(../../images/on_air.png) no-repeat 50% top; position: absolute; left: -55px; top: 0;}
.time_note .gray{color: #888; font-size: 12px; font-weight: bold; position: absolute; left: -48px; top: 13px;}

.broadcast section .list .banner_cont{padding-left: 20px; padding-top: 20px; position: relative;}
.broadcast section .list .banner_cont .time_note{top: 52px;}

.tv_schedule_non_cont{margin-top: 80px; padding-bottom: 100px;}
.tv_schedule_non_cont article {text-align: center;}
.tv_schedule_non_cont article:nth-child(1){font-size: 24px}
.tv_schedule_non_cont article:nth-child(1) span{color: #e51737;}
.tv_schedule_non_cont article:nth-child(1) p:nth-child(2){padding-top: 14px;}
.tv_schedule_non_cont article:nth-child(1) p:nth-child(2) a{text-decoration: underline; font-size: 14px;}
.tv_schedule_non_cont article:nth-child(1) p .num{font-size: 16px; color: #e62642; margin-left: 4px;}
.tv_schedule_non_cont article:nth-child(2){font-size: 14px; color: #b8b8b8; padding-top: 30px; line-height: 20px}
.tv_schedule_non_cont article:nth-child(3){padding-top: 45px; font-size: 14px; color: #444;}
.tv_schedule_non_cont article:nth-child(3){padding-top: 16px;}
.tv_schedule_non_cont article:nth-child(3) ul li:nth-child(2){padding-top: 15px;}
.tv_schedule_non_cont article:nth-child(3) ul li:nth-child(2) a{width: 167px; height: 60px; padding: 22px 30px; border: 1px solid #ccc;}

.tv_wrap{background: #f5f5f5; padding: 40px 0; /*margin: 0 20px;*/ position: relative; border-top: 1px solid #eee; display: none;}
.tv_wrap .vid_cont{width: 700px; height: 394px; margin: 0 auto;}
.tv_wrap .close{position: absolute; right: 40px; top: 40px; cursor: pointer;}

/*TV편성표 검색결과*/
.tv_search_wrap{padding-bottom: 150px;}
.tv_search_wrap .tv_schedule_non_cont{margin-top: 40px; padding-bottom: 60px;}

.tv_search{border-top: 1px solid #222; width: 1100px; margin: 0 auto;}
.tv_search .outer_line{border-bottom: 1px solid #eee;}
.tv_search section{}
.tv_search section .left_area{width: 62px; float: left;}
.tv_search section .left_area .clock{text-align: center; color: #666; font-size: 13px; font-weight: bold; background: url(../../images/clock.png) no-repeat 50% 0; height: 50px; margin-top: 69px; padding-top: 30px;}
.tv_search section .left_area .clock.bottom{margin-top: 132px;}
.tv_search section .left_area .clock.red{color: #e62642; background-image: url(../../images/clock_on.png);}
.tv_search section .cont_area{float: right; width: 1020px; border-bottom: 1px solid #eee;}
.tv_search section:last-of-type .cont_area{border-bottom: 0}
.tv_search section .cont_area article{padding: 20px 0; border-top: 1px solid #eee;}
.tv_search section .cont_area article.no_border{border-top: 0;}
.tv_search section .cont_area article:nth-of-type(1){border-top: none;}
.tv_search section .cont_area article .product_tbl{}

.tv_search .tv_wrap{width: 100%;}

/*coming soon*/
.tv_schedule_wrap .coming{padding-top: 120px; text-align: center; padding-bottom: 330px;}
.tv_schedule_wrap .coming .pic{}
.tv_schedule_wrap .coming .tit{margin-top: 22px; font-size: 20px;}
.tv_schedule_wrap .coming .note{margin-top: 16px; font-size: 14px; color: #888;}